@storyblok/react 5.4.9 → 5.4.11

package/dist/utils.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react");function l(t){return t.replace(/-([a-z])/g,o=>o[1].toUpperCase())}function w(t){return t.split(";").reduce((o,i)=>{let[r,n]=i.split(":");return r=r==null?void 0:r.trim(),n=n==null?void 0:n.trim(),r&&n&&(o[l(r)]=n),o},{})}function d(t){if(Array.isArray(t))return t.map(e=>d(e));const o={class:"className",for:"htmlFor",targetAttr:"targetattr"},i=Object.keys(t.props).reduce((e,s)=>{let a=t.props[s];s==="style"&&typeof a=="string"&&(a=w(a));const f=o[s]||s;return e[f]=a,e},{});i.key=t.key;const r=u.Children.map(t.props.children,e=>typeof e=="string"?e:d(e));return u.createElement(t.type,i,r)}const c=()=>typeof window<"u",y=()=>typeof window>"u",g=()=>c()&&typeof window.storyblokRegisterEvent<"u",p=()=>c()&&window.self!==window.top,m=()=>c()&&p()&&window.location.search.includes("_storyblok");exports.convertAttributesInElement=d;exports.isBridgeLoaded=g;exports.isBrowser=c;exports.isIframe=p;exports.isServer=y;exports.isVisualEditor=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react");function f(e){return e.replace(/-([a-z])/g,o=>o[1].toUpperCase())}function m(e){return e.split(";").reduce((o,i)=>{let[t,n]=i.split(":");return t=t==null?void 0:t.trim(),n=n==null?void 0:n.trim(),t&&n&&(o[f(t)]=n),o},{})}function c(e){if(Array.isArray(e))return e.map(r=>c(r));const o={allowfullscreen:"allowFullScreen",autocomplete:"autoComplete",autofocus:"autoFocus",autoplay:"autoPlay",charset:"charSet",class:"className",colspan:"colSpan",colwidth:"colWidth",contenteditable:"contentEditable",crossorigin:"crossOrigin",enctype:"encType",for:"htmlFor",formnovalidate:"formNoValidate",frameborder:"frameBorder",inputmode:"inputMode",marginheight:"marginHeight",marginwidth:"marginWidth",maxlength:"maxLength",minlength:"minLength",novalidate:"noValidate",playsinline:"playsInline",readonly:"readOnly",referrerpolicy:"referrerPolicy",rowspan:"rowSpan",srcset:"srcSet",tabindex:"tabIndex",targetAttr:"targetattr",usemap:"useMap"},i=Object.keys(e.props).reduce((r,a)=>{let s=e.props[a];a==="style"&&typeof s=="string"&&(s=m(s));const u=o[a]||a;return r[u]=s,r},{});i.key=e.key;const t=d.Children.map(e.props.children,r=>typeof r=="string"?r:c(r));return d.createElement(e.type,i,t)}const l=()=>typeof window<"u",g=()=>typeof window>"u",w=()=>l()&&typeof window.storyblokRegisterEvent<"u",p=()=>l()&&window.self!==window.top,y=()=>l()&&p()&&window.location.search.includes("_storyblok");exports.convertAttributesInElement=c;exports.isBridgeLoaded=w;exports.isBrowser=l;exports.isIframe=p;exports.isServer=g;exports.isVisualEditor=y;

package/dist/utils.mjs

@@ -1,37 +1,61 @@
-import a from "react";
-function f(t) {
-  return t.replace(/-([a-z])/g, (o) => o[1].toUpperCase());
+import c from "react";
+function u(e) {
+  return e.replace(/-([a-z])/g, (o) => o[1].toUpperCase());
 }
-function w(t) {
-  return t.split(";").reduce((o, s) => {
-    let [r, n] = s.split(":");
-    return r = r == null ? void 0 : r.trim(), n = n == null ? void 0 : n.trim(), r && n && (o[f(r)] = n), o;
+function f(e) {
+  return e.split(";").reduce((o, i) => {
+    let [t, n] = i.split(":");
+    return t = t == null ? void 0 : t.trim(), n = n == null ? void 0 : n.trim(), t && n && (o[u(t)] = n), o;
   }, {});
 }
-function d(t) {
-  if (Array.isArray(t))
-    return t.map((e) => d(e));
+function p(e) {
+  if (Array.isArray(e))
+    return e.map((r) => p(r));
   const o = {
+    allowfullscreen: "allowFullScreen",
+    autocomplete: "autoComplete",
+    autofocus: "autoFocus",
+    autoplay: "autoPlay",
+    charset: "charSet",
     class: "className",
+    colspan: "colSpan",
+    colwidth: "colWidth",
+    contenteditable: "contentEditable",
+    crossorigin: "crossOrigin",
+    enctype: "encType",
     for: "htmlFor",
-    targetAttr: "targetattr"
-    // Add more attribute conversions here as needed
-  }, s = Object.keys(t.props).reduce((e, i) => {
-    let p = t.props[i];
-    i === "style" && typeof p == "string" && (p = w(p));
-    const u = o[i] || i;
-    return e[u] = p, e;
+    formnovalidate: "formNoValidate",
+    frameborder: "frameBorder",
+    inputmode: "inputMode",
+    marginheight: "marginHeight",
+    marginwidth: "marginWidth",
+    maxlength: "maxLength",
+    minlength: "minLength",
+    novalidate: "noValidate",
+    playsinline: "playsInline",
+    readonly: "readOnly",
+    referrerpolicy: "referrerPolicy",
+    rowspan: "rowSpan",
+    srcset: "srcSet",
+    tabindex: "tabIndex",
+    targetAttr: "targetattr",
+    usemap: "useMap"
+  }, i = Object.keys(e.props).reduce((r, a) => {
+    let s = e.props[a];
+    a === "style" && typeof s == "string" && (s = f(s));
+    const d = o[a] || a;
+    return r[d] = s, r;
   }, {});
-  s.key = t.key;
-  const r = a.Children.map(t.props.children, (e) => typeof e == "string" ? e : d(e));
-  return a.createElement(t.type, s, r);
+  i.key = e.key;
+  const t = c.Children.map(e.props.children, (r) => typeof r == "string" ? r : p(r));
+  return c.createElement(e.type, i, t);
 }
-const c = () => typeof window < "u", m = () => typeof window > "u", g = () => c() && typeof window.storyblokRegisterEvent < "u", l = () => c() && window.self !== window.top, E = () => c() && l() && window.location.search.includes("_storyblok");
+const l = () => typeof window < "u", y = () => typeof window > "u", g = () => l() && typeof window.storyblokRegisterEvent < "u", m = () => l() && window.self !== window.top, h = () => l() && m() && window.location.search.includes("_storyblok");
 export {
-  d as convertAttributesInElement,
+  p as convertAttributesInElement,
   g as isBridgeLoaded,
-  c as isBrowser,
-  l as isIframe,
-  m as isServer,
-  E as isVisualEditor
+  l as isBrowser,
+  m as isIframe,
+  y as isServer,
+  h as isVisualEditor
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@storyblok/react",
   "type": "module",
-  "version": "5.4.9",
+  "version": "5.4.11",
   "private": false,
   "description": "SDK to integrate Storyblok into your project using React.",
   "author": "Storyblok",
@@ -49,7 +49,7 @@
     }
   },
   "dependencies": {
-    "@storyblok/js": "4.2.7"
+    "@storyblok/js": "4.2.8"
   },
   "devDependencies": {
     "@babel/core": "^7.27.1",