@factorearth/component-library 4.4.3-alpha.0 → 4.5.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/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/Tutorial/Tutorial.js +2 -2
- package/dist/Organisms/Tutorial/Tutorial.js.map +1 -1
- package/dist/index.d.ts +0 -1
- package/dist/index.js +0 -1
- package/dist/index.js.map +1 -1
- package/package.json +2 -2
- package/dist/Atoms/OptionsDropdown/OptionsDropdown.d.ts +0 -19
- package/dist/Atoms/OptionsDropdown/OptionsDropdown.js +0 -85
- package/dist/Atoms/OptionsDropdown/OptionsDropdown.js.map +0 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { Colors } from "../../Theme/types";
|
|
3
|
-
interface ToggleProps
|
|
3
|
+
interface ToggleProps {
|
|
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
|
|
17
|
+
const { modes, setState, colorPalette, state } = 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
|
+
} },
|
|
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,
|
|
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;IAEtD,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;QACC,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, {
|
|
183
|
+
appInfo.offlineCapable && (React.createElement(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":"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
|
|
1
|
+
{"version":3,"file":"NavMenu.js","sourceRoot":"","sources":["../../../lib/Molecules/NavMenu/NavMenu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -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: ${({ colors }) => `${colors.
|
|
8
|
+
background-color: ${({ colors }) => `${colors.text.primary}25`};
|
|
9
9
|
position: absolute;
|
|
10
10
|
z-index: 1000;
|
|
11
11
|
display: flex;
|
|
@@ -26,7 +26,7 @@ const TutorialWrapper = styled.div `
|
|
|
26
26
|
height: 500px;
|
|
27
27
|
width: 500px;
|
|
28
28
|
border-radius: 4px;
|
|
29
|
-
box-shadow: ${({ colors }) => `${colors.
|
|
29
|
+
box-shadow: ${({ colors }) => `${colors.text.primary}25 0px 5px 15px`};
|
|
30
30
|
margin-top: calc(50vh - 250px)
|
|
31
31
|
`;
|
|
32
32
|
//I used the calc above because `align-items: center` had no affect when applied to the TutorialOverlay styled div
|
|
@@ -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,CAAC;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAG/D,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAqB;qBAClC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,GAAG,MAAM,CAAC,
|
|
1
|
+
{"version":3,"file":"Tutorial.js","sourceRoot":"","sources":["../../../lib/Organisms/Tutorial/Tutorial.tsx"],"names":[],"mappings":"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"}
|
package/dist/index.d.ts
CHANGED
|
@@ -13,7 +13,6 @@ 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";
|
|
17
16
|
export * from "./Molecules/Form/Form";
|
|
18
17
|
export * from "./Molecules/Thumbnail/Thumbnail";
|
|
19
18
|
export * from "./Molecules/TableRow/TableRow";
|
package/dist/index.js
CHANGED
|
@@ -15,7 +15,6 @@ 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";
|
|
19
18
|
// Molecules
|
|
20
19
|
export * from "./Molecules/Form/Form";
|
|
21
20
|
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,
|
|
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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@factorearth/component-library",
|
|
3
|
-
"version": "4.
|
|
3
|
+
"version": "4.5.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": "d712f327989764003f3eb2ee611e2a0a296133a3",
|
|
50
50
|
"dependencies": {
|
|
51
51
|
"@emotion/react": "^11.13.0",
|
|
52
52
|
"@emotion/styled": "^11.13.0",
|
|
@@ -1,19 +0,0 @@
|
|
|
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 {};
|
|
@@ -1,85 +0,0 @@
|
|
|
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
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"OptionsDropdown.js","sourceRoot":"","sources":["../../../lib/Atoms/OptionsDropdown/OptionsDropdown.tsx"],"names":[],"mappings":"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"}
|