@treely/strapi-slices 1.0.2 → 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

@@ -2297,6 +2297,13 @@ var rootMessagesEn = /*#__PURE__*/_extends({}, creditsAvailableBadgeMessagesEn,
 var _templateObject$3;
 var GLOBAL_STYLE = /*#__PURE__*/react$1.css(_templateObject$3 || (_templateObject$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  // GintoNord\n  @font-face {\n    font-family: 'GintoNord';\n    src: url('", "/assets/v3/fonts/ABCGintoNord-Bold.woff2')\n      format('woff2');\n    font-style: normal;\n    font-weight: 700;\n    font-display: block;\n  }\n  // Inter\n  @font-face {\n    font-family: 'Inter';\n    src: url('", "/assets/v3/fonts/Inter-Regular.woff2') format('woff2');\n    font-style: normal;\n    font-weight: 400;\n    font-display: block;\n  }\n  @font-face {\n    font-family: 'Inter';\n    src: url('", "/assets/v3/fonts/Inter-Medium.woff2') format('woff2');\n    font-style: normal;\n    font-weight: 500;\n    font-display: block;\n  }\n  @font-face {\n    font-family: 'Inter';\n    src: url('", "/assets/v3/fonts/Inter-SemiBold.woff2') format('woff2');\n    font-style: normal;\n    font-weight: 600;\n    font-display: block;\n  }\n  @font-face {\n    font-family: 'Inter';\n    src: url('", "/assets/v3/fonts/Inter-Bold.woff2') format('woff2');\n    font-style: normal;\n    font-weight: 700;\n    font-display: block;\n  }\n  // SpaceMono\n  @font-face {\n    font-family: 'SpaceMono';\n    src: url('", "/assets/v3/fonts/SpaceMono-Bold.woff2') format('woff2');\n    font-style: normal;\n    font-weight: 700;\n    font-display: block;\n  }\n\n  :root {\n    --default-hero-height: calc(100vh - var(--boemly-space-24));\n  }\n\n  a {\n    text-decoration: none;\n  }\n"])), CDN_URI, CDN_URI, CDN_URI, CDN_URI, CDN_URI, CDN_URI);
 
+var FONT_CUSTOMIZATIONS = {
+  body: 'Inter',
+  heading: 'Inter',
+  display: 'GintoNord',
+  mono: 'SpaceMono'
+};
+
 var cache = /*#__PURE__*/reactIntl.createIntlCache();
 var intlFactory = function intlFactory(locale) {
   return reactIntl.createIntl({
@@ -2311,7 +2318,9 @@ var IntlContext = /*#__PURE__*/React.createContext( /*#__PURE__*/intlFactory('en
 var ContextProvider = function ContextProvider(_ref) {
   var children = _ref.children,
     locale = _ref.locale;
-  return React__default.default.createElement(boemly.BoemlyThemeProvider, null, React__default.default.createElement(react$1.Global, {
+  return React__default.default.createElement(boemly.BoemlyThemeProvider, {
+    fonts: FONT_CUSTOMIZATIONS
+  }, React__default.default.createElement(react$1.Global, {
     styles: {
       GLOBAL_STYLE: GLOBAL_STYLE
     }
@@ -2464,13 +2473,6 @@ var mergeBoundingBoxes = function mergeBoundingBoxes(boundingBoxes) {
   return [minLeft, minBottom, maxRight, maxTop];
 };
 
-var FONT_CUSTOMIZATIONS = {
-  body: 'Inter',
-  heading: 'Inter',
-  display: 'GintoNord',
-  mono: 'SpaceMono'
-};
-
 var messages = {
   en: rootMessagesEn,
   de: rootMessagesDe
@@ -4436,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) {
@@ -4632,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");