@factorearth/component-library 4.6.1-alpha.0 → 5.0.0-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/FieldWrapper/FieldWrapper.js +0 -11
- package/dist/Atoms/FieldWrapper/FieldWrapper.js.map +1 -1
- package/dist/Atoms/OptionsDropdown/OptionsDropdown.d.ts +19 -0
- package/dist/Atoms/OptionsDropdown/OptionsDropdown.js +85 -0
- package/dist/Atoms/OptionsDropdown/OptionsDropdown.js.map +1 -0
- package/dist/Atoms/Toggle/Toggle.d.ts +1 -1
- package/dist/Atoms/Toggle/Toggle.js +2 -2
- package/dist/Atoms/Toggle/Toggle.js.map +1 -1
- package/dist/Molecules/NavMenu/NavMenu.js +1 -1
- package/dist/Molecules/NavMenu/NavMenu.js.map +1 -1
- package/dist/Organisms/Splash/Splash.d.ts +10 -0
- package/dist/Organisms/Splash/Splash.js +72 -0
- package/dist/Organisms/Splash/Splash.js.map +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +1 -0
- package/dist/index.js.map +1 -1
- package/package.json +2 -2
|
@@ -4,10 +4,6 @@ const FieldWrapperContainer = styled.div `
|
|
|
4
4
|
display: flex;
|
|
5
5
|
width: 100%;
|
|
6
6
|
gap: 16px;
|
|
7
|
-
@media (max-width: 500px) {
|
|
8
|
-
flex-direction: column;
|
|
9
|
-
gap: 8px;
|
|
10
|
-
}
|
|
11
7
|
`;
|
|
12
8
|
const LabelContainer = styled.label `
|
|
13
9
|
display: flex;
|
|
@@ -22,19 +18,12 @@ const LabelContainer = styled.label `
|
|
|
22
18
|
line-height: 125%;
|
|
23
19
|
color: ${({ colorPalette }) => colorPalette.text.primary};
|
|
24
20
|
width: 50%;
|
|
25
|
-
@media (max-width: 500px) {
|
|
26
|
-
min-height: 16px;
|
|
27
|
-
padding-top: 0;
|
|
28
|
-
}
|
|
29
21
|
`;
|
|
30
22
|
const FieldActionContainer = styled.div `
|
|
31
23
|
display: flex;
|
|
32
24
|
width: 100%;
|
|
33
25
|
padding: 8px 0;
|
|
34
26
|
align-items: center;
|
|
35
|
-
@media (max-width: 500px) {
|
|
36
|
-
padding: 0;
|
|
37
|
-
}
|
|
38
27
|
`;
|
|
39
28
|
export const FieldWrapper = (props) => {
|
|
40
29
|
const { colorPalette, label, children, link, ...htmlProps } = props;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FieldWrapper.js","sourceRoot":"","sources":["../../../lib/Atoms/FieldWrapper/FieldWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,qBAAqB,GAAG,MAAM,CAAC,GAAG,CAA2B
|
|
1
|
+
{"version":3,"file":"FieldWrapper.js","sourceRoot":"","sources":["../../../lib/Atoms/FieldWrapper/FieldWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,qBAAqB,GAAG,MAAM,CAAC,GAAG,CAA2B;;;;CAIlE,CAAC;AACF,MAAM,cAAc,GAAG,MAAM,CAAC,KAAK,CAA2B;;;;;;;;;;;UAWpD,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,OAAO;;CAExD,CAAC;AAEF,MAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;EAKrC,CAAC;AAaH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAwB,EAAE,EAAE;IACxD,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IACpE,OAAO,CACN,oBAAC,qBAAqB,OAAK,SAAS,EAAE,YAAY,EAAE,YAAY;QAC9D,KAAK,IAAI,CACT,oBAAC,cAAc,IAAC,YAAY,EAAE,YAAY;YACxC,KAAK;YACL,IAAI,CACW,CACjB;QACA,QAAQ,CACc,CACxB,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,KAA8B,EAAE,EAAE;IACpE,MAAM,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IACzC,OAAO,CACN,oBAAC,oBAAoB,OAAK,SAAS,IAAG,QAAQ,CAAwB,CACtE,CAAC;AACH,CAAC,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { Colors } from "Theme/types";
|
|
3
|
+
interface OptionsDropdownProps extends React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> {
|
|
4
|
+
colorPalette: Colors;
|
|
5
|
+
optionsObj: Record<string, Category>;
|
|
6
|
+
}
|
|
7
|
+
type Category = {
|
|
8
|
+
icon?: React.JSX.Element;
|
|
9
|
+
options: Option[];
|
|
10
|
+
dataTestId?: string;
|
|
11
|
+
};
|
|
12
|
+
interface Option extends React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> {
|
|
13
|
+
name: string;
|
|
14
|
+
onClick: () => void;
|
|
15
|
+
icon?: React.JSX.Element;
|
|
16
|
+
dataTestId?: string;
|
|
17
|
+
}
|
|
18
|
+
export declare const OptionsDropdown: (props: OptionsDropdownProps) => React.JSX.Element;
|
|
19
|
+
export {};
|
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
import React, { useState, useRef, useEffect } from "react";
|
|
2
|
+
import styled from "@emotion/styled";
|
|
3
|
+
import { Typography } from "../Typography/Typography";
|
|
4
|
+
const OptionsDropdownDiv = styled.div `
|
|
5
|
+
display: flex;
|
|
6
|
+
align-items: flex-start;
|
|
7
|
+
width: fit-content;
|
|
8
|
+
border-radius: 4px;
|
|
9
|
+
border: ${({ colorPalette }) => colorPalette.text.tertiary} 1px solid;
|
|
10
|
+
`;
|
|
11
|
+
const CategoryDiv = styled.div `
|
|
12
|
+
padding: 8px;
|
|
13
|
+
border-left: ${({ colorPalette }) => colorPalette.text.tertiary} 1px solid;
|
|
14
|
+
background: ${({ expanded, colorPalette }) => expanded ? colorPalette.text.tertiary : "none"};
|
|
15
|
+
color: ${({ expanded, colorPalette }) => expanded ? colorPalette.background.primary : colorPalette.text.tertiary};
|
|
16
|
+
position: relative;
|
|
17
|
+
|
|
18
|
+
&:first-child {
|
|
19
|
+
border-left: none;
|
|
20
|
+
}
|
|
21
|
+
`;
|
|
22
|
+
const CategoryTitle = styled.div `
|
|
23
|
+
display: inline-flex;
|
|
24
|
+
align-items: flex-start;
|
|
25
|
+
gap: 8px;
|
|
26
|
+
|
|
27
|
+
`;
|
|
28
|
+
const AllOptionsDiv = styled.div `
|
|
29
|
+
border-top: ${({ colorPalette }) => colorPalette.background.primary} 1px solid;
|
|
30
|
+
display: flex;
|
|
31
|
+
flex-direction: column;
|
|
32
|
+
position: absolute;
|
|
33
|
+
left: 0;
|
|
34
|
+
top: calc(100% + 1px);
|
|
35
|
+
background: ${({ colorPalette }) => colorPalette.text.tertiary};
|
|
36
|
+
border-radius: 0 0 4px 4px;
|
|
37
|
+
padding: 8px;
|
|
38
|
+
`;
|
|
39
|
+
const OptionDiv = styled.div `
|
|
40
|
+
display: flex;
|
|
41
|
+
align-items: flex-start;
|
|
42
|
+
align-self: stretch;
|
|
43
|
+
gap: 8px;
|
|
44
|
+
padding: 8px;
|
|
45
|
+
width: max-content;
|
|
46
|
+
`;
|
|
47
|
+
;
|
|
48
|
+
export const OptionsDropdown = (props) => {
|
|
49
|
+
const { colorPalette, optionsObj, ...inputProps } = props;
|
|
50
|
+
const [open, setOpen] = useState(null);
|
|
51
|
+
const [categories, setCategories] = useState();
|
|
52
|
+
const ref = useRef(null);
|
|
53
|
+
useEffect(() => {
|
|
54
|
+
document.addEventListener("mousedown", handleClickOutside);
|
|
55
|
+
return () => {
|
|
56
|
+
document.removeEventListener("mousedown", handleClickOutside);
|
|
57
|
+
};
|
|
58
|
+
}, []);
|
|
59
|
+
useEffect(() => {
|
|
60
|
+
setCategories(Object.keys(optionsObj));
|
|
61
|
+
}, []);
|
|
62
|
+
const handleClickOutside = (event) => {
|
|
63
|
+
if (ref.current && !ref.current.contains(event.target)) {
|
|
64
|
+
setOpen(null);
|
|
65
|
+
}
|
|
66
|
+
};
|
|
67
|
+
const toggleOpen = (location) => {
|
|
68
|
+
if (open === location) {
|
|
69
|
+
setOpen(null);
|
|
70
|
+
}
|
|
71
|
+
else {
|
|
72
|
+
setOpen(location);
|
|
73
|
+
}
|
|
74
|
+
};
|
|
75
|
+
return (React.createElement(OptionsDropdownDiv, { colorPalette: colorPalette, ref: ref }, categories?.map(cat => {
|
|
76
|
+
return (React.createElement(CategoryDiv, { "data-test": optionsObj[cat]?.dataTestId, colorPalette: colorPalette, expanded: open === cat, onClick: () => { toggleOpen(cat); } },
|
|
77
|
+
React.createElement(CategoryTitle, { colorPalette: colorPalette },
|
|
78
|
+
optionsObj[cat]?.icon,
|
|
79
|
+
React.createElement(Typography, { textColor: open === cat ? colorPalette.background.primary : colorPalette.text.tertiary, content: cat, variant: "Small" })),
|
|
80
|
+
open === cat && React.createElement(AllOptionsDiv, { colorPalette: colorPalette }, optionsObj[cat].options.map(op => React.createElement(OptionDiv, { "data-test": op?.dataTestId, colorPalette: colorPalette, onClick: op.onClick },
|
|
81
|
+
op?.icon,
|
|
82
|
+
React.createElement(Typography, { textColor: open === cat ? colorPalette.background.primary : colorPalette.text.tertiary, content: op.name, variant: "Small" }))))));
|
|
83
|
+
})));
|
|
84
|
+
};
|
|
85
|
+
//# sourceMappingURL=OptionsDropdown.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"OptionsDropdown.js","sourceRoot":"","sources":["../../../lib/Atoms/OptionsDropdown/OptionsDropdown.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { Colors } from "../../Theme/types";
|
|
3
|
-
interface ToggleProps {
|
|
3
|
+
interface ToggleProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
|
|
4
4
|
colorPalette: Colors;
|
|
5
5
|
modes: [Mode, Mode];
|
|
6
6
|
setState: React.Dispatch<React.SetStateAction<boolean>>;
|
|
@@ -14,7 +14,7 @@ const ToggleIcon = styled.div `
|
|
|
14
14
|
color: ${({ colorPalette }) => colorPalette.text.primary};
|
|
15
15
|
`;
|
|
16
16
|
const Toggle = (props) => {
|
|
17
|
-
const { modes, setState, colorPalette, state } = props;
|
|
17
|
+
const { modes, setState, colorPalette, state, ...htmlProps } = props;
|
|
18
18
|
const [isActive, setIsActive] = useState(state);
|
|
19
19
|
const toggleSwitch = () => {
|
|
20
20
|
setIsActive(!isActive);
|
|
@@ -27,7 +27,7 @@ const Toggle = (props) => {
|
|
|
27
27
|
alignItems: 'center',
|
|
28
28
|
gap: '8px',
|
|
29
29
|
alignSelf: 'stretch',
|
|
30
|
-
} },
|
|
30
|
+
}, ...htmlProps },
|
|
31
31
|
React.createElement(ToggleIcon, { colorPalette: colorPalette }, modes[0].icon),
|
|
32
32
|
React.createElement(ToggleLabel, { colorPalette: colorPalette }, modes[0].mode),
|
|
33
33
|
React.createElement("button", { onClick: toggleSwitch, style: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../../../lib/Atoms/Toggle/Toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAgBxC,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAA0B;;;;;WAK7C,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,OAAO;;CAEzD,CAAC;AAEF,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAA0B;;;WAG5C,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,OAAO;CACzD,CAAA;AAED,MAAM,MAAM,GAAG,CAAC,KAAkB,EAAE,EAAE;IAEpC,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,KAAK,EAAE,GAAG,KAAK,CAAA;
|
|
1
|
+
{"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../../../lib/Atoms/Toggle/Toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAgBxC,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAA0B;;;;;WAK7C,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,OAAO;;CAEzD,CAAC;AAEF,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAA0B;;;WAG5C,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,OAAO;CACzD,CAAA;AAED,MAAM,MAAM,GAAG,CAAC,KAAkB,EAAE,EAAE;IAEpC,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,KAAK,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAA;IAEpE,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEhD,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,WAAW,CAAC,CAAC,QAAQ,CAAC,CAAC;QACvB,QAAQ,CAAC,CAAC,QAAQ,CAAC,CAAA;IACrB,CAAC,CAAC;IAEF,OAAO,CACL,6BAAK,KAAK,EAAE;YACV,OAAO,EAAE,MAAM;YACf,OAAO,EAAE,KAAK;YACd,cAAc,EAAE,QAAQ;YACxB,UAAU,EAAE,QAAQ;YACpB,GAAG,EAAE,KAAK;YACV,SAAS,EAAE,SAAS;SACrB,KACG,SAAS;QAEX,oBAAC,UAAU,IAAC,YAAY,EAAE,YAAY,IAAG,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAc;QACpE,oBAAC,WAAW,IAAC,YAAY,EAAE,YAAY,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAe;QACvE,gCACE,OAAO,EAAE,YAAY,EACrB,KAAK,EAAE;gBACL,QAAQ,EAAE,UAAU;gBACpB,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,MAAM;gBACd,eAAe,EAAE,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM;gBAC/D,YAAY,EAAE,MAAM;gBACpB,MAAM,EAAE,SAAS;gBACjB,UAAU,EAAE,4BAA4B;gBACxC,MAAM,EAAE,MAAM;aACf;YAED,6BACE,KAAK,EAAE;oBACL,QAAQ,EAAE,UAAU;oBACpB,GAAG,EAAE,KAAK;oBACV,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK;oBAC/B,KAAK,EAAE,MAAM;oBACb,MAAM,EAAE,MAAM;oBACd,eAAe,EAAE,GAAG,YAAY,CAAC,UAAU,CAAC,OAAO,EAAE;oBACrD,YAAY,EAAE,KAAK;oBACnB,UAAU,EAAE,gBAAgB;iBAC7B,GACI,CACA;QACT,oBAAC,WAAW,IAAC,YAAY,EAAE,YAAY,IAAG,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAe;QACtE,oBAAC,UAAU,IAAC,YAAY,EAAE,YAAY,IAAG,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAc,CAChE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
|
@@ -180,7 +180,7 @@ const NavBar = (props) => {
|
|
|
180
180
|
appInfo.dropdown && appInfo.dropdown.dropdownComponent,
|
|
181
181
|
React.createElement(MenuItems, null, locationsList),
|
|
182
182
|
React.createElement(Toggles, { className: "toggles" },
|
|
183
|
-
appInfo.offlineCapable && (React.createElement(Toggle, { colorPalette: colorPalette, modes: [
|
|
183
|
+
appInfo.offlineCapable && (React.createElement(Toggle, { "data-test": "on-offline-toggle", colorPalette: colorPalette, modes: [
|
|
184
184
|
{
|
|
185
185
|
mode: "Offline",
|
|
186
186
|
icon: React.createElement(FiCloudOff, null),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NavMenu.js","sourceRoot":"","sources":["../../../lib/Molecules/NavMenu/NavMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAEzD,OAAO,EACN,MAAM,EACN,OAAO,EACP,UAAU,EACV,KAAK,EACL,MAAM,EACN,cAAc,EACd,GAAG,GACH,MAAM,gBAAgB,CAAC;AACxB,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAqC/C,MAAM,WAAW,GAAG,SAAS,CAAA;;;;;;;;;CAS5B,CAAC;AAEF,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAA0B;;;eAGrC,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,OAAO;;CAEnE,CAAC;AAEF,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAA0B;;;;;;;iBAOxC,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,SAAS;CACvE,CAAC;AAEF,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAA0B;;;;;;;;;;iBAUxC,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,gBAAgB,CAAC,OAAO;UAClE,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,gBAAgB,CAAC,OAAO;;CAEpE,CAAC;AAEF,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAA0B;;;;;;;;;;iBAUzC,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,IAAI;UACpD,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,IAAI;CACtD,CAAC;AAEF,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAA4C;;;;;;eAM/D,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,OAAO;cACtD,WAAW;YACb,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;;;;;CAKvD,CAAC;AAEF,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAI;;;CAG/B,CAAC;AAEF,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAA0B;;;;UAI3C,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,QAAQ;;;;iBAIzC,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,SAAS;;;CAGvE,CAAC;AAEF,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAI;;;;;;;CAO9B,CAAC;AAEF,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAI;;CAE7B,CAAC;AAEF,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAA0B;;;eAGrC,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,QAAQ;CACpE,CAAC;AAEF,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAA0B;;;;UAIpD,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,OAAO;CACxD,CAAC;AAEF,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAI;;;;;CAKhC,CAAC;AAEF,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAA0B;;;;UAI1C,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,OAAO;CACxD,CAAC;AAEF,MAAM,MAAM,GAAG,CAAC,KAAkB,EAAE,EAAE;IACrC,MAAM,EAAE,YAAY,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IACnD,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAChD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IACvD,yEAAyE;IAEzE,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,EAAE;QAClC,MAAM,gBAAgB,GAAG,CAAC,SAAqB,EAAE,EAAE;YAClD,MAAM,YAAY,GAAG,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE;gBAC/C,OAAO,CACN,oBAAC,QAAQ,IACR,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,GAAG,EAAE;wBACb,QAAQ,CAAC,OAAO,EAAE,CAAC;wBACnB,UAAU,CAAC,KAAK,CAAC,CAAC;oBACnB,CAAC,EACD,GAAG,EAAE,QAAQ,CAAC,IAAI;oBAElB,oBAAC,QAAQ;wBACP,QAAQ,EAAE,IAAI;wBACd,QAAQ,CAAC,IAAI,CACJ;oBACX,oBAAC,cAAc,OAAG,CACR,CACX,CAAC;YACH,CAAC,CAAC,CAAC;YAEH,OAAO,YAAY,CAAC;QACrB,CAAC,CAAC;QAEF,OAAO,gBAAgB,CAAC,SAAS,CAAC,CAAC;IACpC,CAAC,EAAE,CAAC,SAAS,EAAE,YAAY,CAAC,CAAC,CAAC;IAE9B,MAAM,cAAc,GAAG,CAAC,CAAmB,EAAE,EAAE;QAC9C,IAAI,CAAC,OAAO,EAAE,CAAC;YACd,qBAAqB,CAAC,GAAG,EAAE;gBAC1B,UAAU,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;YAC7B,CAAC,CAAC,CAAC;QACJ,CAAC;QACD,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,CAAmC,EAAE,EAAE;QAC7D,IACC,OAAO;YACP,UAAU,CAAC,OAAO;YAClB,CAAC,UAAU,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAqB,CAAC,EACpD,CAAC;YACF,UAAU,CAAC,KAAK,CAAC,CAAC;QACnB,CAAC;IACF,CAAC,CAAC;IAEF,OAAO,CACN,oBAAC,OAAO,IAAC,YAAY,EAAE,YAAY;QAClC,oBAAC,YAAY,IAAC,YAAY,EAAE,YAAY;YACvC,6BACC,KAAK,EAAE;oBACN,OAAO,EAAE,MAAM;oBACf,OAAO,EAAE,oBAAoB;oBAC7B,UAAU,EAAE,QAAQ;oBACpB,GAAG,EAAE,MAAM;iBACX;gBAED,6BACC,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,EAC5B,EAAE,EAAC,YAAY,EACf,OAAO,EAAE,cAAc,IAEtB,OAAO,CAAC,CAAC,CAAC,CACV,oBAAC,GAAG,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,YAAY,CAAC,IAAI,CAAC,OAAO,GAAI,CACnD,CAAC,CAAC,CAAC,CACH,oBAAC,MAAM,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,YAAY,CAAC,IAAI,CAAC,OAAO,GAAI,CACtD,CACI;gBACL,OAAO,CAAC,UAAU,IAAI,CACtB,6BACC,GAAG,EAAE,OAAO,CAAC,UAAU,EACvB,GAAG,EAAE,GAAG,OAAO,CAAC,IAAI,OAAO,EAC3B,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,EAC3C,OAAO,EAAE,OAAO,CAAC,WAAW,GAC3B,CACF;gBACA,OAAO,CAAC,cAAc;oBACtB,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CACjB,oBAAC,YAAY,IAAC,YAAY,EAAE,YAAY;wBACvC,oBAAC,OAAO,OAAG;iCAEG,CACf,CAAC,CAAC,CAAC,CACH,oBAAC,aAAa,IAAC,YAAY,EAAE,YAAY;wBACxC,oBAAC,UAAU,OAAG;kCAEC,CAChB,CAAC,CACE;YACN,6BACC,KAAK,EAAE;oBACN,UAAU,EAAE,QAAQ;oBACpB,GAAG,EAAE,MAAM;oBACX,MAAM,EAAE,MAAM;iBACd,IAEA,OAAO,CAAC,kBAAkB,CACtB,CACQ;QACf,oBAAC,eAAe,IACf,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,CAAC,CAAC,EACZ,MAAM,EAAE,aAAa,EACrB,GAAG,EAAE,UAAU,EACf,OAAO,EAAE,OAAO;YAEf,OAAO,CAAC,QAAQ,IAAI,OAAO,CAAC,QAAQ,CAAC,iBAAiB;YACvD,oBAAC,SAAS,QAAE,aAAa,CAAa;YACtC,oBAAC,OAAO,IAAC,SAAS,EAAC,SAAS;gBAC1B,OAAO,CAAC,cAAc,IAAI,CAC1B,oBAAC,MAAM,
|
|
1
|
+
{"version":3,"file":"NavMenu.js","sourceRoot":"","sources":["../../../lib/Molecules/NavMenu/NavMenu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { Colors } from "Theme/types";
|
|
3
|
+
interface SplashProps {
|
|
4
|
+
colorPalette: Colors;
|
|
5
|
+
title: string;
|
|
6
|
+
description: string;
|
|
7
|
+
image?: string;
|
|
8
|
+
}
|
|
9
|
+
export declare const Splash: (props: SplashProps) => React.JSX.Element;
|
|
10
|
+
export default Splash;
|
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import styled from "@emotion/styled";
|
|
3
|
+
import { FiChevronLeft, FiRefreshCw, FiHelpCircle, FiActivity, FiUser } from "react-icons/fi";
|
|
4
|
+
import { Button } from "../../Atoms/Buttons/Button";
|
|
5
|
+
import { Typography } from "../../Atoms/Typography/Typography";
|
|
6
|
+
const SplashContainer = styled.div `
|
|
7
|
+
// width: 100vw;
|
|
8
|
+
// height: 100vh;
|
|
9
|
+
|
|
10
|
+
`;
|
|
11
|
+
const HeaderDiv = styled.div `
|
|
12
|
+
display: flex;
|
|
13
|
+
padding: 24px;
|
|
14
|
+
flex-direction: column;
|
|
15
|
+
align-items: flex-start;
|
|
16
|
+
gap: 16px;
|
|
17
|
+
align-self: stretch;
|
|
18
|
+
`;
|
|
19
|
+
const HeaderAndBackDiv = styled.div `
|
|
20
|
+
display: flex;
|
|
21
|
+
justify-content: space-between;
|
|
22
|
+
align-items: center;
|
|
23
|
+
align-self: stretch;
|
|
24
|
+
`;
|
|
25
|
+
const DescriptionDiv = styled.div `
|
|
26
|
+
display: -webkit-box;
|
|
27
|
+
-webkit-box-orient: vertical;
|
|
28
|
+
-webkit-line-clamp: 2;
|
|
29
|
+
flex: 1 0 0;
|
|
30
|
+
`;
|
|
31
|
+
const ButtonsDiv = styled.div `
|
|
32
|
+
//background is the topo image
|
|
33
|
+
display: flex;
|
|
34
|
+
height: 245px;
|
|
35
|
+
justify-content: center;
|
|
36
|
+
align-items: center;
|
|
37
|
+
align-content: center;
|
|
38
|
+
gap: 16px;
|
|
39
|
+
flex-shrink: 0;
|
|
40
|
+
align-self: stretch;
|
|
41
|
+
flex-wrap: wrap;
|
|
42
|
+
`;
|
|
43
|
+
const AmbassadorContactDiv = styled.div `
|
|
44
|
+
background-color: ${({ colorPalette }) => colorPalette.background.tertiary};
|
|
45
|
+
border-top: ${({ colorPalette }) => colorPalette.border.tertiary} 1px solid;
|
|
46
|
+
display: flex;
|
|
47
|
+
padding: 24px 16px;
|
|
48
|
+
flex-direction: column;
|
|
49
|
+
align-items: center;
|
|
50
|
+
gap: 16px;
|
|
51
|
+
align-self: stretch;
|
|
52
|
+
`;
|
|
53
|
+
export const Splash = (props) => {
|
|
54
|
+
const { colorPalette, title, description, image, ...tableHtmlProps } = props;
|
|
55
|
+
return (React.createElement(SplashContainer, { colorPalette: colorPalette, ...tableHtmlProps },
|
|
56
|
+
React.createElement(HeaderDiv, { colorPalette: colorPalette },
|
|
57
|
+
React.createElement(HeaderAndBackDiv, { colorPalette: colorPalette },
|
|
58
|
+
React.createElement(FiChevronLeft, null),
|
|
59
|
+
React.createElement(Typography, { textColor: colorPalette.text.primary, content: title, variant: "Heading 3" })),
|
|
60
|
+
React.createElement(DescriptionDiv, { colorPalette: colorPalette },
|
|
61
|
+
React.createElement(Typography, { textColor: colorPalette.text.primary, content: description, variant: "Paragraphy Body" }))),
|
|
62
|
+
image && React.createElement("img", { src: image, alt: "Splash Image" }),
|
|
63
|
+
React.createElement(ButtonsDiv, { colorPalette: colorPalette },
|
|
64
|
+
React.createElement(Button, { colorPalette: colorPalette, onClick: () => { }, label: "FAQ's", variant: "outlined", icon: React.createElement(FiHelpCircle, null) }),
|
|
65
|
+
React.createElement(Button, { colorPalette: colorPalette, onClick: () => { }, label: "Refresh", variant: "outlined", icon: React.createElement(FiRefreshCw, null) }),
|
|
66
|
+
React.createElement(Button, { colorPalette: colorPalette, onClick: () => { }, label: "Report a bug", variant: "filled", icon: React.createElement(FiActivity, null) })),
|
|
67
|
+
React.createElement(AmbassadorContactDiv, { colorPalette: colorPalette },
|
|
68
|
+
React.createElement(Typography, { textColor: colorPalette.text.primary, content: "Please ask further questions, or reach out for additional support by emailing your Tech Ambassador", variant: "Heading 5" }),
|
|
69
|
+
React.createElement(Button, { colorPalette: colorPalette, onClick: () => { }, label: "Tech Ambassador", variant: "filled", icon: React.createElement(FiUser, null) }))));
|
|
70
|
+
};
|
|
71
|
+
export default Splash;
|
|
72
|
+
//# sourceMappingURL=Splash.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Splash.js","sourceRoot":"","sources":["../../../lib/Organisms/Splash/Splash.tsx"],"names":[],"mappings":"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"}
|
package/dist/index.d.ts
CHANGED
|
@@ -13,6 +13,7 @@ export * from "./Atoms/SelectField/SelectField";
|
|
|
13
13
|
export * from "./Atoms/Tab/Tab";
|
|
14
14
|
export * from "./Atoms/ProgressBar/ProgressBar";
|
|
15
15
|
export * from "./Atoms/Typography/Typography";
|
|
16
|
+
export * from "./Atoms/OptionsDropdown/OptionsDropdown";
|
|
16
17
|
export * from "./Molecules/Form/Form";
|
|
17
18
|
export * from "./Molecules/Thumbnail/Thumbnail";
|
|
18
19
|
export * from "./Molecules/TableRow/TableRow";
|
package/dist/index.js
CHANGED
|
@@ -15,6 +15,7 @@ export * from "./Atoms/SelectField/SelectField";
|
|
|
15
15
|
export * from "./Atoms/Tab/Tab";
|
|
16
16
|
export * from "./Atoms/ProgressBar/ProgressBar";
|
|
17
17
|
export * from "./Atoms/Typography/Typography";
|
|
18
|
+
export * from "./Atoms/OptionsDropdown/OptionsDropdown";
|
|
18
19
|
// Molecules
|
|
19
20
|
export * from "./Molecules/Form/Form";
|
|
20
21
|
export * from "./Molecules/Thumbnail/Thumbnail";
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../lib/index.ts"],"names":[],"mappings":"AAAA,QAAQ;AACR,cAAc,6CAA6C,CAAC;AAC5D,cAAc,iCAAiC,CAAC;AAChD,cAAc,2CAA2C,CAAC;AAC1D,cAAc,+BAA+B,CAAC;AAC9C,cAAc,qBAAqB,CAAC;AACpC,qDAAqD;AACrD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,mCAAmC,CAAC;AAClD,cAAc,qCAAqC,CAAC;AACpD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,iCAAiC,CAAC;AAChD,cAAc,iBAAiB,CAAC;AAChC,cAAc,iCAAiC,CAAC;AAChD,cAAc,+BAA+B,CAAC;AAC9C,YAAY;AACZ,cAAc,uBAAuB,CAAC;AACtC,cAAc,iCAAiC,CAAC;AAChD,cAAc,+BAA+B,CAAC;AAC9C,YAAY;AACZ,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mCAAmC,CAAC;AAClD,cAAc,yBAAyB,CAAC;AACxC,cAAc,yCAAyC,CAAA;AACvD,cAAc,+BAA+B,CAAA;AAC7C,SAAS;AACT,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../lib/index.ts"],"names":[],"mappings":"AAAA,QAAQ;AACR,cAAc,6CAA6C,CAAC;AAC5D,cAAc,iCAAiC,CAAC;AAChD,cAAc,2CAA2C,CAAC;AAC1D,cAAc,+BAA+B,CAAC;AAC9C,cAAc,qBAAqB,CAAC;AACpC,qDAAqD;AACrD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,mCAAmC,CAAC;AAClD,cAAc,qCAAqC,CAAC;AACpD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,iCAAiC,CAAC;AAChD,cAAc,iBAAiB,CAAC;AAChC,cAAc,iCAAiC,CAAC;AAChD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,yCAAyC,CAAC;AACxD,YAAY;AACZ,cAAc,uBAAuB,CAAC;AACtC,cAAc,iCAAiC,CAAC;AAChD,cAAc,+BAA+B,CAAC;AAC9C,YAAY;AACZ,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mCAAmC,CAAC;AAClD,cAAc,yBAAyB,CAAC;AACxC,cAAc,yCAAyC,CAAA;AACvD,cAAc,+BAA+B,CAAA;AAC7C,SAAS;AACT,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@factorearth/component-library",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "5.0.0-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": "0351d2f82b59bddb8541b41ad82f4f09adfe86ab",
|
|
50
50
|
"dependencies": {
|
|
51
51
|
"@emotion/react": "^11.13.0",
|
|
52
52
|
"@emotion/styled": "^11.13.0",
|