norma-library 0.4.6 → 0.4.8
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/esm/components/Avatar.d.ts +3 -0
- package/dist/esm/components/Avatar.js +17 -0
- package/dist/esm/components/Avatar.js.map +1 -0
- package/dist/esm/components/Badge.d.ts +3 -0
- package/dist/esm/components/Badge.js +14 -0
- package/dist/esm/components/Badge.js.map +1 -0
- package/dist/esm/components/ChatMessage.d.ts +3 -0
- package/dist/esm/components/ChatMessage.js +63 -0
- package/dist/esm/components/ChatMessage.js.map +1 -0
- package/dist/esm/components/DatePicker.d.ts +6 -0
- package/dist/esm/components/DatePicker.js +58 -0
- package/dist/esm/components/DatePicker.js.map +1 -0
- package/dist/esm/components/Icons.js +1 -1
- package/dist/esm/components/ProgressBar.d.ts +0 -3
- package/dist/esm/components/ProgressBar.js +1 -1
- package/dist/esm/components/ProgressBar.js.map +1 -1
- package/dist/esm/components/TimeLine.d.ts +3 -0
- package/dist/esm/components/TimeLine.js +59 -0
- package/dist/esm/components/TimeLine.js.map +1 -0
- package/dist/esm/components/TimePicker.d.ts +9 -0
- package/dist/esm/components/TimePicker.js +66 -0
- package/dist/esm/components/TimePicker.js.map +1 -0
- package/dist/esm/components/index.d.ts +6 -0
- package/dist/esm/components/index.js +6 -0
- package/dist/esm/components/index.js.map +1 -1
- package/dist/esm/helpers/colors.d.ts +3 -1
- package/dist/esm/helpers/colors.js +39 -10
- package/dist/esm/helpers/colors.js.map +1 -1
- package/dist/esm/index.d.ts +2 -1
- package/dist/esm/index.js +2 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/interfaces/Avatar.d.ts +12 -0
- package/dist/esm/interfaces/Avatar.js +2 -0
- package/dist/esm/interfaces/Avatar.js.map +1 -0
- package/dist/esm/interfaces/Badge.d.ts +14 -0
- package/dist/esm/interfaces/Badge.js +2 -0
- package/dist/esm/interfaces/Badge.js.map +1 -0
- package/dist/esm/interfaces/ChatMessage.d.ts +12 -0
- package/dist/esm/interfaces/ChatMessage.js +2 -0
- package/dist/esm/interfaces/ChatMessage.js.map +1 -0
- package/dist/esm/interfaces/DatePicker.d.ts +12 -0
- package/dist/esm/interfaces/DatePicker.js +2 -0
- package/dist/esm/interfaces/DatePicker.js.map +1 -0
- package/dist/esm/interfaces/TimeLine.d.ts +11 -0
- package/dist/esm/interfaces/TimeLine.js +2 -0
- package/dist/esm/interfaces/TimeLine.js.map +1 -0
- package/dist/esm/interfaces/TimePicker.d.ts +12 -0
- package/dist/esm/interfaces/TimePicker.js +2 -0
- package/dist/esm/interfaces/TimePicker.js.map +1 -0
- package/dist/esm/interfaces/index.d.ts +6 -1
- package/dist/esm/interfaces/index.js +6 -1
- package/dist/esm/interfaces/index.js.map +1 -1
- package/dist/esm/types/index.d.ts +15 -2
- package/dist/esm/types/index.js.map +1 -1
- package/norma-library.tar +0 -0
- package/package.json +4 -1
- package/src/components/Avatar.tsx +29 -0
- package/src/components/Badge.tsx +22 -0
- package/src/components/ChatMessage.tsx +89 -0
- package/src/components/DatePicker.tsx +84 -0
- package/src/components/Icons.tsx +1 -1
- package/src/components/ProgressBar.tsx +2 -1
- package/src/components/TimeLine.tsx +103 -0
- package/src/components/TimePicker.tsx +95 -0
- package/src/components/index.ts +6 -0
- package/src/helpers/colors.ts +44 -10
- package/src/index.ts +2 -0
- package/src/interfaces/Avatar.tsx +18 -0
- package/src/interfaces/Badge.ts +32 -0
- package/src/interfaces/ChatMessage.ts +12 -0
- package/src/interfaces/DatePicker.ts +13 -0
- package/src/interfaces/TimeLine.ts +16 -0
- package/src/interfaces/TimePicker.ts +13 -0
- package/src/interfaces/index.ts +6 -1
- package/src/stories/Avatar.stories.tsx +139 -0
- package/src/stories/Badge.stories.tsx +47 -0
- package/src/stories/ChatMessage.stories.tsx +85 -0
- package/src/stories/DatePicker.stories.tsx +77 -0
- package/src/stories/Tag.stories.tsx +2 -4
- package/src/stories/TimeLine.stories.tsx +43 -0
- package/src/stories/TimePicker.stories.tsx +113 -0
- package/src/types/index.ts +44 -1
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { __assign, __rest } from "tslib";
|
|
2
|
+
import React, { useMemo } from "react";
|
|
3
|
+
import { ThemeProvider, useMediaQuery, Avatar as MuiVatar, } from "@mui/material";
|
|
4
|
+
import { styled } from "@mui/material/styles";
|
|
5
|
+
import { themes } from "../helpers";
|
|
6
|
+
var AvatarStyled = styled(MuiVatar)({
|
|
7
|
+
textTransform: "none",
|
|
8
|
+
color: "currentcolor",
|
|
9
|
+
});
|
|
10
|
+
export var Avatar = function (_a) {
|
|
11
|
+
var src = _a.src, props = __rest(_a, ["src"]);
|
|
12
|
+
var prefersDarkMode = useMediaQuery("(prefers-color-scheme: dark)");
|
|
13
|
+
var theme = useMemo(function () { return (prefersDarkMode ? themes.light : themes.dark); }, [prefersDarkMode]);
|
|
14
|
+
return (React.createElement(ThemeProvider, { theme: theme },
|
|
15
|
+
React.createElement(AvatarStyled, __assign({ src: src }, props))));
|
|
16
|
+
};
|
|
17
|
+
//# sourceMappingURL=Avatar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../src/components/Avatar.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EACL,aAAa,EACb,aAAa,EACb,MAAM,IAAI,QAAQ,GACnB,MAAM,eAAe,CAAC;AAGvB,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AAEpC,IAAM,YAAY,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;IACpC,aAAa,EAAE,MAAM;IACrB,KAAK,EAAE,cAAc;CACtB,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,MAAM,GAA8B,UAAC,EAAiB;IAAf,IAAA,GAAG,SAAA,EAAK,KAAK,cAAf,OAAiB,CAAF;IAC/D,IAAM,eAAe,GAAG,aAAa,CAAC,8BAA8B,CAAC,CAAC;IACtE,IAAM,KAAK,GAAG,OAAO,CACnB,cAAM,OAAA,CAAC,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,EAA9C,CAA8C,EACpD,CAAC,eAAe,CAAC,CAClB,CAAC;IACF,OAAO,CACL,oBAAC,aAAa,IAAC,KAAK,EAAE,KAAK;QACzB,oBAAC,YAAY,aAAC,GAAG,EAAE,GAAG,IAAM,KAAK,EAAI,CACvB,CACjB,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { __assign, __rest } from "tslib";
|
|
2
|
+
import React, { useMemo } from "react";
|
|
3
|
+
import { ThemeProvider, useMediaQuery, Badge as MuiBadge } from "@mui/material";
|
|
4
|
+
import { styled } from "@mui/material/styles";
|
|
5
|
+
import { themes } from "../helpers";
|
|
6
|
+
var BadgeStyled = styled(MuiBadge)({});
|
|
7
|
+
export var Badge = function (_a) {
|
|
8
|
+
var props = __rest(_a, []);
|
|
9
|
+
var prefersDarkMode = useMediaQuery("(prefers-color-scheme: dark)");
|
|
10
|
+
var theme = useMemo(function () { return (prefersDarkMode ? themes.dark : themes.light); }, [prefersDarkMode]);
|
|
11
|
+
return (React.createElement(ThemeProvider, { theme: theme },
|
|
12
|
+
React.createElement(BadgeStyled, __assign({}, props))));
|
|
13
|
+
};
|
|
14
|
+
//# sourceMappingURL=Badge.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../../src/components/Badge.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,KAAK,IAAI,QAAQ,EAAE,MAAM,eAAe,CAAC;AAGhF,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AAEpC,IAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC;AAEzC,MAAM,CAAC,IAAM,KAAK,GAA6B,UAAC,EAAY;QAAP,KAAK,cAAV,EAAY,CAAF;IACxD,IAAM,eAAe,GAAG,aAAa,CAAC,8BAA8B,CAAC,CAAC;IACtE,IAAM,KAAK,GAAG,OAAO,CACnB,cAAM,OAAA,CAAC,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAA9C,CAA8C,EACpD,CAAC,eAAe,CAAC,CAClB,CAAC;IACF,OAAO,CACL,oBAAC,aAAa,IAAC,KAAK,EAAE,KAAK;QACzB,oBAAC,WAAW,eAAK,KAAK,EAAI,CACZ,CACjB,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { Box, Typography } from "@mui/material";
|
|
3
|
+
import { styled } from "@mui/material/styles";
|
|
4
|
+
var Item = styled(Box)(function (_a) {
|
|
5
|
+
var orient = _a.orient;
|
|
6
|
+
return ({
|
|
7
|
+
borderColor: "#ccc",
|
|
8
|
+
display: "flex",
|
|
9
|
+
position: "relative",
|
|
10
|
+
width: "100%",
|
|
11
|
+
justifyContent: orient === "replay" ? "flex-end" : "flex-start",
|
|
12
|
+
marginBottom: "10px",
|
|
13
|
+
alignItems: "center",
|
|
14
|
+
});
|
|
15
|
+
});
|
|
16
|
+
var ContainerStyled = styled(Box)({
|
|
17
|
+
display: "flex",
|
|
18
|
+
flexDirection: "column",
|
|
19
|
+
alignItems: "center",
|
|
20
|
+
minWidth: "640px",
|
|
21
|
+
backgroundColor: "#F0F0F0",
|
|
22
|
+
padding: "10px",
|
|
23
|
+
});
|
|
24
|
+
var BoxStyled = styled(Box)(function (_a) {
|
|
25
|
+
var orient = _a.orient;
|
|
26
|
+
return ({
|
|
27
|
+
width: "70%",
|
|
28
|
+
backgroundColor: orient === "replay" ? "#E18B50" : "#FFF",
|
|
29
|
+
color: orient === "replay" ? "#FFF" : "#4D4F5C",
|
|
30
|
+
borderTopLeftRadius: 30,
|
|
31
|
+
borderTopRightRadius: 30,
|
|
32
|
+
borderBottomLeftRadius: orient === "me" ? 2 : 30,
|
|
33
|
+
borderBottomRightRadius: orient === "me" ? 30 : 2,
|
|
34
|
+
marginLeft: orient === "replay" ? "10px" : 0,
|
|
35
|
+
marginRight: orient === "me" ? "10px" : 0,
|
|
36
|
+
padding: 20,
|
|
37
|
+
});
|
|
38
|
+
});
|
|
39
|
+
export var ChatMessage = function (_a) {
|
|
40
|
+
var data = _a.data;
|
|
41
|
+
return (React.createElement(ContainerStyled, null, data.map(function (item, key) { return (React.createElement(Item, { key: key, orient: item.send },
|
|
42
|
+
item.emotion && item.send === "replay" && React.createElement(React.Fragment, null, item.emotion),
|
|
43
|
+
React.createElement(BoxStyled, { orient: item.send },
|
|
44
|
+
React.createElement(Typography, { variant: "subtitle2", style: {
|
|
45
|
+
marginBottom: "5px",
|
|
46
|
+
font: "normal normal 600 16px/20px Source Sans Pro",
|
|
47
|
+
} }, item.name),
|
|
48
|
+
React.createElement(Typography, { variant: "body1", style: {
|
|
49
|
+
font: "normal normal normal 16px/20px Source Sans Pro",
|
|
50
|
+
} }, item.message),
|
|
51
|
+
React.createElement(Typography, { variant: "caption", style: {
|
|
52
|
+
position: "absolute",
|
|
53
|
+
bottom: "-18px",
|
|
54
|
+
left: item.send === "me" ? 0 : "auto",
|
|
55
|
+
right: item.send === "me" ? "auto" : 0,
|
|
56
|
+
font: "normal normal normal 11px/13px Source Sans Pro",
|
|
57
|
+
opacity: 0.5,
|
|
58
|
+
color: "#4D4F5C",
|
|
59
|
+
} }, item.time)),
|
|
60
|
+
item.emotion && item.send === "me" && React.createElement(React.Fragment, null, item.emotion),
|
|
61
|
+
item.emotionReplay && item.send === "me" && (React.createElement(React.Fragment, null, item.emotionReplay)))); })));
|
|
62
|
+
};
|
|
63
|
+
//# sourceMappingURL=ChatMessage.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ChatMessage.js","sourceRoot":"","sources":["../../../src/components/ChatMessage.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { DatePickerBaseProps } from "../interfaces";
|
|
3
|
+
import "dayjs/locale/pt-br";
|
|
4
|
+
import "dayjs/locale/en";
|
|
5
|
+
import "dayjs/locale/es";
|
|
6
|
+
export declare const DatePicker: ({ label, format, language, variant, }: DatePickerBaseProps) => React.JSX.Element;
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import React, { useMemo } from "react";
|
|
2
|
+
import { ThemeProvider, useMediaQuery } from "@mui/material";
|
|
3
|
+
import { DemoContainer } from "@mui/x-date-pickers/internals/demo";
|
|
4
|
+
import { AdapterDayjs } from "@mui/x-date-pickers/AdapterDayjs";
|
|
5
|
+
import { LocalizationProvider } from "@mui/x-date-pickers/LocalizationProvider";
|
|
6
|
+
import { DatePicker as MuiDatePicker } from "@mui/x-date-pickers/DatePicker";
|
|
7
|
+
import { MobileDatePicker as MuiMobileDatePicker } from "@mui/x-date-pickers/MobileDatePicker";
|
|
8
|
+
import { DesktopDatePicker as MuiDesktopDatePicker } from "@mui/x-date-pickers/DesktopDatePicker";
|
|
9
|
+
import { themes } from "../helpers";
|
|
10
|
+
import { styled } from "@mui/material/styles";
|
|
11
|
+
import "dayjs/locale/pt-br";
|
|
12
|
+
import "dayjs/locale/en";
|
|
13
|
+
import "dayjs/locale/es";
|
|
14
|
+
var MuiDatePickerStyled = styled(MuiDatePicker)({
|
|
15
|
+
"& .MuiOutlinedInput-notchedOutline": {
|
|
16
|
+
border: "none",
|
|
17
|
+
borderRadius: 0,
|
|
18
|
+
borderBottom: "1px solid #666666",
|
|
19
|
+
},
|
|
20
|
+
"& .MuiFormLabel-root": {
|
|
21
|
+
backgroundColor: "#fff",
|
|
22
|
+
padding: "0 5px",
|
|
23
|
+
},
|
|
24
|
+
});
|
|
25
|
+
var MuiMobileDatePickerStyled = styled(MuiMobileDatePicker)({
|
|
26
|
+
"& .MuiOutlinedInput-notchedOutline": {
|
|
27
|
+
border: "none",
|
|
28
|
+
borderRadius: 0,
|
|
29
|
+
borderBottom: "1px solid #666666",
|
|
30
|
+
},
|
|
31
|
+
"& .MuiFormLabel-root": {
|
|
32
|
+
backgroundColor: "#fff",
|
|
33
|
+
padding: "0 5px",
|
|
34
|
+
},
|
|
35
|
+
});
|
|
36
|
+
var MuiDesktopDatePickerStyled = styled(MuiDesktopDatePicker)({
|
|
37
|
+
"& .MuiOutlinedInput-notchedOutline": {
|
|
38
|
+
border: "none",
|
|
39
|
+
borderRadius: 0,
|
|
40
|
+
borderBottom: "1px solid #666666",
|
|
41
|
+
},
|
|
42
|
+
"& .MuiFormLabel-root": {
|
|
43
|
+
backgroundColor: "#fff",
|
|
44
|
+
padding: "0 5px",
|
|
45
|
+
},
|
|
46
|
+
});
|
|
47
|
+
export var DatePicker = function (_a) {
|
|
48
|
+
var label = _a.label, _b = _a.format, format = _b === void 0 ? "DD/MM/YYYY" : _b, _c = _a.language, language = _c === void 0 ? "pt-br" : _c, _d = _a.variant, variant = _d === void 0 ? "desktop" : _d;
|
|
49
|
+
var prefersDarkMode = useMediaQuery("(prefers-color-scheme: dark)");
|
|
50
|
+
var theme = useMemo(function () { return (prefersDarkMode ? themes.light : themes.dark); }, [prefersDarkMode]);
|
|
51
|
+
return (React.createElement(ThemeProvider, { theme: theme },
|
|
52
|
+
React.createElement(LocalizationProvider, { dateAdapter: AdapterDayjs, adapterLocale: language },
|
|
53
|
+
React.createElement(DemoContainer, { components: ["TimePicker", "MobileTimePicker", "DesktopTimePicker"] },
|
|
54
|
+
variant === "responsive" && (React.createElement(MuiDatePickerStyled, { label: label, format: format })),
|
|
55
|
+
variant === "mobile" && (React.createElement(MuiMobileDatePickerStyled, { label: label, format: format })),
|
|
56
|
+
variant === "desktop" && (React.createElement(MuiDesktopDatePickerStyled, { label: label, format: format }))))));
|
|
57
|
+
};
|
|
58
|
+
//# sourceMappingURL=DatePicker.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../src/components/DatePicker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -43,7 +43,7 @@ export var Icons = function (_a) {
|
|
|
43
43
|
var fill = colors[color];
|
|
44
44
|
var stroke = colors[color];
|
|
45
45
|
var Svg = styled.svg(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: inline-block;\n shape-rendering: inherit;\n vertical-align: middle;\n fill: ", ";\n path {\n stroke: ", ";\n }\n circle {\n stroke: ", ";\n }\n rect {\n stroke: ", ";\n }\n "], ["\n display: inline-block;\n shape-rendering: inherit;\n vertical-align: middle;\n fill: ", ";\n path {\n stroke: ", ";\n }\n circle {\n stroke: ", ";\n }\n rect {\n stroke: ", ";\n }\n "])), fill, stroke, stroke, stroke);
|
|
46
|
-
return (React.createElement(Svg, __assign({ viewBox: "0 0
|
|
46
|
+
return (React.createElement(Svg, __assign({ viewBox: "0 0 56 56", width: "".concat(width, "px"), height: "".concat(height, "px") }, props), useSymbol ? (React.createElement("use", { xlinkHref: "#icon--".concat(icon), fill: fill, stroke: stroke })) : (React.cloneElement(iconsSVG[icon], { fill: fill, stroke: stroke }))));
|
|
47
47
|
};
|
|
48
48
|
var templateObject_1;
|
|
49
49
|
//# sourceMappingURL=Icons.js.map
|
|
@@ -1,6 +1,3 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { ProgressBarBaseProps } from "../interfaces";
|
|
3
|
-
export declare const ProgressBarLabelStyled: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
|
|
4
|
-
ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
|
|
5
|
-
}, "p" | "style" | "className" | "classes" | "children" | "sx" | "border" | "boxShadow" | "fontWeight" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "variant" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
6
3
|
export declare const ProgressBar: ({ value, label, variant, total, ...props }: ProgressBarBaseProps) => React.JSX.Element;
|
|
@@ -10,7 +10,7 @@ var ProgressBarStyled = styled(MuiProgressBar)({
|
|
|
10
10
|
position: "relative",
|
|
11
11
|
backgroundColor: "&.".concat(linearProgressClasses.determinate, " {\n background-color: #e0e0e0,\n }"),
|
|
12
12
|
});
|
|
13
|
-
|
|
13
|
+
var ProgressBarLabelStyled = styled(Typography)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 8px;\n position: relative;\n text-align: left;\n font: normal normal normal 16px/20px Source Sans Pro;\n"], ["\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 8px;\n position: relative;\n text-align: left;\n font: normal normal normal 16px/20px Source Sans Pro;\n"])));
|
|
14
14
|
export var ProgressBar = function (_a) {
|
|
15
15
|
var _b = _a.value, value = _b === void 0 ? 0 : _b, label = _a.label, _c = _a.variant, variant = _c === void 0 ? "determinate" : _c, total = _a.total, props = __rest(_a, ["value", "label", "variant", "total"]);
|
|
16
16
|
var prefersDarkMode = useMediaQuery("(prefers-color-scheme: dark)");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../../src/components/ProgressBar.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EACL,cAAc,IAAI,cAAc,EAChC,qBAAqB,EACrB,aAAa,EACb,aAAa,EACb,UAAU,GACX,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../../src/components/ProgressBar.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EACL,cAAc,IAAI,cAAc,EAChC,qBAAqB,EACrB,aAAa,EACb,aAAa,EACb,UAAU,GACX,MAAM,eAAe,CAAC;AAGvB,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,IAAM,iBAAiB,GAAG,MAAM,CAAC,cAAc,CAAC,CAAC;IAC/C,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,YAAY,EAAE,MAAM;IACpB,QAAQ,EAAE,UAAU;IACpB,eAAe,EAAE,YAAK,qBAAqB,CAAC,WAAW,4CAErD;CACH,CAAC,CAAC;AAEH,IAAM,sBAAsB,GAAG,MAAM,CAAC,UAAU,CAAC,gRAAA,6MAQhD,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,WAAW,GAAG,UAAC,EAML;IALrB,IAAA,aAAS,EAAT,KAAK,mBAAG,CAAC,KAAA,EACT,KAAK,WAAA,EACL,eAAuB,EAAvB,OAAO,mBAAG,aAAa,KAAA,EACvB,KAAK,WAAA,EACF,KAAK,cALkB,sCAM3B,CADS;IAER,IAAM,eAAe,GAAG,aAAa,CAAC,8BAA8B,CAAC,CAAC;IACtE,IAAM,UAAU,GAAG,KAAK,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,KAAK,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IAC9D,IAAM,KAAK,GAAG,OAAO,CACnB,cAAM,OAAA,CAAC,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,EAA9C,CAA8C,EACpD,CAAC,eAAe,CAAC,CAClB,CAAC;IAEF,OAAO,CACL,oBAAC,aAAa,IAAC,KAAK,EAAE,KAAK;QACzB,6BAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE;YAC9B,KAAK,IAAI,CACR,oBAAC,sBAAsB;gBACpB,KAAK;gBACN,8BAAM,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE;oBACtB,KAAK;;oBAAI,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC;yBAC1B,CACgB,CAC1B;YACD,oBAAC,iBAAiB,aAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,IAAM,KAAK,EAAI,CAC5D,CACQ,CACjB,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
var _a;
|
|
2
|
+
import { __assign, __rest } from "tslib";
|
|
3
|
+
import React, { useMemo } from "react";
|
|
4
|
+
import { ThemeProvider, useMediaQuery, Typography } from "@mui/material";
|
|
5
|
+
import { Timeline as MuiTimeLine, TimelineItem, timelineItemClasses, TimelineSeparator, TimelineConnector, TimelineContent, TimelineDot, } from "@mui/lab";
|
|
6
|
+
import { styled } from "@mui/material/styles";
|
|
7
|
+
import { palette, lightenRGB, themes } from "../helpers";
|
|
8
|
+
var colorMap = {
|
|
9
|
+
inherit: palette.inherit,
|
|
10
|
+
primary: palette.primary,
|
|
11
|
+
secondary: palette.secondary,
|
|
12
|
+
error: palette.error,
|
|
13
|
+
warning: palette.warning,
|
|
14
|
+
info: palette.info,
|
|
15
|
+
success: palette.success,
|
|
16
|
+
};
|
|
17
|
+
var sampleData = [
|
|
18
|
+
{
|
|
19
|
+
title: "imported register",
|
|
20
|
+
data: "01/04/2023 at 07h00",
|
|
21
|
+
by: "By IEM",
|
|
22
|
+
},
|
|
23
|
+
{
|
|
24
|
+
title: "80% score applied on register",
|
|
25
|
+
data: "01/04/2023 at 07h05",
|
|
26
|
+
by: "By IEM",
|
|
27
|
+
},
|
|
28
|
+
{
|
|
29
|
+
title: "Registers transfered to campaign ID 10",
|
|
30
|
+
data: "",
|
|
31
|
+
by: "",
|
|
32
|
+
},
|
|
33
|
+
];
|
|
34
|
+
var TimeLineStyled = styled(MuiTimeLine)((_a = {},
|
|
35
|
+
_a["& .".concat(timelineItemClasses.root, ":before")] = {
|
|
36
|
+
flex: 0,
|
|
37
|
+
padding: 0,
|
|
38
|
+
},
|
|
39
|
+
_a));
|
|
40
|
+
export var TimeLine = function (_a) {
|
|
41
|
+
var _b = _a.data, data = _b === void 0 ? sampleData : _b, _c = _a.color, color = _c === void 0 ? "primary" : _c, _d = _a.position, position = _d === void 0 ? "left" : _d, props = __rest(_a, ["data", "color", "position"]);
|
|
42
|
+
var prefersDarkMode = useMediaQuery("(prefers-color-scheme: dark)");
|
|
43
|
+
var theme = useMemo(function () { return (prefersDarkMode ? themes.light : themes.light); }, [prefersDarkMode]);
|
|
44
|
+
var renderList = data.map(function (item, key) { return (React.createElement(TimelineItem, { key: key },
|
|
45
|
+
React.createElement(TimelineSeparator, null,
|
|
46
|
+
React.createElement(TimelineDot, { sx: {
|
|
47
|
+
bgcolor: colorMap[color],
|
|
48
|
+
p: "6px",
|
|
49
|
+
border: "4px solid ".concat(lightenRGB(colorMap[color], 50)),
|
|
50
|
+
} }),
|
|
51
|
+
key !== data.length - 1 && (React.createElement(TimelineConnector, { sx: { bgcolor: colorMap[color], pt: "55px", pl: "3px" } }))),
|
|
52
|
+
React.createElement(TimelineContent, null,
|
|
53
|
+
item.title,
|
|
54
|
+
React.createElement(Typography, { sx: { m: "auto 0" }, variant: "body2", color: "text.secondary" }, item.data),
|
|
55
|
+
React.createElement(Typography, { sx: { m: "auto 0", color: colorMap[color] }, variant: "body2" }, item.by)))); });
|
|
56
|
+
return (React.createElement(ThemeProvider, { theme: theme },
|
|
57
|
+
React.createElement(TimeLineStyled, __assign({}, props), renderList)));
|
|
58
|
+
};
|
|
59
|
+
//# sourceMappingURL=TimeLine.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TimeLine.js","sourceRoot":"","sources":["../../../src/components/TimeLine.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import "dayjs/locale/pt-br";
|
|
3
|
+
import "dayjs/locale/en";
|
|
4
|
+
import "dayjs/locale/es";
|
|
5
|
+
import "dayjs/locale/pt-br";
|
|
6
|
+
import "dayjs/locale/en";
|
|
7
|
+
import "dayjs/locale/es";
|
|
8
|
+
import { TimePickerBaseProps } from "@/interfaces/TimePicker";
|
|
9
|
+
export declare const TimePicker: ({ label, timezone, language, variant, }: TimePickerBaseProps) => React.JSX.Element;
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
import React, { useMemo } from "react";
|
|
2
|
+
import { ThemeProvider, useMediaQuery } from "@mui/material";
|
|
3
|
+
import { DemoContainer } from "@mui/x-date-pickers/internals/demo";
|
|
4
|
+
import { AdapterDayjs } from "@mui/x-date-pickers/AdapterDayjs";
|
|
5
|
+
import { LocalizationProvider } from "@mui/x-date-pickers/LocalizationProvider";
|
|
6
|
+
import { TimePicker as MuiTimePicker } from "@mui/x-date-pickers/TimePicker";
|
|
7
|
+
import { MobileTimePicker as MuiMobileTimePicker } from "@mui/x-date-pickers/MobileTimePicker";
|
|
8
|
+
import { DesktopTimePicker as MuiDesktopTimePicker } from "@mui/x-date-pickers/DesktopTimePicker";
|
|
9
|
+
import { themes } from "../helpers";
|
|
10
|
+
import { styled } from "@mui/material/styles";
|
|
11
|
+
import "dayjs/locale/pt-br";
|
|
12
|
+
import "dayjs/locale/en";
|
|
13
|
+
import "dayjs/locale/es";
|
|
14
|
+
import dayjs from "dayjs";
|
|
15
|
+
import utc from "dayjs/plugin/utc";
|
|
16
|
+
import timezone from "dayjs/plugin/timezone";
|
|
17
|
+
import "dayjs/locale/pt-br";
|
|
18
|
+
import "dayjs/locale/en";
|
|
19
|
+
import "dayjs/locale/es";
|
|
20
|
+
dayjs.extend(utc);
|
|
21
|
+
dayjs.extend(timezone);
|
|
22
|
+
var MuiTimePickerStyled = styled(MuiTimePicker)({
|
|
23
|
+
"& .MuiOutlinedInput-notchedOutline": {
|
|
24
|
+
border: "none",
|
|
25
|
+
borderRadius: 0,
|
|
26
|
+
borderBottom: "1px solid #666666",
|
|
27
|
+
},
|
|
28
|
+
"& .MuiFormLabel-root": {
|
|
29
|
+
backgroundColor: "#fff",
|
|
30
|
+
padding: "0 5px",
|
|
31
|
+
},
|
|
32
|
+
});
|
|
33
|
+
var MuiMobileTimePickerStyled = styled(MuiMobileTimePicker)({
|
|
34
|
+
"& .MuiOutlinedInput-notchedOutline": {
|
|
35
|
+
border: "none",
|
|
36
|
+
borderRadius: 0,
|
|
37
|
+
borderBottom: "1px solid #666666",
|
|
38
|
+
},
|
|
39
|
+
"& .MuiFormLabel-root": {
|
|
40
|
+
backgroundColor: "#fff",
|
|
41
|
+
padding: "0 5px",
|
|
42
|
+
},
|
|
43
|
+
});
|
|
44
|
+
var MuiDesktopTimePickerStyled = styled(MuiDesktopTimePicker)({
|
|
45
|
+
"& .MuiOutlinedInput-notchedOutline": {
|
|
46
|
+
border: "none",
|
|
47
|
+
borderRadius: 0,
|
|
48
|
+
borderBottom: "1px solid #666666",
|
|
49
|
+
},
|
|
50
|
+
"& .MuiFormLabel-root": {
|
|
51
|
+
backgroundColor: "#fff",
|
|
52
|
+
padding: "0 5px",
|
|
53
|
+
},
|
|
54
|
+
});
|
|
55
|
+
export var TimePicker = function (_a) {
|
|
56
|
+
var label = _a.label, _b = _a.timezone, timezone = _b === void 0 ? "America/Sao_Paulo" : _b, _c = _a.language, language = _c === void 0 ? "pt-br" : _c, _d = _a.variant, variant = _d === void 0 ? "desktop" : _d;
|
|
57
|
+
var prefersDarkMode = useMediaQuery("(prefers-color-scheme: dark)");
|
|
58
|
+
var theme = useMemo(function () { return (prefersDarkMode ? themes.light : themes.dark); }, [prefersDarkMode]);
|
|
59
|
+
return (React.createElement(ThemeProvider, { theme: theme },
|
|
60
|
+
React.createElement(LocalizationProvider, { dateAdapter: AdapterDayjs, adapterLocale: language },
|
|
61
|
+
React.createElement(DemoContainer, { components: ["TimePicker", "MobileTimePicker", "DesktopTimePicker"] },
|
|
62
|
+
variant === "responsive" && (React.createElement(MuiTimePickerStyled, { label: label, timezone: timezone })),
|
|
63
|
+
variant === "mobile" && (React.createElement(MuiMobileTimePickerStyled, { label: label, timezone: timezone })),
|
|
64
|
+
variant === "desktop" && (React.createElement(MuiDesktopTimePickerStyled, { label: label, timezone: timezone }))))));
|
|
65
|
+
};
|
|
66
|
+
//# sourceMappingURL=TimePicker.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TimePicker.js","sourceRoot":"","sources":["../../../src/components/TimePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAC;AAChF,OAAO,EAAE,UAAU,IAAI,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC7E,OAAO,EAAE,gBAAgB,IAAI,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAC/F,OAAO,EAAE,iBAAiB,IAAI,oBAAoB,EAAE,MAAM,uCAAuC,CAAC;AAClG,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,OAAO,oBAAoB,CAAC;AAC5B,OAAO,iBAAiB,CAAC;AACzB,OAAO,iBAAiB,CAAC;AAEzB,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,GAAG,MAAM,kBAAkB,CAAC;AACnC,OAAO,QAAQ,MAAM,uBAAuB,CAAC;AAE7C,OAAO,oBAAoB,CAAC;AAC5B,OAAO,iBAAiB,CAAC;AACzB,OAAO,iBAAiB,CAAC;AAGzB,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;AAClB,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;AAEvB,IAAM,mBAAmB,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC;IAChD,oCAAoC,EAAE;QACpC,MAAM,EAAE,MAAM;QACd,YAAY,EAAE,CAAC;QACf,YAAY,EAAE,mBAAmB;KAClC;IACD,sBAAsB,EAAE;QACtB,eAAe,EAAE,MAAM;QACvB,OAAO,EAAE,OAAO;KACjB;CACF,CAAC,CAAC;AAEH,IAAM,yBAAyB,GAAG,MAAM,CAAC,mBAAmB,CAAC,CAAC;IAC5D,oCAAoC,EAAE;QACpC,MAAM,EAAE,MAAM;QACd,YAAY,EAAE,CAAC;QACf,YAAY,EAAE,mBAAmB;KAClC;IACD,sBAAsB,EAAE;QACtB,eAAe,EAAE,MAAM;QACvB,OAAO,EAAE,OAAO;KACjB;CACF,CAAC,CAAC;AAEH,IAAM,0BAA0B,GAAG,MAAM,CAAC,oBAAoB,CAAC,CAAC;IAC9D,oCAAoC,EAAE;QACpC,MAAM,EAAE,MAAM;QACd,YAAY,EAAE,CAAC;QACf,YAAY,EAAE,mBAAmB;KAClC;IACD,sBAAsB,EAAE;QACtB,eAAe,EAAE,MAAM;QACvB,OAAO,EAAE,OAAO;KACjB;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,UAAU,GAAG,UAAC,EAKL;QAJpB,KAAK,WAAA,EACL,gBAA8B,EAA9B,QAAQ,mBAAG,mBAAmB,KAAA,EAC9B,gBAAkB,EAAlB,QAAQ,mBAAG,OAAO,KAAA,EAClB,eAAmB,EAAnB,OAAO,mBAAG,SAAS,KAAA;IAEnB,IAAM,eAAe,GAAG,aAAa,CAAC,8BAA8B,CAAC,CAAC;IACtE,IAAM,KAAK,GAAG,OAAO,CACnB,cAAM,OAAA,CAAC,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,EAA9C,CAA8C,EACpD,CAAC,eAAe,CAAC,CAClB,CAAC;IAEF,OAAO,CACL,oBAAC,aAAa,IAAC,KAAK,EAAE,KAAK;QACzB,oBAAC,oBAAoB,IAAC,WAAW,EAAE,YAAY,EAAE,aAAa,EAAE,QAAQ;YACtE,oBAAC,aAAa,IACZ,UAAU,EAAE,CAAC,YAAY,EAAE,kBAAkB,EAAE,mBAAmB,CAAC;gBAElE,OAAO,KAAK,YAAY,IAAI,CAC3B,oBAAC,mBAAmB,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAC1D;gBACA,OAAO,KAAK,QAAQ,IAAI,CACvB,oBAAC,yBAAyB,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAChE;gBACA,OAAO,KAAK,SAAS,IAAI,CACxB,oBAAC,0BAA0B,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAI,CACjE,CACa,CACK,CACT,CACjB,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,7 +1,10 @@
|
|
|
1
1
|
export * from "./Accordion";
|
|
2
|
+
export * from "./Avatar";
|
|
3
|
+
export * from "./Badge";
|
|
2
4
|
export * from "./Button";
|
|
3
5
|
export * from "./Card";
|
|
4
6
|
export * from "./CheckBox";
|
|
7
|
+
export * from "./DatePicker";
|
|
5
8
|
export * from "./DropDown";
|
|
6
9
|
export * from "./IconButton";
|
|
7
10
|
export * from "./Icons";
|
|
@@ -14,3 +17,6 @@ export * from "./Select";
|
|
|
14
17
|
export * from "./Tabs";
|
|
15
18
|
export * from "./Tag";
|
|
16
19
|
export * from "./TextField";
|
|
20
|
+
export * from "./TimeLine";
|
|
21
|
+
export * from "./TimePicker";
|
|
22
|
+
export * from "./ChatMessage";
|
|
@@ -1,7 +1,10 @@
|
|
|
1
1
|
export * from "./Accordion";
|
|
2
|
+
export * from "./Avatar";
|
|
3
|
+
export * from "./Badge";
|
|
2
4
|
export * from "./Button";
|
|
3
5
|
export * from "./Card";
|
|
4
6
|
export * from "./CheckBox";
|
|
7
|
+
export * from "./DatePicker";
|
|
5
8
|
export * from "./DropDown";
|
|
6
9
|
export * from "./IconButton";
|
|
7
10
|
export * from "./Icons";
|
|
@@ -14,4 +17,7 @@ export * from "./Select";
|
|
|
14
17
|
export * from "./Tabs";
|
|
15
18
|
export * from "./Tag";
|
|
16
19
|
export * from "./TextField";
|
|
20
|
+
export * from "./TimeLine";
|
|
21
|
+
export * from "./TimePicker";
|
|
22
|
+
export * from "./ChatMessage";
|
|
17
23
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,aAAa,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC"}
|
|
@@ -169,4 +169,6 @@ export declare const themes: {
|
|
|
169
169
|
};
|
|
170
170
|
type PaletteKey = keyof typeof getPalette;
|
|
171
171
|
declare const getColor: (key: PaletteKey) => string;
|
|
172
|
-
|
|
172
|
+
declare const extractRGB: (rgbString: string) => string | null;
|
|
173
|
+
declare const lightenRGB: (rgbString: string, amount?: number) => string | null;
|
|
174
|
+
export { getColor, extractRGB, lightenRGB };
|
|
@@ -2,19 +2,19 @@ import { __assign } from "tslib";
|
|
|
2
2
|
import { createTheme } from "@mui/material/styles";
|
|
3
3
|
export var getPalette = function () {
|
|
4
4
|
return {
|
|
5
|
-
primary: "
|
|
5
|
+
primary: "rgb(219, 102, 25)",
|
|
6
6
|
primaryLight: "#FFDB9F",
|
|
7
7
|
primaryMedium: "#FFA84C",
|
|
8
8
|
primaryDark: "#B74608",
|
|
9
|
-
inherit: "
|
|
10
|
-
secondary: "
|
|
11
|
-
error: "
|
|
12
|
-
warning: "
|
|
13
|
-
info: "
|
|
14
|
-
success: "
|
|
9
|
+
inherit: "rgb(102, 102, 102)",
|
|
10
|
+
secondary: "rgb(67, 187, 242)",
|
|
11
|
+
error: "rgb(214, 54, 67)",
|
|
12
|
+
warning: "rgb(255, 195, 0)",
|
|
13
|
+
info: "rgb(113, 213, 247)",
|
|
14
|
+
success: "rgb(107, 194, 53)",
|
|
15
15
|
white: "#ffffff",
|
|
16
|
-
black: "
|
|
17
|
-
helper: "
|
|
16
|
+
black: "rgb(0, 0, 0)",
|
|
17
|
+
helper: "rgb(90, 42, 121)",
|
|
18
18
|
secondaryLight: "#D9FCFE",
|
|
19
19
|
secondaryMedium: "#71D5F7",
|
|
20
20
|
secondaryDark: "#154F8C",
|
|
@@ -152,5 +152,34 @@ var getColor = function (key) {
|
|
|
152
152
|
return "#CCC";
|
|
153
153
|
}
|
|
154
154
|
};
|
|
155
|
-
|
|
155
|
+
var extractRGB = function (rgbString) {
|
|
156
|
+
if (typeof rgbString === "string") {
|
|
157
|
+
var match = rgbString.match(/\((\d+), (\d+), (\d+)\)/);
|
|
158
|
+
if (match) {
|
|
159
|
+
var r = match[1];
|
|
160
|
+
var g = match[2];
|
|
161
|
+
var b = match[3];
|
|
162
|
+
return "".concat(r, ",").concat(g, ",").concat(b);
|
|
163
|
+
}
|
|
164
|
+
}
|
|
165
|
+
return null;
|
|
166
|
+
};
|
|
167
|
+
var lightenRGB = function (rgbString, amount) {
|
|
168
|
+
if (amount === void 0) { amount = 20; }
|
|
169
|
+
console.log("RGB ==> ", rgbString);
|
|
170
|
+
if (typeof rgbString === "string") {
|
|
171
|
+
var match = rgbString.match(/\((\d+), (\d+), (\d+)\)/);
|
|
172
|
+
if (match) {
|
|
173
|
+
var r = parseInt(match[1]);
|
|
174
|
+
var g = parseInt(match[2]);
|
|
175
|
+
var b = parseInt(match[3]);
|
|
176
|
+
var newR = Math.min(255, r + amount);
|
|
177
|
+
var newG = Math.min(255, g + amount);
|
|
178
|
+
var newB = Math.min(255, b + amount);
|
|
179
|
+
return "rgb(".concat(newR, ",").concat(newG, ",").concat(newB, ")");
|
|
180
|
+
}
|
|
181
|
+
}
|
|
182
|
+
return null;
|
|
183
|
+
};
|
|
184
|
+
export { getColor, extractRGB, lightenRGB };
|
|
156
185
|
//# sourceMappingURL=colors.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"colors.js","sourceRoot":"","sources":["../../../src/helpers/colors.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAEnD,MAAM,CAAC,IAAM,UAAU,GAAG;IACxB,OAAO;QACL,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"colors.js","sourceRoot":"","sources":["../../../src/helpers/colors.ts"],"names":[],"mappings":"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"}
|
package/dist/esm/index.d.ts
CHANGED
|
@@ -13,5 +13,6 @@ import { Select } from "./components/Select";
|
|
|
13
13
|
import { Tabs } from "./components/Tabs";
|
|
14
14
|
import { Tag } from "./components/Tag";
|
|
15
15
|
import { TextField } from "./components/TextField";
|
|
16
|
+
import { DatePicker } from "./components/DatePicker";
|
|
16
17
|
import { themes, getPalette } from "./helpers";
|
|
17
|
-
export { Accordion, Button, Card, CheckBox, getPalette, IconButton, Icons, Modal, Paper, ProgressBar, RadioGroup, RangerSlider, Select, Tabs, Tag, TextField, themes, };
|
|
18
|
+
export { Accordion, Button, Card, CheckBox, DatePicker, getPalette, IconButton, Icons, Modal, Paper, ProgressBar, RadioGroup, RangerSlider, Select, Tabs, Tag, TextField, themes, };
|
package/dist/esm/index.js
CHANGED
|
@@ -13,6 +13,7 @@ import { Select } from "./components/Select";
|
|
|
13
13
|
import { Tabs } from "./components/Tabs";
|
|
14
14
|
import { Tag } from "./components/Tag";
|
|
15
15
|
import { TextField } from "./components/TextField";
|
|
16
|
+
import { DatePicker } from "./components/DatePicker";
|
|
16
17
|
import { themes, getPalette } from "./helpers";
|
|
17
|
-
export { Accordion, Button, Card, CheckBox, getPalette, IconButton, Icons, Modal, Paper, ProgressBar, RadioGroup, RangerSlider, Select, Tabs, Tag, TextField, themes, };
|
|
18
|
+
export { Accordion, Button, Card, CheckBox, DatePicker, getPalette, IconButton, Icons, Modal, Paper, ProgressBar, RadioGroup, RangerSlider, Select, Tabs, Tag, TextField, themes, };
|
|
18
19
|
//# sourceMappingURL=index.js.map
|
package/dist/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAE/C,OAAO,EACL,SAAS,EACT,MAAM,EACN,IAAI,EACJ,QAAQ,EACR,UAAU,EACV,UAAU,EACV,KAAK,EACL,KAAK,EACL,KAAK,EACL,WAAW,EACX,UAAU,EACV,YAAY,EACZ,MAAM,EACN,IAAI,EACJ,GAAG,EACH,SAAS,EACT,MAAM,GACP,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAE/C,OAAO,EACL,SAAS,EACT,MAAM,EACN,IAAI,EACJ,QAAQ,EACR,UAAU,EACV,UAAU,EACV,UAAU,EACV,KAAK,EACL,KAAK,EACL,KAAK,EACL,WAAW,EACX,UAAU,EACV,YAAY,EACZ,MAAM,EACN,IAAI,EACJ,GAAG,EACH,SAAS,EACT,MAAM,GACP,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { ReactNode } from "react";
|
|
2
|
+
import { Theme } from "@emotion/react";
|
|
3
|
+
import { AvatarPropsVariantOverrides, SxProps } from "@mui/material";
|
|
4
|
+
import { MuiAvatarBaseProps } from "../types";
|
|
5
|
+
import { OverridableStringUnion } from "@mui/types";
|
|
6
|
+
export interface AvatarBaseProps extends MuiAvatarBaseProps {
|
|
7
|
+
sx?: SxProps<Theme>;
|
|
8
|
+
src?: string;
|
|
9
|
+
children?: ReactNode;
|
|
10
|
+
variant?: OverridableStringUnion<"circular" | "rounded" | "square", AvatarPropsVariantOverrides>;
|
|
11
|
+
sizes?: string;
|
|
12
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../src/interfaces/Avatar.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { ReactNode } from "react";
|
|
2
|
+
import { Theme } from "@emotion/react";
|
|
3
|
+
import { BadgePropsColorOverrides, BadgePropsVariantOverrides, SxProps } from "@mui/material";
|
|
4
|
+
import { MuiBadgeBaseProps } from "@/types";
|
|
5
|
+
import { OverridableStringUnion } from "@mui/types";
|
|
6
|
+
export interface BadgeBaseProps extends MuiBadgeBaseProps {
|
|
7
|
+
sx?: SxProps<Theme>;
|
|
8
|
+
className?: string;
|
|
9
|
+
children?: ReactNode;
|
|
10
|
+
badgeContent?: ReactNode;
|
|
11
|
+
invisible?: boolean;
|
|
12
|
+
color?: OverridableStringUnion<"primary" | "secondary" | "default" | "error" | "info" | "success" | "warning", BadgePropsColorOverrides>;
|
|
13
|
+
variant?: OverridableStringUnion<"standard" | "dot", BadgePropsVariantOverrides>;
|
|
14
|
+
}
|