@treely/strapi-slices 1.0.3 → 2.0.0
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.
- package/dist/components/SliceRenderer/SliceRenderer.d.ts +6 -1
- package/dist/strapi-slices.cjs.development.js +9 -1
- package/dist/strapi-slices.cjs.development.js.map +1 -1
- package/dist/strapi-slices.cjs.production.min.js +1 -1
- package/dist/strapi-slices.cjs.production.min.js.map +1 -1
- package/dist/strapi-slices.esm.js +9 -1
- package/dist/strapi-slices.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/SliceRenderer/SliceRenderer.test.tsx +15 -2
- package/src/components/SliceRenderer/SliceRenderer.tsx +17 -0
|
@@ -4,11 +4,16 @@ import IStrapiData from '../../models/strapi/IStrapiData';
|
|
|
4
4
|
import PortfolioProject from '../../models/PortfolioProject';
|
|
5
5
|
import StrapiCustomerStory from '../../models/strapi/StrapiCustomerStory';
|
|
6
6
|
import Locale from '../../models/Locale';
|
|
7
|
+
export interface CustomSliceProps {
|
|
8
|
+
slice: any;
|
|
9
|
+
id: string;
|
|
10
|
+
}
|
|
7
11
|
export interface SliceRendererProps {
|
|
8
12
|
slices: any;
|
|
9
13
|
blogPosts: IStrapiData<StrapiBlogPost>[];
|
|
10
14
|
projects: PortfolioProject[];
|
|
11
15
|
customerStories: IStrapiData<StrapiCustomerStory>[];
|
|
12
16
|
locale?: Locale;
|
|
17
|
+
CustomSlice?: ({ slice, id }: CustomSliceProps) => JSX.Element;
|
|
13
18
|
}
|
|
14
|
-
export declare const SliceRenderer: ({ slices, blogPosts, projects, customerStories, locale, }: SliceRendererProps) => JSX.Element;
|
|
19
|
+
export declare const SliceRenderer: ({ slices, blogPosts, projects, customerStories, locale, CustomSlice, }: SliceRendererProps) => JSX.Element;
|
|
@@ -4438,7 +4438,8 @@ var SliceRenderer = function SliceRenderer(_ref) {
|
|
|
4438
4438
|
projects = _ref.projects,
|
|
4439
4439
|
customerStories = _ref.customerStories,
|
|
4440
4440
|
_ref$locale = _ref.locale,
|
|
4441
|
-
locale = _ref$locale === void 0 ? 'en' : _ref$locale
|
|
4441
|
+
locale = _ref$locale === void 0 ? 'en' : _ref$locale,
|
|
4442
|
+
CustomSlice = _ref.CustomSlice;
|
|
4442
4443
|
return React__default.default.createElement(ContextProvider, {
|
|
4443
4444
|
locale: locale
|
|
4444
4445
|
}, slices.map(function (slice) {
|
|
@@ -4634,6 +4635,13 @@ var SliceRenderer = function SliceRenderer(_ref) {
|
|
|
4634
4635
|
slice: slice
|
|
4635
4636
|
});
|
|
4636
4637
|
default:
|
|
4638
|
+
if (CustomSlice) {
|
|
4639
|
+
return React__default.default.createElement(CustomSlice, {
|
|
4640
|
+
key: slice.__component + "-" + slice.id,
|
|
4641
|
+
id: slice.__component,
|
|
4642
|
+
slice: slice
|
|
4643
|
+
});
|
|
4644
|
+
}
|
|
4637
4645
|
return React__default.default.createElement("div", {
|
|
4638
4646
|
key: slice.__component + "-" + slice.id
|
|
4639
4647
|
}, "Slice component not supported");
|