@qoh/core-react 1.0.0-rc.5 → 1.0.0-rc.6

package/lib/QueenofheartsService.test.js

@@ -0,0 +1,31 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _QueenofheartsService = require("./QueenofheartsService");
+var _QueenofheartsService2 = _interopRequireDefault(require("./QueenofheartsService.testData"));
+describe('service', function () {
+  it('findComponentsInProps', function () {
+    var TestBackend = /*#__PURE__*/function () {
+      function TestBackend() {
+        (0, _classCallCheck2["default"])(this, TestBackend);
+        (0, _defineProperty2["default"])(this, "token", void 0);
+        (0, _defineProperty2["default"])(this, "uri", void 0);
+      }
+      return (0, _createClass2["default"])(TestBackend, [{
+        key: "normalize",
+        value: function normalize(data) {
+          return data;
+        }
+      }]);
+    }();
+    _QueenofheartsService.QueenofheartsService.init(new TestBackend(), 'test');
+    var instance = _QueenofheartsService.QueenofheartsService.getInstance();
+    var data = instance.findComponentsInProps(_QueenofheartsService2["default"]).filter(function (value, index, arr) {
+      return arr.indexOf(value) === index;
+    });
+    expect(data).toEqual(['PageRecord', 'SEOMetaTag', 'BannerRecord', 'FullpageJumbotronRecord', 'FullpageSubpageRecord', 'HomepageTilesSubpageRecord']);
+  });
+});

package/lib/QueenofheartsService.testData.d.ts

@@ -0,0 +1,141 @@
+declare const testData: {
+    __typename: string;
+    _createdAt: string;
+    _firstPublishedAt: string;
+    _isValid: boolean;
+    _modelApiKey: string;
+    _publicationScheduledAt: null;
+    _publishedAt: string;
+    _seoMetaTags: ({
+        __typename: string;
+        attributes: null;
+        content: string;
+        tag: string;
+    } | {
+        __typename: string;
+        attributes: ObjectConstructor[];
+        content: null;
+        tag: string;
+    })[];
+    _status: string;
+    _unpublishingScheduledAt: null;
+    _updatedAt: string;
+    banner: {
+        __typename: string;
+        _createdAt: string;
+        _firstPublishedAt: string;
+        _isValid: boolean;
+        _modelApiKey: string;
+        _publicationScheduledAt: null;
+        _publishedAt: string;
+        _seoMetaTags: ArrayConstructor[];
+        _status: string;
+        _unpublishingScheduledAt: null;
+        _updatedAt: string;
+        chevron: boolean;
+        createdAt: string;
+        id: string;
+        target: string;
+        text: string;
+        updatedAt: string;
+    }[];
+    createdAt: string;
+    myTitle: string;
+    paragraphs: ({
+        __typename: string;
+        _createdAt: string;
+        _firstPublishedAt: string;
+        _isValid: boolean;
+        _modelApiKey: string;
+        _publicationScheduledAt: null;
+        _publishedAt: string;
+        _seoMetaTags: ArrayConstructor[];
+        _status: string;
+        _unpublishingScheduledAt: null;
+        _updatedAt: string;
+        backgroundImageJumbotron: ObjectConstructor[];
+        createdAt: string;
+        id: string;
+        subline: string;
+        tagline: string;
+        updatedAt: string;
+        whiteTextColor: boolean;
+        backgroundImageSubpage?: undefined;
+        backgroundImageThreeTiles?: undefined;
+        column?: undefined;
+        tiles?: undefined;
+    } | {
+        __typename: string;
+        _createdAt: string;
+        _firstPublishedAt: string;
+        _isValid: boolean;
+        _modelApiKey: string;
+        _publicationScheduledAt: null;
+        _publishedAt: string;
+        _seoMetaTags: ArrayConstructor[];
+        _status: string;
+        _unpublishingScheduledAt: null;
+        _updatedAt: string;
+        backgroundImageSubpage: ObjectConstructor[];
+        createdAt: string;
+        id: string;
+        subline: string;
+        tagline: string;
+        updatedAt: string;
+        backgroundImageJumbotron?: undefined;
+        whiteTextColor?: undefined;
+        backgroundImageThreeTiles?: undefined;
+        column?: undefined;
+        tiles?: undefined;
+    } | {
+        __typename: string;
+        _createdAt: string;
+        _firstPublishedAt: string;
+        _isValid: boolean;
+        _modelApiKey: string;
+        _publicationScheduledAt: null;
+        _publishedAt: string;
+        _seoMetaTags: ArrayConstructor[];
+        _status: string;
+        _unpublishingScheduledAt: null;
+        _updatedAt: string;
+        backgroundImageThreeTiles: ObjectConstructor[];
+        column: null;
+        createdAt: string;
+        id: string;
+        tiles: ArrayConstructor[];
+        updatedAt: string;
+        backgroundImageJumbotron?: undefined;
+        subline?: undefined;
+        tagline?: undefined;
+        whiteTextColor?: undefined;
+        backgroundImageSubpage?: undefined;
+    } | {
+        __typename: string;
+        _createdAt: string;
+        _firstPublishedAt: string;
+        _isValid: boolean;
+        _modelApiKey: string;
+        _publicationScheduledAt: null;
+        _publishedAt: string;
+        _seoMetaTags: ArrayConstructor[];
+        _status: string;
+        _unpublishingScheduledAt: null;
+        _updatedAt: string;
+        backgroundImageThreeTiles: ObjectConstructor[];
+        column: boolean;
+        createdAt: string;
+        id: string;
+        tiles: ArrayConstructor[];
+        updatedAt: string;
+        backgroundImageJumbotron?: undefined;
+        subline?: undefined;
+        tagline?: undefined;
+        whiteTextColor?: undefined;
+        backgroundImageSubpage?: undefined;
+    })[];
+    seo: null;
+    slug: string;
+    updatedAt: string;
+};
+export default testData;

package/lib/QueenofheartsService.testData.js

@@ -0,0 +1,214 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var testData = {
+  __typename: 'PageRecord',
+  _createdAt: '2022-01-26T16:05:44+00:00',
+  _firstPublishedAt: '2022-01-26T16:05:44+00:00',
+  _isValid: true,
+  _modelApiKey: 'page',
+  _publicationScheduledAt: null,
+  _publishedAt: '2024-08-15T14:29:41+01:00',
+  _seoMetaTags: [{
+    __typename: 'SEOMetaTag',
+    attributes: null,
+    content: 'Home',
+    tag: 'title'
+  }, {
+    __typename: 'SEOMetaTag',
+    attributes: [Object],
+    content: null,
+    tag: 'meta'
+  }, {
+    __typename: 'SEOMetaTag',
+    attributes: [Object],
+    content: null,
+    tag: 'meta'
+  }, {
+    __typename: 'SEOMetaTag',
+    attributes: [Object],
+    content: null,
+    tag: 'meta'
+  }, {
+    __typename: 'SEOMetaTag',
+    attributes: [Object],
+    content: null,
+    tag: 'meta'
+  }, {
+    __typename: 'SEOMetaTag',
+    attributes: [Object],
+    content: null,
+    tag: 'meta'
+  }, {
+    __typename: 'SEOMetaTag',
+    attributes: [Object],
+    content: null,
+    tag: 'meta'
+  }, {
+    __typename: 'SEOMetaTag',
+    attributes: [Object],
+    content: null,
+    tag: 'meta'
+  }, {
+    __typename: 'SEOMetaTag',
+    attributes: [Object],
+    content: null,
+    tag: 'meta'
+  }, {
+    __typename: 'SEOMetaTag',
+    attributes: [Object],
+    content: null,
+    tag: 'meta'
+  }, {
+    __typename: 'SEOMetaTag',
+    attributes: [Object],
+    content: null,
+    tag: 'meta'
+  }, {
+    __typename: 'SEOMetaTag',
+    attributes: [Object],
+    content: null,
+    tag: 'meta'
+  }],
+  _status: 'published',
+  _unpublishingScheduledAt: null,
+  _updatedAt: '2024-08-15T14:28:43+01:00',
+  banner: [{
+    __typename: 'BannerRecord',
+    _createdAt: '2023-03-29T09:47:42+01:00',
+    _firstPublishedAt: '2023-03-29T09:47:43+01:00',
+    _isValid: true,
+    _modelApiKey: 'banner',
+    _publicationScheduledAt: null,
+    _publishedAt: '2024-05-29T15:57:15+01:00',
+    _seoMetaTags: [Array],
+    _status: 'published',
+    _unpublishingScheduledAt: null,
+    _updatedAt: '2024-05-29T15:57:14+01:00',
+    chevron: true,
+    createdAt: '2023-03-29T09:47:42+01:00',
+    id: '147526070',
+    target: '/coaching',
+    text: '<i>Next Workshop:</i><br /><em>Design Thinking</em>',
+    updatedAt: '2024-05-29T15:57:14+01:00'
+  }],
+  createdAt: '2022-01-26T16:05:44+00:00',
+  myTitle: 'Home',
+  paragraphs: [{
+    __typename: 'FullpageJumbotronRecord',
+    _createdAt: '2022-02-25T14:48:48+00:00',
+    _firstPublishedAt: '2022-02-25T14:48:48+00:00',
+    _isValid: true,
+    _modelApiKey: 'fullpage_jumbotron',
+    _publicationScheduledAt: null,
+    _publishedAt: '2024-08-15T14:29:41+01:00',
+    _seoMetaTags: [Array],
+    _status: 'published',
+    _unpublishingScheduledAt: null,
+    _updatedAt: '2024-08-15T14:28:43+01:00',
+    backgroundImageJumbotron: [Object],
+    createdAt: '2022-02-25T14:48:48+00:00',
+    id: '111913781',
+    subline: 'Softwareentwicklung von der Idee<br/>bis zum fertigen Produkt',
+    tagline: '',
+    updatedAt: '2024-08-15T14:28:43+01:00',
+    whiteTextColor: false
+  }, {
+    __typename: 'FullpageSubpageRecord',
+    _createdAt: '2022-06-15T07:56:25+01:00',
+    _firstPublishedAt: '2022-06-15T07:56:26+01:00',
+    _isValid: true,
+    _modelApiKey: 'fullpage_subpage',
+    _publicationScheduledAt: null,
+    _publishedAt: '2024-05-14T14:05:30+01:00',
+    _seoMetaTags: [Array],
+    _status: 'published',
+    _unpublishingScheduledAt: null,
+    _updatedAt: '2024-05-14T14:05:28+01:00',
+    backgroundImageSubpage: [Object],
+    createdAt: '2022-06-15T07:56:25+01:00',
+    id: '122230963',
+    subline: 'Sie fragen sich, ob Sie wirklich so viele verschiedene Dienstleister für Ihr Produkt benötigen? Disziplinen und Silos aufzubrechen ist unsere Stärke.',
+    tagline: 'storm out of the box',
+    updatedAt: '2024-05-14T14:05:28+01:00'
+  }, {
+    __typename: 'FullpageSubpageRecord',
+    _createdAt: '2022-06-15T07:56:25+01:00',
+    _firstPublishedAt: '2022-06-15T07:56:26+01:00',
+    _isValid: true,
+    _modelApiKey: 'fullpage_subpage',
+    _publicationScheduledAt: null,
+    _publishedAt: '2024-05-14T14:05:30+01:00',
+    _seoMetaTags: [Array],
+    _status: 'published',
+    _unpublishingScheduledAt: null,
+    _updatedAt: '2024-05-14T14:05:28+01:00',
+    backgroundImageSubpage: [Object],
+    createdAt: '2022-06-15T07:56:25+01:00',
+    id: '122230964',
+    subline: 'Von der Idee bis zum Launch bieten wir Strategie, Design und Softwareentwicklung ohne Informationsverluste aus einer Hand!',
+    tagline: 'focus on what has gravity',
+    updatedAt: '2024-05-14T14:05:28+01:00'
+  }, {
+    __typename: 'FullpageSubpageRecord',
+    _createdAt: '2022-02-25T14:48:48+00:00',
+    _firstPublishedAt: '2022-02-25T14:48:48+00:00',
+    _isValid: true,
+    _modelApiKey: 'fullpage_subpage',
+    _publicationScheduledAt: null,
+    _publishedAt: '2024-05-14T14:05:30+01:00',
+    _seoMetaTags: [Array],
+    _status: 'published',
+    _unpublishingScheduledAt: null,
+    _updatedAt: '2024-05-14T14:05:28+01:00',
+    backgroundImageSubpage: [Object],
+    createdAt: '2022-02-25T14:48:48+00:00',
+    id: '111913782',
+    subline: 'Wir entwickeln Produkte und Marken, die Ihre Kunden lieben werden! Unser In-House Team von Entwicklern, Strategen und Designern steht für Sie bereit.',
+    tagline: 'make it fly',
+    updatedAt: '2024-05-14T14:05:28+01:00'
+  }, {
+    __typename: 'HomepageTilesSubpageRecord',
+    _createdAt: '2022-02-25T16:25:38+00:00',
+    _firstPublishedAt: '2022-02-25T16:25:38+00:00',
+    _isValid: true,
+    _modelApiKey: 'homepage_tiles_subpage',
+    _publicationScheduledAt: null,
+    _publishedAt: '2023-03-28T12:35:52+01:00',
+    _seoMetaTags: [Array],
+    _status: 'published',
+    _unpublishingScheduledAt: null,
+    _updatedAt: '2023-03-28T12:35:46+01:00',
+    backgroundImageThreeTiles: [Object],
+    column: null,
+    createdAt: '2022-02-25T16:25:38+00:00',
+    id: '111937859',
+    tiles: [Array],
+    updatedAt: '2023-03-28T12:35:46+01:00'
+  }, {
+    __typename: 'HomepageTilesSubpageRecord',
+    _createdAt: '2024-06-19T11:07:46+01:00',
+    _firstPublishedAt: '2024-06-19T11:07:49+01:00',
+    _isValid: true,
+    _modelApiKey: 'homepage_tiles_subpage',
+    _publicationScheduledAt: null,
+    _publishedAt: '2024-07-23T18:02:11+01:00',
+    _seoMetaTags: [Array],
+    _status: 'published',
+    _unpublishingScheduledAt: null,
+    _updatedAt: '2024-07-23T18:02:10+01:00',
+    backgroundImageThreeTiles: [Object],
+    column: true,
+    createdAt: '2024-06-19T11:07:46+01:00',
+    id: 'YZM_vT1aSzWqzNGpQORYYw',
+    tiles: [Array],
+    updatedAt: '2024-07-23T18:02:10+01:00'
+  }],
+  seo: null,
+  slug: 'home',
+  updatedAt: '2024-08-15T14:28:43+01:00'
+};
+var _default = exports["default"] = testData;

package/lib/backend/Backend.d.ts

@@ -0,0 +1,5 @@
+export default interface Backend {
+    token: string;
+    uri: string;
+    normalize(data: any): any;
+}

package/lib/backend/Backend.js

@@ -0,0 +1 @@
+"use strict";

package/lib/backend/DatoCMS.d.ts

@@ -0,0 +1,8 @@
+import Backend from './Backend';
+export default class DatoCMS implements Backend {
+    token: string;
+    uri: string;
+    constructor(token: string);
+    renameSEOMetaTags(props: any): void;
+    normalize(data: any): any;
+}

package/lib/backend/DatoCMS.js

@@ -0,0 +1,48 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var DatoCMS = exports["default"] = /*#__PURE__*/function () {
+  function DatoCMS(token) {
+    (0, _classCallCheck2["default"])(this, DatoCMS);
+    (0, _defineProperty2["default"])(this, "token", '');
+    (0, _defineProperty2["default"])(this, "uri", 'https://graphql.datocms.com/');
+    this.token = token;
+  }
+  return (0, _createClass2["default"])(DatoCMS, [{
+    key: "renameSEOMetaTags",
+    value: function renameSEOMetaTags(props) {
+      props.forEach(function (_, i, tags) {
+        tags[i].__typename = 'SEOMetaTag';
+      });
+    }
+  }, {
+    key: "normalize",
+    value: function normalize(data) {
+      var _this = this;
+      if (data) {
+        if (data['_seoMetaTags']) {
+          this.renameSEOMetaTags(data['_seoMetaTags']);
+        }
+        Object.keys(data).forEach(function (key) {
+          if (Array.isArray(data[key])) {
+            data[key] = data[key].map(function (value) {
+              return _this.normalize(value);
+            });
+          }
+          if (!!data[key] && (0, _typeof2["default"])(data[key]) === 'object') {
+            data[key] = _this.normalize(data[key]);
+          }
+        });
+        return data;
+      }
+    }
+  }]);
+}();

package/lib/backend/StrapiCMS.d.ts

@@ -0,0 +1,8 @@
+import Backend from './Backend';
+export default class StrapiCMS implements Backend {
+    token: string;
+    uri: string;
+    constructor(token: string, strapiUrl: string);
+    renameSEOMetaTags(props: any): void;
+    normalize(data: any): any;
+}

package/lib/backend/StrapiCMS.js

@@ -0,0 +1,52 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _dotenv = _interopRequireDefault(require("dotenv"));
+_dotenv["default"].config();
+var StrapiCMS = exports["default"] = /*#__PURE__*/function () {
+  function StrapiCMS(token, strapiUrl) {
+    (0, _classCallCheck2["default"])(this, StrapiCMS);
+    (0, _defineProperty2["default"])(this, "token", '');
+    (0, _defineProperty2["default"])(this, "uri", '');
+    this.token = token;
+    this.uri = strapiUrl;
+  }
+  return (0, _createClass2["default"])(StrapiCMS, [{
+    key: "renameSEOMetaTags",
+    value: function renameSEOMetaTags(props) {
+      props.forEach(function (_, i, tags) {
+        tags[i].__typename = 'SEOMetaTag';
+      });
+    }
+  }, {
+    key: "normalize",
+    value: function normalize(data) {
+      var _this = this;
+      if (!data) {
+        return data;
+      }
+      if (data['_seoMetaTags']) {
+        this.renameSEOMetaTags(data['_seoMetaTags']);
+      }
+      Object.keys(data).forEach(function (key) {
+        if (Array.isArray(data[key])) {
+          data[key] = data[key].map(function (value) {
+            return _this.normalize(value);
+          });
+        }
+        if (!!data[key] && (0, _typeof2["default"])(data[key]) === 'object') {
+          data[key] = _this.normalize(data[key]);
+        }
+      });
+      return data;
+    }
+  }]);
+}();

package/lib/backend/index.d.ts

@@ -0,0 +1,5 @@
+import DatoCMS from './DatoCMS';
+import StrapiCMS from './StrapiCMS';
+import Backend from './Backend';
+export { DatoCMS, StrapiCMS };
+export type { Backend };

package/lib/backend/index.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "DatoCMS", {
+  enumerable: true,
+  get: function get() {
+    return _DatoCMS["default"];
+  }
+});
+Object.defineProperty(exports, "StrapiCMS", {
+  enumerable: true,
+  get: function get() {
+    return _StrapiCMS["default"];
+  }
+});
+var _DatoCMS = _interopRequireDefault(require("./DatoCMS"));
+var _StrapiCMS = _interopRequireDefault(require("./StrapiCMS"));

package/lib/components/Dodo.d.ts

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export default function DodoComponent(props: any): React.JSX.Element | null;

package/lib/components/Dodo.js

@@ -0,0 +1,68 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof3 = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = DodoComponent;
+var _Paper2 = _interopRequireDefault(require("@mui/material/Paper"));
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+var _Accordion2 = _interopRequireDefault(require("@mui/material/Accordion"));
+var _AccordionDetails2 = _interopRequireDefault(require("@mui/material/AccordionDetails"));
+var _AccordionSummary2 = _interopRequireDefault(require("@mui/material/AccordionSummary"));
+var React = _interopRequireWildcard(require("react"));
+var _ExpandMore = _interopRequireDefault(require("@mui/icons-material/ExpandMore"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof3(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function renderArray(key, value, i) {
+  return /*#__PURE__*/React.createElement(_Accordion2["default"], {
+    key: "".concat(key, "_").concat(i),
+    style: {
+      width: '100%'
+    }
+  }, /*#__PURE__*/React.createElement(_AccordionSummary2["default"], {
+    style: {
+      padding: 0
+    },
+    expandIcon: /*#__PURE__*/React.createElement(_ExpandMore["default"], null)
+  }, key, ": Array[", value.length, "]"), /*#__PURE__*/React.createElement(_AccordionDetails2["default"], null, value.map(function (element, i) {
+    return renderData('', element, i);
+  })));
+}
+function renderObject(key, value, i) {
+  return /*#__PURE__*/React.createElement(_Accordion2["default"], {
+    key: "".concat(key, "_").concat(i),
+    style: {
+      width: '100%'
+    }
+  }, /*#__PURE__*/React.createElement(_AccordionSummary2["default"], {
+    expandIcon: /*#__PURE__*/React.createElement(_ExpandMore["default"], null)
+  }, key), /*#__PURE__*/React.createElement(_AccordionDetails2["default"], null, Object.entries(value).map(function (entry, i) {
+    return renderData(entry[0], entry[1], i);
+  })));
+}
+function renderSimple(key, value, i) {
+  return /*#__PURE__*/React.createElement("div", {
+    key: "".concat(key, "_").concat(i)
+  }, key, ": ", "".concat(value));
+}
+function renderData(key, value, i) {
+  var _value$__typename;
+  if (Array.isArray(value)) return renderArray(key, value, i);
+  if (!value || ['string', 'number'].includes((0, _typeof2["default"])(value))) return renderSimple(key, value, i);
+  if (typeof value === 'boolean') return renderSimple(key, value ? 'true' : 'false', i);
+  var objectKey = "".concat(key ? key + ': ' : '').concat((_value$__typename = value.__typename) !== null && _value$__typename !== void 0 ? _value$__typename : 'object');
+  return renderObject(objectKey, value, i);
+}
+function DodoComponent(props) {
+  if ((0, _typeof2["default"])(props.data) === 'object') {
+    return /*#__PURE__*/React.createElement(_Paper2["default"], {
+      style: {
+        margin: '.5em',
+        width: 'calc(100% - 1em)'
+      }
+    }, renderData('', props.data, 1));
+  }
+  return null;
+}

package/lib/components/QueenofheartsRenderComponent.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare function QueenofheartsRenderComponent(props: {
+    data: {} | [];
+    contextProps?: any;
+}): React.JSX.Element;

package/lib/components/QueenofheartsRenderComponent.js

@@ -0,0 +1,36 @@
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.QueenofheartsRenderComponent = QueenofheartsRenderComponent;
+var _react = _interopRequireWildcard(require("react"));
+var _index = require("../index");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function QueenofheartsRenderComponent(props) {
+  var instance = _index.QueenofheartsService.getInstance();
+  var data = props.data,
+    contextProps = props.contextProps;
+  if (data && instance) {
+    if (Array.isArray(data)) {
+      return /*#__PURE__*/_react["default"].createElement(_react.Suspense, null, data.map(function (item, index) {
+        return instance.createComponent({
+          data: item,
+          contextProps: contextProps
+        });
+      }));
+    } else {
+      return /*#__PURE__*/_react["default"].createElement(_react.Suspense, null, instance.createComponent({
+        data: data,
+        contextProps: contextProps
+      }));
+    }
+  } else if (!instance) {
+    return /*#__PURE__*/_react["default"].createElement("div", null, "QueenofheartsService is not initialized");
+  }
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "error"
+  }, "QueenofheartsRenderComponent: Invalid data received.");
+}

package/lib/declaration.d.js

@@ -0,0 +1 @@
+"use strict";

package/lib/index.d.ts

@@ -0,0 +1,4 @@
+export * from './components/QueenofheartsRenderComponent';
+export * from './QueenofheartsService';
+export * from './backend/index';
+export * from './ApiError';