@factorearth/component-library 5.8.3-console-cleanup.1 → 5.8.3-console-cleanup.2
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 +14 -10
- package/dist/Atoms/Accordion/Accordion.js.map +1 -1
- package/dist/Atoms/NumberField/NumberField.js +33 -32
- package/dist/Atoms/NumberField/NumberField.js.map +1 -1
- package/dist/Organisms/Tutorial/Tutorial.js +4 -3
- package/dist/Organisms/Tutorial/Tutorial.js.map +1 -1
- package/package.json +2 -2
|
@@ -9,13 +9,18 @@ const Container = styled.div `
|
|
|
9
9
|
border-top: ${({ colors }) => `${colors.background.secondary} 1px solid`};
|
|
10
10
|
cursor: pointer
|
|
11
11
|
`;
|
|
12
|
-
const Header = styled.
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
12
|
+
const Header = styled.button `
|
|
13
|
+
display: flex;
|
|
14
|
+
padding: 8px;
|
|
15
|
+
flex-direction: row;
|
|
16
|
+
align-items: center;
|
|
17
|
+
gap: 8px;
|
|
18
|
+
align-self: stretch;
|
|
19
|
+
background: none;
|
|
20
|
+
border: none;
|
|
21
|
+
cursor: pointer;
|
|
22
|
+
width: 100%;
|
|
23
|
+
text-align: left;
|
|
19
24
|
`;
|
|
20
25
|
const ContentContainer = styled.div `
|
|
21
26
|
align-self: stretch;
|
|
@@ -42,13 +47,12 @@ function Accordion(props) {
|
|
|
42
47
|
};
|
|
43
48
|
const Icon = buildIcon(dropdownContent.icon);
|
|
44
49
|
return (React.createElement(Container, { colors: colors, expanded: dropdownOpen },
|
|
45
|
-
React.createElement(Header, { onClick: toggleDropdown
|
|
50
|
+
React.createElement(Header, { onClick: toggleDropdown },
|
|
46
51
|
dropdownOpen ? React.createElement(FiChevronUp, null) : React.createElement(FiChevronDown, null),
|
|
47
52
|
React.createElement(Typography, { style: { flex: "1 0 0" }, textColor: colors.text.primary, content: dropdownContent.title, variant: "Paragraphy Body", "data-test": "accordion-title" }),
|
|
48
53
|
Icon && React.createElement(Icon, null)),
|
|
49
|
-
dropdownOpen && (React.createElement(ContentContainer,
|
|
54
|
+
dropdownOpen && (React.createElement(ContentContainer, null, dropdownContent.content.map(content => React.createElement(Step, { key: `step-${content}` },
|
|
50
55
|
React.createElement(Typography, { textColor: colors.text.primary, content: content, variant: "Paragraphy Body" })))))));
|
|
51
56
|
}
|
|
52
57
|
export default Accordion;
|
|
53
|
-
//test with interaction test that when the user clicks the flow it toggles between open and closed
|
|
54
58
|
//# 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,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,
|
|
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,MAAM,CAAA;;;;;;;;;;;;CAY3B,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;YAC7B,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,QACf,eAAe,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,oBAAC,IAAI,IAAC,GAAG,EAAE,QAAQ,OAAO,EAAE;YACnE,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"}
|
|
@@ -37,36 +37,37 @@ const NumberInput = styled.input `
|
|
|
37
37
|
font-size: 14px;
|
|
38
38
|
}
|
|
39
39
|
`;
|
|
40
|
-
const DecrementButton = styled.
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
40
|
+
const DecrementButton = styled.button `
|
|
41
|
+
cursor: pointer;
|
|
42
|
+
display: flex;
|
|
43
|
+
width: 16px;
|
|
44
|
+
height: 22px;
|
|
45
|
+
padding: 8px 16px;
|
|
46
|
+
justify-content: center;
|
|
47
|
+
align-items: center;
|
|
48
|
+
border-radius: 4px 0px 0px 4px;
|
|
49
|
+
border-width: 1px;
|
|
50
|
+
border-style: solid;
|
|
51
|
+
border-color: ${({ colorPalette }) => colorPalette.border.primary};
|
|
52
|
+
background: ${({ colorPalette }) => colorPalette.background.primary};
|
|
53
|
+
color: ${({ colorPalette }) => colorPalette.text.primary};
|
|
54
|
+
border-right: none;
|
|
54
55
|
`;
|
|
55
|
-
const IncrementButton = styled.
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
56
|
+
const IncrementButton = styled.button `
|
|
57
|
+
cursor: pointer;
|
|
58
|
+
display: flex;
|
|
59
|
+
width: 16px;
|
|
60
|
+
height: 22px;
|
|
61
|
+
padding: 8px 16px;
|
|
62
|
+
justify-content: center;
|
|
63
|
+
align-items: center;
|
|
64
|
+
border-width: 1px;
|
|
65
|
+
border-style: solid;
|
|
66
|
+
border-color: ${({ colorPalette }) => colorPalette.border.primary};
|
|
67
|
+
background: ${({ colorPalette }) => colorPalette.background.primary};
|
|
68
|
+
color: ${({ colorPalette }) => colorPalette.text.primary};
|
|
69
|
+
${({ moreHorizon }) => !moreHorizon && `border-radius: 0px 4px 4px 0px;`}
|
|
70
|
+
${({ moreHorizon }) => moreHorizon && `border-right: none;`}
|
|
70
71
|
`;
|
|
71
72
|
export const NumberField = (props) => {
|
|
72
73
|
const { colorPalette, handleChange, handleClickAndSubmit, handleBlur, fromTable, moreHorizon, value, rotation, ...inputProps } = props;
|
|
@@ -238,9 +239,9 @@ export const NumberField = (props) => {
|
|
|
238
239
|
}
|
|
239
240
|
};
|
|
240
241
|
return (React.createElement(NumberFieldContainer, { colorPalette: colorPalette },
|
|
241
|
-
React.createElement(DecrementButton, {
|
|
242
|
-
React.createElement(NumberInput, {
|
|
243
|
-
React.createElement(IncrementButton, {
|
|
242
|
+
React.createElement(DecrementButton, { colorPalette: colorPalette, onClick: rotation ? handleCcwRotation : handleDecrement, "aria-label": rotation ? "Rotate counter-clockwise" : "Decrement", tabIndex: -1 }, rotation ? React.createElement(FiRotateCcw, null) : React.createElement(FiMinus, null)),
|
|
243
|
+
React.createElement(NumberInput, { ...inputProps, colorPalette: colorPalette, value: stringInt, onChange: handleNumberChange, onBlur: (e) => handleBlur && handleBlur(e.target.value), ref: inputRef, onFocus: handleFocus, type: "text", "aria-label": "Number input" }),
|
|
244
|
+
React.createElement(IncrementButton, { colorPalette: colorPalette, onClick: rotation ? handleCwRotation : handleIncrement, "aria-label": rotation ? "Rotate clockwise" : "Increment", tabIndex: -1, moreHorizon: moreHorizon ? true : false }, rotation ? React.createElement(FiRotateCw, null) : React.createElement(FiPlus, null)),
|
|
244
245
|
moreHorizon && moreHorizon));
|
|
245
246
|
};
|
|
246
247
|
//# 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,
|
|
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,MAAM,MAAM,iBAAiB,CAAC;AACrC,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,MAAM,CAA2B;;;;;;;;;;;oBAW5C,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,OAAO;kBACnD,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,OAAO;aAC1D,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,OAAO;;CAE3D,CAAC;AAEF,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,CAGnC;;;;;;;;;;oBAUkB,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,OAAO;kBACnD,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,OAAO;aAC1D,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,OAAO;MACtD,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,CAAC,WAAW,IAAI,iCAAiC;MACtE,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,WAAW,IAAI,qBAAqB;CAC9D,CAAC;AA0BF,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAuB,EAAE,EAAE;IACtD,MAAM,EACL,YAAY,EACZ,YAAY,EACZ,oBAAoB,EACpB,UAAU,EACV,SAAS,EACT,WAAW,EACX,KAAK,EACL,QAAQ,EACR,GAAG,UAAU,EACb,GAAG,KAAK,CAAC;IAEV,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAChD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CACzC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAC1B,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACd,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;QACzC,IAAI,QAAQ,CAAC,OAAO;YAAE,QAAQ,CAAC,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAC3E,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,eAAe,GAAG,GAAG,EAAE;QAC5B,IAAI,OAAO,GAAG,GAAG,CAAC;QAClB,MAAM,YAAY,GAAG,SAAS,CAAC,MAAM,GAAG,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC;QAC5E,MAAM,KAAK,GAAG;YACb,MAAM,EAAE;gBACP,IAAI,EAAE,QAAQ,CAAC,OAAO,EAAE,IAAI,IAAI,EAAE;gBAClC,KAAK,EAAE,SAAS;aAChB;SACD,CAAC;QACF,IAAI,SAAS,KAAK,EAAE,IAAI,SAAS,KAAK,SAAS,IAAI,SAAS,KAAK,GAAG,EAAE,CAAC;YACtE,YAAY,CAAC,GAAG,CAAC,CAAC;YAClB,KAAK,CAAC,MAAM,CAAC,KAAK,GAAG,GAAG,CAAC;YACzB,IAAI,QAAQ,CAAC,OAAO;gBAAE,QAAQ,CAAC,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;QACnE,CAAC;aAAM,CAAC;YACP,IAAI,QAAQ,GAAW,SAAS,CAAC;YACjC,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;gBAC7B,OAAO,GAAG,CAAC,CAAC;gBACZ,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,OAAO,CAAC,CAAC;gBAC9C,IAAI,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC;oBACvB,QAAQ,GAAG,QAAQ,CAAC,QAAQ,CAC3B,YAAY,GAAG,QAAQ,CAAC,QAAQ,EAAE,CAAC,MAAM,EACzC,GAAG,CACH,CAAC;YACJ,CAAC;iBAAM,CAAC;gBACP,MAAM,aAAa,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;gBACpD,OAAO,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,aAAa,CAAC,CAAC;gBAC1C,QAAQ,GAAG,MAAM,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,OAAO,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC;YACxE,CAAC;YACD,YAAY,CAAC,QAAQ,CAAC,CAAC;YACvB,KAAK,CAAC,MAAM,CAAC,KAAK,GAAG,QAAQ,CAAC;YAC9B,IAAI,QAAQ,CAAC,OAAO;gBAAE,QAAQ,CAAC,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;QACnE,CAAC;QACD,oBAAoB,CAAC,KAAK,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,GAAG,EAAE;QAC5B,IAAI,OAAO,GAAG,CAAC,CAAC;QAChB,MAAM,YAAY,GAAG,SAAS,CAAC,MAAM,GAAG,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC;QAC5E,MAAM,KAAK,GAAG;YACb,MAAM,EAAE;gBACP,IAAI,EAAE,QAAQ,CAAC,OAAO,EAAE,IAAI,IAAI,EAAE;gBAClC,KAAK,EAAE,SAAS;aAChB;SACD,CAAC;QACF,IAAI,SAAS,KAAK,EAAE,IAAI,SAAS,KAAK,SAAS,IAAI,SAAS,KAAK,GAAG,EAAE,CAAC;YACtE,YAAY,CAAC,IAAI,CAAC,CAAC;YACnB,KAAK,CAAC,MAAM,CAAC,KAAK,GAAG,IAAI,CAAC;YAC1B,IAAI,QAAQ,CAAC,OAAO;gBAAE,QAAQ,CAAC,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;QACnE,CAAC;aAAM,CAAC;YACP,IAAI,QAAQ,GAAW,SAAS,CAAC;YACjC,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;gBAC7B,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,OAAO,CAAC,CAAC;gBAC9C,IAAI,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC;oBACvB,QAAQ,GAAG,QAAQ,CAAC,QAAQ,CAC3B,YAAY,GAAG,QAAQ,CAAC,QAAQ,EAAE,CAAC,MAAM,EACzC,GAAG,CACH,CAAC;YACJ,CAAC;iBAAM,CAAC;gBACP,MAAM,aAAa,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;gBACpD,OAAO,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,aAAa,CAAC,CAAC;gBAC1C,QAAQ,GAAG,MAAM,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,OAAO,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC;YACxE,CAAC;YACD,YAAY,CAAC,QAAQ,CAAC,CAAC;YACvB,KAAK,CAAC,MAAM,CAAC,KAAK,GAAG,QAAQ,CAAC;YAC9B,IAAI,QAAQ,CAAC,OAAO;gBAAE,QAAQ,CAAC,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;QACnE,CAAC;QACD,oBAAoB,CAAC,KAAK,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC7B,IAAI,CAAC,QAAQ;YAAE,OAAO;QACtB,MAAM,KAAK,GAAG;YACb,MAAM,EAAE;gBACP,IAAI,EAAE,QAAQ,CAAC,OAAO,EAAE,IAAI,IAAI,EAAE;gBAClC,KAAK,EAAE,SAAS;aAChB;SACD,CAAC;QACF,IAAI,SAAS,KAAK,EAAE,IAAI,SAAS,KAAK,SAAS,IAAI,SAAS,KAAK,GAAG,EAAE,CAAC;YACtE,YAAY,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC;YAC/B,KAAK,CAAC,MAAM,CAAC,KAAK,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;QACvC,CAAC;aAAM,IAAI,MAAM,CAAC,SAAS,CAAC,GAAG,GAAG,EAAE,CAAC;YACpC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;YACxB,KAAK,CAAC,MAAM,CAAC,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;QAChC,CAAC;aAAM,IAAI,MAAM,CAAC,SAAS,CAAC,IAAI,GAAG,EAAE,CAAC;YACrC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;YACxB,KAAK,CAAC,MAAM,CAAC,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;QAChC,CAAC;aAAM,CAAC;YACP,IAAI,QAAQ,GAAW,SAAS,CAAC;YACjC,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,QAAQ,CAAC,CAAC;YAC/C,YAAY,CAAC,QAAQ,CAAC,CAAC;YACvB,KAAK,CAAC,MAAM,CAAC,KAAK,GAAG,QAAQ,CAAC;QAC/B,CAAC;QACD,IAAI,QAAQ,CAAC,OAAO;YAAE,QAAQ,CAAC,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;QAClE,oBAAoB,CAAC,KAAK,CAAC,CAAC;IAC7B,CAAC,CAAC;IACF,MAAM,iBAAiB,GAAG,GAAG,EAAE;QAC9B,IAAI,CAAC,QAAQ;YAAE,OAAO;QACtB,MAAM,KAAK,GAAG;YACb,MAAM,EAAE;gBACP,IAAI,EAAE,QAAQ,CAAC,OAAO,EAAE,IAAI,IAAI,EAAE;gBAClC,KAAK,EAAE,SAAS;aAChB;SACD,CAAC;QACF,IAAI,SAAS,KAAK,EAAE,IAAI,SAAS,KAAK,SAAS,IAAI,SAAS,KAAK,GAAG,EAAE,CAAC;YACtE,YAAY,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;YAC1B,KAAK,CAAC,MAAM,CAAC,KAAK,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;QAClC,CAAC;aAAM,IAAI,MAAM,CAAC,SAAS,CAAC,GAAG,GAAG,EAAE,CAAC;YACpC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;YACxB,KAAK,CAAC,MAAM,CAAC,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;QAChC,CAAC;aAAM,CAAC;YACP,IAAI,QAAQ,GAAW,SAAS,CAAC;YACjC,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC;YACzD,YAAY,CAAC,QAAQ,CAAC,CAAC;YACvB,KAAK,CAAC,MAAM,CAAC,KAAK,GAAG,QAAQ,CAAC;QAC/B,CAAC;QACD,IAAI,QAAQ,CAAC,OAAO;YAAE,QAAQ,CAAC,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;QAClE,oBAAoB,CAAC,KAAK,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACxB,IAAI,SAAS,EAAE,CAAC;YACf,QAAQ,CAAC,OAAO,EAAE,cAAc,CAAC;gBAChC,KAAK,EAAE,QAAQ;gBACf,QAAQ,EAAE,QAAQ;gBAClB,MAAM,EAAE,QAAQ;aAChB,CAAC,CAAC;QACJ,CAAC;IACF,CAAC,CAAC;IACF,MAAM,kBAAkB,GAAG,CAAC,CAAsC,EAAE,EAAE;QACrE,IAAI,QAAQ,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC,EAAE,CAAC;YAC9E,YAAY,CAAC,EAAE,CAAC,CAAC;YACjB,IAAI,QAAQ,CAAC,OAAO;gBAAE,QAAQ,CAAC,OAAO,CAAC,KAAK,GAAG,EAAE,CAAC;YAClD,OAAO;QACR,CAAC;QACD,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,mDAAmD,CAAC,EAAE,CAAC;YAChF,OAAO;QACR,CAAC;aAAM,CAAC;YACP,IAAI,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;gBAClC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;gBAC7B,IAAI,QAAQ,CAAC,OAAO;oBAAE,QAAQ,CAAC,OAAO,CAAC,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;YAC/D,CAAC;iBAAM,CAAC;gBACP,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;gBAC7B,IAAI,QAAQ,CAAC,OAAO;oBAAE,QAAQ,CAAC,OAAO,CAAC,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;gBAC9D,YAAY,CAAC,CAAC,CAAC,CAAC;YACjB,CAAC;QACF,CAAC;IACF,CAAC,CAAC;IAEF,OAAO,CACN,oBAAC,oBAAoB,IAAC,YAAY,EAAE,YAAY;QAC/C,oBAAC,eAAe,IACf,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,eAAe,gBAC3C,QAAQ,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,WAAW,EAC/D,QAAQ,EAAE,CAAC,CAAC,IAEX,QAAQ,CAAC,CAAC,CAAC,oBAAC,WAAW,OAAG,CAAC,CAAC,CAAC,oBAAC,OAAO,OAAG,CACxB;QAClB,oBAAC,WAAW,OACP,UAAU,EACd,YAAY,EAAE,YAAY,EAC1B,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,kBAAkB,EAC5B,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,UAAU,IAAI,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACvD,GAAG,EAAE,QAAQ,EACb,OAAO,EAAE,WAAW,EACpB,IAAI,EAAC,MAAM,gBACA,cAAc,GACxB;QACF,oBAAC,eAAe,IACf,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,eAAe,gBAC1C,QAAQ,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,WAAW,EACvD,QAAQ,EAAE,CAAC,CAAC,EACZ,WAAW,EAAE,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,IAEtC,QAAQ,CAAC,CAAC,CAAC,oBAAC,UAAU,OAAG,CAAC,CAAC,CAAC,oBAAC,MAAM,OAAG,CACtB;QACjB,WAAW,IAAI,WAAW,CACL,CACvB,CAAC;AACH,CAAC,CAAC"}
|
|
@@ -4,6 +4,7 @@ import { FiX } from "react-icons/fi";
|
|
|
4
4
|
import Accordion from "../../Atoms/Accordion/Accordion";
|
|
5
5
|
import { Typography } from "../../Atoms/Typography/Typography";
|
|
6
6
|
import { ReportABugButton } from "../../Atoms/Buttons/ReportABugButton";
|
|
7
|
+
import { Button } from "../../Atoms/Buttons/Button";
|
|
7
8
|
const TutorialOverlay = styled.div `
|
|
8
9
|
background-color: ${({ colors }) => `${colors.background.secondary}90`};
|
|
9
10
|
position: absolute;
|
|
@@ -65,12 +66,12 @@ const ContactContainer = styled.div `
|
|
|
65
66
|
`;
|
|
66
67
|
export const Tutorial = (props) => {
|
|
67
68
|
const { colors, page, setOpen, getFeedbackFn, ...htmlProps } = props;
|
|
68
|
-
return (React.createElement(TutorialOverlay, { colors: colors, onClick: () => setOpen(""), "
|
|
69
|
-
React.createElement(TutorialWrapper, { colors: colors, onClick: (e) => e.stopPropagation(), ...htmlProps, "
|
|
69
|
+
return (React.createElement(TutorialOverlay, { colors: colors, onClick: () => setOpen(""), "aria-label": "Tutorial overlay background", role: "presentation" },
|
|
70
|
+
React.createElement(TutorialWrapper, { colors: colors, onClick: (e) => e.stopPropagation(), ...htmlProps, "aria-label": "Tutorial content", role: "dialog" },
|
|
70
71
|
React.createElement(HelpHeader, { colors: colors },
|
|
71
72
|
React.createElement(TitleAndExit, { colors: colors },
|
|
72
73
|
React.createElement(Typography, { textColor: colors.text.primary, content: page.title, variant: "Heading 3" }),
|
|
73
|
-
React.createElement(
|
|
74
|
+
React.createElement(Button, { colorPalette: colors, onClick: () => setOpen(""), icon: React.createElement(FiX, { size: 24 }), variant: "destructive", "aria-label": "Close tutorial" })),
|
|
74
75
|
React.createElement(Typography, { textColor: colors.text.primary, content: page["page-summary"], variant: "Paragraphy Body" })),
|
|
75
76
|
React.createElement(ScrollableArea, { colors: colors },
|
|
76
77
|
React.createElement(ContentContainer, { colors: colors },
|
|
@@ -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-console-cleanup.
|
|
3
|
+
"version": "5.8.3-console-cleanup.2",
|
|
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": "385296ceab3f5caa0dac276418b89751cc3a4f30",
|
|
50
50
|
"dependencies": {
|
|
51
51
|
"@emotion/react": "^11.13.0",
|
|
52
52
|
"@emotion/styled": "^11.13.0",
|