@acoustte-digital-services/digitalstore-controls-dev 0.8.1-dev.20260420071504 → 0.8.1-dev.20260420114708

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.
package/dist/index.js CHANGED
@@ -3715,33 +3715,34 @@ var ImageNode = (props) => {
3715
3715
  const isHls = imageUrl?.endsWith(".m3u8");
3716
3716
  const renderMedia = () => {
3717
3717
  if (isHls) {
3718
- return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
3719
- HlsPlayer2,
3720
- {
3721
- assetUrl: imageUrl,
3722
- posterUrl,
3723
- intrinsicWidth: props.node.intrinsicWidth,
3724
- intrinsicHeight: props.node.intrinsicHeight,
3725
- showControls: props.node.showControls === "true",
3726
- loop: props.node.loop === "true",
3727
- playOptions: props.node.playOptions,
3728
- apiBaseUrl: props.apiBaseUrl,
3729
- session: props.session
3730
- }
3731
- );
3732
- } else {
3733
- return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react34.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
3734
- "img",
3735
- {
3736
- style: styles,
3737
- loading: "lazy",
3738
- className: "object-cover",
3739
- src: imageUrl,
3740
- width: props.node.intrinsicWidth,
3741
- alt: props.node.title,
3742
- height: props.node.intrinsicHeight
3743
- }
3744
- ) });
3718
+ return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_jsx_runtime44.Fragment, { children: [
3719
+ /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
3720
+ HlsPlayer2,
3721
+ {
3722
+ assetUrl: imageUrl,
3723
+ posterUrl,
3724
+ intrinsicWidth: props.node.intrinsicWidth,
3725
+ intrinsicHeight: props.node.intrinsicHeight,
3726
+ showControls: props.node.showControls === "true",
3727
+ loop: props.node.loop === "true",
3728
+ playOptions: props.node.playOptions,
3729
+ apiBaseUrl: props.apiBaseUrl,
3730
+ session: props.session
3731
+ }
3732
+ ),
3733
+ /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react34.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
3734
+ "img",
3735
+ {
3736
+ style: styles,
3737
+ loading: "lazy",
3738
+ className: "object-cover",
3739
+ src: imageUrl,
3740
+ width: props.node.intrinsicWidth,
3741
+ alt: props.node.title,
3742
+ height: props.node.intrinsicHeight
3743
+ }
3744
+ ) })
3745
+ ] });
3745
3746
  }
3746
3747
  };
3747
3748
  if (props.node.width) {
package/dist/index.mjs CHANGED
@@ -2637,7 +2637,7 @@ var DeviceAssetSelector = ({
2637
2637
  var DeviceAssetSelector_default = DeviceAssetSelector;
2638
2638
 
2639
2639
  // src/components/pageRenderingEngine/nodes/ImageNode.tsx
2640
- import { Fragment as Fragment3, jsx as jsx39 } from "react/jsx-runtime";
2640
+ import { Fragment as Fragment3, jsx as jsx39, jsxs as jsxs25 } from "react/jsx-runtime";
2641
2641
  var HlsPlayer = dynamic(() => import("./HlsPlayer-FFEIK6FG.mjs"), {
2642
2642
  ssr: false
2643
2643
  });
@@ -2729,33 +2729,34 @@ var ImageNode = (props) => {
2729
2729
  const isHls = imageUrl?.endsWith(".m3u8");
2730
2730
  const renderMedia = () => {
2731
2731
  if (isHls) {
2732
- return /* @__PURE__ */ jsx39(
2733
- HlsPlayer,
2734
- {
2735
- assetUrl: imageUrl,
2736
- posterUrl,
2737
- intrinsicWidth: props.node.intrinsicWidth,
2738
- intrinsicHeight: props.node.intrinsicHeight,
2739
- showControls: props.node.showControls === "true",
2740
- loop: props.node.loop === "true",
2741
- playOptions: props.node.playOptions,
2742
- apiBaseUrl: props.apiBaseUrl,
2743
- session: props.session
2744
- }
2745
- );
2746
- } else {
2747
- return /* @__PURE__ */ jsx39(React30.Fragment, { children: /* @__PURE__ */ jsx39(
2748
- "img",
2749
- {
2750
- style: styles,
2751
- loading: "lazy",
2752
- className: "object-cover",
2753
- src: imageUrl,
2754
- width: props.node.intrinsicWidth,
2755
- alt: props.node.title,
2756
- height: props.node.intrinsicHeight
2757
- }
2758
- ) });
2732
+ return /* @__PURE__ */ jsxs25(Fragment3, { children: [
2733
+ /* @__PURE__ */ jsx39(
2734
+ HlsPlayer,
2735
+ {
2736
+ assetUrl: imageUrl,
2737
+ posterUrl,
2738
+ intrinsicWidth: props.node.intrinsicWidth,
2739
+ intrinsicHeight: props.node.intrinsicHeight,
2740
+ showControls: props.node.showControls === "true",
2741
+ loop: props.node.loop === "true",
2742
+ playOptions: props.node.playOptions,
2743
+ apiBaseUrl: props.apiBaseUrl,
2744
+ session: props.session
2745
+ }
2746
+ ),
2747
+ /* @__PURE__ */ jsx39(React30.Fragment, { children: /* @__PURE__ */ jsx39(
2748
+ "img",
2749
+ {
2750
+ style: styles,
2751
+ loading: "lazy",
2752
+ className: "object-cover",
2753
+ src: imageUrl,
2754
+ width: props.node.intrinsicWidth,
2755
+ alt: props.node.title,
2756
+ height: props.node.intrinsicHeight
2757
+ }
2758
+ ) })
2759
+ ] });
2759
2760
  }
2760
2761
  };
2761
2762
  if (props.node.width) {
@@ -2767,7 +2768,7 @@ var ImageNode_default = ImageNode;
2767
2768
 
2768
2769
  // src/components/pageRenderingEngine/nodes/LinkNode.tsx
2769
2770
  import dynamic2 from "next/dynamic";
2770
- import { Fragment as Fragment4, jsx as jsx40, jsxs as jsxs25 } from "react/jsx-runtime";
2771
+ import { Fragment as Fragment4, jsx as jsx40, jsxs as jsxs26 } from "react/jsx-runtime";
2771
2772
  var LinkNodeButton = dynamic2(() => import("./LinkNodeButton-DFS25WUO.mjs"), {
2772
2773
  ssr: false
2773
2774
  });
@@ -2841,7 +2842,7 @@ var LinkNode = (props) => {
2841
2842
  return null;
2842
2843
  };
2843
2844
  if (isButton) {
2844
- return /* @__PURE__ */ jsxs25(
2845
+ return /* @__PURE__ */ jsxs26(
2845
2846
  LinkNodeButton,
2846
2847
  {
2847
2848
  node,
@@ -2859,7 +2860,7 @@ var LinkNode = (props) => {
2859
2860
  }
2860
2861
  );
2861
2862
  }
2862
- return /* @__PURE__ */ jsxs25(
2863
+ return /* @__PURE__ */ jsxs26(
2863
2864
  Hyperlink,
2864
2865
  {
2865
2866
  href: linkUrl || "#",
@@ -3037,7 +3038,7 @@ var DatafieldNode = (props) => {
3037
3038
  var DatafieldNode_default = DatafieldNode;
3038
3039
 
3039
3040
  // src/components/pageRenderingEngine/nodes/ParagraphNode.tsx
3040
- import { Fragment as Fragment5, jsx as jsx44, jsxs as jsxs26 } from "react/jsx-runtime";
3041
+ import { Fragment as Fragment5, jsx as jsx44, jsxs as jsxs27 } from "react/jsx-runtime";
3041
3042
  var ParagraphNode = (props) => {
3042
3043
  const NodeTypes2 = {
3043
3044
  ["text"]: TextNode_default,
@@ -3071,7 +3072,7 @@ var ParagraphNode = (props) => {
3071
3072
  ) }, index);
3072
3073
  }) });
3073
3074
  }
3074
- return /* @__PURE__ */ jsxs26("div", { className: " " + formatClasses, children: [
3075
+ return /* @__PURE__ */ jsxs27("div", { className: " " + formatClasses, children: [
3075
3076
  hasChildren && props.node.children.map((node, index) => {
3076
3077
  const SelectedNode = NodeTypes2[node.type];
3077
3078
  return /* @__PURE__ */ jsx44(React32.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx44(
@@ -3159,12 +3160,12 @@ var ListItemNode = (props) => {
3159
3160
  var ListItemNode_default = ListItemNode;
3160
3161
 
3161
3162
  // src/components/pageRenderingEngine/nodes/ListNode.tsx
3162
- import { jsx as jsx47, jsxs as jsxs27 } from "react/jsx-runtime";
3163
+ import { jsx as jsx47, jsxs as jsxs28 } from "react/jsx-runtime";
3163
3164
  var ListNode = (props) => {
3164
3165
  const NodeTypes2 = {
3165
3166
  listitem: ListItemNode_default
3166
3167
  };
3167
- return /* @__PURE__ */ jsxs27(React35.Fragment, { children: [
3168
+ return /* @__PURE__ */ jsxs28(React35.Fragment, { children: [
3168
3169
  props.node.listType == "bullet" && /* @__PURE__ */ jsx47("ul", { children: props.node.children && props.node.children.map((node, index) => {
3169
3170
  const SelectedNode = NodeTypes2[node.type];
3170
3171
  return /* @__PURE__ */ jsx47(React35.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx47(SelectedNode, { node, dataitem: props.dataitem, routeParameters: props.routeParameters }) }, index);
@@ -3196,7 +3197,7 @@ var QuoteNode_default = QuoteNode;
3196
3197
  // src/components/pageRenderingEngine/nodes/CodeNode.tsx
3197
3198
  import React37 from "react";
3198
3199
  import dynamic3 from "next/dynamic";
3199
- import { jsx as jsx49, jsxs as jsxs28 } from "react/jsx-runtime";
3200
+ import { jsx as jsx49, jsxs as jsxs29 } from "react/jsx-runtime";
3200
3201
  var CopyButton = dynamic3(() => import("./CopyButton-XONTQQW7.mjs"), {
3201
3202
  ssr: false,
3202
3203
  // optional: fallback UI while loading
@@ -3214,8 +3215,8 @@ var CodeNode = (props) => {
3214
3215
  if (node.type === "link") return node.text || node.url || "";
3215
3216
  return "";
3216
3217
  }).join("") ?? "";
3217
- return /* @__PURE__ */ jsxs28("div", { children: [
3218
- /* @__PURE__ */ jsxs28("div", { className: "flex items-center relative bg-neutral-strong px-4 py-3 text-xs font-sans justify-between rounded-t-md ", children: [
3218
+ return /* @__PURE__ */ jsxs29("div", { children: [
3219
+ /* @__PURE__ */ jsxs29("div", { className: "flex items-center relative bg-neutral-strong px-4 py-3 text-xs font-sans justify-between rounded-t-md ", children: [
3219
3220
  /* @__PURE__ */ jsx49("span", { children: "Code Snippet" }),
3220
3221
  /* @__PURE__ */ jsx49(CopyButton, { text: textContent })
3221
3222
  ] }),
@@ -3361,7 +3362,7 @@ var InputControlNode = (props) => {
3361
3362
  var InputControlNode_default = InputControlNode;
3362
3363
 
3363
3364
  // src/components/pageRenderingEngine/nodes/FormContainerNode.tsx
3364
- import { jsx as jsx53, jsxs as jsxs29 } from "react/jsx-runtime";
3365
+ import { jsx as jsx53, jsxs as jsxs30 } from "react/jsx-runtime";
3365
3366
  var FormContainerNode = (props) => {
3366
3367
  const NodeTypes2 = {
3367
3368
  ["input-control"]: InputControlNode_default
@@ -3391,7 +3392,7 @@ var FormContainerNode = (props) => {
3391
3392
  };
3392
3393
  fetchInitialData();
3393
3394
  }, [props.apiBaseUrl, props.node, props.session, props.routeParameters]);
3394
- return /* @__PURE__ */ jsxs29("form", { className: "group space-y-6 pb-6 overflow-y-auto", noValidate: true, ref: formRef, children: [
3395
+ return /* @__PURE__ */ jsxs30("form", { className: "group space-y-6 pb-6 overflow-y-auto", noValidate: true, ref: formRef, children: [
3395
3396
  node.children && node.children.map((node2, index) => {
3396
3397
  {
3397
3398
  }
@@ -3434,7 +3435,7 @@ var EmbedNode_default = EmbedNode;
3434
3435
 
3435
3436
  // src/components/Slider.tsx
3436
3437
  import React40, { useState as useState6, useEffect as useEffect8, Children, cloneElement } from "react";
3437
- import { Fragment as Fragment8, jsx as jsx55, jsxs as jsxs30 } from "react/jsx-runtime";
3438
+ import { Fragment as Fragment8, jsx as jsx55, jsxs as jsxs31 } from "react/jsx-runtime";
3438
3439
  var Slider = ({
3439
3440
  children,
3440
3441
  slidesToShow = 4,
@@ -3554,7 +3555,7 @@ var Slider = ({
3554
3555
  return "bottom-4";
3555
3556
  }
3556
3557
  };
3557
- return /* @__PURE__ */ jsxs30(
3558
+ return /* @__PURE__ */ jsxs31(
3558
3559
  "div",
3559
3560
  {
3560
3561
  className: `relative w-full overflow-hidden ${className}`,
@@ -3572,7 +3573,7 @@ var Slider = ({
3572
3573
  children: slides
3573
3574
  }
3574
3575
  ),
3575
- show_arrows && /* @__PURE__ */ jsxs30(Fragment8, { children: [
3576
+ show_arrows && /* @__PURE__ */ jsxs31(Fragment8, { children: [
3576
3577
  /* @__PURE__ */ jsx55(
3577
3578
  ArrowButton,
3578
3579
  {
@@ -3583,7 +3584,7 @@ var Slider = ({
3583
3584
  children: /* @__PURE__ */ jsx55("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: "w-6 h-6", children: /* @__PURE__ */ jsx55("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15.75 19.5 8.25 12l7.5-7.5" }) })
3584
3585
  }
3585
3586
  ),
3586
- /* @__PURE__ */ jsxs30(
3587
+ /* @__PURE__ */ jsxs31(
3587
3588
  ArrowButton,
3588
3589
  {
3589
3590
  direction: "right",
@@ -3732,7 +3733,7 @@ var ProgressPill = ({
3732
3733
  }
3733
3734
  return null;
3734
3735
  };
3735
- return /* @__PURE__ */ jsxs30(
3736
+ return /* @__PURE__ */ jsxs31(
3736
3737
  "button",
3737
3738
  {
3738
3739
  className: `${baseClasses} ${getStyleClasses()}`,
@@ -3908,9 +3909,9 @@ var PathUtility = class {
3908
3909
  var PathUtility_default = new PathUtility();
3909
3910
 
3910
3911
  // src/components/NoDataFound.tsx
3911
- import { jsx as jsx56, jsxs as jsxs31 } from "react/jsx-runtime";
3912
+ import { jsx as jsx56, jsxs as jsxs32 } from "react/jsx-runtime";
3912
3913
  var NoDataFound = () => {
3913
- return /* @__PURE__ */ jsxs31("div", { className: "flex flex-col items-center justify-center py-12 px-4 text-center bg-neutral-weak", children: [
3914
+ return /* @__PURE__ */ jsxs32("div", { className: "flex flex-col items-center justify-center py-12 px-4 text-center bg-neutral-weak", children: [
3914
3915
  /* @__PURE__ */ jsx56("div", { className: "mb-5", children: /* @__PURE__ */ jsx56("div", { className: "mx-auto w-20 h-20 rounded-full flex items-center justify-center bg-neutral-soft", children: /* @__PURE__ */ jsx56(
3915
3916
  "svg",
3916
3917
  {
@@ -3938,7 +3939,7 @@ var NoDataFound_default = NoDataFound;
3938
3939
 
3939
3940
  // src/components/Pagination.tsx
3940
3941
  import { useMemo } from "react";
3941
- import { jsx as jsx57, jsxs as jsxs32 } from "react/jsx-runtime";
3942
+ import { jsx as jsx57, jsxs as jsxs33 } from "react/jsx-runtime";
3942
3943
  var Pagination = (props) => {
3943
3944
  const { dataset, path, query, showPageSizeSelector = false, showJumpToPage = false } = props;
3944
3945
  const builder = useMemo(() => {
@@ -4009,11 +4010,11 @@ var Pagination = (props) => {
4009
4010
  );
4010
4011
  };
4011
4012
  if (totalPages <= 1 && totalItems === 0) return null;
4012
- return /* @__PURE__ */ jsxs32("div", { className: "py-6 border-t bg-default", children: [
4013
- /* @__PURE__ */ jsxs32("div", { className: "flex flex-col sm:flex-row items-center justify-between gap-4", children: [
4014
- /* @__PURE__ */ jsxs32("div", { className: "text-sm", children: [
4013
+ return /* @__PURE__ */ jsxs33("div", { className: "py-6 border-t bg-default", children: [
4014
+ /* @__PURE__ */ jsxs33("div", { className: "flex flex-col sm:flex-row items-center justify-between gap-4", children: [
4015
+ /* @__PURE__ */ jsxs33("div", { className: "text-sm", children: [
4015
4016
  "Showing ",
4016
- /* @__PURE__ */ jsxs32("span", { className: "font-semibold", children: [
4017
+ /* @__PURE__ */ jsxs33("span", { className: "font-semibold", children: [
4017
4018
  startItem,
4018
4019
  "-",
4019
4020
  endItem
@@ -4023,8 +4024,8 @@ var Pagination = (props) => {
4023
4024
  /* @__PURE__ */ jsx57("span", { className: "font-semibold", children: totalItems.toLocaleString() }),
4024
4025
  " results"
4025
4026
  ] }),
4026
- totalPages > 1 && /* @__PURE__ */ jsxs32("div", { className: "flex items-center space-x-1", children: [
4027
- /* @__PURE__ */ jsxs32(
4027
+ totalPages > 1 && /* @__PURE__ */ jsxs33("div", { className: "flex items-center space-x-1", children: [
4028
+ /* @__PURE__ */ jsxs33(
4028
4029
  NavigationButton,
4029
4030
  {
4030
4031
  page: activePageNumber - 1,
@@ -4049,7 +4050,7 @@ var Pagination = (props) => {
4049
4050
  const page = item;
4050
4051
  return /* @__PURE__ */ jsx57(PageButton, { page, children: page }, page);
4051
4052
  }),
4052
- /* @__PURE__ */ jsxs32(
4053
+ /* @__PURE__ */ jsxs33(
4053
4054
  NavigationButton,
4054
4055
  {
4055
4056
  page: activePageNumber + 1,
@@ -4061,7 +4062,7 @@ var Pagination = (props) => {
4061
4062
  }
4062
4063
  )
4063
4064
  ] }),
4064
- showJumpToPage && totalPages > 5 && /* @__PURE__ */ jsxs32("div", { className: "flex items-center space-x-2", children: [
4065
+ showJumpToPage && totalPages > 5 && /* @__PURE__ */ jsxs33("div", { className: "flex items-center space-x-2", children: [
4065
4066
  /* @__PURE__ */ jsx57("span", { className: "text-sm", children: "Go to:" }),
4066
4067
  /* @__PURE__ */ jsx57("div", { className: "relative", children: /* @__PURE__ */ jsx57(
4067
4068
  "input",
@@ -4084,7 +4085,7 @@ var Pagination = (props) => {
4084
4085
  ) })
4085
4086
  ] })
4086
4087
  ] }),
4087
- showPageSizeSelector && /* @__PURE__ */ jsx57("div", { className: "mt-4 pt-4 border-t bg-default", children: /* @__PURE__ */ jsxs32("div", { className: "flex items-center justify-center space-x-2", children: [
4088
+ showPageSizeSelector && /* @__PURE__ */ jsx57("div", { className: "mt-4 pt-4 border-t bg-default", children: /* @__PURE__ */ jsxs33("div", { className: "flex items-center justify-center space-x-2", children: [
4088
4089
  /* @__PURE__ */ jsx57("span", { className: "text-sm", children: "Show:" }),
4089
4090
  /* @__PURE__ */ jsx57("div", { className: "flex space-x-1", children: [10, 25, 50, 100].map((size) => /* @__PURE__ */ jsx57(
4090
4091
  Hyperlink,
@@ -4198,7 +4199,7 @@ var ImageGalleryNode_default = ImageGalleryNode;
4198
4199
 
4199
4200
  // src/components/pageRenderingEngine/nodes/DivContainer.tsx
4200
4201
  import Link2 from "next/link";
4201
- import { jsx as jsx59, jsxs as jsxs33 } from "react/jsx-runtime";
4202
+ import { jsx as jsx59, jsxs as jsxs34 } from "react/jsx-runtime";
4202
4203
  function toCamelCase(str) {
4203
4204
  return str.replace(/-([a-z])/g, (_, letter) => letter.toUpperCase());
4204
4205
  }
@@ -4522,7 +4523,7 @@ var DivContainer = async (props) => {
4522
4523
  props.node.autoFormat && "auto-format",
4523
4524
  props.node.bgClass
4524
4525
  ].filter(Boolean).join(" ");
4525
- return /* @__PURE__ */ jsxs33(React42.Fragment, { children: [
4526
+ return /* @__PURE__ */ jsxs34(React42.Fragment, { children: [
4526
4527
  /* @__PURE__ */ jsx59("style", { dangerouslySetInnerHTML: { __html: cssResult.css + animationCSS } }),
4527
4528
  /* @__PURE__ */ jsx59(React42.Fragment, { children: /* @__PURE__ */ jsx59(
4528
4529
  Wrapper,
@@ -4614,7 +4615,7 @@ var PageBodyRenderer_default = PageBodyRenderer;
4614
4615
 
4615
4616
  // src/components/Toast.tsx
4616
4617
  import { useState as useState8 } from "react";
4617
- import { Fragment as Fragment9, jsx as jsx61, jsxs as jsxs34 } from "react/jsx-runtime";
4618
+ import { Fragment as Fragment9, jsx as jsx61, jsxs as jsxs35 } from "react/jsx-runtime";
4618
4619
  var Toast = () => {
4619
4620
  const [showToast, setShowToast] = useState8(false);
4620
4621
  const [message, setMessage] = useState8("");
@@ -4657,7 +4658,7 @@ var Toast = () => {
4657
4658
  const closeToast = () => {
4658
4659
  setShowToast(false);
4659
4660
  };
4660
- return /* @__PURE__ */ jsx61(Fragment9, { children: showToast && /* @__PURE__ */ jsx61("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__ */ jsxs34("div", { className: `w-full items-center flex justify-between p-3 rounded-md relative shadow border bg-${messageType}-soft`, children: [
4661
+ return /* @__PURE__ */ jsx61(Fragment9, { children: showToast && /* @__PURE__ */ jsx61("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__ */ jsxs35("div", { className: `w-full items-center flex justify-between p-3 rounded-md relative shadow border bg-${messageType}-soft`, children: [
4661
4662
  /* @__PURE__ */ jsx61(
4662
4663
  "span",
4663
4664
  {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@acoustte-digital-services/digitalstore-controls-dev",
3
- "version": "0.8.1-dev.20260420071504",
3
+ "version": "0.8.1-dev.20260420114708",
4
4
  "description": "Reusable React components",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",