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.
Files changed (82) hide show
  1. package/dist/esm/components/Avatar.d.ts +3 -0
  2. package/dist/esm/components/Avatar.js +17 -0
  3. package/dist/esm/components/Avatar.js.map +1 -0
  4. package/dist/esm/components/Badge.d.ts +3 -0
  5. package/dist/esm/components/Badge.js +14 -0
  6. package/dist/esm/components/Badge.js.map +1 -0
  7. package/dist/esm/components/ChatMessage.d.ts +3 -0
  8. package/dist/esm/components/ChatMessage.js +63 -0
  9. package/dist/esm/components/ChatMessage.js.map +1 -0
  10. package/dist/esm/components/DatePicker.d.ts +6 -0
  11. package/dist/esm/components/DatePicker.js +58 -0
  12. package/dist/esm/components/DatePicker.js.map +1 -0
  13. package/dist/esm/components/Icons.js +1 -1
  14. package/dist/esm/components/ProgressBar.d.ts +0 -3
  15. package/dist/esm/components/ProgressBar.js +1 -1
  16. package/dist/esm/components/ProgressBar.js.map +1 -1
  17. package/dist/esm/components/TimeLine.d.ts +3 -0
  18. package/dist/esm/components/TimeLine.js +59 -0
  19. package/dist/esm/components/TimeLine.js.map +1 -0
  20. package/dist/esm/components/TimePicker.d.ts +9 -0
  21. package/dist/esm/components/TimePicker.js +66 -0
  22. package/dist/esm/components/TimePicker.js.map +1 -0
  23. package/dist/esm/components/index.d.ts +6 -0
  24. package/dist/esm/components/index.js +6 -0
  25. package/dist/esm/components/index.js.map +1 -1
  26. package/dist/esm/helpers/colors.d.ts +3 -1
  27. package/dist/esm/helpers/colors.js +39 -10
  28. package/dist/esm/helpers/colors.js.map +1 -1
  29. package/dist/esm/index.d.ts +2 -1
  30. package/dist/esm/index.js +2 -1
  31. package/dist/esm/index.js.map +1 -1
  32. package/dist/esm/interfaces/Avatar.d.ts +12 -0
  33. package/dist/esm/interfaces/Avatar.js +2 -0
  34. package/dist/esm/interfaces/Avatar.js.map +1 -0
  35. package/dist/esm/interfaces/Badge.d.ts +14 -0
  36. package/dist/esm/interfaces/Badge.js +2 -0
  37. package/dist/esm/interfaces/Badge.js.map +1 -0
  38. package/dist/esm/interfaces/ChatMessage.d.ts +12 -0
  39. package/dist/esm/interfaces/ChatMessage.js +2 -0
  40. package/dist/esm/interfaces/ChatMessage.js.map +1 -0
  41. package/dist/esm/interfaces/DatePicker.d.ts +12 -0
  42. package/dist/esm/interfaces/DatePicker.js +2 -0
  43. package/dist/esm/interfaces/DatePicker.js.map +1 -0
  44. package/dist/esm/interfaces/TimeLine.d.ts +11 -0
  45. package/dist/esm/interfaces/TimeLine.js +2 -0
  46. package/dist/esm/interfaces/TimeLine.js.map +1 -0
  47. package/dist/esm/interfaces/TimePicker.d.ts +12 -0
  48. package/dist/esm/interfaces/TimePicker.js +2 -0
  49. package/dist/esm/interfaces/TimePicker.js.map +1 -0
  50. package/dist/esm/interfaces/index.d.ts +6 -1
  51. package/dist/esm/interfaces/index.js +6 -1
  52. package/dist/esm/interfaces/index.js.map +1 -1
  53. package/dist/esm/types/index.d.ts +15 -2
  54. package/dist/esm/types/index.js.map +1 -1
  55. package/norma-library.tar +0 -0
  56. package/package.json +4 -1
  57. package/src/components/Avatar.tsx +29 -0
  58. package/src/components/Badge.tsx +22 -0
  59. package/src/components/ChatMessage.tsx +89 -0
  60. package/src/components/DatePicker.tsx +84 -0
  61. package/src/components/Icons.tsx +1 -1
  62. package/src/components/ProgressBar.tsx +2 -1
  63. package/src/components/TimeLine.tsx +103 -0
  64. package/src/components/TimePicker.tsx +95 -0
  65. package/src/components/index.ts +6 -0
  66. package/src/helpers/colors.ts +44 -10
  67. package/src/index.ts +2 -0
  68. package/src/interfaces/Avatar.tsx +18 -0
  69. package/src/interfaces/Badge.ts +32 -0
  70. package/src/interfaces/ChatMessage.ts +12 -0
  71. package/src/interfaces/DatePicker.ts +13 -0
  72. package/src/interfaces/TimeLine.ts +16 -0
  73. package/src/interfaces/TimePicker.ts +13 -0
  74. package/src/interfaces/index.ts +6 -1
  75. package/src/stories/Avatar.stories.tsx +139 -0
  76. package/src/stories/Badge.stories.tsx +47 -0
  77. package/src/stories/ChatMessage.stories.tsx +85 -0
  78. package/src/stories/DatePicker.stories.tsx +77 -0
  79. package/src/stories/Tag.stories.tsx +2 -4
  80. package/src/stories/TimeLine.stories.tsx +43 -0
  81. package/src/stories/TimePicker.stories.tsx +113 -0
  82. package/src/types/index.ts +44 -1
@@ -0,0 +1,3 @@
1
+ import React from "react";
2
+ import { AvatarBaseProps } from "../interfaces";
3
+ export declare const Avatar: React.FC<AvatarBaseProps>;
@@ -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,3 @@
1
+ import React from "react";
2
+ import { BadgeBaseProps } from "../interfaces";
3
+ export declare const Badge: React.FC<BadgeBaseProps>;
@@ -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,3 @@
1
+ import React from "react";
2
+ import { ChatMessageProps } from "@/interfaces";
3
+ export declare const ChatMessage: React.FC<ChatMessageProps>;
@@ -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 64 64", 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 }))));
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
- export 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"])));
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;AAEvB,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,MAAM,CAAC,IAAM,sBAAsB,GAAG,MAAM,CAAC,UAAU,CAAC,gRAAA,6MAQvD,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"}
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,3 @@
1
+ import React from "react";
2
+ import { TimeLineBaseProps } from "@/interfaces/TimeLine";
3
+ export declare const TimeLine: React.FC<TimeLineBaseProps>;
@@ -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
- export { getColor };
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: "#FF7F11",
5
+ primary: "rgb(219, 102, 25)",
6
6
  primaryLight: "#FFDB9F",
7
7
  primaryMedium: "#FFA84C",
8
8
  primaryDark: "#B74608",
9
- inherit: "#000000",
10
- secondary: "#43BBF2",
11
- error: "#D63643",
12
- warning: "#FFC300",
13
- info: "#71D5F7",
14
- success: "#6BC235",
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: "#666666",
17
- helper: "#5A2A79",
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
- export { getColor };
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":"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"}
1
+ {"version":3,"file":"colors.js","sourceRoot":"","sources":["../../../src/helpers/colors.ts"],"names":[],"mappings":"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"}
@@ -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
@@ -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,2 @@
1
+ export {};
2
+ //# sourceMappingURL=Avatar.js.map
@@ -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
+ }