@storyblok/react 5.4.8 → 5.4.10

package/dist/core/richtext-hoc.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),i=require("@storyblok/js");function u(o,{isServerContext:t=!1}={}){return function(e){var a,l;const r=(a=e==null?void 0:e.attrs)==null?void 0:a.body,c=Array.isArray(r)&&r.length>0?r[0]:void 0,s=((l=e.attrs)==null?void 0:l.id)||(t?`fallback-key-${JSON.stringify(e.attrs)}`:void 0);return n.createElement(o,{blok:c,key:s})}}function m(o,{isServerContext:t=!1}={}){return function(e){const r=u(o,{isServerContext:t}),c={...t?e:{},renderFn:n.createElement,textFn:s=>n.createElement(n.Fragment,{key:Math.random().toString(36).substring(2,15)},s),resolvers:{[i.BlockTypes.COMPONENT]:r,...e.resolvers},keyedResolvers:!0,...t?{}:e};return i.richTextResolver(c)}}exports.createComponentResolver=u;exports.createRichTextHook=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),l=require("@storyblok/js");function u(c,{isServerContext:t=!1}={}){return function(e){var o,n;const r=(o=e==null?void 0:e.attrs)==null?void 0:o.body;if(!Array.isArray(r)||r.length===0)return[];const a=((n=e.attrs)==null?void 0:n.id)||(t?`fallback-key-${JSON.stringify(e.attrs)}`:void 0);return r.map((i,m)=>s.createElement(c,{blok:i,key:`${a}-${m}`}))}}function R(c,{isServerContext:t=!1}={}){return function(e){const r=u(c,{isServerContext:t}),{resolvers:a,...o}=e,n={...t?e:{},renderFn:s.createElement,textFn:i=>s.createElement(s.Fragment,{key:Math.random().toString(36).substring(2,15)},i),resolvers:{[l.BlockTypes.COMPONENT]:r,...a},keyedResolvers:!0,...t?{}:o};return l.richTextResolver(n)}}exports.createComponentResolver=u;exports.createRichTextHook=R;

package/dist/core/richtext-hoc.mjs

@@ -1,38 +1,43 @@
-import n from "react";
-import { BlockTypes as m, richTextResolver as u } from "@storyblok/js";
-function f(o, {
+import s from "react";
+import { BlockTypes as u, richTextResolver as f } from "@storyblok/js";
+function y(c, {
   isServerContext: t = !1
 } = {}) {
   return function(e) {
-    var a, l;
-    const r = (a = e == null ? void 0 : e.attrs) == null ? void 0 : a.body, s = Array.isArray(r) && r.length > 0 ? r[0] : void 0, c = ((l = e.attrs) == null ? void 0 : l.id) || (t ? `fallback-key-${JSON.stringify(e.attrs)}` : void 0);
-    return n.createElement(o, {
-      blok: s,
-      key: c
-    });
+    var o, n;
+    const r = (o = e == null ? void 0 : e.attrs) == null ? void 0 : o.body;
+    if (!Array.isArray(r) || r.length === 0)
+      return [];
+    const a = ((n = e.attrs) == null ? void 0 : n.id) || (t ? `fallback-key-${JSON.stringify(e.attrs)}` : void 0);
+    return r.map(
+      (i, m) => s.createElement(c, {
+        blok: i,
+        key: `${a}-${m}`
+      })
+    );
   };
 }
-function R(o, {
+function k(c, {
   isServerContext: t = !1
 } = {}) {
   return function(e) {
-    const r = f(o, { isServerContext: t }), s = {
+    const r = y(c, { isServerContext: t }), { resolvers: a, ...o } = e, n = {
       ...t ? e : {},
-      renderFn: n.createElement,
-      textFn: (c) => n.createElement(n.Fragment, {
+      renderFn: s.createElement,
+      textFn: (i) => s.createElement(s.Fragment, {
         key: Math.random().toString(36).substring(2, 15)
-      }, c),
+      }, i),
       resolvers: {
-        [m.COMPONENT]: r,
-        ...e.resolvers
+        [u.COMPONENT]: r,
+        ...a
       },
       keyedResolvers: !0,
-      ...t ? {} : e
+      ...t ? {} : o
     };
-    return u(s);
+    return f(n);
   };
 }
 export {
-  f as createComponentResolver,
-  R as createRichTextHook
+  y as createComponentResolver,
+  k as createRichTextHook
 };

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.8",
+  "version": "5.4.10",
   "private": false,
   "description": "SDK to integrate Storyblok into your project using React.",
   "author": "Storyblok",