@treely/strapi-slices 1.1.0 → 2.0.0

package/dist/components/SliceRenderer/SliceRenderer.d.ts

@@ -1,18 +1,19 @@
-import { ReactNode } from 'react';
+/// <reference types="react" />
 import StrapiBlogPost from '../../models/strapi/StrapiBlogPost';
 import IStrapiData from '../../models/strapi/IStrapiData';
 import PortfolioProject from '../../models/PortfolioProject';
 import StrapiCustomerStory from '../../models/strapi/StrapiCustomerStory';
 import Locale from '../../models/Locale';
+export interface CustomSliceProps {
+    slice: any;
+    id: string;
+}
 export interface SliceRendererProps {
     slices: any;
     blogPosts: IStrapiData<StrapiBlogPost>[];
     projects: PortfolioProject[];
     customerStories: IStrapiData<StrapiCustomerStory>[];
     locale?: Locale;
-    additionalSlices?: {
-        id: string;
-        component: ReactNode;
-    }[];
+    CustomSlice?: ({ slice, id }: CustomSliceProps) => JSX.Element;
 }
-export declare const SliceRenderer: ({ slices, blogPosts, projects, customerStories, locale, additionalSlices, }: SliceRendererProps) => JSX.Element;
+export declare const SliceRenderer: ({ slices, blogPosts, projects, customerStories, locale, CustomSlice, }: SliceRendererProps) => JSX.Element;

package/dist/strapi-slices.cjs.development.js

@@ -4439,8 +4439,7 @@ var SliceRenderer = function SliceRenderer(_ref) {
     customerStories = _ref.customerStories,
     _ref$locale = _ref.locale,
     locale = _ref$locale === void 0 ? 'en' : _ref$locale,
-    _ref$additionalSlices = _ref.additionalSlices,
-    additionalSlices = _ref$additionalSlices === void 0 ? [] : _ref$additionalSlices;
+    CustomSlice = _ref.CustomSlice;
   return React__default.default.createElement(ContextProvider, {
     locale: locale
   }, slices.map(function (slice) {
@@ -4636,13 +4635,12 @@ var SliceRenderer = function SliceRenderer(_ref) {
           slice: slice
         });
       default:
-        var additionalSlice = additionalSlices.find(function (additionalSlice) {
-          return additionalSlice.id === slice.__component;
-        });
-        if (additionalSlice) {
-          return React__default.default.createElement("div", {
-            key: slice.__component + "-" + slice.id
-          }, additionalSlice.component);
+        if (CustomSlice) {
+          return React__default.default.createElement(CustomSlice, {
+            key: slice.__component + "-" + slice.id,
+            id: slice.__component,
+            slice: slice
+          });
         }
         return React__default.default.createElement("div", {
           key: slice.__component + "-" + slice.id