@treely/strapi-slices 1.0.3 → 1.1.0

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

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

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

@@ -4438,7 +4438,9 @@ var SliceRenderer = function SliceRenderer(_ref) {
     projects = _ref.projects,
     customerStories = _ref.customerStories,
     _ref$locale = _ref.locale,
-    locale = _ref$locale === void 0 ? 'en' : _ref$locale;
+    locale = _ref$locale === void 0 ? 'en' : _ref$locale,
+    _ref$additionalSlices = _ref.additionalSlices,
+    additionalSlices = _ref$additionalSlices === void 0 ? [] : _ref$additionalSlices;
   return React__default.default.createElement(ContextProvider, {
     locale: locale
   }, slices.map(function (slice) {
@@ -4634,6 +4636,14 @@ 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);
+        }
         return React__default.default.createElement("div", {
           key: slice.__component + "-" + slice.id
         }, "Slice component not supported");