@shelf/global-renderer 1.0.0 → 1.0.1-beta.0

package/lib/DecisionTreeContent/DecisionTreeContent.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { RenderDTContentData } from './types';
-declare const DecisionTreeContent: ({ title, description, tree, exportedBy, exportedAt, createdBy, fields, variables, }: RenderDTContentData) => React.JSX.Element;
+declare const DecisionTreeContent: ({ title, description, tree, exportedBy, exportedAt, createdBy, fields, variables, }: RenderDTContentData) => JSX.Element;
 export default DecisionTreeContent;

package/lib/DecisionTreeContent/DecisionTreeContent.js

@@ -0,0 +1,84 @@
+import { DecisionTree as a } from "@shelf/icons";
+import { colors as u } from "@shelf/client-helpers";
+import { I18nextProvider as D } from "react-i18next";
+import { isEmpty as s } from "lodash";
+import { DTContentContainer as C, DTMeta as x, DTIcon as F, DTInternalMeta as S, DTTitle as y, DTDescription as I, CustomFields as M, CustomField as j, FieldName as k, FieldValue as E, DTContent as L } from "./DecisionTreeContent.styled.js";
+import R from "../i18next/index.js";
+import { convertStepToRenderFormat as $ } from "./helpers.js";
+import v from "./components/Question.js";
+import w from "./components/Condition.js";
+import z from "./components/Solution.js";
+import N from "./components/Link.js";
+import P from "./components/ContentTable.js";
+import Q from "./components/ExportedMeta.js";
+import { jsx as o, jsxs as e } from "react/jsx-runtime";
+const V = ({
+  step: r,
+  variables: t
+}) => r.type === "Link" ? /* @__PURE__ */ o(N, {
+  step: r
+}) : r.type === "Solution" ? /* @__PURE__ */ o(z, {
+  step: r
+}) : r.type === "Condition" ? /* @__PURE__ */ o(w, {
+  step: r,
+  variables: t
+}) : /* @__PURE__ */ o(v, {
+  step: r,
+  variables: t
+}), b = ({
+  title: r,
+  description: t,
+  tree: d,
+  exportedBy: l,
+  exportedAt: p,
+  createdBy: f,
+  fields: m,
+  variables: T
+}) => {
+  const c = $(d);
+  return /* @__PURE__ */ o(D, {
+    i18n: R,
+    children: /* @__PURE__ */ e(C, {
+      id: "dt-content-container",
+      children: [/* @__PURE__ */ o(Q, {
+        exportedBy: l,
+        exportedAt: p,
+        createdBy: f
+      }), /* @__PURE__ */ e(x, {
+        children: [/* @__PURE__ */ o(F, {
+          children: /* @__PURE__ */ o(a, {
+            iconSize: 20,
+            color: u.$white
+          })
+        }), /* @__PURE__ */ e(S, {
+          children: [/* @__PURE__ */ o(y, {
+            children: r
+          }), /* @__PURE__ */ o(I, {
+            children: t
+          })]
+        })]
+      }), !s(m) && /* @__PURE__ */ o(M, {
+        children: m?.map(({
+          name: n,
+          value: i
+        }, h) => /* @__PURE__ */ e(j, {
+          children: [/* @__PURE__ */ e(k, {
+            children: [n, ": "]
+          }), /* @__PURE__ */ o(E, {
+            children: i
+          })]
+        }, h))
+      }), /* @__PURE__ */ o(P, {
+        tree: c
+      }), /* @__PURE__ */ o(L, {
+        children: c.map((n, i) => /* @__PURE__ */ o(V, {
+          step: n,
+          variables: T
+        }, i))
+      })]
+    })
+  });
+}, _ = b;
+export {
+  _ as default
+};