@factorearth/component-library 5.8.2 → 5.8.3-console-cleanup.1
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.js +3 -3
- package/dist/Atoms/Accordion/Accordion.js.map +1 -1
- package/dist/Atoms/NoteField/NoteField.js +3 -1
- package/dist/Atoms/NoteField/NoteField.js.map +1 -1
- package/dist/Atoms/NumberField/NumberField.js +3 -3
- package/dist/Atoms/NumberField/NumberField.js.map +1 -1
- package/dist/Atoms/OptionsDropdown/OptionsDropdown.js +2 -2
- package/dist/Atoms/OptionsDropdown/OptionsDropdown.js.map +1 -1
- package/dist/Molecules/NavMenu/NavMenu.js +124 -124
- package/dist/Organisms/EditUserPerms/EditUserPerms.js +1 -1
- package/dist/Organisms/EditUserPerms/EditUserPerms.js.map +1 -1
- package/dist/Organisms/Modal/Modal.js +82 -82
- package/dist/Organisms/TabManager/TabManager.js +1 -1
- package/dist/Organisms/TabManager/TabManager.js.map +1 -1
- package/dist/Organisms/Tutorial/Tutorial.js +7 -7
- package/dist/Organisms/Tutorial/Tutorial.js.map +1 -1
- package/package.json +2 -2
|
@@ -42,11 +42,11 @@ function Accordion(props) {
|
|
|
42
42
|
};
|
|
43
43
|
const Icon = buildIcon(dropdownContent.icon);
|
|
44
44
|
return (React.createElement(Container, { colors: colors, expanded: dropdownOpen },
|
|
45
|
-
React.createElement(Header, { onClick: toggleDropdown, "data-
|
|
45
|
+
React.createElement(Header, { onClick: toggleDropdown, "data-test": "accordion-header" },
|
|
46
46
|
dropdownOpen ? React.createElement(FiChevronUp, null) : React.createElement(FiChevronDown, null),
|
|
47
|
-
React.createElement(Typography, { style: { flex: "1 0 0" }, textColor: colors.text.primary, content: dropdownContent.title, variant: "Paragraphy Body", "data-
|
|
47
|
+
React.createElement(Typography, { style: { flex: "1 0 0" }, textColor: colors.text.primary, content: dropdownContent.title, variant: "Paragraphy Body", "data-test": "accordion-title" }),
|
|
48
48
|
Icon && React.createElement(Icon, null)),
|
|
49
|
-
dropdownOpen && (React.createElement(ContentContainer, { "data-
|
|
49
|
+
dropdownOpen && (React.createElement(ContentContainer, { "data-test": "accordion-body" }, dropdownContent.content.map(content => React.createElement(Step, null,
|
|
50
50
|
React.createElement(Typography, { textColor: colors.text.primary, content: content, variant: "Paragraphy Body" })))))));
|
|
51
51
|
}
|
|
52
52
|
export default Accordion;
|
|
@@ -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,CAAC;AACtD,OAAO,KAAK,OAAO,MAAM,gBAAgB,CAAC;AAE1C,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,CAAC;AACtD,OAAO,KAAK,OAAO,MAAM,gBAAgB,CAAC;AAE1C,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAwC;eACrD,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,OAAO;;eAE3F,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;AAeD,CAAC;AAEF,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,MAAM,SAAS,GAAG,CAAC,IAA2B,EAAE,EAAE;QAEjD,IAAI,CAAC,IAAI;YAAE,OAAO,IAAI,CAAC;QAEvB,MAAM,aAAa,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;QAEpC,IAAI,CAAC,aAAa;YAAE,OAAO,IAAI,CAAC;QAEhC,OAAO,aAAa,CAAC;IACtB,CAAC,CAAC;IAEF,MAAM,IAAI,GAAG,SAAS,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;IAE7C,OAAO,CACN,oBAAC,SAAS,IAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,YAAY;QAChD,oBAAC,MAAM,IAAC,OAAO,EAAE,cAAc,eAAY,kBAAkB;YAC3D,YAAY,CAAC,CAAC,CAAC,oBAAC,WAAW,OAAG,CAAC,CAAC,CAAC,oBAAC,aAAa,OAAG;YACnD,oBAAC,UAAU,IAAC,KAAK,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE,eAAe,CAAC,KAAK,EAAE,OAAO,EAAE,iBAAiB,eAAY,iBAAiB,GAAG;YAC/J,IAAI,IAAI,oBAAC,IAAI,OAAG,CACT;QACR,YAAY,IAAI,CAChB,oBAAC,gBAAgB,iBAAW,gBAAgB,IAC1C,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,CACU,CACnB,CACU,CACZ,CAAC;AACH,CAAC;AAED,eAAe,SAAS,CAAC;AAEzB,kGAAkG"}
|
|
@@ -50,7 +50,9 @@ const MinimizeIcon = styled(FiMinimize) `
|
|
|
50
50
|
width: 20px;
|
|
51
51
|
height: 20px;
|
|
52
52
|
`;
|
|
53
|
-
const NoteArea = styled(TextAreaAutosize
|
|
53
|
+
const NoteArea = styled(TextAreaAutosize, {
|
|
54
|
+
shouldForwardProp: (prop) => !['colorPalette', 'moreHorizon', 'isFullScreen'].includes(prop),
|
|
55
|
+
}) `
|
|
54
56
|
border-color: ${({ colorPalette }) => colorPalette.border.primary};
|
|
55
57
|
border-style: solid;
|
|
56
58
|
border-width: 1px;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NoteField.js","sourceRoot":"","sources":["../../../lib/Atoms/NoteField/NoteField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAgB,UAAU,EAAE,MAAM,OAAO,CAAC;AACxD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,gBAEN,MAAM,yBAAyB,CAAC;AAEjC,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAG9B;;;;GAIC,CAAC,EAAE,YAAY,EAAE,YAAY,EAAE,EAAE,EAAE,CACpC,YAAY;IACZ;;;;;;;;;iBASe,YAAY,CAAC,UAAU,CAAC,OAAO;;;IAG5C;CACH,CAAC;AAEF,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAG5B;;;;CAID,CAAC;AACF,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAG9B;;;;;;;;UAQQ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,OAAO;eAC1C,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,OAAO;;;;iBAInD,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,OAAO;CACjE,CAAC;AAEF,MAAM,YAAY,GAAG,MAAM,CAAC,UAAU,CAAC,CAAA;;;CAGtC,CAAC;AAEF,MAAM,YAAY,GAAG,MAAM,CAAC,UAAU,CAAC,CAAA;;;CAGtC,CAAC;
|
|
1
|
+
{"version":3,"file":"NoteField.js","sourceRoot":"","sources":["../../../lib/Atoms/NoteField/NoteField.tsx"],"names":[],"mappings":"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"}
|
|
@@ -238,9 +238,9 @@ export const NumberField = (props) => {
|
|
|
238
238
|
}
|
|
239
239
|
};
|
|
240
240
|
return (React.createElement(NumberFieldContainer, { colorPalette: colorPalette },
|
|
241
|
-
React.createElement(DecrementButton, { "data-
|
|
242
|
-
React.createElement(NumberInput, { "data-
|
|
243
|
-
React.createElement(IncrementButton, { "data-
|
|
241
|
+
React.createElement(DecrementButton, { "data-test": "minus", colorPalette: colorPalette, onClick: rotation ? handleCcwRotation : handleDecrement, tabIndex: -1 }, rotation ? React.createElement(FiRotateCcw, null) : React.createElement(FiMinus, null)),
|
|
242
|
+
React.createElement(NumberInput, { "data-test": "NumberInput", ...inputProps, colorPalette: colorPalette, value: stringInt, onChange: handleNumberChange, onBlur: (e) => handleBlur && handleBlur(e.target.value), ref: inputRef, onFocus: handleFocus, type: "text" }),
|
|
243
|
+
React.createElement(IncrementButton, { "data-test": "plus", colorPalette: colorPalette, onClick: rotation ? handleCwRotation : handleIncrement, tabIndex: -1, moreHorizon: moreHorizon ? true : false }, rotation ? React.createElement(FiRotateCw, null) : React.createElement(FiPlus, null)),
|
|
244
244
|
moreHorizon && moreHorizon));
|
|
245
245
|
};
|
|
246
246
|
//# sourceMappingURL=NumberField.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NumberField.js","sourceRoot":"","sources":["../../../lib/Atoms/NumberField/NumberField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC3D,OAAO,MAAqB,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAG1E,MAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,CAA2B;;;;CAIjE,CAAC;AAEF,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAA2B;;;;;;;;;;UAUjD,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,OAAO;eAC1C,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,OAAO;;;iBAGnD,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,OAAO;;;;;;;;;;;;;;;;CAgBjE,CAAC;AAEF,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAA2B;;;;;;;;;;;iBAW5C,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,OAAO;eACnD,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,OAAO;UAC1D,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,OAAO;CACxD,CAAC;AAEF,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAGhC;;;;;;;;;;iBAUe,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,OAAO;eACnD,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,OAAO;UAC1D,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,OAAO;GACtD,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,CAAC,WAAW,IAAI,iCAAiC;GACtE,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,WAAW,IAAI,qBAAqB;CAC3D,CAAC;AA0BF,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAuB,EAAE,EAAE;
|
|
1
|
+
{"version":3,"file":"NumberField.js","sourceRoot":"","sources":["../../../lib/Atoms/NumberField/NumberField.tsx"],"names":[],"mappings":"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"}
|
|
@@ -15,7 +15,7 @@ const CategoryDiv = styled.div `
|
|
|
15
15
|
color: ${({ expanded, colorPalette }) => expanded ? colorPalette.background.primary : colorPalette.text.tertiary};
|
|
16
16
|
position: relative;
|
|
17
17
|
|
|
18
|
-
&:first-
|
|
18
|
+
&:first-of-type {
|
|
19
19
|
border-left: none;
|
|
20
20
|
}
|
|
21
21
|
`;
|
|
@@ -78,7 +78,7 @@ export const OptionsDropdown = (props) => {
|
|
|
78
78
|
return (React.createElement(OptionsDropdownDiv, { colorPalette: colorPalette, ref: ref }, categories?.map((cat) => {
|
|
79
79
|
return (React.createElement(CategoryDiv, { "data-test": optionsObj[cat]?.dataTestId, colorPalette: colorPalette, expanded: open === cat, onClick: () => {
|
|
80
80
|
toggleOpen(cat);
|
|
81
|
-
} },
|
|
81
|
+
}, key: `category-${cat}` },
|
|
82
82
|
React.createElement(CategoryTitle, { colorPalette: colorPalette },
|
|
83
83
|
optionsObj[cat]?.icon,
|
|
84
84
|
React.createElement(Typography, { textColor: open === cat
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OptionsDropdown.js","sourceRoot":"","sources":["../../../lib/Atoms/OptionsDropdown/OptionsDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC3D,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEtD,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,
|
|
1
|
+
{"version":3,"file":"OptionsDropdown.js","sourceRoot":"","sources":["../../../lib/Atoms/OptionsDropdown/OptionsDropdown.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,144 +3,144 @@ import { keyframes } from "@emotion/react";
|
|
|
3
3
|
import React, { useState, useMemo, useRef, useEffect } from "react";
|
|
4
4
|
import { FiMenu, FiCloud, FiCloudOff, FiSun, FiMoon, FiChevronRight, FiX, } from "react-icons/fi";
|
|
5
5
|
import Toggle from "../../Atoms/Toggle/Toggle";
|
|
6
|
-
const slideInLeft = keyframes `
|
|
7
|
-
0% {
|
|
8
|
-
transform: translateX(-100%);
|
|
9
|
-
opacity: 0;
|
|
10
|
-
}
|
|
11
|
-
100% {
|
|
12
|
-
transform: translateX(0);
|
|
13
|
-
opacity: 1;
|
|
14
|
-
}
|
|
6
|
+
const slideInLeft = keyframes `
|
|
7
|
+
0% {
|
|
8
|
+
transform: translateX(-100%);
|
|
9
|
+
opacity: 0;
|
|
10
|
+
}
|
|
11
|
+
100% {
|
|
12
|
+
transform: translateX(0);
|
|
13
|
+
opacity: 1;
|
|
14
|
+
}
|
|
15
15
|
`;
|
|
16
|
-
const NavMenu = styled.div `
|
|
17
|
-
display: flex;
|
|
18
|
-
flex-direction: column;
|
|
19
|
-
background: ${({ colorPalette }) => colorPalette.background.primary};
|
|
20
|
-
width: 100%;
|
|
16
|
+
const NavMenu = styled.div `
|
|
17
|
+
display: flex;
|
|
18
|
+
flex-direction: column;
|
|
19
|
+
background: ${({ colorPalette }) => colorPalette.background.primary};
|
|
20
|
+
width: 100%;
|
|
21
21
|
`;
|
|
22
|
-
const NavBarHeader = styled.div `
|
|
23
|
-
display: flex;
|
|
24
|
-
justify-content: space-between;
|
|
25
|
-
align-items: center;
|
|
26
|
-
height: 88px;
|
|
27
|
-
border-width: 0 0 1px 0;
|
|
28
|
-
border-style: solid;
|
|
29
|
-
border-color: ${({ colorPalette }) => colorPalette.background.secondary};
|
|
30
|
-
width: 100%;
|
|
31
|
-
@media (max-width: 500px) {
|
|
32
|
-
justify-content: space-between;
|
|
33
|
-
flex-wrap: wrap;
|
|
34
|
-
align-items: center;
|
|
35
|
-
height: max-content;
|
|
36
|
-
}
|
|
22
|
+
const NavBarHeader = styled.div `
|
|
23
|
+
display: flex;
|
|
24
|
+
justify-content: space-between;
|
|
25
|
+
align-items: center;
|
|
26
|
+
height: 88px;
|
|
27
|
+
border-width: 0 0 1px 0;
|
|
28
|
+
border-style: solid;
|
|
29
|
+
border-color: ${({ colorPalette }) => colorPalette.background.secondary};
|
|
30
|
+
width: 100%;
|
|
31
|
+
@media (max-width: 500px) {
|
|
32
|
+
justify-content: space-between;
|
|
33
|
+
flex-wrap: wrap;
|
|
34
|
+
align-items: center;
|
|
35
|
+
height: max-content;
|
|
36
|
+
}
|
|
37
37
|
`;
|
|
38
|
-
const NavContent = styled.div `
|
|
39
|
-
align-items: center;
|
|
40
|
-
gap: 16px;
|
|
41
|
-
padding-top: 16px;
|
|
42
|
-
padding-bottom: 16px;
|
|
43
|
-
|
|
44
|
-
@media (max-width: 500px) {
|
|
45
|
-
justify-content: flex-end;
|
|
46
|
-
align-items: center;
|
|
47
|
-
background: ${({ colorPalette }) => colorPalette.background.primary};
|
|
48
|
-
width: ${({ isWrapped }) => (isWrapped ? "100%" : "fit-content")};
|
|
49
|
-
border-top: ${({ isWrapped, colorPalette }) => isWrapped ? `1px solid ${colorPalette.background.secondary}` : "none"};
|
|
50
|
-
}
|
|
38
|
+
const NavContent = styled.div `
|
|
39
|
+
align-items: center;
|
|
40
|
+
gap: 16px;
|
|
41
|
+
padding-top: 16px;
|
|
42
|
+
padding-bottom: 16px;
|
|
43
|
+
|
|
44
|
+
@media (max-width: 500px) {
|
|
45
|
+
justify-content: flex-end;
|
|
46
|
+
align-items: center;
|
|
47
|
+
background: ${({ colorPalette }) => colorPalette.background.primary};
|
|
48
|
+
width: ${({ isWrapped }) => (isWrapped ? "100%" : "fit-content")};
|
|
49
|
+
border-top: ${({ isWrapped, colorPalette }) => isWrapped ? `1px solid ${colorPalette.background.secondary}` : "none"};
|
|
50
|
+
}
|
|
51
51
|
`;
|
|
52
|
-
const OnlineStatus = styled.div `
|
|
53
|
-
display: flex;
|
|
54
|
-
padding: 8px 12px;
|
|
55
|
-
justify-content: center;
|
|
56
|
-
align-items: center;
|
|
57
|
-
gap: 8px;
|
|
58
|
-
border-radius: 32px;
|
|
59
|
-
font-weight: 700;
|
|
60
|
-
border-width: 1px;
|
|
61
|
-
border-style: solid;
|
|
62
|
-
border-color: ${({ colorPalette }) => colorPalette.buttonBackground.success};
|
|
63
|
-
color: ${({ colorPalette }) => colorPalette.buttonBackground.success};
|
|
64
|
-
background: #ebfaed;
|
|
65
|
-
cursor: pointer;
|
|
52
|
+
const OnlineStatus = styled.div `
|
|
53
|
+
display: flex;
|
|
54
|
+
padding: 8px 12px;
|
|
55
|
+
justify-content: center;
|
|
56
|
+
align-items: center;
|
|
57
|
+
gap: 8px;
|
|
58
|
+
border-radius: 32px;
|
|
59
|
+
font-weight: 700;
|
|
60
|
+
border-width: 1px;
|
|
61
|
+
border-style: solid;
|
|
62
|
+
border-color: ${({ colorPalette }) => colorPalette.buttonBackground.success};
|
|
63
|
+
color: ${({ colorPalette }) => colorPalette.buttonBackground.success};
|
|
64
|
+
background: #ebfaed;
|
|
65
|
+
cursor: pointer;
|
|
66
66
|
`;
|
|
67
|
-
const OfflineStatus = styled.div `
|
|
68
|
-
display: flex;
|
|
69
|
-
padding: 8px 12px;
|
|
70
|
-
justify-content: center;
|
|
71
|
-
align-items: center;
|
|
72
|
-
gap: 8px;
|
|
73
|
-
border-radius: 32px;
|
|
74
|
-
font-weight: 700;
|
|
75
|
-
border-width: 1px;
|
|
76
|
-
border-style: solid;
|
|
77
|
-
border-color: ${({ colorPalette }) => colorPalette.utils.icon};
|
|
78
|
-
color: ${({ colorPalette }) => colorPalette.utils.icon};
|
|
79
|
-
cursor: pointer;
|
|
67
|
+
const OfflineStatus = styled.div `
|
|
68
|
+
display: flex;
|
|
69
|
+
padding: 8px 12px;
|
|
70
|
+
justify-content: center;
|
|
71
|
+
align-items: center;
|
|
72
|
+
gap: 8px;
|
|
73
|
+
border-radius: 32px;
|
|
74
|
+
font-weight: 700;
|
|
75
|
+
border-width: 1px;
|
|
76
|
+
border-style: solid;
|
|
77
|
+
border-color: ${({ colorPalette }) => colorPalette.utils.icon};
|
|
78
|
+
color: ${({ colorPalette }) => colorPalette.utils.icon};
|
|
79
|
+
cursor: pointer;
|
|
80
80
|
`;
|
|
81
|
-
const NavMenuDropdown = styled.div `
|
|
82
|
-
width: 320px;
|
|
83
|
-
position: absolute;
|
|
84
|
-
top: 88px;
|
|
85
|
-
z-index: 1000;
|
|
86
|
-
box-shadow: 5px 5px 5px rgba(64, 64, 64, 0.2);
|
|
87
|
-
background: ${({ colorPalette }) => colorPalette.background.primary};
|
|
88
|
-
animation: ${slideInLeft} 0.5s ease-out forwards;
|
|
89
|
-
display: ${({ navOpen }) => (navOpen ? "flex" : "none")};
|
|
90
|
-
flex-direction: column;
|
|
91
|
-
&:focus {
|
|
92
|
-
outline: none;
|
|
93
|
-
}
|
|
81
|
+
const NavMenuDropdown = styled.div `
|
|
82
|
+
width: 320px;
|
|
83
|
+
position: absolute;
|
|
84
|
+
top: 88px;
|
|
85
|
+
z-index: 1000;
|
|
86
|
+
box-shadow: 5px 5px 5px rgba(64, 64, 64, 0.2);
|
|
87
|
+
background: ${({ colorPalette }) => colorPalette.background.primary};
|
|
88
|
+
animation: ${slideInLeft} 0.5s ease-out forwards;
|
|
89
|
+
display: ${({ navOpen }) => (navOpen ? "flex" : "none")};
|
|
90
|
+
flex-direction: column;
|
|
91
|
+
&:focus {
|
|
92
|
+
outline: none;
|
|
93
|
+
}
|
|
94
94
|
`;
|
|
95
|
-
const MenuItems = styled.div `
|
|
96
|
-
align-items: flex-start;
|
|
97
|
-
align-self: stretch;
|
|
95
|
+
const MenuItems = styled.div `
|
|
96
|
+
align-items: flex-start;
|
|
97
|
+
align-self: stretch;
|
|
98
98
|
`;
|
|
99
|
-
const MenuItem = styled.div `
|
|
100
|
-
display: flex;
|
|
101
|
-
padding: 8px 16px;
|
|
102
|
-
align-items: center;
|
|
103
|
-
color: ${({ colorPalette }) => colorPalette.text.tertiary};
|
|
104
|
-
font-weight: 700;
|
|
105
|
-
border-width: 0 0 1px 0;
|
|
106
|
-
border-style: solid;
|
|
107
|
-
border-color: ${({ colorPalette }) => colorPalette.background.secondary};
|
|
108
|
-
width: 288px;
|
|
109
|
-
cursor: pointer;
|
|
99
|
+
const MenuItem = styled.div `
|
|
100
|
+
display: flex;
|
|
101
|
+
padding: 8px 16px;
|
|
102
|
+
align-items: center;
|
|
103
|
+
color: ${({ colorPalette }) => colorPalette.text.tertiary};
|
|
104
|
+
font-weight: 700;
|
|
105
|
+
border-width: 0 0 1px 0;
|
|
106
|
+
border-style: solid;
|
|
107
|
+
border-color: ${({ colorPalette }) => colorPalette.background.secondary};
|
|
108
|
+
width: 288px;
|
|
109
|
+
cursor: pointer;
|
|
110
110
|
`;
|
|
111
|
-
const Location = styled.div `
|
|
112
|
-
display: flex;
|
|
113
|
-
align-items: center;
|
|
114
|
-
gap: 10px;
|
|
115
|
-
flex: 1 0 0;
|
|
116
|
-
font-size: 16px;
|
|
117
|
-
line-height: 150%;
|
|
111
|
+
const Location = styled.div `
|
|
112
|
+
display: flex;
|
|
113
|
+
align-items: center;
|
|
114
|
+
gap: 10px;
|
|
115
|
+
flex: 1 0 0;
|
|
116
|
+
font-size: 16px;
|
|
117
|
+
line-height: 150%;
|
|
118
118
|
`;
|
|
119
|
-
const Toggles = styled.div `
|
|
120
|
-
padding: 24px 0px;
|
|
119
|
+
const Toggles = styled.div `
|
|
120
|
+
padding: 24px 0px;
|
|
121
121
|
`;
|
|
122
|
-
const AppInfo = styled.div `
|
|
123
|
-
padding: 16px;
|
|
124
|
-
width: 288px;
|
|
125
|
-
background: ${({ colorPalette }) => colorPalette.background.tertiary};
|
|
122
|
+
const AppInfo = styled.div `
|
|
123
|
+
padding: 16px;
|
|
124
|
+
width: 288px;
|
|
125
|
+
background: ${({ colorPalette }) => colorPalette.background.tertiary};
|
|
126
126
|
`;
|
|
127
|
-
const LogoAndCopyRights = styled.div `
|
|
128
|
-
display: flex;
|
|
129
|
-
gap: 16px;
|
|
130
|
-
margin-bottom: 12px;
|
|
131
|
-
color: ${({ colorPalette }) => colorPalette.text.primary};
|
|
127
|
+
const LogoAndCopyRights = styled.div `
|
|
128
|
+
display: flex;
|
|
129
|
+
gap: 16px;
|
|
130
|
+
margin-bottom: 12px;
|
|
131
|
+
color: ${({ colorPalette }) => colorPalette.text.primary};
|
|
132
132
|
`;
|
|
133
|
-
const CopyRights = styled.div `
|
|
134
|
-
font-size: 12px;
|
|
135
|
-
font-style: normal;
|
|
136
|
-
font-weight: 400;
|
|
137
|
-
line-height: 55%;
|
|
133
|
+
const CopyRights = styled.div `
|
|
134
|
+
font-size: 12px;
|
|
135
|
+
font-style: normal;
|
|
136
|
+
font-weight: 400;
|
|
137
|
+
line-height: 55%;
|
|
138
138
|
`;
|
|
139
|
-
const Version = styled.div `
|
|
140
|
-
text-align: center;
|
|
141
|
-
font-size: 14px;
|
|
142
|
-
font-weight: 400;
|
|
143
|
-
color: ${({ colorPalette }) => colorPalette.text.primary};
|
|
139
|
+
const Version = styled.div `
|
|
140
|
+
text-align: center;
|
|
141
|
+
font-size: 14px;
|
|
142
|
+
font-weight: 400;
|
|
143
|
+
color: ${({ colorPalette }) => colorPalette.text.primary};
|
|
144
144
|
`;
|
|
145
145
|
const NavBar = (props) => {
|
|
146
146
|
const { colorPalette, locations, appInfo } = props;
|
|
@@ -106,7 +106,7 @@ export function EditUserPerms(props) {
|
|
|
106
106
|
}, [roles]);
|
|
107
107
|
const roleJsx = useMemo(() => {
|
|
108
108
|
if (selectedOption) {
|
|
109
|
-
return (React.createElement(RoleDescriptionContainer, { "data-
|
|
109
|
+
return (React.createElement(RoleDescriptionContainer, { "data-test": "Role Jsx Container" },
|
|
110
110
|
React.createElement(RoleDescriptionParagraph, { colorPalette: theme }, selectedOption.value.description),
|
|
111
111
|
React.createElement(RoleNameParagraph, { colorPalette: theme }, selectedOption.value.name),
|
|
112
112
|
selectedOption.value.permissions.length > 0 &&
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EditUserPerms.js","sourceRoot":"","sources":["../../../lib/Organisms/EditUserPerms/EditUserPerms.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"EditUserPerms.js","sourceRoot":"","sources":["../../../lib/Organisms/EditUserPerms/EditUserPerms.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,99 +4,99 @@ import styled from "@emotion/styled";
|
|
|
4
4
|
import { Button } from "../../Atoms/Buttons/Button";
|
|
5
5
|
import { FiX } from "react-icons/fi";
|
|
6
6
|
import { useEffect } from "react";
|
|
7
|
-
export const StyledDialog = styled(Dialog.Overlay) `
|
|
8
|
-
${({ colorPalette, toast }) => !toast && `background-color: ${colorPalette.background.secondary}`};
|
|
9
|
-
opacity: 0.8;
|
|
10
|
-
position: absolute;
|
|
11
|
-
inset: 0;
|
|
12
|
-
animation: overlayShow 150ms cubic-bezier(0.16, 1, 0.3, 1);
|
|
13
|
-
z-index: 1000;
|
|
7
|
+
export const StyledDialog = styled(Dialog.Overlay) `
|
|
8
|
+
${({ colorPalette, toast }) => !toast && `background-color: ${colorPalette.background.secondary}`};
|
|
9
|
+
opacity: 0.8;
|
|
10
|
+
position: absolute;
|
|
11
|
+
inset: 0;
|
|
12
|
+
animation: overlayShow 150ms cubic-bezier(0.16, 1, 0.3, 1);
|
|
13
|
+
z-index: 1000;
|
|
14
14
|
`;
|
|
15
|
-
export const StyledContent = styled(Dialog.Content) `
|
|
15
|
+
export const StyledContent = styled(Dialog.Content) `
|
|
16
16
|
${({ colorPalette, toast }) => !toast
|
|
17
17
|
? `background-color: ${colorPalette.background.primary}; color: ${colorPalette.text.primary};`
|
|
18
|
-
: `background-color: ${colorPalette.toastBackground[toast]}; color: ${colorPalette.toastText[toast]};`};
|
|
19
|
-
box-shadow: ${({ colorPalette }) => `${colorPalette.background.secondary} 0px 5px 15px`};
|
|
20
|
-
${({ toast }) => !toast && `border-radius: 4px;`};
|
|
21
|
-
position: absolute;
|
|
22
|
-
top: ${({ toast }) => (toast ? "64px" : "50%")};
|
|
23
|
-
${({ minimized }) => minimized && "top: 45px"};
|
|
24
|
-
left: 50%;
|
|
25
|
-
transform: translate(-50%, -50%);
|
|
26
|
-
max-height: 85vh;
|
|
27
|
-
animation: contentShow 150ms cubic-bezier(0.16, 1, 0.3, 1);
|
|
28
|
-
z-index: 1000;
|
|
29
|
-
display: flex;
|
|
30
|
-
flex-direction: column;
|
|
31
|
-
min-width: ${({ minimized }) => (minimized ? "100px" : "300px")};
|
|
32
|
-
${({ toast }) => toast && `width: 100%;`};
|
|
33
|
-
${({ minimized }) => minimized && "width: 30%"};
|
|
34
|
-
gap: 16px;
|
|
35
|
-
:focus {
|
|
36
|
-
outline: none;
|
|
37
|
-
}
|
|
18
|
+
: `background-color: ${colorPalette.toastBackground[toast]}; color: ${colorPalette.toastText[toast]};`};
|
|
19
|
+
box-shadow: ${({ colorPalette }) => `${colorPalette.background.secondary} 0px 5px 15px`};
|
|
20
|
+
${({ toast }) => !toast && `border-radius: 4px;`};
|
|
21
|
+
position: absolute;
|
|
22
|
+
top: ${({ toast }) => (toast ? "64px" : "50%")};
|
|
23
|
+
${({ minimized }) => minimized && "top: 45px"};
|
|
24
|
+
left: 50%;
|
|
25
|
+
transform: translate(-50%, -50%);
|
|
26
|
+
max-height: 85vh;
|
|
27
|
+
animation: contentShow 150ms cubic-bezier(0.16, 1, 0.3, 1);
|
|
28
|
+
z-index: 1000;
|
|
29
|
+
display: flex;
|
|
30
|
+
flex-direction: column;
|
|
31
|
+
min-width: ${({ minimized }) => (minimized ? "100px" : "300px")};
|
|
32
|
+
${({ toast }) => toast && `width: 100%;`};
|
|
33
|
+
${({ minimized }) => minimized && "width: 30%"};
|
|
34
|
+
gap: 16px;
|
|
35
|
+
:focus {
|
|
36
|
+
outline: none;
|
|
37
|
+
}
|
|
38
38
|
`;
|
|
39
|
-
export const DialogContainer = styled.div `
|
|
40
|
-
display: flex;
|
|
41
|
-
padding: 24px 24px 0px 24px;
|
|
42
|
-
flex-direction: column;
|
|
43
|
-
align-items: center;
|
|
44
|
-
gap: 16px;
|
|
45
|
-
align-self: stretch;
|
|
39
|
+
export const DialogContainer = styled.div `
|
|
40
|
+
display: flex;
|
|
41
|
+
padding: 24px 24px 0px 24px;
|
|
42
|
+
flex-direction: column;
|
|
43
|
+
align-items: center;
|
|
44
|
+
gap: 16px;
|
|
45
|
+
align-self: stretch;
|
|
46
46
|
`;
|
|
47
|
-
export const ModalTitleContainer = styled.div `
|
|
48
|
-
display: flex;
|
|
49
|
-
justify-content: space-between;
|
|
50
|
-
align-items: center;
|
|
51
|
-
width: 100%;
|
|
47
|
+
export const ModalTitleContainer = styled.div `
|
|
48
|
+
display: flex;
|
|
49
|
+
justify-content: space-between;
|
|
50
|
+
align-items: center;
|
|
51
|
+
width: 100%;
|
|
52
52
|
`;
|
|
53
|
-
export const ModalTitle = styled.div `
|
|
54
|
-
font-size: ${({ minimized }) => (minimized ? "12px" : "24px")};
|
|
55
|
-
font-style: normal;
|
|
56
|
-
font-weight: 600;
|
|
57
|
-
line-height: 150%;
|
|
53
|
+
export const ModalTitle = styled.div `
|
|
54
|
+
font-size: ${({ minimized }) => (minimized ? "12px" : "24px")};
|
|
55
|
+
font-style: normal;
|
|
56
|
+
font-weight: 600;
|
|
57
|
+
line-height: 150%;
|
|
58
58
|
`;
|
|
59
|
-
export const ModalHeading = styled.div `
|
|
60
|
-
font-size: 16px;
|
|
61
|
-
font-style: normal;
|
|
62
|
-
font-weight: 700;
|
|
63
|
-
line-height: 150%;
|
|
59
|
+
export const ModalHeading = styled.div `
|
|
60
|
+
font-size: 16px;
|
|
61
|
+
font-style: normal;
|
|
62
|
+
font-weight: 700;
|
|
63
|
+
line-height: 150%;
|
|
64
64
|
`;
|
|
65
|
-
export const ModelSubHeading = styled.div `
|
|
66
|
-
font-size: 16px;
|
|
67
|
-
font-style: normal;
|
|
68
|
-
font-weight: 400;
|
|
69
|
-
line-height: 24px; /* 150% */
|
|
70
|
-
letter-spacing: 0.16px;
|
|
71
|
-
width: 100%;
|
|
72
|
-
white-space: pre-line;
|
|
65
|
+
export const ModelSubHeading = styled.div `
|
|
66
|
+
font-size: 16px;
|
|
67
|
+
font-style: normal;
|
|
68
|
+
font-weight: 400;
|
|
69
|
+
line-height: 24px; /* 150% */
|
|
70
|
+
letter-spacing: 0.16px;
|
|
71
|
+
width: 100%;
|
|
72
|
+
white-space: pre-line;
|
|
73
73
|
`;
|
|
74
|
-
export const ModalFooter = styled.div `
|
|
75
|
-
display: flex;
|
|
76
|
-
padding: 24px 16px;
|
|
77
|
-
justify-content: center;
|
|
78
|
-
align-items: center;
|
|
79
|
-
gap: 16px;
|
|
80
|
-
align-self: stretch;
|
|
74
|
+
export const ModalFooter = styled.div `
|
|
75
|
+
display: flex;
|
|
76
|
+
padding: 24px 16px;
|
|
77
|
+
justify-content: center;
|
|
78
|
+
align-items: center;
|
|
79
|
+
gap: 16px;
|
|
80
|
+
align-self: stretch;
|
|
81
81
|
`;
|
|
82
|
-
export const ModalInputBox = styled.div `
|
|
83
|
-
display: flex;
|
|
84
|
-
width: 322px;
|
|
85
|
-
flex-direction: column;
|
|
86
|
-
justify-content: center;
|
|
87
|
-
align-items: flex-start;
|
|
88
|
-
gap: 8px;
|
|
82
|
+
export const ModalInputBox = styled.div `
|
|
83
|
+
display: flex;
|
|
84
|
+
width: 322px;
|
|
85
|
+
flex-direction: column;
|
|
86
|
+
justify-content: center;
|
|
87
|
+
align-items: flex-start;
|
|
88
|
+
gap: 8px;
|
|
89
89
|
`;
|
|
90
|
-
export const ConfirmationInput = styled.input `
|
|
91
|
-
display: flex;
|
|
92
|
-
width: 275px;
|
|
93
|
-
flex-direction: column;
|
|
94
|
-
align-items: flex-start;
|
|
95
|
-
gap: 8px;
|
|
96
|
-
height: 40px;
|
|
97
|
-
padding: 8px 16px;
|
|
98
|
-
justify-content: center;
|
|
99
|
-
flex: 1 0 0;
|
|
90
|
+
export const ConfirmationInput = styled.input `
|
|
91
|
+
display: flex;
|
|
92
|
+
width: 275px;
|
|
93
|
+
flex-direction: column;
|
|
94
|
+
align-items: flex-start;
|
|
95
|
+
gap: 8px;
|
|
96
|
+
height: 40px;
|
|
97
|
+
padding: 8px 16px;
|
|
98
|
+
justify-content: center;
|
|
99
|
+
flex: 1 0 0;
|
|
100
100
|
`;
|
|
101
101
|
export const Modal = (props) => {
|
|
102
102
|
const { open, children, colorPalette, setOpen, toast, timeout, canMinimize, setMinimized, minimized, modal, ...htmlProps } = props;
|
|
@@ -33,7 +33,7 @@ function TabManager(props) {
|
|
|
33
33
|
setSelectedTab(index);
|
|
34
34
|
}
|
|
35
35
|
return tabLabels.map((label, index) => {
|
|
36
|
-
return (React.createElement(Tab, { colors: colorPalette, selected: index === selectedTab, handleClick: () => handleSelectTab(index), label: label }));
|
|
36
|
+
return (React.createElement(Tab, { colors: colorPalette, selected: index === selectedTab, handleClick: () => handleSelectTab(index), label: label, key: `tab-${label}` }));
|
|
37
37
|
});
|
|
38
38
|
}, [tabLabels, selectedTab]);
|
|
39
39
|
return (React.createElement(Container, { colorPalette: colorPalette },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabManager.js","sourceRoot":"","sources":["../../../lib/Organisms/TabManager/TabManager.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,eAAe,MAAM,6CAA6C,CAAC;AAC1E,OAAO,GAAG,MAAM,qBAAqB,CAAC;AAGtC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAA2B;;;;;qBAKlC,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,OAAO;CACzE,CAAC;AAEF,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;CAOxB,CAAC;AAQF,SAAS,UAAU,CAAC,KAAY;
|
|
1
|
+
{"version":3,"file":"TabManager.js","sourceRoot":"","sources":["../../../lib/Organisms/TabManager/TabManager.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,eAAe,MAAM,6CAA6C,CAAC;AAC1E,OAAO,GAAG,MAAM,qBAAqB,CAAC;AAGtC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAA2B;;;;;qBAKlC,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,OAAO;CACzE,CAAC;AAEF,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;CAOxB,CAAC;AAQF,SAAS,UAAU,CAAC,KAAY;IAC/B,MAAM,EAAE,YAAY,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAEjD,IAAI,SAAS,CAAC,MAAM,IAAI,CAAC;QAAE,MAAM,IAAI,KAAK,CAAC,wBAAwB,CAAC,CAAC;IACrE,IAAI,KAAK,CAAC,MAAM,IAAI,CAAC;QAAE,MAAM,IAAI,KAAK,CAAC,mBAAmB,CAAC,CAAC;IAC5D,IAAI,SAAS,CAAC,MAAM,KAAK,KAAK,CAAC,MAAM;QAAE,MAAM,IAAI,KAAK,CAAC,qDAAqD,CAAC,CAAC;IAE9G,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAS,CAAC,CAAC,CAAC;IAE1D,MAAM,IAAI,GAAwB,OAAO,CAAC,GAAG,EAAE;QAC9C,SAAS,eAAe,CAAC,KAAa;YACrC,cAAc,CAAC,KAAK,CAAC,CAAC;QACvB,CAAC;QACD,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;YACrC,OAAO,CACN,oBAAC,GAAG,IACH,MAAM,EAAE,YAAY,EACpB,QAAQ,EAAE,KAAK,KAAK,WAAW,EAC/B,WAAW,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,KAAK,CAAC,EACzC,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,OAAO,KAAK,EAAE,GAClB,CACF,CAAC;QACH,CAAC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC,CAAC;IAE7B,OAAO,CACN,oBAAC,SAAS,IACT,YAAY,EAAE,YAAY;QAE1B,oBAAC,eAAe,IACf,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,EAAE,UAAU,EAAE,YAAY,EAAE,EACnC,WAAW,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,CAAC,QAAQ,CAAC,EACzC,IAAI,EAAE,oBAAC,cAAc,IAAC,KAAK,EAAE,YAAY,CAAC,UAAU,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAI,EAC3G,KAAK,EAAC,UAAU,EAChB,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,GACV;QACD,QAAQ,IAAI,CACZ;YACC,oBAAC,MAAM,QACL,IAAI,CACG;YACR,KAAK,CAAC,WAAW,CAAC,CACjB,CACH,CACU,CACZ,CAAC;AACH,CAAC;AAED,eAAe,UAAU,CAAC"}
|
|
@@ -65,22 +65,22 @@ const ContactContainer = styled.div `
|
|
|
65
65
|
`;
|
|
66
66
|
export const Tutorial = (props) => {
|
|
67
67
|
const { colors, page, setOpen, getFeedbackFn, ...htmlProps } = props;
|
|
68
|
-
return (React.createElement(TutorialOverlay, { colors: colors, onClick: () => setOpen(""), "data-
|
|
69
|
-
React.createElement(TutorialWrapper, { colors: colors, onClick: (e) => e.stopPropagation(), ...htmlProps, "data-
|
|
68
|
+
return (React.createElement(TutorialOverlay, { colors: colors, onClick: () => setOpen(""), "data-test": "overlay-background" },
|
|
69
|
+
React.createElement(TutorialWrapper, { colors: colors, onClick: (e) => e.stopPropagation(), ...htmlProps, "data-test": "overlay-wrapper" },
|
|
70
70
|
React.createElement(HelpHeader, { colors: colors },
|
|
71
71
|
React.createElement(TitleAndExit, { colors: colors },
|
|
72
72
|
React.createElement(Typography, { textColor: colors.text.primary, content: page.title, variant: "Heading 3" }),
|
|
73
|
-
React.createElement(FiX, { onClick: () => setOpen(""), size: 24, "data-
|
|
73
|
+
React.createElement(FiX, { onClick: () => setOpen(""), size: 24, "data-test": "x-icon" })),
|
|
74
74
|
React.createElement(Typography, { textColor: colors.text.primary, content: page["page-summary"], variant: "Paragraphy Body" })),
|
|
75
75
|
React.createElement(ScrollableArea, { colors: colors },
|
|
76
76
|
React.createElement(ContentContainer, { colors: colors },
|
|
77
|
-
page["user-flows"].length > 0 && (React.createElement(React.Fragment,
|
|
77
|
+
page["user-flows"].length > 0 && (React.createElement(React.Fragment, { key: `user-flows-fragment` },
|
|
78
78
|
React.createElement(Typography, { textColor: colors.text.primary, content: "Common User Flows", variant: "Heading 4", style: { paddingBottom: "8px" } }),
|
|
79
|
-
page["user-flows"].map((flow) => (React.createElement(Accordion, { colors: colors, dropdownContent: flow }))))),
|
|
80
|
-
page.features.length > 0 && (React.createElement(React.Fragment,
|
|
79
|
+
page["user-flows"].map((flow) => (React.createElement(Accordion, { colors: colors, dropdownContent: flow, key: `user-flow-${flow.title}` }))))),
|
|
80
|
+
page.features.length > 0 && (React.createElement(React.Fragment, { key: `features-fragment` },
|
|
81
81
|
React.createElement(Typography, { textColor: colors.text.primary, content: "Page Features", variant: "Heading 4", style: { paddingBottom: "8px" } }),
|
|
82
82
|
page.features.length > 0 &&
|
|
83
|
-
page.features.map((feature) => (React.createElement(Accordion, { colors: colors, dropdownContent: feature })))))),
|
|
83
|
+
page.features.map((feature) => (React.createElement(Accordion, { colors: colors, dropdownContent: feature, key: `feature-${feature.title}` })))))),
|
|
84
84
|
React.createElement(ContactContainer, { colors: colors },
|
|
85
85
|
React.createElement(Typography, { textColor: colors.text.primary, content: "Please ask further questions, or reach out for additional support by emailing", variant: "Label" }),
|
|
86
86
|
React.createElement(Typography, { textColor: colors.text.primary, content: "devs@factorearth.com", variant: "Heading 4" }),
|
|
@@ -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,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAE/D,OAAO,EAAqB,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;
|
|
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": "5.8.
|
|
3
|
+
"version": "5.8.3-console-cleanup.1",
|
|
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": "04d37d218843b694fa5d5d1c1e2b9844dde9b80c",
|
|
50
50
|
"dependencies": {
|
|
51
51
|
"@emotion/react": "^11.13.0",
|
|
52
52
|
"@emotion/styled": "^11.13.0",
|