@symply.io/basic-components 1.2.5 → 1.2.6
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/BreadCrumbs/index.js
CHANGED
|
@@ -25,12 +25,14 @@ function Crumbs(props) {
|
|
|
25
25
|
}, []);
|
|
26
26
|
return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsxs(Breadcrumbs, __assign({ "aria-label": "breadcrumb", separator: _jsx(NavigateNextIcon, { fontSize: "small" }) }, { children: [_jsx(Typography, {}), routes.map(function (route) {
|
|
27
27
|
var href = route.href, label = route.label;
|
|
28
|
-
return href ? (_jsx(Typography, __assign({
|
|
28
|
+
return href ? (_jsx(Typography, __assign({ color: "inherit", sx: {
|
|
29
|
+
fontSize: 16,
|
|
30
|
+
fontWeight: 500,
|
|
29
31
|
"&:hover": {
|
|
30
32
|
cursor: "pointer",
|
|
31
|
-
color: theme.palette.primary.light
|
|
32
|
-
}
|
|
33
|
-
}, onClick: function () { return onNavigateTo(href); } }, { children: label }), label)) : (_jsx(Typography, __assign({
|
|
33
|
+
color: theme.palette.primary.light
|
|
34
|
+
}
|
|
35
|
+
}, onClick: function () { return onNavigateTo(href); } }, { children: label }), label)) : (_jsx(Typography, __assign({ sx: { fontSize: 16, fontWeight: 500 }, color: "primary" }, { children: label }), label));
|
|
34
36
|
})] })) })));
|
|
35
37
|
}
|
|
36
38
|
export default Crumbs;
|
package/Copyright/index.js
CHANGED
|
@@ -17,7 +17,7 @@ import useCustomTheme from "../useCustomTheme";
|
|
|
17
17
|
function Copyright(props) {
|
|
18
18
|
var primaryColor = props.primaryColor, secondaryColor = props.secondaryColor;
|
|
19
19
|
var theme = useCustomTheme({ primaryColor: primaryColor, secondaryColor: secondaryColor });
|
|
20
|
-
return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsxs(Typography, __assign({
|
|
20
|
+
return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsxs(Typography, __assign({ sx: { fontSize: 16, fontWeight: 400 }, color: "textSecondary", align: "center" }, { children: ["Copyright © ", _jsx(Link, __assign({ color: "inherit", href: "https://symply.io/" }, { children: "Symply Software Inc" })), "\u00A0", new Date().getFullYear() > 2020
|
|
21
21
|
? "2020-".concat(new Date().getFullYear())
|
|
22
22
|
: new Date().getFullYear(), "."] })) })));
|
|
23
23
|
}
|
|
@@ -27,6 +27,6 @@ function HeaderBar(props) {
|
|
|
27
27
|
var hasButtons = useMemo(function () { return buttons.length > 0; }, [buttons.length]);
|
|
28
28
|
return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsxs(Grid, __assign({ sx: { mb: 1 } }, { children: [_jsxs(Grid, __assign({ container: true, direction: "row", justifyContent: "flex-start", alignItems: "center" }, { children: [_jsx(Grid, __assign({ item: true, xs: 12, sm: hasButtons ? 6 : 12, md: hasButtons ? 5 : 12, lg: hasButtons ? 4 : 12, xl: hasButtons ? 3 : 12 }, { children: _jsxs(Grid, __assign({ container: true, direction: "row", justifyContent: "flex-start", alignItems: "center" }, { children: [showBackButton && (_jsx(IconButton, __assign({ onClick: function () {
|
|
29
29
|
onBack ? onBack() : window.history.back();
|
|
30
|
-
} }, { children: _jsx(ArrowBackIcon, { fontSize: "small" }) }))), _jsx(Typography, __assign({ align: "left",
|
|
30
|
+
} }, { children: _jsx(ArrowBackIcon, { fontSize: "small" }) }))), _jsx(Typography, __assign({ align: "left", sx: { fontWeight: 600, fontSize: isLessThanSm ? 21 : 24 } }, { children: title }))] })) })), hasButtons ? (_jsx(Grid, __assign({ item: true, xs: 12, sm: 6, md: 7, lg: 8, xl: 9 }, { children: _jsx(HeaderButtons, { buttons: buttons }) }))) : (_jsx(_Fragment, {}))] })), _jsx(Grid, __assign({ container: true, direction: "row" }, { children: _jsx(Grid, __assign({ item: true, xs: 12, sx: { mt: 1 } }, { children: _jsx(HeaderLine, { color: color }) })) })), subtitle && (_jsx(Grid, __assign({ container: true, direction: "row" }, { children: _jsx(Grid, __assign({ item: true, xs: 12, sx: { mt: 1 } }, { children: typeof subtitle === "string" ? (_jsx(Typography, { children: subtitle })) : (cloneElement(subtitle)) })) }))), bottomEl && (_jsx(Grid, __assign({ container: true, direction: "row" }, { children: _jsx(Grid, __assign({ item: true, xs: 12, sx: { mt: 1 } }, { children: cloneElement(bottomEl) })) })))] })) })));
|
|
31
31
|
}
|
|
32
32
|
export default HeaderBar;
|
package/LoadingModal/Modal.js
CHANGED
|
@@ -24,6 +24,6 @@ function LoadingModal(props) {
|
|
|
24
24
|
return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(Dialog, __assign({ maxWidth: "xs", open: open, sx: { backgroundColor: "#7A7A7A97" }, PaperProps: { sx: { backgroundColor: "#F2F2F2CF" } }, onClose: function (_, reason) {
|
|
25
25
|
if (reason === "backdropClick")
|
|
26
26
|
return;
|
|
27
|
-
}, disableScrollLock: true, disableAutoFocus: true, disableEnforceFocus: true, disableEscapeKeyDown: true }, { children: _jsx(DialogContent, { children: _jsxs(Grid, __assign({ container: true, direction: direction, justifyContent: "space-between", alignItems: "center", "data-testid": "loading-grid" }, { children: [_jsxs(Box, __assign({ position: "relative", display: "inline-flex", sx: { mt: 1.25 } }, { children: [_jsx(CircularProgress, { size: showProgess ? 56 : 40, value: percent, variant: showProgess ? "determinate" : "indeterminate" }), showProgess && percent >= 0 && (_jsx(Box, __assign({ top: 0, left: 0, bottom: 0, right: 0, position: "absolute", display: "flex", alignItems: "center", justifyContent: "center" }, { children: _jsxs(Typography, __assign({ variant: "caption" }, { children: [Math.round(percent), "%"] })) })))] })), _jsx(Typography, __assign({
|
|
27
|
+
}, disableScrollLock: true, disableAutoFocus: true, disableEnforceFocus: true, disableEscapeKeyDown: true }, { children: _jsx(DialogContent, { children: _jsxs(Grid, __assign({ container: true, direction: direction, justifyContent: "space-between", alignItems: "center", "data-testid": "loading-grid" }, { children: [_jsxs(Box, __assign({ position: "relative", display: "inline-flex", sx: { mt: 1.25 } }, { children: [_jsx(CircularProgress, { size: showProgess ? 56 : 40, value: percent, variant: showProgess ? "determinate" : "indeterminate" }), showProgess && percent >= 0 && (_jsx(Box, __assign({ top: 0, left: 0, bottom: 0, right: 0, position: "absolute", display: "flex", alignItems: "center", justifyContent: "center" }, { children: _jsxs(Typography, __assign({ variant: "caption" }, { children: [Math.round(percent), "%"] })) })))] })), _jsx(Typography, __assign({ component: "span", sx: { mt: 1, fontSize: 16, fontWeight: 400 } }, { children: text }))] })) }) })) })));
|
|
28
28
|
}
|
|
29
29
|
export default LoadingModal;
|
|
@@ -59,7 +59,7 @@ function PhoneInput(props) {
|
|
|
59
59
|
format: phoneFormat
|
|
60
60
|
});
|
|
61
61
|
return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(TextField, __assign({ value: rifm.value, InputProps: {
|
|
62
|
-
startAdornment: (_jsx(InputAdornment, __assign({ position: "start" }, { children: _jsx(Typography, __assign({
|
|
62
|
+
startAdornment: (_jsx(InputAdornment, __assign({ position: "start" }, { children: _jsx(Typography, __assign({ sx: { fontSize: 16, fontWeight: 500 } }, { children: "+1" })) }))),
|
|
63
63
|
endAdornment: endAdornment
|
|
64
64
|
}, onChange: rifm.onChange, helperText: valLength > 0 &&
|
|
65
65
|
(onValidate ? !onValidate(rifm.value) : !onValidatePhone(rifm.value))
|
package/TabGroup/index.js
CHANGED
|
@@ -39,7 +39,7 @@ var TabGroup = forwardRef(function (props, ref) {
|
|
|
39
39
|
} }, { children: tabs.map(function (tab, index) {
|
|
40
40
|
var text = tab.text, _a = tab.disabled, disabled = _a === void 0 ? false : _a;
|
|
41
41
|
var active = currentTabIndex === index;
|
|
42
|
-
return (_jsx(Tab, { disableFocusRipple: true, disableRipple: true, label: _jsx(Typography, __assign({
|
|
42
|
+
return (_jsx(Tab, { disableFocusRipple: true, disableRipple: true, label: _jsx(Typography, __assign({ sx: { fontSize: 16, fontWeight: 500 } }, { children: text })), disabled: disabled, sx: {
|
|
43
43
|
cursor: disabled ? "not-allowed" : "pointer",
|
|
44
44
|
margin: theme.spacing(0.75, 0.25),
|
|
45
45
|
background: active ? "#fff" : undefined,
|