@shelf/global-renderer 0.2.24 → 0.3.1

package/CHANGELOG.md

@@ -3,6 +3,32 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+### [0.3.1](https://github.com/shelfio/libs-frontend/compare/@shelf/global-renderer@0.3.0...@shelf/global-renderer@0.3.1) (2022-09-29)
+
+**Note:** Version bump only for package @shelf/global-renderer
+
+## [0.3.0](https://github.com/shelfio/libs-frontend/compare/@shelf/global-renderer@0.2.24...@shelf/global-renderer@0.3.0) (2022-09-29)
+
+### Features
+
+- REACT-335 Add answers links ([5b47b41](https://github.com/shelfio/libs-frontend/commit/5b47b41c30460cea10f41ad5a29705df8acf5b3f))
+- REACT-335 add DT render tests ([d69a196](https://github.com/shelfio/libs-frontend/commit/d69a196354d038028d693063890e4d012d0ed887))
+- REACT-335 Add Link step ([3c2b3c7](https://github.com/shelfio/libs-frontend/commit/3c2b3c70bf7ec9bc9cc9696357d795e5c5e2609b))
+- REACT-335 Add solution ([d9af4ff](https://github.com/shelfio/libs-frontend/commit/d9af4ffb1a44450f70da927f497d057eebc9fe5d))
+- REACT-335 add stories ([4f9d9ea](https://github.com/shelfio/libs-frontend/commit/4f9d9ea906e45f9e3288fb6d116285c79f8e8bb0))
+- REACT-335 Add tests ([8f8dbf6](https://github.com/shelfio/libs-frontend/commit/8f8dbf6b21bc90b62de2e4321529de5efb143773))
+
+### Bug Fixes
+
+- REACT-335 Add new color that will be reused on gem page ([ffdeaf3](https://github.com/shelfio/libs-frontend/commit/ffdeaf37b03e9aa31cef5a1780c0d6621587d3dc))
+- REACT-335 Add parent steps ([f454111](https://github.com/shelfio/libs-frontend/commit/f454111622ce7e626c269869b356d09011cd6c5d))
+- REACT-335 Add pdf content to global renderer ([f54ddc5](https://github.com/shelfio/libs-frontend/commit/f54ddc56ab3a10d6d112a06f97952aff1496c9d4))
+- REACT-335 changed to querySelector ([1d080c0](https://github.com/shelfio/libs-frontend/commit/1d080c0e7351c0a0750567c7d23ecbc181370389))
+- REACT-335 fix colors ([abdfd20](https://github.com/shelfio/libs-frontend/commit/abdfd20a9f88acb0a6abf5de876cce4a9f89ed2c))
+- REACT-335 real coverage ([2ffaa5c](https://github.com/shelfio/libs-frontend/commit/2ffaa5cd2fc24ef8e742f88fe002015d44336678))
+- REACT-335 real coverage ([c0bad55](https://github.com/shelfio/libs-frontend/commit/c0bad55e0698f68968e2800dc30a104287940e87))
+- REACT-335 remove querySelector, move tests mocks, add stories ([a7b5101](https://github.com/shelfio/libs-frontend/commit/a7b51018110b585dfe7cb548e3c3141cf1a5a58d))
+
 ### [0.2.24](https://github.com/shelfio/libs-frontend/compare/@shelf/global-renderer@0.2.23...@shelf/global-renderer@0.2.24) (2022-09-29)
 
 **Note:** Version bump only for package @shelf/global-renderer

package/lib/DecisionTreeContent/DecisionTreeContent.d.ts

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

package/lib/DecisionTreeContent/DecisionTreeContent.styled.d.ts

@@ -0,0 +1,27 @@
+export declare const DTContentContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const DTMeta: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const DTIcon: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const DTInternalMeta: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const DTTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const DTDescription: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const DTContent: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StepContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StepNumber: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StepTypeContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StepType: import("styled-components").StyledComponent<"div", any, {
+    color?: string | undefined;
+}, never>;
+export declare const StepTypeTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ContentTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Content: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Question: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const QuestionTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const QuestionDescription: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Answer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const AnswerNumber: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const AnswerTitle: import("styled-components").StyledComponent<"a", any, {}, never>;
+export declare const StepLink: import("styled-components").StyledComponent<"a", any, {}, never>;
+export declare const StepParents: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ParentLink: import("styled-components").StyledComponent<"a", any, {}, never>;
+export declare const LinkUrl: import("styled-components").StyledComponent<"a", any, {}, never>;
+export declare const NoLinks: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib/DecisionTreeContent/components/Link.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { DTStep } from '../types';
+declare const _default: ({ step }: {
+    step: DTStep;
+}) => JSX.Element;
+export default _default;

package/lib/DecisionTreeContent/components/Question.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { DTStep } from '../types';
+declare const _default: ({ step }: {
+    step: DTStep;
+}) => JSX.Element;
+export default _default;

package/lib/DecisionTreeContent/components/Solution.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { DTStep } from '../types';
+declare const _default: ({ step }: {
+    step: DTStep;
+}) => JSX.Element;
+export default _default;

package/lib/DecisionTreeContent/components/StepHeader.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { DTStep } from '../types';
+declare const _default: ({ step }: {
+    step: DTStep;
+}) => JSX.Element;
+export default _default;

package/lib/DecisionTreeContent/helpers.d.ts

@@ -0,0 +1,44 @@
+import { DTStep } from './types';
+export declare const FIRST_STEP_ID = "Step#1";
+export declare const QUESTION_TYPE = "Question";
+export declare const getTreeWithParentSteps: (tree: Omit<DTStep, 'parentSteps'>[]) => {
+    parentSteps: {
+        id: string;
+        number: number;
+    }[];
+    number: number;
+    url?: string | undefined;
+    type?: import("@shelf/types-ddb/lib/decision-tree").StepType | undefined;
+    id: string;
+    title?: string | undefined;
+    content?: string | undefined;
+    question: {
+        id: string;
+        title?: string | undefined;
+        description?: string | undefined;
+        answers: {
+            id: string;
+            title?: string | undefined;
+            nextStep?: {
+                id?: string | undefined;
+                number?: number | undefined;
+            } | undefined;
+        }[];
+    };
+    textS3Key?: string | undefined;
+    settings?: import("@shelf/types-ddb/lib/decision-tree").StepSettings | undefined;
+    linkedSteps?: {
+        id?: string | undefined;
+        number?: number | undefined;
+    }[] | undefined;
+}[];
+export declare const convertStepToRenderFormat: (tree: DTStep[]) => DTStep[];
+export declare const strings: {
+    question: string;
+    solution: string;
+    link: string;
+    step: string;
+    start: string;
+    parentSteps: string;
+    noLinks: string;
+};

package/lib/DecisionTreeContent/mocks.d.ts

@@ -0,0 +1,201 @@
+export declare const dtData: {
+    title: string;
+    description: string;
+    tree: ({
+        id: string;
+        title: string;
+        type: string;
+        content: string;
+        url: null;
+        settings: {
+            borderColor: string;
+            position: {
+                x: number;
+                y: number;
+            };
+        };
+        question: {
+            id: string;
+            title: string;
+            description: string;
+            answers: ({
+                title: string;
+                id: string;
+                nextStep: {
+                    id: string;
+                };
+            } | {
+                title: string;
+                id: string;
+                nextStep: null;
+            })[];
+        };
+    } | {
+        id: string;
+        title: string;
+        type: string;
+        url: string;
+        settings: {
+            borderColor: null;
+            position: {
+                x: number;
+                y: number;
+            };
+        };
+        question: null;
+        content?: undefined;
+    } | {
+        id: string;
+        title: string;
+        type: string;
+        url: null;
+        content: string;
+        settings: {
+            borderColor: string;
+            position: {
+                x: number;
+                y: number;
+            };
+        };
+        question: {
+            title: string;
+            description: string;
+            answers: ({
+                title: string;
+                id: string;
+                nextStep: null;
+            } | {
+                title: string;
+                id: string;
+                nextStep: {
+                    id: string;
+                };
+            })[];
+            id?: undefined;
+        };
+    } | {
+        id: string;
+        title: string;
+        content: string;
+        type: string;
+        url: null;
+        settings: {
+            borderColor: null;
+            position: {
+                x: number;
+                y: number;
+            };
+        };
+        question: null;
+    })[];
+};
+export declare const initialTree: ({
+    id: string;
+    title: string;
+    type: string;
+    question: {
+        id: string;
+        title: string;
+        description: string;
+        answers: {
+            title: string;
+            id: string;
+            nextStep: {
+                id: string;
+            };
+        }[];
+    };
+    url?: undefined;
+} | {
+    id: string;
+    title: string;
+    type: string;
+    url: null;
+    question: {
+        id: string;
+        title: string;
+        description: string;
+        answers: {
+            title: string;
+            id: string;
+            nextStep: {
+                id: string;
+            };
+        }[];
+    };
+} | {
+    id: string;
+    title: string;
+    type: string;
+    url: null;
+    question: null;
+} | {
+    id: string;
+    title: string;
+    type: string;
+    url: string;
+    question: null;
+})[];
+export declare const treeWithLinkedSteps: ({
+    id: string;
+    number: number;
+    title: string;
+    type: string;
+    url: null;
+    question: {
+        id: string;
+        title: string;
+        description: string;
+        answers: {
+            title: string;
+            id: string;
+            nextStep: {
+                id: string;
+                number: number;
+            };
+        }[];
+    };
+    linkedSteps: {
+        id: string;
+        number: number;
+    }[];
+} | {
+    id: string;
+    number: number;
+    title: string;
+    type: string;
+    question: {
+        id: string;
+        title: string;
+        description: string;
+        answers: {
+            title: string;
+            id: string;
+            nextStep: {
+                id: string;
+                number: number;
+            };
+        }[];
+    };
+    linkedSteps: {
+        id: string;
+        number: number;
+    }[];
+    url?: undefined;
+} | {
+    id: string;
+    number: number;
+    title: string;
+    type: string;
+    url: null;
+    question: null;
+    linkedSteps?: undefined;
+} | {
+    id: string;
+    number: number;
+    title: string;
+    type: string;
+    url: string;
+    question: null;
+    linkedSteps?: undefined;
+})[];

package/lib/DecisionTreeContent/renderDTContent.d.ts

@@ -0,0 +1,2 @@
+import { RenderDTContentData } from './types';
+export declare const renderDTContent: (data: RenderDTContentData, containerSelector?: string) => void;

package/lib/DecisionTreeContent/types.d.ts

@@ -0,0 +1,27 @@
+import type { DecisionTree } from '@shelf/types-ddb';
+declare type StepPointer = {
+    id?: string;
+    number?: number;
+};
+export declare type DTStep = Omit<DecisionTree.Step, 'question'> & {
+    number: number;
+    content?: string;
+    question: {
+        id: string;
+        title?: string;
+        description?: string;
+        answers: {
+            id: string;
+            title?: string;
+            nextStep?: StepPointer;
+        }[];
+    };
+    linkedSteps?: StepPointer[];
+    parentSteps: StepPointer[];
+};
+export declare type RenderDTContentData = {
+    tree: DTStep[];
+    title: string;
+    description: string;
+};
+export {};

package/lib/index.d.ts

@@ -1 +1,2 @@
-export * from './renderStaticDTDiagram';
+export * from './DecisionTreeDiagram/renderStaticDTDiagram';
+export * from './DecisionTreeContent/renderDTContent';