@storyblok/react 4.2.1 → 4.3.1

package/dist/storyblok-rich-text.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { StoryblokRichTextProps } from './types';
+declare const StoryblokRichText: React.ForwardRefExoticComponent<StoryblokRichTextProps & React.RefAttributes<HTMLDivElement>>;
+export default StoryblokRichText;
+//# sourceMappingURL=storyblok-rich-text.d.ts.map

package/dist/storyblok-rich-text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"storyblok-rich-text.d.ts","sourceRoot":"","sources":["../src/storyblok-rich-text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAI1C,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAEtD,QAAA,MAAM,iBAAiB,+FAetB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/storyblok-rich-text.js

@@ -0,0 +1 @@
+"use strict";const n=require("react/jsx-runtime"),i=require("react"),u=require("./utils.js"),l=require("./richtext.js"),x=i.forwardRef(({doc:t,resolvers:e},r)=>{const{render:o}=l.useStoryblokRichTextResolver({resolvers:e}),s=o(t),c=u.convertAttributesInElement(s);return n.jsx("div",{ref:r,children:c})});module.exports=x;

package/dist/storyblok-rich-text.mjs

@@ -0,0 +1,15 @@
+import { jsx as i } from "react/jsx-runtime";
+import { forwardRef as s } from "react";
+import { convertAttributesInElement as c } from "./utils.mjs";
+import { useStoryblokRichTextResolver as f } from "./richtext.mjs";
+const h = s(
+  ({ doc: t, resolvers: r }, o) => {
+    const { render: e } = f({
+      resolvers: r
+    }), m = e(t), n = c(m);
+    return /* @__PURE__ */ i("div", { ref: o, children: n });
+  }
+);
+export {
+  h as default
+};

package/dist/types.d.ts

@@ -1,5 +1,5 @@
 import type React from 'react';
-import type { ISbStoryData, SbSDKOptions, StoryblokBridgeConfigV2 } from '@storyblok/js';
+import type { ISbStoryData, SbSDKOptions, StoryblokBridgeConfigV2, StoryblokRichTextNode, StoryblokRichTextResolvers } from '@storyblok/js';
 export interface SbReactComponentsMap {
     [key: string]: React.ElementType;
 }
@@ -9,5 +9,9 @@ export interface SbReactSDKOptions extends SbSDKOptions {
     customFallbackComponent?: React.ElementType;
 }
 export type TUseStoryblokState = <T = void>(initialStory: ISbStoryData<T> | null, bridgeOptions?: StoryblokBridgeConfigV2) => ISbStoryData<T> | null;
+export interface StoryblokRichTextProps {
+    doc: StoryblokRichTextNode<React.ReactElement>;
+    resolvers?: StoryblokRichTextResolvers<React.ReactElement>;
+}
 export type { ArrayFn, AsyncFn, ISbAlternateObject, ISbCache, ISbConfig, ISbContentMangmntAPI, ISbDimensions, ISbError, ISbManagmentApiResult, ISbNode, ISbResponse, ISbResult, ISbRichtext, ISbSchema, ISbStories, ISbStoriesParams, ISbStory, ISbStoryData, ISbStoryParams, ISbThrottle, SbBlokData, SbBlokKeyDataTypes, SbRichTextOptions, SbSDKOptions, StoryblokBridgeConfigV2, StoryblokBridgeV2, StoryblokClient, StoryblokComponentType, useStoryblokBridge, } from '@storyblok/js';
 //# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAEzF,MAAM,WAAW,oBAAoB;IACnC,CAAC,GAAG,EAAE,MAAM,GAAG,KAAK,CAAC,WAAW,CAAC;CAClC;AAED,MAAM,WAAW,iBAAkB,SAAQ,YAAY;IACrD,UAAU,CAAC,EAAE,oBAAoB,CAAC;IAClC,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,uBAAuB,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CAC7C;AAED,MAAM,MAAM,kBAAkB,GAAG,CAAC,CAAC,GAAG,IAAI,EACxC,YAAY,EAAE,YAAY,CAAC,CAAC,CAAC,GAAG,IAAI,EACpC,aAAa,CAAC,EAAE,uBAAuB,KACpC,YAAY,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;AAE5B,YAAY,EACV,OAAO,EACP,OAAO,EACP,kBAAkB,EAClB,QAAQ,EACR,SAAS,EACT,oBAAoB,EACpB,aAAa,EACb,QAAQ,EACR,qBAAqB,EACrB,OAAO,EACP,WAAW,EACX,SAAS,EACT,WAAW,EACX,SAAS,EACT,UAAU,EACV,gBAAgB,EAChB,QAAQ,EACR,YAAY,EACZ,cAAc,EACd,WAAW,EACX,UAAU,EACV,kBAAkB,EAClB,iBAAiB,EACjB,YAAY,EACZ,uBAAuB,EACvB,iBAAiB,EACjB,eAAe,EACf,sBAAsB,EACtB,kBAAkB,GACnB,MAAM,eAAe,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,uBAAuB,EAAE,qBAAqB,EAAE,0BAA0B,EAAE,MAAM,eAAe,CAAC;AAE5I,MAAM,WAAW,oBAAoB;IACnC,CAAC,GAAG,EAAE,MAAM,GAAG,KAAK,CAAC,WAAW,CAAC;CAClC;AAED,MAAM,WAAW,iBAAkB,SAAQ,YAAY;IACrD,UAAU,CAAC,EAAE,oBAAoB,CAAC;IAClC,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,uBAAuB,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CAC7C;AAED,MAAM,MAAM,kBAAkB,GAAG,CAAC,CAAC,GAAG,IAAI,EACxC,YAAY,EAAE,YAAY,CAAC,CAAC,CAAC,GAAG,IAAI,EACpC,aAAa,CAAC,EAAE,uBAAuB,KACpC,YAAY,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;AAE5B,MAAM,WAAW,sBAAsB;IACrC,GAAG,EAAE,qBAAqB,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;IAC/C,SAAS,CAAC,EAAE,0BAA0B,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;CAC5D;AAED,YAAY,EACV,OAAO,EACP,OAAO,EACP,kBAAkB,EAClB,QAAQ,EACR,SAAS,EACT,oBAAoB,EACpB,aAAa,EACb,QAAQ,EACR,qBAAqB,EACrB,OAAO,EACP,WAAW,EACX,SAAS,EACT,WAAW,EACX,SAAS,EACT,UAAU,EACV,gBAAgB,EAChB,QAAQ,EACR,YAAY,EACZ,cAAc,EACd,WAAW,EACX,UAAU,EACV,kBAAkB,EAClB,iBAAiB,EACjB,YAAY,EACZ,uBAAuB,EACvB,iBAAiB,EACjB,eAAe,EACf,sBAAsB,EACtB,kBAAkB,GACnB,MAAM,eAAe,CAAC"}

package/dist/utils.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+/**
+ * Recursively converts HTML attributes in a React element tree to their JSX property names.
+ *
+ * @param {React.ReactElement} element The React element to process.
+ * @return {React.ReactElement} A new React element with converted attributes.
+ */
+export declare function convertAttributesInElement(element: React.ReactElement | React.ReactElement[]): React.ReactElement | React.ReactElement[];
+//# sourceMappingURL=utils.d.ts.map

package/dist/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAkB1B;;;;;GAKG;AACH,wBAAgB,0BAA0B,CAAC,OAAO,EAAE,KAAK,CAAC,YAAY,GAAG,KAAK,CAAC,YAAY,EAAE,GAAG,KAAK,CAAC,YAAY,GAAG,KAAK,CAAC,YAAY,EAAE,CAqCxI"}

package/dist/utils.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react");function l(t){return t.replace(/-([a-z])/g,n=>n[1].toUpperCase())}function f(t){return t.split(";").reduce((n,s)=>{let[r,e]=s.split(":");return r=r==null?void 0:r.trim(),e=e==null?void 0:e.trim(),r&&e&&(n[l(r)]=e),n},{})}function p(t){if(Array.isArray(t))return t.map(i=>p(i));if(!a.isValidElement(t))return t;const n={class:"className",for:"htmlFor",targetAttr:"targetattr"},s=Object.keys(t.props).reduce((i,o)=>{let c=t.props[o];o==="style"&&typeof c=="string"&&(c=f(c));const u=n[o]||o;return i[u]=c,i},{});s.key=t.key;const r=a.Children.map(t.props.children,i=>p(i));return a.createElement(t.type,s,r)}exports.convertAttributesInElement=p;

package/dist/utils.mjs

@@ -0,0 +1,33 @@
+import a from "react";
+function l(r) {
+  return r.replace(/-([a-z])/g, (n) => n[1].toUpperCase());
+}
+function f(r) {
+  return r.split(";").reduce((n, o) => {
+    let [t, e] = o.split(":");
+    return t = t == null ? void 0 : t.trim(), e = e == null ? void 0 : e.trim(), t && e && (n[l(t)] = e), n;
+  }, {});
+}
+function c(r) {
+  if (Array.isArray(r))
+    return r.map((i) => c(i));
+  if (!a.isValidElement(r))
+    return r;
+  const n = {
+    class: "className",
+    for: "htmlFor",
+    targetAttr: "targetattr"
+    // Add more attribute conversions here as needed
+  }, o = Object.keys(r.props).reduce((i, s) => {
+    let p = r.props[s];
+    s === "style" && typeof p == "string" && (p = f(p));
+    const u = n[s] || s;
+    return i[u] = p, i;
+  }, {});
+  o.key = r.key;
+  const t = a.Children.map(r.props.children, (i) => c(i));
+  return a.createElement(r.type, o, t);
+}
+export {
+  c as convertAttributesInElement
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@storyblok/react",
   "type": "module",
-  "version": "4.2.1",
+  "version": "4.3.1",
   "private": false,
   "packageManager": "pnpm@9.13.2",
   "description": "SDK to integrate Storyblok into your project using React.",
@@ -101,7 +101,14 @@
   "commitlint": {
     "extends": [
       "@commitlint/config-conventional"
-    ]
+    ],
+    "rules": {
+      "body-max-line-length": [
+        2,
+        "always",
+        200
+      ]
+    }
   },
   "release": {
     "branches": [