@acoustte-digital-services/digitalstore-controls-dev 0.8.1-dev.20260324162628 → 0.8.1-dev.20260324171508

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 (3) hide show
  1. package/dist/index.js +50 -75
  2. package/dist/index.mjs +39 -64
  3. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -2556,7 +2556,7 @@ var DataList = (props) => {
2556
2556
  var DataList_default = DataList;
2557
2557
 
2558
2558
  // src/components/pageRenderingEngine/PageBodyRenderer.tsx
2559
- var import_react52 = __toESM(require("react"));
2559
+ var import_react51 = __toESM(require("react"));
2560
2560
 
2561
2561
  // src/components/pageRenderingEngine/nodes/ParagraphNode.tsx
2562
2562
  var import_react36 = __toESM(require("react"));
@@ -3824,7 +3824,7 @@ var FormContainerNode = (props) => {
3824
3824
  var FormContainerNode_default = FormContainerNode;
3825
3825
 
3826
3826
  // src/components/pageRenderingEngine/nodes/DivContainer.tsx
3827
- var import_react51 = __toESM(require("react"));
3827
+ var import_react50 = __toESM(require("react"));
3828
3828
 
3829
3829
  // src/components/pageRenderingEngine/nodes/IframeClient.tsx
3830
3830
  var import_react47 = __toESM(require("react"));
@@ -4357,32 +4357,6 @@ var AnimationUtility = class {
4357
4357
  };
4358
4358
  var AnimationUtility_default = AnimationUtility;
4359
4359
 
4360
- // src/components/pageRenderingEngine/nodes/EnterAnimationClient.tsx
4361
- var import_react49 = __toESM(require("react"));
4362
- var import_jsx_runtime65 = require("react/jsx-runtime");
4363
- function EnterAnimationClient({ hasEnterAnimation, children }) {
4364
- const ref = (0, import_react49.useRef)(null);
4365
- (0, import_react49.useEffect)(() => {
4366
- if (!hasEnterAnimation || !ref.current) return;
4367
- const observer = new IntersectionObserver(
4368
- (entries) => {
4369
- entries.forEach((entry) => {
4370
- if (entry.isIntersecting) {
4371
- entry.target.classList.add("visible");
4372
- observer.unobserve(entry.target);
4373
- }
4374
- });
4375
- },
4376
- { threshold: 0.1 }
4377
- );
4378
- observer.observe(ref.current);
4379
- return () => observer.disconnect();
4380
- }, [hasEnterAnimation]);
4381
- return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_jsx_runtime65.Fragment, { children: children && // enforce passing the ref to Wrapper
4382
- //@ts-ignore
4383
- import_react49.default.cloneElement(children, { ref }) });
4384
- }
4385
-
4386
4360
  // src/components/utilities/PathUtility.tsx
4387
4361
  var PathUtility = class {
4388
4362
  constructor() {
@@ -4435,10 +4409,10 @@ var PathUtility = class {
4435
4409
  var PathUtility_default = new PathUtility();
4436
4410
 
4437
4411
  // src/components/NoDataFound.tsx
4438
- var import_jsx_runtime66 = require("react/jsx-runtime");
4412
+ var import_jsx_runtime65 = require("react/jsx-runtime");
4439
4413
  var NoDataFound = () => {
4440
- return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "flex flex-col items-center justify-center py-12 px-4 text-center bg-neutral-weak", children: [
4441
- /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "mb-5", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "mx-auto w-20 h-20 rounded-full flex items-center justify-center bg-neutral-soft", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
4414
+ return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex flex-col items-center justify-center py-12 px-4 text-center bg-neutral-weak", children: [
4415
+ /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "mb-5", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "mx-auto w-20 h-20 rounded-full flex items-center justify-center bg-neutral-soft", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
4442
4416
  "svg",
4443
4417
  {
4444
4418
  className: "w-10 h-10",
@@ -4446,7 +4420,7 @@ var NoDataFound = () => {
4446
4420
  stroke: "currentColor",
4447
4421
  viewBox: "0 0 24 24",
4448
4422
  xmlns: "http://www.w3.org/2000/svg",
4449
- children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
4423
+ children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
4450
4424
  "path",
4451
4425
  {
4452
4426
  strokeLinecap: "round",
@@ -4457,18 +4431,18 @@ var NoDataFound = () => {
4457
4431
  )
4458
4432
  }
4459
4433
  ) }) }),
4460
- /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("h3", { className: "text-lg font-medium mb-2", children: "No data available" }),
4461
- /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("p", { className: " max-w-sm mb-0", children: "No records found. Data may be empty or not available at the moment." })
4434
+ /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("h3", { className: "text-lg font-medium mb-2", children: "No data available" }),
4435
+ /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("p", { className: " max-w-sm mb-0", children: "No records found. Data may be empty or not available at the moment." })
4462
4436
  ] });
4463
4437
  };
4464
4438
  var NoDataFound_default = NoDataFound;
4465
4439
 
4466
4440
  // src/components/Pagination.tsx
4467
- var import_react50 = require("react");
4468
- var import_jsx_runtime67 = require("react/jsx-runtime");
4441
+ var import_react49 = require("react");
4442
+ var import_jsx_runtime66 = require("react/jsx-runtime");
4469
4443
  var Pagination = (props) => {
4470
4444
  const { dataset, path, query, showPageSizeSelector = false, showJumpToPage = false } = props;
4471
- const builder = (0, import_react50.useMemo)(() => {
4445
+ const builder = (0, import_react49.useMemo)(() => {
4472
4446
  const b = new OdataBuilder(path);
4473
4447
  if (query) b.setQuery(query);
4474
4448
  return b;
@@ -4509,7 +4483,7 @@ var Pagination = (props) => {
4509
4483
  return range;
4510
4484
  };
4511
4485
  const paginationRange = getPaginationRange();
4512
- const PageButton = ({ page, children }) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
4486
+ const PageButton = ({ page, children }) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
4513
4487
  Hyperlink,
4514
4488
  {
4515
4489
  linkType: "Link" /* Link */,
@@ -4524,9 +4498,9 @@ var Pagination = (props) => {
4524
4498
  );
4525
4499
  const NavigationButton = ({ page, disabled, children }) => {
4526
4500
  if (disabled) {
4527
- return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: "min-w-[20px] md:min-w-[40px] h-10 flex items-center justify-center px-2 md:px-3 border bg-neutral-base cursor-not-allowed", children });
4501
+ return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: "min-w-[20px] md:min-w-[40px] h-10 flex items-center justify-center px-2 md:px-3 border bg-neutral-base cursor-not-allowed", children });
4528
4502
  }
4529
- return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
4503
+ return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
4530
4504
  Hyperlink,
4531
4505
  {
4532
4506
  className: "min-w-[20px] md:min-w-[40px] h-10 flex items-center justify-center px-2 md:px-3 border transition-colors duration-150",
@@ -4536,35 +4510,35 @@ var Pagination = (props) => {
4536
4510
  );
4537
4511
  };
4538
4512
  if (totalPages <= 1 && totalItems === 0) return null;
4539
- return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "py-6 border-t bg-default", children: [
4540
- /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "flex flex-col sm:flex-row items-center justify-between gap-4", children: [
4541
- /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "text-sm", children: [
4513
+ return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "py-6 border-t bg-default", children: [
4514
+ /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "flex flex-col sm:flex-row items-center justify-between gap-4", children: [
4515
+ /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "text-sm", children: [
4542
4516
  "Showing ",
4543
- /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("span", { className: "font-semibold", children: [
4517
+ /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("span", { className: "font-semibold", children: [
4544
4518
  startItem,
4545
4519
  "-",
4546
4520
  endItem
4547
4521
  ] }),
4548
4522
  " ",
4549
4523
  "out of ",
4550
- /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: "font-semibold", children: totalItems.toLocaleString() }),
4524
+ /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: "font-semibold", children: totalItems.toLocaleString() }),
4551
4525
  " results"
4552
4526
  ] }),
4553
- totalPages > 1 && /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "flex items-center space-x-1", children: [
4554
- /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
4527
+ totalPages > 1 && /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "flex items-center space-x-1", children: [
4528
+ /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
4555
4529
  NavigationButton,
4556
4530
  {
4557
4531
  page: activePageNumber - 1,
4558
4532
  disabled: activePageNumber === 1,
4559
4533
  children: [
4560
- /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Icon_default, { name: "chevronLeft", className: "w-4 h-4 mr-1" }) }),
4561
- /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: "text-sm", children: "Prev" })
4534
+ /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Icon_default, { name: "chevronLeft", className: "w-4 h-4 mr-1" }) }),
4535
+ /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: "text-sm", children: "Prev" })
4562
4536
  ]
4563
4537
  }
4564
4538
  ),
4565
4539
  paginationRange.map((item, index) => {
4566
4540
  if (item === "...") {
4567
- return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
4541
+ return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
4568
4542
  "span",
4569
4543
  {
4570
4544
  className: "min-w-[20px] md:min-w-[40px] h-10 flex items-center justify-center text-gray-500",
@@ -4574,23 +4548,23 @@ var Pagination = (props) => {
4574
4548
  );
4575
4549
  }
4576
4550
  const page = item;
4577
- return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(PageButton, { page, children: page }, page);
4551
+ return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(PageButton, { page, children: page }, page);
4578
4552
  }),
4579
- /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
4553
+ /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
4580
4554
  NavigationButton,
4581
4555
  {
4582
4556
  page: activePageNumber + 1,
4583
4557
  disabled: activePageNumber === totalPages,
4584
4558
  children: [
4585
- /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: "text-sm", children: "Next" }),
4586
- /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Icon_default, { name: "chevronRight", className: "w-4 h-4 ml-1" }) })
4559
+ /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: "text-sm", children: "Next" }),
4560
+ /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Icon_default, { name: "chevronRight", className: "w-4 h-4 ml-1" }) })
4587
4561
  ]
4588
4562
  }
4589
4563
  )
4590
4564
  ] }),
4591
- showJumpToPage && totalPages > 5 && /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "flex items-center space-x-2", children: [
4592
- /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: "text-sm", children: "Go to:" }),
4593
- /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
4565
+ showJumpToPage && totalPages > 5 && /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "flex items-center space-x-2", children: [
4566
+ /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: "text-sm", children: "Go to:" }),
4567
+ /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
4594
4568
  "input",
4595
4569
  {
4596
4570
  type: "number",
@@ -4611,9 +4585,9 @@ var Pagination = (props) => {
4611
4585
  ) })
4612
4586
  ] })
4613
4587
  ] }),
4614
- showPageSizeSelector && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "mt-4 pt-4 border-t bg-default", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "flex items-center justify-center space-x-2", children: [
4615
- /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: "text-sm", children: "Show:" }),
4616
- /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "flex space-x-1", children: [10, 25, 50, 100].map((size) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
4588
+ showPageSizeSelector && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "mt-4 pt-4 border-t bg-default", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "flex items-center justify-center space-x-2", children: [
4589
+ /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: "text-sm", children: "Show:" }),
4590
+ /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "flex space-x-1", children: [10, 25, 50, 100].map((size) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
4617
4591
  Hyperlink,
4618
4592
  {
4619
4593
  className: `
@@ -4625,14 +4599,14 @@ var Pagination = (props) => {
4625
4599
  },
4626
4600
  size
4627
4601
  )) }),
4628
- /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: "text-sm", children: "per page" })
4602
+ /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: "text-sm", children: "per page" })
4629
4603
  ] }) })
4630
4604
  ] });
4631
4605
  };
4632
4606
  var Pagination_default = Pagination;
4633
4607
 
4634
4608
  // src/components/pageRenderingEngine/nodes/DivContainer.tsx
4635
- var import_jsx_runtime68 = require("react/jsx-runtime");
4609
+ var import_jsx_runtime67 = require("react/jsx-runtime");
4636
4610
  function toCamelCase(str) {
4637
4611
  return str.replace(/-([a-z])/g, (_, letter) => letter.toUpperCase());
4638
4612
  }
@@ -4814,7 +4788,7 @@ var DivContainer = async (props) => {
4814
4788
  response = await serviceClient.get(endpoint);
4815
4789
  result = response?.result;
4816
4790
  if (dataBindingProperties.showNoResultsMessage && (result === void 0 || result.length == 0)) {
4817
- return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(NoDataFound_default, {});
4791
+ return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(NoDataFound_default, {});
4818
4792
  }
4819
4793
  if (dataBindingProperties.childCollectionName && props.dataitem) {
4820
4794
  childCollectionData = getNestedValue2(props.dataitem, dataBindingProperties.childCollectionName);
@@ -4826,7 +4800,7 @@ var DivContainer = async (props) => {
4826
4800
  }
4827
4801
  const SelectedNode = NodeTypes2[node.type];
4828
4802
  if (!SelectedNode) return null;
4829
- return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react51.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
4803
+ return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_react50.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
4830
4804
  SelectedNode,
4831
4805
  {
4832
4806
  node,
@@ -4839,7 +4813,8 @@ var DivContainer = async (props) => {
4839
4813
  apiBaseUrl: props2.apiBaseUrl,
4840
4814
  breadcrumb: props2.breadcrumb,
4841
4815
  dataitem,
4842
- href
4816
+ href,
4817
+ assetBaseUrl: props2.assetBaseUrl
4843
4818
  }
4844
4819
  ) }, key);
4845
4820
  }
@@ -4925,9 +4900,9 @@ var DivContainer = async (props) => {
4925
4900
  props.node.autoFormat && "auto-format",
4926
4901
  props.node.bgClass
4927
4902
  ].filter(Boolean).join(" ");
4928
- return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(import_react51.default.Fragment, { children: [
4929
- /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("style", { dangerouslySetInnerHTML: { __html: cssResult.css + animationCSS } }),
4930
- /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(EnterAnimationClient, { hasEnterAnimation: !!props.node.enterAnimation, children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react51.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
4903
+ return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(import_react50.default.Fragment, { children: [
4904
+ /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("style", { dangerouslySetInnerHTML: { __html: cssResult.css + animationCSS } }),
4905
+ /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_react50.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
4931
4906
  Wrapper,
4932
4907
  {
4933
4908
  id: guid,
@@ -4936,18 +4911,18 @@ var DivContainer = async (props) => {
4936
4911
  ...wrapperProps,
4937
4912
  children: dataToRender.map(
4938
4913
  (item, idx) => item?.links?.view && renderLink ? renderChildren(props.node.children, props, item, idx, props.href ? void 0 : item?.links?.view)?.map(
4939
- (child, i) => /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react51.default.Fragment, { children: child }, i)
4914
+ (child, i) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_react50.default.Fragment, { children: child }, i)
4940
4915
  ) : renderChildren(props.node.children, props, item, idx)
4941
4916
  )
4942
4917
  }
4943
- ) }) }),
4944
- dataBindingProperties && props.node.dataBinding.enablePagination && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Pagination_default, { path: props.path, query: props.query, dataset: response }) })
4918
+ ) }),
4919
+ dataBindingProperties && props.node.dataBinding.enablePagination && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Pagination_default, { path: props.path, query: props.query, dataset: response }) })
4945
4920
  ] });
4946
4921
  };
4947
4922
  var DivContainer_default = DivContainer;
4948
4923
 
4949
4924
  // src/components/pageRenderingEngine/PageBodyRenderer.tsx
4950
- var import_jsx_runtime69 = require("react/jsx-runtime");
4925
+ var import_jsx_runtime68 = require("react/jsx-runtime");
4951
4926
  var NodeTypes = {
4952
4927
  ["paragraph"]: ParagraphNode_default,
4953
4928
  ["heading"]: HeadingNode_default,
@@ -4974,11 +4949,11 @@ var PageBodyRenderer = (props) => {
4974
4949
  if (pageBodyTree && pageBodyTree.root) {
4975
4950
  rootNode = pageBodyTree.root;
4976
4951
  }
4977
- return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react52.default.Fragment, { children: rootNode && rootNode?.children?.map((node, index) => {
4952
+ return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react51.default.Fragment, { children: rootNode && rootNode?.children?.map((node, index) => {
4978
4953
  {
4979
4954
  }
4980
4955
  const SelectedNode = NodeTypes[node.type];
4981
- return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react52.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react52.default.Fragment, { children: node.type == "layout-container" ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react52.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
4956
+ return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react51.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react51.default.Fragment, { children: node.type == "layout-container" ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react51.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
4982
4957
  SelectedNode,
4983
4958
  {
4984
4959
  node,
@@ -4993,7 +4968,7 @@ var PageBodyRenderer = (props) => {
4993
4968
  assetBaseUrl: props.assetBaseUrl,
4994
4969
  device: props.device
4995
4970
  }
4996
- ) }) : /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react52.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
4971
+ ) }) : /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react51.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
4997
4972
  SelectedNode,
4998
4973
  {
4999
4974
  node,
package/dist/index.mjs CHANGED
@@ -2521,7 +2521,7 @@ var DataList = (props) => {
2521
2521
  var DataList_default = DataList;
2522
2522
 
2523
2523
  // src/components/pageRenderingEngine/PageBodyRenderer.tsx
2524
- import React51 from "react";
2524
+ import React50 from "react";
2525
2525
 
2526
2526
  // src/components/pageRenderingEngine/nodes/ParagraphNode.tsx
2527
2527
  import React36 from "react";
@@ -3789,7 +3789,7 @@ var FormContainerNode = (props) => {
3789
3789
  var FormContainerNode_default = FormContainerNode;
3790
3790
 
3791
3791
  // src/components/pageRenderingEngine/nodes/DivContainer.tsx
3792
- import React50 from "react";
3792
+ import React49 from "react";
3793
3793
 
3794
3794
  // src/components/pageRenderingEngine/nodes/IframeClient.tsx
3795
3795
  import React46, { useEffect as useEffect10, useRef as useRef6, useState as useState10 } from "react";
@@ -4322,32 +4322,6 @@ var AnimationUtility = class {
4322
4322
  };
4323
4323
  var AnimationUtility_default = AnimationUtility;
4324
4324
 
4325
- // src/components/pageRenderingEngine/nodes/EnterAnimationClient.tsx
4326
- import React48, { useEffect as useEffect12, useRef as useRef7 } from "react";
4327
- import { Fragment as Fragment9, jsx as jsx65 } from "react/jsx-runtime";
4328
- function EnterAnimationClient({ hasEnterAnimation, children }) {
4329
- const ref = useRef7(null);
4330
- useEffect12(() => {
4331
- if (!hasEnterAnimation || !ref.current) return;
4332
- const observer = new IntersectionObserver(
4333
- (entries) => {
4334
- entries.forEach((entry) => {
4335
- if (entry.isIntersecting) {
4336
- entry.target.classList.add("visible");
4337
- observer.unobserve(entry.target);
4338
- }
4339
- });
4340
- },
4341
- { threshold: 0.1 }
4342
- );
4343
- observer.observe(ref.current);
4344
- return () => observer.disconnect();
4345
- }, [hasEnterAnimation]);
4346
- return /* @__PURE__ */ jsx65(Fragment9, { children: children && // enforce passing the ref to Wrapper
4347
- //@ts-ignore
4348
- React48.cloneElement(children, { ref }) });
4349
- }
4350
-
4351
4325
  // src/components/utilities/PathUtility.tsx
4352
4326
  var PathUtility = class {
4353
4327
  constructor() {
@@ -4400,10 +4374,10 @@ var PathUtility = class {
4400
4374
  var PathUtility_default = new PathUtility();
4401
4375
 
4402
4376
  // src/components/NoDataFound.tsx
4403
- import { jsx as jsx66, jsxs as jsxs32 } from "react/jsx-runtime";
4377
+ import { jsx as jsx65, jsxs as jsxs32 } from "react/jsx-runtime";
4404
4378
  var NoDataFound = () => {
4405
4379
  return /* @__PURE__ */ jsxs32("div", { className: "flex flex-col items-center justify-center py-12 px-4 text-center bg-neutral-weak", children: [
4406
- /* @__PURE__ */ jsx66("div", { className: "mb-5", children: /* @__PURE__ */ jsx66("div", { className: "mx-auto w-20 h-20 rounded-full flex items-center justify-center bg-neutral-soft", children: /* @__PURE__ */ jsx66(
4380
+ /* @__PURE__ */ jsx65("div", { className: "mb-5", children: /* @__PURE__ */ jsx65("div", { className: "mx-auto w-20 h-20 rounded-full flex items-center justify-center bg-neutral-soft", children: /* @__PURE__ */ jsx65(
4407
4381
  "svg",
4408
4382
  {
4409
4383
  className: "w-10 h-10",
@@ -4411,7 +4385,7 @@ var NoDataFound = () => {
4411
4385
  stroke: "currentColor",
4412
4386
  viewBox: "0 0 24 24",
4413
4387
  xmlns: "http://www.w3.org/2000/svg",
4414
- children: /* @__PURE__ */ jsx66(
4388
+ children: /* @__PURE__ */ jsx65(
4415
4389
  "path",
4416
4390
  {
4417
4391
  strokeLinecap: "round",
@@ -4422,15 +4396,15 @@ var NoDataFound = () => {
4422
4396
  )
4423
4397
  }
4424
4398
  ) }) }),
4425
- /* @__PURE__ */ jsx66("h3", { className: "text-lg font-medium mb-2", children: "No data available" }),
4426
- /* @__PURE__ */ jsx66("p", { className: " max-w-sm mb-0", children: "No records found. Data may be empty or not available at the moment." })
4399
+ /* @__PURE__ */ jsx65("h3", { className: "text-lg font-medium mb-2", children: "No data available" }),
4400
+ /* @__PURE__ */ jsx65("p", { className: " max-w-sm mb-0", children: "No records found. Data may be empty or not available at the moment." })
4427
4401
  ] });
4428
4402
  };
4429
4403
  var NoDataFound_default = NoDataFound;
4430
4404
 
4431
4405
  // src/components/Pagination.tsx
4432
4406
  import { useMemo } from "react";
4433
- import { jsx as jsx67, jsxs as jsxs33 } from "react/jsx-runtime";
4407
+ import { jsx as jsx66, jsxs as jsxs33 } from "react/jsx-runtime";
4434
4408
  var Pagination = (props) => {
4435
4409
  const { dataset, path, query, showPageSizeSelector = false, showJumpToPage = false } = props;
4436
4410
  const builder = useMemo(() => {
@@ -4474,7 +4448,7 @@ var Pagination = (props) => {
4474
4448
  return range;
4475
4449
  };
4476
4450
  const paginationRange = getPaginationRange();
4477
- const PageButton = ({ page, children }) => /* @__PURE__ */ jsx67(
4451
+ const PageButton = ({ page, children }) => /* @__PURE__ */ jsx66(
4478
4452
  Hyperlink,
4479
4453
  {
4480
4454
  linkType: "Link" /* Link */,
@@ -4489,9 +4463,9 @@ var Pagination = (props) => {
4489
4463
  );
4490
4464
  const NavigationButton = ({ page, disabled, children }) => {
4491
4465
  if (disabled) {
4492
- return /* @__PURE__ */ jsx67("span", { className: "min-w-[20px] md:min-w-[40px] h-10 flex items-center justify-center px-2 md:px-3 border bg-neutral-base cursor-not-allowed", children });
4466
+ return /* @__PURE__ */ jsx66("span", { className: "min-w-[20px] md:min-w-[40px] h-10 flex items-center justify-center px-2 md:px-3 border bg-neutral-base cursor-not-allowed", children });
4493
4467
  }
4494
- return /* @__PURE__ */ jsx67(
4468
+ return /* @__PURE__ */ jsx66(
4495
4469
  Hyperlink,
4496
4470
  {
4497
4471
  className: "min-w-[20px] md:min-w-[40px] h-10 flex items-center justify-center px-2 md:px-3 border transition-colors duration-150",
@@ -4512,7 +4486,7 @@ var Pagination = (props) => {
4512
4486
  ] }),
4513
4487
  " ",
4514
4488
  "out of ",
4515
- /* @__PURE__ */ jsx67("span", { className: "font-semibold", children: totalItems.toLocaleString() }),
4489
+ /* @__PURE__ */ jsx66("span", { className: "font-semibold", children: totalItems.toLocaleString() }),
4516
4490
  " results"
4517
4491
  ] }),
4518
4492
  totalPages > 1 && /* @__PURE__ */ jsxs33("div", { className: "flex items-center space-x-1", children: [
@@ -4522,14 +4496,14 @@ var Pagination = (props) => {
4522
4496
  page: activePageNumber - 1,
4523
4497
  disabled: activePageNumber === 1,
4524
4498
  children: [
4525
- /* @__PURE__ */ jsx67("span", { children: /* @__PURE__ */ jsx67(Icon_default, { name: "chevronLeft", className: "w-4 h-4 mr-1" }) }),
4526
- /* @__PURE__ */ jsx67("span", { className: "text-sm", children: "Prev" })
4499
+ /* @__PURE__ */ jsx66("span", { children: /* @__PURE__ */ jsx66(Icon_default, { name: "chevronLeft", className: "w-4 h-4 mr-1" }) }),
4500
+ /* @__PURE__ */ jsx66("span", { className: "text-sm", children: "Prev" })
4527
4501
  ]
4528
4502
  }
4529
4503
  ),
4530
4504
  paginationRange.map((item, index) => {
4531
4505
  if (item === "...") {
4532
- return /* @__PURE__ */ jsx67(
4506
+ return /* @__PURE__ */ jsx66(
4533
4507
  "span",
4534
4508
  {
4535
4509
  className: "min-w-[20px] md:min-w-[40px] h-10 flex items-center justify-center text-gray-500",
@@ -4539,7 +4513,7 @@ var Pagination = (props) => {
4539
4513
  );
4540
4514
  }
4541
4515
  const page = item;
4542
- return /* @__PURE__ */ jsx67(PageButton, { page, children: page }, page);
4516
+ return /* @__PURE__ */ jsx66(PageButton, { page, children: page }, page);
4543
4517
  }),
4544
4518
  /* @__PURE__ */ jsxs33(
4545
4519
  NavigationButton,
@@ -4547,15 +4521,15 @@ var Pagination = (props) => {
4547
4521
  page: activePageNumber + 1,
4548
4522
  disabled: activePageNumber === totalPages,
4549
4523
  children: [
4550
- /* @__PURE__ */ jsx67("span", { className: "text-sm", children: "Next" }),
4551
- /* @__PURE__ */ jsx67("span", { children: /* @__PURE__ */ jsx67(Icon_default, { name: "chevronRight", className: "w-4 h-4 ml-1" }) })
4524
+ /* @__PURE__ */ jsx66("span", { className: "text-sm", children: "Next" }),
4525
+ /* @__PURE__ */ jsx66("span", { children: /* @__PURE__ */ jsx66(Icon_default, { name: "chevronRight", className: "w-4 h-4 ml-1" }) })
4552
4526
  ]
4553
4527
  }
4554
4528
  )
4555
4529
  ] }),
4556
4530
  showJumpToPage && totalPages > 5 && /* @__PURE__ */ jsxs33("div", { className: "flex items-center space-x-2", children: [
4557
- /* @__PURE__ */ jsx67("span", { className: "text-sm", children: "Go to:" }),
4558
- /* @__PURE__ */ jsx67("div", { className: "relative", children: /* @__PURE__ */ jsx67(
4531
+ /* @__PURE__ */ jsx66("span", { className: "text-sm", children: "Go to:" }),
4532
+ /* @__PURE__ */ jsx66("div", { className: "relative", children: /* @__PURE__ */ jsx66(
4559
4533
  "input",
4560
4534
  {
4561
4535
  type: "number",
@@ -4576,9 +4550,9 @@ var Pagination = (props) => {
4576
4550
  ) })
4577
4551
  ] })
4578
4552
  ] }),
4579
- showPageSizeSelector && /* @__PURE__ */ jsx67("div", { className: "mt-4 pt-4 border-t bg-default", children: /* @__PURE__ */ jsxs33("div", { className: "flex items-center justify-center space-x-2", children: [
4580
- /* @__PURE__ */ jsx67("span", { className: "text-sm", children: "Show:" }),
4581
- /* @__PURE__ */ jsx67("div", { className: "flex space-x-1", children: [10, 25, 50, 100].map((size) => /* @__PURE__ */ jsx67(
4553
+ showPageSizeSelector && /* @__PURE__ */ jsx66("div", { className: "mt-4 pt-4 border-t bg-default", children: /* @__PURE__ */ jsxs33("div", { className: "flex items-center justify-center space-x-2", children: [
4554
+ /* @__PURE__ */ jsx66("span", { className: "text-sm", children: "Show:" }),
4555
+ /* @__PURE__ */ jsx66("div", { className: "flex space-x-1", children: [10, 25, 50, 100].map((size) => /* @__PURE__ */ jsx66(
4582
4556
  Hyperlink,
4583
4557
  {
4584
4558
  className: `
@@ -4590,14 +4564,14 @@ var Pagination = (props) => {
4590
4564
  },
4591
4565
  size
4592
4566
  )) }),
4593
- /* @__PURE__ */ jsx67("span", { className: "text-sm", children: "per page" })
4567
+ /* @__PURE__ */ jsx66("span", { className: "text-sm", children: "per page" })
4594
4568
  ] }) })
4595
4569
  ] });
4596
4570
  };
4597
4571
  var Pagination_default = Pagination;
4598
4572
 
4599
4573
  // src/components/pageRenderingEngine/nodes/DivContainer.tsx
4600
- import { jsx as jsx68, jsxs as jsxs34 } from "react/jsx-runtime";
4574
+ import { jsx as jsx67, jsxs as jsxs34 } from "react/jsx-runtime";
4601
4575
  function toCamelCase(str) {
4602
4576
  return str.replace(/-([a-z])/g, (_, letter) => letter.toUpperCase());
4603
4577
  }
@@ -4779,7 +4753,7 @@ var DivContainer = async (props) => {
4779
4753
  response = await serviceClient.get(endpoint);
4780
4754
  result = response?.result;
4781
4755
  if (dataBindingProperties.showNoResultsMessage && (result === void 0 || result.length == 0)) {
4782
- return /* @__PURE__ */ jsx68(NoDataFound_default, {});
4756
+ return /* @__PURE__ */ jsx67(NoDataFound_default, {});
4783
4757
  }
4784
4758
  if (dataBindingProperties.childCollectionName && props.dataitem) {
4785
4759
  childCollectionData = getNestedValue2(props.dataitem, dataBindingProperties.childCollectionName);
@@ -4791,7 +4765,7 @@ var DivContainer = async (props) => {
4791
4765
  }
4792
4766
  const SelectedNode = NodeTypes2[node.type];
4793
4767
  if (!SelectedNode) return null;
4794
- return /* @__PURE__ */ jsx68(React50.Fragment, { children: /* @__PURE__ */ jsx68(
4768
+ return /* @__PURE__ */ jsx67(React49.Fragment, { children: /* @__PURE__ */ jsx67(
4795
4769
  SelectedNode,
4796
4770
  {
4797
4771
  node,
@@ -4804,7 +4778,8 @@ var DivContainer = async (props) => {
4804
4778
  apiBaseUrl: props2.apiBaseUrl,
4805
4779
  breadcrumb: props2.breadcrumb,
4806
4780
  dataitem,
4807
- href
4781
+ href,
4782
+ assetBaseUrl: props2.assetBaseUrl
4808
4783
  }
4809
4784
  ) }, key);
4810
4785
  }
@@ -4890,9 +4865,9 @@ var DivContainer = async (props) => {
4890
4865
  props.node.autoFormat && "auto-format",
4891
4866
  props.node.bgClass
4892
4867
  ].filter(Boolean).join(" ");
4893
- return /* @__PURE__ */ jsxs34(React50.Fragment, { children: [
4894
- /* @__PURE__ */ jsx68("style", { dangerouslySetInnerHTML: { __html: cssResult.css + animationCSS } }),
4895
- /* @__PURE__ */ jsx68(EnterAnimationClient, { hasEnterAnimation: !!props.node.enterAnimation, children: /* @__PURE__ */ jsx68(React50.Fragment, { children: /* @__PURE__ */ jsx68(
4868
+ return /* @__PURE__ */ jsxs34(React49.Fragment, { children: [
4869
+ /* @__PURE__ */ jsx67("style", { dangerouslySetInnerHTML: { __html: cssResult.css + animationCSS } }),
4870
+ /* @__PURE__ */ jsx67(React49.Fragment, { children: /* @__PURE__ */ jsx67(
4896
4871
  Wrapper,
4897
4872
  {
4898
4873
  id: guid,
@@ -4901,18 +4876,18 @@ var DivContainer = async (props) => {
4901
4876
  ...wrapperProps,
4902
4877
  children: dataToRender.map(
4903
4878
  (item, idx) => item?.links?.view && renderLink ? renderChildren(props.node.children, props, item, idx, props.href ? void 0 : item?.links?.view)?.map(
4904
- (child, i) => /* @__PURE__ */ jsx68(React50.Fragment, { children: child }, i)
4879
+ (child, i) => /* @__PURE__ */ jsx67(React49.Fragment, { children: child }, i)
4905
4880
  ) : renderChildren(props.node.children, props, item, idx)
4906
4881
  )
4907
4882
  }
4908
- ) }) }),
4909
- dataBindingProperties && props.node.dataBinding.enablePagination && /* @__PURE__ */ jsx68("div", { children: /* @__PURE__ */ jsx68(Pagination_default, { path: props.path, query: props.query, dataset: response }) })
4883
+ ) }),
4884
+ dataBindingProperties && props.node.dataBinding.enablePagination && /* @__PURE__ */ jsx67("div", { children: /* @__PURE__ */ jsx67(Pagination_default, { path: props.path, query: props.query, dataset: response }) })
4910
4885
  ] });
4911
4886
  };
4912
4887
  var DivContainer_default = DivContainer;
4913
4888
 
4914
4889
  // src/components/pageRenderingEngine/PageBodyRenderer.tsx
4915
- import { jsx as jsx69 } from "react/jsx-runtime";
4890
+ import { jsx as jsx68 } from "react/jsx-runtime";
4916
4891
  var NodeTypes = {
4917
4892
  ["paragraph"]: ParagraphNode_default,
4918
4893
  ["heading"]: HeadingNode_default,
@@ -4939,11 +4914,11 @@ var PageBodyRenderer = (props) => {
4939
4914
  if (pageBodyTree && pageBodyTree.root) {
4940
4915
  rootNode = pageBodyTree.root;
4941
4916
  }
4942
- return /* @__PURE__ */ jsx69(React51.Fragment, { children: rootNode && rootNode?.children?.map((node, index) => {
4917
+ return /* @__PURE__ */ jsx68(React50.Fragment, { children: rootNode && rootNode?.children?.map((node, index) => {
4943
4918
  {
4944
4919
  }
4945
4920
  const SelectedNode = NodeTypes[node.type];
4946
- return /* @__PURE__ */ jsx69(React51.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx69(React51.Fragment, { children: node.type == "layout-container" ? /* @__PURE__ */ jsx69(React51.Fragment, { children: /* @__PURE__ */ jsx69(
4921
+ return /* @__PURE__ */ jsx68(React50.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx68(React50.Fragment, { children: node.type == "layout-container" ? /* @__PURE__ */ jsx68(React50.Fragment, { children: /* @__PURE__ */ jsx68(
4947
4922
  SelectedNode,
4948
4923
  {
4949
4924
  node,
@@ -4958,7 +4933,7 @@ var PageBodyRenderer = (props) => {
4958
4933
  assetBaseUrl: props.assetBaseUrl,
4959
4934
  device: props.device
4960
4935
  }
4961
- ) }) : /* @__PURE__ */ jsx69(React51.Fragment, { children: /* @__PURE__ */ jsx69(
4936
+ ) }) : /* @__PURE__ */ jsx68(React50.Fragment, { children: /* @__PURE__ */ jsx68(
4962
4937
  SelectedNode,
4963
4938
  {
4964
4939
  node,
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.20260324162628",
3
+ "version": "0.8.1-dev.20260324171508",
4
4
  "description": "Reusable React components",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",