storyblok-rich-text-react-renderer
Advanced tools
Comparing version 2.3.1 to 2.4.0
import React from 'react'; | ||
function _defineProperty(obj, key, value) { | ||
if (key in obj) { | ||
Object.defineProperty(obj, key, { | ||
value: value, | ||
enumerable: true, | ||
configurable: true, | ||
writable: true | ||
}); | ||
} else { | ||
obj[key] = value; | ||
} | ||
return obj; | ||
} | ||
function ownKeys(object, enumerableOnly) { | ||
@@ -23,5 +8,9 @@ var keys = Object.keys(object); | ||
var symbols = Object.getOwnPropertySymbols(object); | ||
if (enumerableOnly) symbols = symbols.filter(function (sym) { | ||
return Object.getOwnPropertyDescriptor(object, sym).enumerable; | ||
}); | ||
if (enumerableOnly) { | ||
symbols = symbols.filter(function (sym) { | ||
return Object.getOwnPropertyDescriptor(object, sym).enumerable; | ||
}); | ||
} | ||
keys.push.apply(keys, symbols); | ||
@@ -53,2 +42,17 @@ } | ||
function _defineProperty(obj, key, value) { | ||
if (key in obj) { | ||
Object.defineProperty(obj, key, { | ||
value: value, | ||
enumerable: true, | ||
configurable: true, | ||
writable: true | ||
}); | ||
} else { | ||
obj[key] = value; | ||
} | ||
return obj; | ||
} | ||
function _objectWithoutPropertiesLoose(source, excluded) { | ||
@@ -90,2 +94,3 @@ if (source == null) return {}; | ||
const _excluded = ["component"]; | ||
const NODE_HEADING = 'heading'; | ||
@@ -145,3 +150,3 @@ const NODE_CODEBLOCK = 'code_block'; | ||
let component = _ref.component, | ||
props = _objectWithoutProperties(_ref, ["component"]); | ||
props = _objectWithoutProperties(_ref, _excluded); | ||
@@ -148,0 +153,0 @@ const resolver = blokResolvers[component]; |
@@ -11,17 +11,2 @@ 'use strict'; | ||
function _defineProperty(obj, key, value) { | ||
if (key in obj) { | ||
Object.defineProperty(obj, key, { | ||
value: value, | ||
enumerable: true, | ||
configurable: true, | ||
writable: true | ||
}); | ||
} else { | ||
obj[key] = value; | ||
} | ||
return obj; | ||
} | ||
function ownKeys(object, enumerableOnly) { | ||
@@ -32,5 +17,9 @@ var keys = Object.keys(object); | ||
var symbols = Object.getOwnPropertySymbols(object); | ||
if (enumerableOnly) symbols = symbols.filter(function (sym) { | ||
return Object.getOwnPropertyDescriptor(object, sym).enumerable; | ||
}); | ||
if (enumerableOnly) { | ||
symbols = symbols.filter(function (sym) { | ||
return Object.getOwnPropertyDescriptor(object, sym).enumerable; | ||
}); | ||
} | ||
keys.push.apply(keys, symbols); | ||
@@ -62,2 +51,17 @@ } | ||
function _defineProperty(obj, key, value) { | ||
if (key in obj) { | ||
Object.defineProperty(obj, key, { | ||
value: value, | ||
enumerable: true, | ||
configurable: true, | ||
writable: true | ||
}); | ||
} else { | ||
obj[key] = value; | ||
} | ||
return obj; | ||
} | ||
function _objectWithoutPropertiesLoose(source, excluded) { | ||
@@ -99,2 +103,3 @@ if (source == null) return {}; | ||
const _excluded = ["component"]; | ||
const NODE_HEADING = 'heading'; | ||
@@ -137,3 +142,3 @@ const NODE_CODEBLOCK = 'code_block'; | ||
const addKey = function (element) { | ||
return React__default['default'].isValidElement(element) ? React__default['default'].cloneElement(element, { | ||
return React__default["default"].isValidElement(element) ? React__default["default"].cloneElement(element, { | ||
key: currentKey++ | ||
@@ -155,3 +160,3 @@ }) : element; | ||
let component = _ref.component, | ||
props = _objectWithoutProperties(_ref, ["component"]); | ||
props = _objectWithoutProperties(_ref, _excluded); | ||
@@ -196,3 +201,3 @@ const resolver = blokResolvers[component]; | ||
return function (children) { | ||
return children != null ? React__default['default'].createElement(element, null, children) : null; | ||
return children != null ? React__default["default"].createElement(element, null, children) : null; | ||
}; | ||
@@ -203,3 +208,3 @@ }; | ||
return function () { | ||
return React__default['default'].createElement(element); | ||
return React__default["default"].createElement(element); | ||
}; | ||
@@ -209,7 +214,7 @@ }; | ||
const headingNodeResolver = function (children, props) { | ||
return React__default['default'].createElement(`h${props.level}`, null, children); | ||
return React__default["default"].createElement(`h${props.level}`, null, children); | ||
}; | ||
const imageNodeResolver = function (children, props) { | ||
return React__default['default'].createElement('img', props, children); | ||
return React__default["default"].createElement('img', props, children); | ||
}; | ||
@@ -221,4 +226,4 @@ | ||
}; | ||
const code = React__default['default'].createElement('code', codeProps, children); | ||
return React__default['default'].createElement('pre', null, code); | ||
const code = React__default["default"].createElement('code', codeProps, children); | ||
return React__default["default"].createElement('pre', null, code); | ||
}; | ||
@@ -228,3 +233,3 @@ | ||
return function (children) { | ||
return React__default['default'].createElement(element, null, children); | ||
return React__default["default"].createElement(element, null, children); | ||
}; | ||
@@ -242,7 +247,7 @@ }; | ||
}; | ||
return React__default['default'].createElement('a', props, children); | ||
return React__default["default"].createElement('a', props, children); | ||
}; | ||
const styledMarkResolver = function (children, props) { | ||
return React__default['default'].createElement('span', { | ||
return React__default["default"].createElement('span', { | ||
className: props.class | ||
@@ -249,0 +254,0 @@ }, children); |
{ | ||
"name": "storyblok-rich-text-react-renderer", | ||
"description": "A React renderer for Storyblok rich text content", | ||
"version": "2.3.1", | ||
"version": "2.4.0", | ||
"license": "MIT", | ||
@@ -34,12 +34,13 @@ "main": "dist/index.js", | ||
"devDependencies": { | ||
"@babel/core": "^7.13.14", | ||
"@babel/plugin-proposal-nullish-coalescing-operator": "^7.13.8", | ||
"@babel/plugin-proposal-object-rest-spread": "^7.13.8", | ||
"@babel/plugin-transform-arrow-functions": "^7.13.0", | ||
"@babel/plugin-transform-destructuring": "^7.13.0", | ||
"@babel/core": "^7.16.0", | ||
"@babel/plugin-proposal-nullish-coalescing-operator": "^7.16.0", | ||
"@babel/plugin-proposal-object-rest-spread": "^7.16.0", | ||
"@babel/plugin-transform-arrow-functions": "^7.16.0", | ||
"@babel/plugin-transform-destructuring": "^7.16.0", | ||
"@rollup/plugin-babel": "^5.3.0", | ||
"@rollup/plugin-commonjs": "^18.0.0", | ||
"rollup": "^2.44.0", | ||
"@rollup/plugin-commonjs": "^21.0.1", | ||
"rollup": "^2.60.0", | ||
"rollup-plugin-peer-deps-external": "^2.2.4" | ||
} | ||
}, | ||
"types": "./index.d.ts" | ||
} |
@@ -213,3 +213,3 @@ # Storyblok Rich Text Renderer for React | ||
render(document, { | ||
defaultStringResolver: (str) => (<p>{str}</p>) | ||
defaultStringResolver: (str) => <p>{str}</p> | ||
}); | ||
@@ -253,1 +253,2 @@ ``` | ||
- 2.3.0 — Add defaultStringResolver, allow plain string as input | ||
- 2.4.0 — Add TypeScript type definitions (index.d.ts) |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
59752
11
733
253