@factorearth/component-library 4.0.4-alpha.0 → 4.0.6-alpha.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Atoms/Accordion/Accordion.d.ts +2 -2
- package/dist/Atoms/Accordion/Accordion.js +12 -11
- package/dist/Atoms/Accordion/Accordion.js.map +1 -1
- package/dist/Atoms/Typography/Typography.d.ts +2 -1
- package/dist/Atoms/Typography/Typography.js +2 -2
- package/dist/Atoms/Typography/Typography.js.map +1 -1
- package/dist/Organisms/Tutorial/Tutorial.d.ts +3 -2
- package/dist/Organisms/Tutorial/Tutorial.js +25 -25
- package/dist/Organisms/Tutorial/Tutorial.js.map +1 -1
- package/package.json +2 -2
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { Colors } from "../../Theme/types";
|
|
3
3
|
interface Props {
|
|
4
|
-
|
|
4
|
+
colors: Colors & string;
|
|
5
5
|
dropdownContent: DropdownContent;
|
|
6
6
|
}
|
|
7
7
|
type DropdownContent = {
|
|
8
8
|
title: string;
|
|
9
|
+
icon?: React.JSX.Element;
|
|
9
10
|
content: string[];
|
|
10
11
|
imgs?: {
|
|
11
12
|
light: string;
|
|
12
13
|
dark: string;
|
|
13
14
|
};
|
|
14
|
-
icon?: string;
|
|
15
15
|
};
|
|
16
16
|
declare function Accordion(props: Props): React.JSX.Element;
|
|
17
17
|
export default Accordion;
|
|
@@ -3,9 +3,9 @@ import React, { useState } from "react";
|
|
|
3
3
|
import { FiChevronDown, FiChevronUp } from "react-icons/fi";
|
|
4
4
|
import { Typography } from "../Typography/Typography";
|
|
5
5
|
const Container = styled.div `
|
|
6
|
-
background: ${({ expanded,
|
|
6
|
+
background: ${({ expanded, colors }) => expanded ? colors.background.tertiary : colors.background.primary};
|
|
7
7
|
padding: 8px;
|
|
8
|
-
border-top: ${({
|
|
8
|
+
border-top: ${({ colors }) => `${colors.background.secondary} 1px solid`};
|
|
9
9
|
cursor: pointer
|
|
10
10
|
`;
|
|
11
11
|
const Header = styled.div `
|
|
@@ -17,25 +17,26 @@ const Header = styled.div `
|
|
|
17
17
|
align-self: stretch;
|
|
18
18
|
`;
|
|
19
19
|
const ContentContainer = styled.div `
|
|
20
|
-
|
|
21
|
-
|
|
20
|
+
align-self: stretch;
|
|
21
|
+
padding-bottom: 16px;
|
|
22
22
|
`;
|
|
23
23
|
const Step = styled.div `
|
|
24
|
-
|
|
25
|
-
|
|
24
|
+
padding: 4px 16px;
|
|
25
|
+
align-self: stretch;
|
|
26
26
|
`;
|
|
27
27
|
function Accordion(props) {
|
|
28
|
-
const {
|
|
28
|
+
const { colors, dropdownContent } = props;
|
|
29
29
|
const [dropdownOpen, setDropdownOpen] = useState(false);
|
|
30
30
|
function toggleDropdown() {
|
|
31
31
|
setDropdownOpen(!dropdownOpen);
|
|
32
32
|
}
|
|
33
|
-
return (React.createElement(Container, {
|
|
33
|
+
return (React.createElement(Container, { colors: colors, expanded: dropdownOpen },
|
|
34
34
|
React.createElement(Header, { onClick: toggleDropdown },
|
|
35
35
|
dropdownOpen ? React.createElement(FiChevronUp, null) : React.createElement(FiChevronDown, null),
|
|
36
|
-
React.createElement(Typography, { textColor:
|
|
37
|
-
|
|
38
|
-
|
|
36
|
+
React.createElement(Typography, { textColor: colors.text.primary, content: dropdownContent.title, variant: "Paragraphy Body" }),
|
|
37
|
+
dropdownContent.icon && dropdownContent.icon),
|
|
38
|
+
dropdownOpen && (React.createElement(ContentContainer, null, dropdownContent.content.map(content => React.createElement(Step, null,
|
|
39
|
+
React.createElement(Typography, { textColor: colors.text.primary, content: content, variant: "Paragraphy Body" })))))));
|
|
39
40
|
}
|
|
40
41
|
export default Accordion;
|
|
41
42
|
//# sourceMappingURL=Accordion.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../lib/Atoms/Accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE5D,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAErD,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,
|
|
1
|
+
{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../lib/Atoms/Accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE5D,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAErD,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAuC;eACpD,CAAC,EAAC,QAAQ,EAAE,MAAM,EAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,OAAO;;eAEzF,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,GAAG,MAAM,CAAC,UAAU,CAAC,SAAS,YAAY;;CAExE,CAAC;AAEF,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;CAOxB,CAAC;AAEF,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAGlC,CAAC;AAEF,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAGtB,CAAC;AAiBF,SAAS,SAAS,CAAC,KAAY;IAC9B,MAAM,EAAE,MAAM,EAAE,eAAe,EAAE,GAAG,KAAK,CAAC;IAE1C,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExD,SAAS,cAAc;QACtB,eAAe,CAAC,CAAC,YAAY,CAAC,CAAC;IAChC,CAAC;IAED,OAAO,CACN,oBAAC,SAAS,IAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,YAAY;QAChD,oBAAC,MAAM,IAAC,OAAO,EAAE,cAAc;YAC7B,YAAY,CAAC,CAAC,CAAC,oBAAC,WAAW,OAAG,CAAC,CAAC,CAAC,oBAAC,aAAa,OAAG;YACnD,oBAAC,UAAU,IAAC,SAAS,EAAE,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE,eAAe,CAAC,KAAK,EAAE,OAAO,EAAE,iBAAiB,GAAI;YACzG,eAAe,CAAC,IAAI,IAAI,eAAe,CAAC,IAAI,CACrC;QACR,YAAY,IAAI,CAChB,oBAAC,gBAAgB,QAChB,eAAe,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,oBAAC,IAAI;YAC5C,oBAAC,UAAU,IAAC,SAAS,EAAE,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,iBAAiB,GAAI,CACtF,CAAC,CACW,CACnB,CACU,CACZ,CAAC;AACH,CAAC;AAED,eAAe,SAAS,CAAC"}
|
|
@@ -3,7 +3,8 @@ type TypographyVariants = "Jumbo" | "Heading 1" | "Heading 2" | "Heading 3" | "H
|
|
|
3
3
|
interface TypographyProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
|
|
4
4
|
textColor: string;
|
|
5
5
|
variant: TypographyVariants;
|
|
6
|
-
content
|
|
6
|
+
content?: string;
|
|
7
|
+
children?: React.ReactNode;
|
|
7
8
|
}
|
|
8
9
|
export declare const Typography: (props: TypographyProps) => React.JSX.Element;
|
|
9
10
|
export {};
|
|
@@ -8,8 +8,8 @@ const StyledText = styled.div `
|
|
|
8
8
|
font-weight: ${({ text }) => text.fontWeight};
|
|
9
9
|
`;
|
|
10
10
|
export const Typography = (props) => {
|
|
11
|
-
const { textColor, variant, content, ...htmlProps } = props;
|
|
11
|
+
const { textColor, variant, content, children, ...htmlProps } = props;
|
|
12
12
|
const text = tokens.global.Typography[variant].value;
|
|
13
|
-
return (React.createElement(StyledText, { ...htmlProps, textColor: textColor, text: text, role: text.role, "aria-level": text?.ariaLevel ? parseInt(text.ariaLevel, 10) : undefined }, content));
|
|
13
|
+
return (React.createElement(StyledText, { ...htmlProps, textColor: textColor, text: text, role: text.role, "aria-level": text?.ariaLevel ? parseInt(text.ariaLevel, 10) : undefined }, content || children));
|
|
14
14
|
};
|
|
15
15
|
//# sourceMappingURL=Typography.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Typography.js","sourceRoot":"","sources":["../../../lib/Atoms/Typography/Typography.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,yBAAyB,CAAA;
|
|
1
|
+
{"version":3,"file":"Typography.js","sourceRoot":"","sources":["../../../lib/Atoms/Typography/Typography.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,yBAAyB,CAAA;AAoB5C,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAA+C;UAClE,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,SAAS;cACxB,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ;iBACxB,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,IAAI,CAAC,UAAU;iBAC7B,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,IAAI,CAAC,UAAU;CAC7C,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAsB,EAAE,EAAE;IACpD,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAEtE,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,KAAyB,CAAC;IAEzE,OAAO,CACN,oBAAC,UAAU,OAAK,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,gBAAc,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,IAClJ,OAAO,IAAI,QAAQ,CACR,CACb,CAAC;AACH,CAAC,CAAC"}
|
|
@@ -9,6 +9,7 @@ type Page = {
|
|
|
9
9
|
};
|
|
10
10
|
type UserFlow = {
|
|
11
11
|
title: string;
|
|
12
|
+
icon?: React.JSX.Element;
|
|
12
13
|
content: string[];
|
|
13
14
|
imgs: ImageSet;
|
|
14
15
|
};
|
|
@@ -18,8 +19,8 @@ type ImageSet = {
|
|
|
18
19
|
};
|
|
19
20
|
interface TutorialModalProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
|
|
20
21
|
children: React.ReactNode;
|
|
21
|
-
|
|
22
|
-
setOpen: (open:
|
|
22
|
+
colors: Colors & string;
|
|
23
|
+
setOpen: (open: string) => void;
|
|
23
24
|
page: Page;
|
|
24
25
|
reportBugOnClick: () => void;
|
|
25
26
|
}
|
|
@@ -5,7 +5,7 @@ import Accordion from "../../Atoms/Accordion/Accordion";
|
|
|
5
5
|
import { Button } from "../../Atoms/Buttons/Button";
|
|
6
6
|
import { Typography } from "../../Atoms/Typography/Typography";
|
|
7
7
|
const TutorialOverlay = styled.div `
|
|
8
|
-
background-color: ${({
|
|
8
|
+
background-color: ${({ colors }) => `${colors.background.secondary}90`};
|
|
9
9
|
position: absolute;
|
|
10
10
|
z-index: 1000;
|
|
11
11
|
display: flex;
|
|
@@ -15,10 +15,9 @@ const TutorialOverlay = styled.div `
|
|
|
15
15
|
top: 0;
|
|
16
16
|
left: 0;
|
|
17
17
|
`;
|
|
18
|
-
//I used the calc below because align-items: center had no affect when applied to the styled div above
|
|
19
18
|
const TutorialWrapper = styled.div `
|
|
20
|
-
background-color: ${({
|
|
21
|
-
color: ${({
|
|
19
|
+
background-color: ${({ colors }) => colors.background.primary};
|
|
20
|
+
color: ${({ colors }) => colors.text.primary};
|
|
22
21
|
display: flex;
|
|
23
22
|
flex-direction: column;
|
|
24
23
|
align-items: flex-start;
|
|
@@ -28,12 +27,13 @@ const TutorialWrapper = styled.div `
|
|
|
28
27
|
width: 500px;
|
|
29
28
|
overflow: scroll;
|
|
30
29
|
border-radius: 4px;
|
|
31
|
-
box-shadow: ${({
|
|
30
|
+
box-shadow: ${({ colors }) => `${colors.background.secondary} 0px 5px 15px`};
|
|
32
31
|
&::-webkit-scrollbar {
|
|
33
32
|
display: none;
|
|
34
33
|
}
|
|
35
34
|
margin-top: calc(50vh - 250px)
|
|
36
35
|
`;
|
|
36
|
+
//I used the calc above because `align-items: center` had no affect when applied to the TutorialOverlay styled div
|
|
37
37
|
const HelpHeader = styled.div `
|
|
38
38
|
display: flex;
|
|
39
39
|
flex-direction: column;
|
|
@@ -41,7 +41,7 @@ const HelpHeader = styled.div `
|
|
|
41
41
|
gap: 16px;
|
|
42
42
|
align-self: stretch;
|
|
43
43
|
padding: 24px;
|
|
44
|
-
box-shadow: ${({
|
|
44
|
+
box-shadow: ${({ colors }) => `${colors.text.secondary} 0px 0px 4px 0px`};
|
|
45
45
|
`;
|
|
46
46
|
const TitleAndExit = styled.div `
|
|
47
47
|
display: flex;
|
|
@@ -54,8 +54,8 @@ const ContentContainer = styled.div `
|
|
|
54
54
|
width: 90%;
|
|
55
55
|
`;
|
|
56
56
|
const ContactContainer = styled.div `
|
|
57
|
-
background-color: ${({
|
|
58
|
-
color: ${({
|
|
57
|
+
background-color: ${({ colors }) => colors.background.tertiary};
|
|
58
|
+
color: ${({ colors }) => colors.text.primary};
|
|
59
59
|
display: flex;
|
|
60
60
|
padding: 24px 16px;
|
|
61
61
|
flex-direction: column;
|
|
@@ -64,22 +64,22 @@ const ContactContainer = styled.div `
|
|
|
64
64
|
align-self: stretch;
|
|
65
65
|
`;
|
|
66
66
|
export const Tutorial = (props) => {
|
|
67
|
-
const { children,
|
|
68
|
-
return (React.createElement(TutorialOverlay, {
|
|
69
|
-
React.createElement(TutorialWrapper, {
|
|
70
|
-
React.createElement(HelpHeader, {
|
|
71
|
-
React.createElement(TitleAndExit, {
|
|
72
|
-
React.createElement(Typography, { textColor:
|
|
73
|
-
React.createElement(FiX, { onClick: () => setOpen(
|
|
74
|
-
React.createElement(Typography, { textColor:
|
|
75
|
-
React.createElement(ContentContainer, {
|
|
76
|
-
React.createElement(Typography, { textColor:
|
|
77
|
-
page["user-flows"].map((flow) => React.createElement(Accordion, {
|
|
78
|
-
React.createElement(Typography, { textColor:
|
|
79
|
-
page.features.map((feature) => React.createElement(Accordion, {
|
|
80
|
-
React.createElement(ContactContainer, {
|
|
81
|
-
React.createElement(Typography, { textColor:
|
|
82
|
-
React.createElement(Typography, { textColor:
|
|
83
|
-
React.createElement(Button, { colorPalette:
|
|
67
|
+
const { children, colors, page, setOpen, reportBugOnClick, ...htmlProps } = props;
|
|
68
|
+
return (React.createElement(TutorialOverlay, { colors: colors, onClick: () => setOpen("") },
|
|
69
|
+
React.createElement(TutorialWrapper, { colors: colors, onClick: (e) => e.stopPropagation(), ...htmlProps },
|
|
70
|
+
React.createElement(HelpHeader, { colors: colors },
|
|
71
|
+
React.createElement(TitleAndExit, { colors: colors },
|
|
72
|
+
React.createElement(Typography, { textColor: colors.text.primary, content: page.title, variant: "Heading 3" }),
|
|
73
|
+
React.createElement(FiX, { onClick: () => setOpen(""), size: 24 })),
|
|
74
|
+
React.createElement(Typography, { textColor: colors.text.primary, content: page["page-summary"], variant: "Paragraphy Body" })),
|
|
75
|
+
React.createElement(ContentContainer, { colors: colors },
|
|
76
|
+
React.createElement(Typography, { textColor: colors.text.primary, content: "Common User Flows", variant: "Heading 4", style: { paddingBottom: "8px" } }),
|
|
77
|
+
page["user-flows"].map((flow) => React.createElement(Accordion, { colors: colors, dropdownContent: flow })),
|
|
78
|
+
React.createElement(Typography, { textColor: colors.text.primary, content: "Page Features", variant: "Heading 4", style: { paddingBottom: "8px" } }),
|
|
79
|
+
page.features.map((feature) => React.createElement(Accordion, { colors: colors, dropdownContent: feature }))),
|
|
80
|
+
React.createElement(ContactContainer, { colors: colors },
|
|
81
|
+
React.createElement(Typography, { textColor: colors.text.primary, content: "Please ask further questions, or reach out for additional support by emailing", variant: "Label" }),
|
|
82
|
+
React.createElement(Typography, { textColor: colors.text.primary, content: "devs@factorearth.com", variant: "Heading 4" }),
|
|
83
|
+
React.createElement(Button, { colorPalette: colors, onClick: reportBugOnClick, label: "Report a Bug", variant: "filled" })))));
|
|
84
84
|
};
|
|
85
85
|
//# sourceMappingURL=Tutorial.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tutorial.js","sourceRoot":"","sources":["../../../lib/Organisms/Tutorial/Tutorial.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACrC,OAAO,SAAS,MAAM,iCAAiC,CAAA;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAA;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAA;AAE9D,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,
|
|
1
|
+
{"version":3,"file":"Tutorial.js","sourceRoot":"","sources":["../../../lib/Organisms/Tutorial/Tutorial.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@factorearth/component-library",
|
|
3
|
-
"version": "4.0.
|
|
3
|
+
"version": "4.0.6-alpha.0",
|
|
4
4
|
"description": " A storybook component library for FactorEarth",
|
|
5
5
|
"author": "madtrx <marlin.makori@gmail.com>",
|
|
6
6
|
"homepage": "https://github.com/FactorEarth/RecordMiddleware#readme",
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
"access": "public",
|
|
47
47
|
"registry": "https://registry.npmjs.org/"
|
|
48
48
|
},
|
|
49
|
-
"gitHead": "
|
|
49
|
+
"gitHead": "91b00787617c4c0145e383f15ab5dbac8176ef12",
|
|
50
50
|
"dependencies": {
|
|
51
51
|
"@emotion/react": "^11.13.0",
|
|
52
52
|
"@emotion/styled": "^11.13.0",
|