takeat-design-system-ui-kit 0.1.45 → 0.1.46
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/cjs/components/Calendar/Calendar.stories.js +1 -1
- package/dist/cjs/components/Calendar/Calendar.stories.js.map +1 -1
- package/dist/cjs/components/Calendar/index.js +6 -3
- package/dist/cjs/components/Calendar/index.js.map +1 -1
- package/dist/cjs/components/Calendar/styles.d.ts +1 -1
- package/dist/cjs/components/Calendar/styles.js +2 -1
- package/dist/cjs/components/Calendar/styles.js.map +1 -1
- package/dist/cjs/components/NotificationBanner/styles.js +2 -2
- package/dist/cjs/components/NotificationBanner/styles.js.map +1 -1
- package/dist/cjs/components/SingleCalendar/CalendarComponents/index.d.ts +43 -0
- package/dist/cjs/components/SingleCalendar/CalendarComponents/index.js +78 -0
- package/dist/cjs/components/SingleCalendar/CalendarComponents/index.js.map +1 -0
- package/dist/cjs/components/SingleCalendar/CalendarComponents/styles.d.ts +3 -0
- package/dist/cjs/components/SingleCalendar/CalendarComponents/styles.js +52 -0
- package/dist/cjs/components/SingleCalendar/CalendarComponents/styles.js.map +1 -0
- package/dist/cjs/components/SingleCalendar/SingleCalendar.stories.d.ts +6 -0
- package/dist/cjs/components/SingleCalendar/SingleCalendar.stories.js +35 -0
- package/dist/cjs/components/SingleCalendar/SingleCalendar.stories.js.map +1 -0
- package/dist/cjs/components/SingleCalendar/index.d.ts +17 -0
- package/dist/cjs/components/SingleCalendar/index.js +83 -0
- package/dist/cjs/components/SingleCalendar/index.js.map +1 -0
- package/dist/cjs/components/SingleCalendar/styles.d.ts +22 -0
- package/dist/cjs/components/SingleCalendar/styles.js +184 -0
- package/dist/cjs/components/SingleCalendar/styles.js.map +1 -0
- package/dist/cjs/index.d.ts +18 -12
- package/dist/cjs/index.js +22 -15
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/components/Calendar/Calendar.stories.js +1 -1
- package/dist/esm/components/Calendar/Calendar.stories.js.map +1 -1
- package/dist/esm/components/Calendar/index.js +6 -3
- package/dist/esm/components/Calendar/index.js.map +1 -1
- package/dist/esm/components/Calendar/styles.d.ts +1 -1
- package/dist/esm/components/Calendar/styles.js +2 -1
- package/dist/esm/components/Calendar/styles.js.map +1 -1
- package/dist/esm/components/NotificationBanner/styles.js +2 -2
- package/dist/esm/components/NotificationBanner/styles.js.map +1 -1
- package/dist/esm/components/SingleCalendar/CalendarComponents/index.d.ts +43 -0
- package/dist/esm/components/SingleCalendar/CalendarComponents/index.js +73 -0
- package/dist/esm/components/SingleCalendar/CalendarComponents/index.js.map +1 -0
- package/dist/esm/components/SingleCalendar/CalendarComponents/styles.d.ts +3 -0
- package/dist/esm/components/SingleCalendar/CalendarComponents/styles.js +48 -0
- package/dist/esm/components/SingleCalendar/CalendarComponents/styles.js.map +1 -0
- package/dist/esm/components/SingleCalendar/SingleCalendar.stories.d.ts +6 -0
- package/dist/esm/components/SingleCalendar/SingleCalendar.stories.js +32 -0
- package/dist/esm/components/SingleCalendar/SingleCalendar.stories.js.map +1 -0
- package/dist/esm/components/SingleCalendar/index.d.ts +17 -0
- package/dist/esm/components/SingleCalendar/index.js +80 -0
- package/dist/esm/components/SingleCalendar/index.js.map +1 -0
- package/dist/esm/components/SingleCalendar/styles.d.ts +22 -0
- package/dist/esm/components/SingleCalendar/styles.js +180 -0
- package/dist/esm/components/SingleCalendar/styles.js.map +1 -0
- package/dist/esm/index.d.ts +18 -12
- package/dist/esm/index.js +18 -12
- package/dist/esm/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -49,6 +49,6 @@ const meta = {
|
|
|
49
49
|
};
|
|
50
50
|
exports.default = meta;
|
|
51
51
|
exports.Example = {
|
|
52
|
-
render: (args) => ((0, jsx_runtime_1.jsx)("div", { style: { height: 500 }, children: (0, jsx_runtime_1.jsx)(_1.Calendar, { ...args }) })),
|
|
52
|
+
render: (args) => ((0, jsx_runtime_1.jsx)("div", { style: { height: 500, width: 900 }, children: (0, jsx_runtime_1.jsx)(_1.Calendar, { ...args }) })),
|
|
53
53
|
};
|
|
54
54
|
//# sourceMappingURL=Calendar.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Calendar.stories.js","sourceRoot":"","sources":["../../../../src/components/Calendar/Calendar.stories.tsx"],"names":[],"mappings":";;;;AACA,wBAA6B;AAC7B,wDAAuD;AAEvD,MAAM,IAAI,GAA0B;IAClC,SAAS,EAAE,WAAQ;IACnB,KAAK,EAAE,wBAAwB;IAC/B,UAAU,EAAE;QACV,iBAAiB,EAAE,CACjB,uBAAC,iBAAQ,qSAKE,CACZ;KACF;IACD,QAAQ,EAAE;QACR,YAAY,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;QAChE,cAAc,EAAE;YACd,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;SAC7B;QACD,QAAQ,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;QAC1C,WAAW,EAAE;YACX,WAAW,EACT,iEAAiE;YACnE,OAAO,EAAE;gBACP,IAAI,EAAE,OAAO;gBACb,OAAO,EAAE;oBACP,MAAM;oBACN,OAAO;oBACP,aAAa;oBACb,gBAAgB;oBAChB,UAAU;oBACV,aAAa;oBACb,UAAU;iBACX;aACF;SACF;QACD,SAAS,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;QAC3C,QAAQ,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;QAC1C,OAAO,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;QACrC,OAAO,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;QACrC,WAAW,EAAE;YACX,OAAO,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;YAE1B,WAAW,EACT,mEAAmE;SACtE;KACF;IACD,IAAI,EAAE;QACJ,cAAc,EAAE,KAAK;QACrB,QAAQ,EAAE,KAAK;QACf,SAAS,EAAE,KAAK;QAChB,QAAQ,EAAE,KAAK;KAChB;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC5B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAChB,gCAAK,KAAK,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,
|
|
1
|
+
{"version":3,"file":"Calendar.stories.js","sourceRoot":"","sources":["../../../../src/components/Calendar/Calendar.stories.tsx"],"names":[],"mappings":";;;;AACA,wBAA6B;AAC7B,wDAAuD;AAEvD,MAAM,IAAI,GAA0B;IAClC,SAAS,EAAE,WAAQ;IACnB,KAAK,EAAE,wBAAwB;IAC/B,UAAU,EAAE;QACV,iBAAiB,EAAE,CACjB,uBAAC,iBAAQ,qSAKE,CACZ;KACF;IACD,QAAQ,EAAE;QACR,YAAY,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;QAChE,cAAc,EAAE;YACd,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;SAC7B;QACD,QAAQ,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;QAC1C,WAAW,EAAE;YACX,WAAW,EACT,iEAAiE;YACnE,OAAO,EAAE;gBACP,IAAI,EAAE,OAAO;gBACb,OAAO,EAAE;oBACP,MAAM;oBACN,OAAO;oBACP,aAAa;oBACb,gBAAgB;oBAChB,UAAU;oBACV,aAAa;oBACb,UAAU;iBACX;aACF;SACF;QACD,SAAS,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;QAC3C,QAAQ,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;QAC1C,OAAO,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;QACrC,OAAO,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;QACrC,WAAW,EAAE;YACX,OAAO,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;YAE1B,WAAW,EACT,mEAAmE;SACtE;KACF;IACD,IAAI,EAAE;QACJ,cAAc,EAAE,KAAK;QACrB,QAAQ,EAAE,KAAK;QACf,SAAS,EAAE,KAAK;QAChB,QAAQ,EAAE,KAAK;KAChB;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC5B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAChB,gCAAK,KAAK,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,YACrC,uBAAC,WAAQ,OAAK,IAAI,GAAI,GAClB,CACP;CACF,CAAC"}
|
|
@@ -24,7 +24,7 @@ exports.Calendar = (0, react_1.forwardRef)(function Calendar({ hideOptions = [],
|
|
|
24
24
|
setShow((state) => !state);
|
|
25
25
|
};
|
|
26
26
|
const triggerRef = (0, react_1.useRef)(null);
|
|
27
|
-
const [position, setPosition] = (0, react_1.useState)({ top: 0,
|
|
27
|
+
const [position, setPosition] = (0, react_1.useState)({ top: 0, left: 0 });
|
|
28
28
|
const [selectedDate, setSelectedDate] = (0, react_1.useState)(defaultDate || {
|
|
29
29
|
start: (0, date_fns_1.startOfDay)(new Date()),
|
|
30
30
|
end: (0, date_fns_1.endOfDay)(new Date()),
|
|
@@ -104,7 +104,10 @@ exports.Calendar = (0, react_1.forwardRef)(function Calendar({ hideOptions = [],
|
|
|
104
104
|
(0, react_1.useEffect)(() => {
|
|
105
105
|
if (triggerRef.current) {
|
|
106
106
|
const rect = triggerRef.current.getBoundingClientRect();
|
|
107
|
-
setPosition({
|
|
107
|
+
setPosition({
|
|
108
|
+
top: rect.top + rect.height,
|
|
109
|
+
left: rect.right,
|
|
110
|
+
});
|
|
108
111
|
}
|
|
109
112
|
}, []);
|
|
110
113
|
(0, react_1.useEffect)(() => {
|
|
@@ -117,7 +120,7 @@ exports.Calendar = (0, react_1.forwardRef)(function Calendar({ hideOptions = [],
|
|
|
117
120
|
toggleShow();
|
|
118
121
|
}, disabled: disabled || isLoading, children: [(0, date_fns_1.format)(dateOnButton.start, `dd/MM/yyyy${onlyDate ? "" : "- HH:mm"}`), (0, jsx_runtime_1.jsx)("span", { children: "a" }), dateOnButton.end
|
|
119
122
|
? (0, date_fns_1.format)(dateOnButton.end, `dd/MM/yyyy${onlyDate ? "" : "- HH:mm"}`)
|
|
120
|
-
: "-", isLoading ? ((0, jsx_runtime_1.jsx)(Spinner_1.Spinner, { size: 20, color: theme.colors.neutral.light })) : ((0, jsx_runtime_1.jsx)(icons_1.IconCalendarCheck, {}))] }), (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsxs)(styles_1.DatePickerContent, { show: show, top: position.top + 4,
|
|
123
|
+
: "-", isLoading ? ((0, jsx_runtime_1.jsx)(Spinner_1.Spinner, { size: 20, color: theme.colors.neutral.light })) : ((0, jsx_runtime_1.jsx)(icons_1.IconCalendarCheck, {}))] }), (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsxs)(styles_1.DatePickerContent, { show: show, top: position.top + 4, left: position.left, children: [(0, jsx_runtime_1.jsx)(styles_1.Overlay, { onClick: toggleShow }), (0, jsx_runtime_1.jsxs)(styles_1.ContentBody, { children: [!hideAllOptions && ((0, jsx_runtime_1.jsx)(CalendarComponents_1.CalendarOptions, { hideOptions: hideOptions, setSelectedDate: setSelectedDate, handleSelectDate: handleSelectDate })), (0, jsx_runtime_1.jsxs)(styles_1.CalendarContainer, { children: [(0, jsx_runtime_1.jsxs)(styles_1.MonthYearHeader, { children: [(0, jsx_runtime_1.jsx)(icons_1.IconArrowDropDown, { style: { transform: "rotate(90deg)" }, onClick: () => setMonthToShow({
|
|
121
124
|
start: (0, date_fns_1.subMonths)(monthToShow.start, 1),
|
|
122
125
|
end: (0, date_fns_1.subMonths)(monthToShow.end, 1),
|
|
123
126
|
}) }), (0, jsx_runtime_1.jsxs)("span", { children: [(0, date_fns_1.format)(monthToShow.start, "MMMM", { locale: locale_1.ptBR }), ", ", (0, date_fns_1.format)(monthToShow.start, "yyyy")] }), (0, jsx_runtime_1.jsx)(icons_1.IconArrowDropDown, { style: { transform: "rotate(-90deg)" }, onClick: () => setMonthToShow({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Calendar/index.tsx"],"names":[],"mappings":";;;;AAAA,iCAAuE;AACvE,qCAWkB;AAClB,uCAakB;AAClB,sCAAmC;AACnC,qDAAsD;AACtD,4CAAuC;AACvC,6DAI8B;AAC9B,wCAAqC;AACrC,yDAA6C;AAC7C,oCAAgE;AAChE,yCAAyC;AAEzC,MAAM,gBAAgB,GAAG,CAAC,KAAY,EAAE,EAAE;IACxC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC;AAC7C,CAAC,CAAC;AA4BW,QAAA,QAAQ,GAAG,IAAA,kBAAU,EAAC,SAAS,QAAQ,CAClD,EACE,WAAW,GAAG,EAAE,EAChB,cAAc,EACd,QAAQ,EACR,YAAY,EACZ,WAAW,EACX,SAAS,EACT,QAAQ,EACR,OAAO,EACP,OAAO,EACP,KAAK,GACS,EAChB,GAA8B;IAE9B,MAAM,KAAK,GAAG,IAAA,4BAAQ,GAAE,CAAC;IACzB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IACxC,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,eAAe,CAAC,YAAY,CAAC,CAAC;QAC9B,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC;IAC7B,CAAC,CAAC;IACF,MAAM,UAAU,GAAG,IAAA,cAAM,EAAoB,IAAI,CAAC,CAAC;IACnD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,GAAG,EAAE,CAAC,EAAE,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Calendar/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,7 +3,7 @@ export declare const DatePickerTrigger: import("styled-components/dist/types").I
|
|
|
3
3
|
interface DatePickerContentProps {
|
|
4
4
|
show?: boolean;
|
|
5
5
|
top?: number;
|
|
6
|
-
|
|
6
|
+
left?: number;
|
|
7
7
|
}
|
|
8
8
|
export declare const DatePickerContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, DatePickerContentProps>> & string;
|
|
9
9
|
export declare const ContentBody: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -49,8 +49,9 @@ exports.DatePickerTrigger = styled_components_1.default.button `
|
|
|
49
49
|
exports.DatePickerContent = styled_components_1.default.div `
|
|
50
50
|
position: absolute;
|
|
51
51
|
top: ${({ top }) => top}px;
|
|
52
|
-
|
|
52
|
+
left: ${({ left }) => left}px;
|
|
53
53
|
display: ${({ show }) => (show ? "flex" : "none")};
|
|
54
|
+
transform: translateX(-100%);
|
|
54
55
|
flex-direction: column;
|
|
55
56
|
background-color: #fff;
|
|
56
57
|
border-radius: ${({ theme }) => theme.radius.m};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Calendar/styles.ts"],"names":[],"mappings":";;;;AAAA,kFAAuC;AAE1B,QAAA,iBAAiB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;CAG1C,CAAC;AAEW,QAAA,iBAAiB,GAAG,2BAAM,CAAC,MAAM,CAAA;;;;SAIrC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE;;sBAElB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;mBAC9C,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;aACnC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,IAAI,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;;;WAGnE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;iBAClC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,OAAO;;;;;;;;;;;;YAYnD,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;;;;;;;aAO1C,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;oBAClC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;;;cAG/C,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;;;CAGtD,CAAC;AAQW,QAAA,iBAAiB,GAAG,2BAAM,CAAC,GAAG,CAAwB;;SAE1D,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,GAAG;
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Calendar/styles.ts"],"names":[],"mappings":"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"}
|
|
@@ -18,17 +18,17 @@ exports.NotificationBannerWrapper = styled_components_1.default.div `
|
|
|
18
18
|
font-size: 14px;
|
|
19
19
|
font-style: normal;
|
|
20
20
|
font-weight: 500;
|
|
21
|
-
line-height:
|
|
21
|
+
line-height: normal;
|
|
22
22
|
|
|
23
23
|
svg {
|
|
24
24
|
flex-shrink: 0;
|
|
25
25
|
fill: ${({ theme, color }) => theme.colors[color].default};
|
|
26
|
+
font-size: 24px;
|
|
26
27
|
}
|
|
27
28
|
|
|
28
29
|
.close-icon {
|
|
29
30
|
cursor: pointer;
|
|
30
31
|
fill: ${({ theme }) => theme.colors.neutral.dark};
|
|
31
|
-
height: 18px;
|
|
32
32
|
}
|
|
33
33
|
|
|
34
34
|
transform-origin: top;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/NotificationBanner/styles.ts"],"names":[],"mappings":";;;;AAAA,kFAAuC;AAO1B,QAAA,yBAAyB,GAAG,2BAAM,CAAC,GAAG,CAAgC;aACtE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;mBACxB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;sBAC1B,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,CACvC,KAAK,CAAC,MAAM,CAAC,KAAkC,CAAC,CAAC,QAAQ,GAAG,IAAI;;MAE9D,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,CACrB,KAAK,CAAC,MAAM,CAAC,KAAkC,CAAC,CAAC,OAAO;;SAErD,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;;;;WAI5B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;;;;;;;;YAQvC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,CAC3B,KAAK,CAAC,MAAM,CAAC,KAAkC,CAAC,CAAC,OAAO
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/NotificationBanner/styles.ts"],"names":[],"mappings":";;;;AAAA,kFAAuC;AAO1B,QAAA,yBAAyB,GAAG,2BAAM,CAAC,GAAG,CAAgC;aACtE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;mBACxB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;sBAC1B,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,CACvC,KAAK,CAAC,MAAM,CAAC,KAAkC,CAAC,CAAC,QAAQ,GAAG,IAAI;;MAE9D,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,CACrB,KAAK,CAAC,MAAM,CAAC,KAAkC,CAAC,CAAC,OAAO;;SAErD,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;;;;WAI5B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;;;;;;;;YAQvC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,CAC3B,KAAK,CAAC,MAAM,CAAC,KAAkC,CAAC,CAAC,OAAO;;;;;;YAMlD,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;;;;IAIhD,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CACf,MAAM;IACJ,CAAC,CAAC,6CAA6C;IAC/C,CAAC,CAAC,8CAA8C;CACrD,CAAC;AAEW,QAAA,cAAc,GAAG,2BAAM,CAAC,GAAG,CAAA;;CAEvC,CAAC"}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { DateSelected } from "..";
|
|
2
|
+
interface CalendarInputsProps {
|
|
3
|
+
selectedDate: Date;
|
|
4
|
+
setSelectedDate: (date: Date) => void;
|
|
5
|
+
}
|
|
6
|
+
export declare const CalendarInputs: ({ selectedDate, setSelectedDate, }: CalendarInputsProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export declare const OPTIONS_FUNCTIONS: {
|
|
8
|
+
Hoje: () => {
|
|
9
|
+
start: Date;
|
|
10
|
+
end: Date;
|
|
11
|
+
};
|
|
12
|
+
Ontem: () => {
|
|
13
|
+
start: Date;
|
|
14
|
+
end: Date;
|
|
15
|
+
};
|
|
16
|
+
"Essa semana": () => {
|
|
17
|
+
start: Date;
|
|
18
|
+
end: Date;
|
|
19
|
+
};
|
|
20
|
+
"Semana passada": () => {
|
|
21
|
+
start: Date;
|
|
22
|
+
end: Date;
|
|
23
|
+
};
|
|
24
|
+
"Esse m\u00EAs": () => {
|
|
25
|
+
start: Date;
|
|
26
|
+
end: Date;
|
|
27
|
+
};
|
|
28
|
+
"M\u00EAs passado": () => {
|
|
29
|
+
start: Date;
|
|
30
|
+
end: Date;
|
|
31
|
+
};
|
|
32
|
+
"Esse ano": () => {
|
|
33
|
+
start: Date;
|
|
34
|
+
end: Date;
|
|
35
|
+
};
|
|
36
|
+
};
|
|
37
|
+
interface CalendarOptionsProps {
|
|
38
|
+
hideOptions: Array<keyof typeof OPTIONS_FUNCTIONS>;
|
|
39
|
+
setSelectedDate: (date: DateSelected) => void;
|
|
40
|
+
handleSelectDate: (date: DateSelected) => void;
|
|
41
|
+
}
|
|
42
|
+
export declare const CalendarOptions: ({ hideOptions, setSelectedDate, handleSelectDate, }: CalendarOptionsProps) => import("react/jsx-runtime").JSX.Element;
|
|
43
|
+
export {};
|
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.CalendarOptions = exports.OPTIONS_FUNCTIONS = exports.CalendarInputs = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const date_fns_1 = require("date-fns");
|
|
6
|
+
const functions_1 = require("../../../utils/functions");
|
|
7
|
+
const Input_1 = require("../../FormItens/Input");
|
|
8
|
+
const styles_1 = require("./styles");
|
|
9
|
+
const CalendarInputs = ({ selectedDate, setSelectedDate, }) => {
|
|
10
|
+
return ((0, jsx_runtime_1.jsx)(styles_1.InputsArea, { children: (0, jsx_runtime_1.jsxs)(styles_1.DateHourInput, { children: [(0, jsx_runtime_1.jsx)(Input_1.Input, { mask: "99/99/9999", value: (0, date_fns_1.format)(selectedDate, "dd/MM/yyyy"), onChange: (e) => {
|
|
11
|
+
setSelectedDate((0, functions_1.clampDateString)(e.target.value, selectedDate, selectedDate, "start"));
|
|
12
|
+
}, style: {
|
|
13
|
+
width: 105,
|
|
14
|
+
height: 28,
|
|
15
|
+
padding: "4px 8px",
|
|
16
|
+
textAlign: "center",
|
|
17
|
+
} }), (0, jsx_runtime_1.jsx)(Input_1.Input, { mask: "99:99", value: (0, date_fns_1.format)(selectedDate, "HH:mm"), onChange: (e) => {
|
|
18
|
+
setSelectedDate((0, functions_1.clampTimeString)(e.target.value, selectedDate, selectedDate, "start"));
|
|
19
|
+
}, style: {
|
|
20
|
+
width: 60,
|
|
21
|
+
height: 28,
|
|
22
|
+
padding: "4px 8px",
|
|
23
|
+
textAlign: "center",
|
|
24
|
+
} })] }) }));
|
|
25
|
+
};
|
|
26
|
+
exports.CalendarInputs = CalendarInputs;
|
|
27
|
+
exports.OPTIONS_FUNCTIONS = {
|
|
28
|
+
Hoje: () => ({
|
|
29
|
+
start: (0, date_fns_1.startOfDay)(new Date()),
|
|
30
|
+
end: (0, date_fns_1.endOfDay)(new Date()),
|
|
31
|
+
}),
|
|
32
|
+
Ontem: () => {
|
|
33
|
+
const yesterday = (0, date_fns_1.subDays)(new Date(), 1);
|
|
34
|
+
return {
|
|
35
|
+
start: (0, date_fns_1.startOfDay)(yesterday),
|
|
36
|
+
end: (0, date_fns_1.endOfDay)(yesterday),
|
|
37
|
+
};
|
|
38
|
+
},
|
|
39
|
+
"Essa semana": () => ({
|
|
40
|
+
start: (0, date_fns_1.startOfWeek)(new Date()),
|
|
41
|
+
end: (0, date_fns_1.endOfWeek)(new Date()),
|
|
42
|
+
}),
|
|
43
|
+
"Semana passada": () => {
|
|
44
|
+
const lastWeek = (0, date_fns_1.subWeeks)(new Date(), 1);
|
|
45
|
+
return {
|
|
46
|
+
start: (0, date_fns_1.startOfWeek)(lastWeek),
|
|
47
|
+
end: (0, date_fns_1.endOfWeek)(lastWeek),
|
|
48
|
+
};
|
|
49
|
+
},
|
|
50
|
+
"Esse mês": () => ({
|
|
51
|
+
start: (0, date_fns_1.startOfMonth)(new Date()),
|
|
52
|
+
end: (0, date_fns_1.endOfMonth)(new Date()),
|
|
53
|
+
}),
|
|
54
|
+
"Mês passado": () => {
|
|
55
|
+
const lastMonth = (0, date_fns_1.subMonths)(new Date(), 1);
|
|
56
|
+
return {
|
|
57
|
+
start: (0, date_fns_1.startOfMonth)(lastMonth),
|
|
58
|
+
end: (0, date_fns_1.endOfMonth)(lastMonth),
|
|
59
|
+
};
|
|
60
|
+
},
|
|
61
|
+
"Esse ano": () => ({
|
|
62
|
+
start: (0, date_fns_1.startOfYear)(new Date()),
|
|
63
|
+
end: (0, date_fns_1.endOfYear)(new Date()),
|
|
64
|
+
}),
|
|
65
|
+
};
|
|
66
|
+
const CalendarOptions = ({ hideOptions, setSelectedDate, handleSelectDate, }) => {
|
|
67
|
+
return ((0, jsx_runtime_1.jsx)(styles_1.OptionsList, { children: Object.keys(exports.OPTIONS_FUNCTIONS)
|
|
68
|
+
.filter((option) => !hideOptions.includes(option))
|
|
69
|
+
.map((option) => {
|
|
70
|
+
return ((0, jsx_runtime_1.jsx)("li", { onClick: () => {
|
|
71
|
+
// setHoveredDays([]);
|
|
72
|
+
setSelectedDate(exports.OPTIONS_FUNCTIONS[option]());
|
|
73
|
+
handleSelectDate(exports.OPTIONS_FUNCTIONS[option]());
|
|
74
|
+
}, children: option }));
|
|
75
|
+
}) }));
|
|
76
|
+
};
|
|
77
|
+
exports.CalendarOptions = CalendarOptions;
|
|
78
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/SingleCalendar/CalendarComponents/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export declare const InputsArea: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
2
|
+
export declare const DateHourInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
3
|
+
export declare const OptionsList: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, never>> & string;
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.OptionsList = exports.DateHourInput = exports.InputsArea = void 0;
|
|
4
|
+
const tslib_1 = require("tslib");
|
|
5
|
+
const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
|
|
6
|
+
exports.InputsArea = styled_components_1.default.div `
|
|
7
|
+
display: flex;
|
|
8
|
+
flex-direction: column;
|
|
9
|
+
gap: ${({ theme }) => theme.spacing.xs};
|
|
10
|
+
padding-top: ${({ theme }) => theme.spacing.s};
|
|
11
|
+
`;
|
|
12
|
+
exports.DateHourInput = styled_components_1.default.div `
|
|
13
|
+
display: flex;
|
|
14
|
+
gap: ${({ theme }) => theme.spacing.xxs};
|
|
15
|
+
align-items: center;
|
|
16
|
+
|
|
17
|
+
span {
|
|
18
|
+
flex-grow: 1;
|
|
19
|
+
color: ${({ theme }) => theme.colors.neutral.dark};
|
|
20
|
+
font-family: ${({ theme }) => theme.typography.family.default};
|
|
21
|
+
font-size: 14px;
|
|
22
|
+
font-style: normal;
|
|
23
|
+
font-weight: 500;
|
|
24
|
+
line-height: 20px; /* 142.857% */
|
|
25
|
+
letter-spacing: 0.1px;
|
|
26
|
+
}
|
|
27
|
+
`;
|
|
28
|
+
exports.OptionsList = styled_components_1.default.ul `
|
|
29
|
+
display: flex;
|
|
30
|
+
flex-direction: column;
|
|
31
|
+
list-style: none;
|
|
32
|
+
gap: ${({ theme }) => theme.spacing.s};
|
|
33
|
+
padding: ${({ theme }) => theme.spacing.s};
|
|
34
|
+
border-right: 1px solid ${({ theme }) => theme.colors.neutral.lighter};
|
|
35
|
+
|
|
36
|
+
li {
|
|
37
|
+
white-space: nowrap;
|
|
38
|
+
color: ${({ theme }) => theme.colors.neutral.dark};
|
|
39
|
+
font-family: ${({ theme }) => theme.typography.family.default};
|
|
40
|
+
font-size: 14px;
|
|
41
|
+
font-style: normal;
|
|
42
|
+
font-weight: 500;
|
|
43
|
+
line-height: 20px; /* 142.857% */
|
|
44
|
+
letter-spacing: 0.1px;
|
|
45
|
+
cursor: pointer;
|
|
46
|
+
|
|
47
|
+
&:hover {
|
|
48
|
+
text-decoration: underline;
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
`;
|
|
52
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/components/SingleCalendar/CalendarComponents/styles.ts"],"names":[],"mappings":";;;;AAAA,kFAAuC;AAE1B,QAAA,UAAU,GAAG,2BAAM,CAAC,GAAG,CAAA;;;SAG3B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE;iBACvB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;CAC9C,CAAC;AAEW,QAAA,aAAa,GAAG,2BAAM,CAAC,GAAG,CAAA;;SAE9B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG;;;;;aAK5B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;mBAClC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,OAAO;;;;;;;CAOhE,CAAC;AAEW,QAAA,WAAW,GAAG,2BAAM,CAAC,EAAE,CAAA;;;;SAI3B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;aAC1B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;4BACf,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;;;;aAI1D,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;mBAClC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,OAAO;;;;;;;;;;;;CAYhE,CAAC"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.Example = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const _1 = require(".");
|
|
6
|
+
const styles_1 = require("../StoriesComponents/styles");
|
|
7
|
+
const meta = {
|
|
8
|
+
component: _1.SingleCalendar,
|
|
9
|
+
title: "Design System/SingleCalendar",
|
|
10
|
+
parameters: {
|
|
11
|
+
componentSubtitle: ((0, jsx_runtime_1.jsx)(styles_1.Subtitle, { children: "Um calend\u00E1rio \u00E9 um componente de interface que permite ao usu\u00E1rio selecionar uma data ou um intervalo de datas de forma visual e interativa. Ideal para ser utilizado como ferramenta de filtragem para relat\u00F3rios, hist\u00F3ricos e outros dados relevantes." })),
|
|
12
|
+
},
|
|
13
|
+
argTypes: {
|
|
14
|
+
onSelectDate: { action: "selected", control: { disable: true } },
|
|
15
|
+
onlyDate: { control: { type: "boolean" } },
|
|
16
|
+
isLoading: { control: { type: "boolean" } },
|
|
17
|
+
disabled: { control: { type: "boolean" } },
|
|
18
|
+
minDate: { table: { disable: true } },
|
|
19
|
+
maxDate: { table: { disable: true } },
|
|
20
|
+
defaultDate: {
|
|
21
|
+
control: { disable: true },
|
|
22
|
+
description: "Data inicial do calendário no formato: `{start: Date, end: Date}`",
|
|
23
|
+
},
|
|
24
|
+
},
|
|
25
|
+
args: {
|
|
26
|
+
onlyDate: false,
|
|
27
|
+
isLoading: false,
|
|
28
|
+
disabled: false,
|
|
29
|
+
},
|
|
30
|
+
};
|
|
31
|
+
exports.default = meta;
|
|
32
|
+
exports.Example = {
|
|
33
|
+
render: (args) => ((0, jsx_runtime_1.jsx)("div", { style: { height: 500, width: 900 }, children: (0, jsx_runtime_1.jsx)(_1.SingleCalendar, { ...args }) })),
|
|
34
|
+
};
|
|
35
|
+
//# sourceMappingURL=SingleCalendar.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SingleCalendar.stories.js","sourceRoot":"","sources":["../../../../src/components/SingleCalendar/SingleCalendar.stories.tsx"],"names":[],"mappings":";;;;AACA,wBAAmC;AACnC,wDAAuD;AAEvD,MAAM,IAAI,GAAgC;IACxC,SAAS,EAAE,iBAAc;IACzB,KAAK,EAAE,8BAA8B;IACrC,UAAU,EAAE;QACV,iBAAiB,EAAE,CACjB,uBAAC,iBAAQ,qSAKE,CACZ;KACF;IACD,QAAQ,EAAE;QACR,YAAY,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;QAChE,QAAQ,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;QAC1C,SAAS,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;QAC3C,QAAQ,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;QAC1C,OAAO,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;QACrC,OAAO,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;QACrC,WAAW,EAAE;YACX,OAAO,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;YAE1B,WAAW,EACT,mEAAmE;SACtE;KACF;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,KAAK;QACf,SAAS,EAAE,KAAK;QAChB,QAAQ,EAAE,KAAK;KAChB;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC5B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAChB,gCAAK,KAAK,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,YACrC,uBAAC,iBAAc,OAAK,IAAI,GAAI,GACxB,CACP;CACF,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
export interface DateSelected {
|
|
3
|
+
start: Date;
|
|
4
|
+
end: Date;
|
|
5
|
+
}
|
|
6
|
+
interface SingleCalendarProps {
|
|
7
|
+
onlyDate?: boolean;
|
|
8
|
+
onSelectDate?: (date: Date) => void;
|
|
9
|
+
defaultDate?: Date;
|
|
10
|
+
isLoading?: boolean;
|
|
11
|
+
disabled?: boolean;
|
|
12
|
+
minDate?: Date;
|
|
13
|
+
maxDate?: Date;
|
|
14
|
+
value?: Date;
|
|
15
|
+
}
|
|
16
|
+
export declare const SingleCalendar: React.ForwardRefExoticComponent<SingleCalendarProps & React.RefAttributes<HTMLDivElement>>;
|
|
17
|
+
export {};
|
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.SingleCalendar = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const react_1 = require("react");
|
|
6
|
+
const styles_1 = require("./styles");
|
|
7
|
+
const date_fns_1 = require("date-fns");
|
|
8
|
+
const Button_1 = require("../Button");
|
|
9
|
+
const functions_1 = require("../../utils/functions");
|
|
10
|
+
const locale_1 = require("date-fns/locale");
|
|
11
|
+
const CalendarComponents_1 = require("./CalendarComponents");
|
|
12
|
+
const Spinner_1 = require("../Spinner");
|
|
13
|
+
const styled_components_1 = require("styled-components");
|
|
14
|
+
const icons_1 = require("../icons");
|
|
15
|
+
const react_dom_1 = require("react-dom");
|
|
16
|
+
exports.SingleCalendar = (0, react_1.forwardRef)(function SingleCalendar({ onlyDate, onSelectDate, defaultDate, isLoading, disabled, minDate, maxDate, value, }, ref) {
|
|
17
|
+
const theme = (0, styled_components_1.useTheme)();
|
|
18
|
+
const [show, setShow] = (0, react_1.useState)(false);
|
|
19
|
+
const toggleShow = () => {
|
|
20
|
+
setSelectedDate(dateOnButton);
|
|
21
|
+
setShow((state) => !state);
|
|
22
|
+
};
|
|
23
|
+
const triggerRef = (0, react_1.useRef)(null);
|
|
24
|
+
const [position, setPosition] = (0, react_1.useState)({ top: 0, left: 0 });
|
|
25
|
+
const [selectedDate, setSelectedDate] = (0, react_1.useState)(defaultDate || (0, date_fns_1.endOfDay)(new Date()));
|
|
26
|
+
const [dateOnButton, setDateOnButton] = (0, react_1.useState)(defaultDate || (0, date_fns_1.endOfDay)(new Date()));
|
|
27
|
+
const [monthToShow, setMonthToShow] = (0, react_1.useState)({
|
|
28
|
+
start: (0, date_fns_1.startOfMonth)(selectedDate),
|
|
29
|
+
end: (0, date_fns_1.endOfMonth)(selectedDate),
|
|
30
|
+
});
|
|
31
|
+
const [daysToShow, setDaysToShow] = (0, react_1.useState)([]);
|
|
32
|
+
const onClickDay = (day) => {
|
|
33
|
+
setSelectedDate((0, date_fns_1.endOfDay)(day));
|
|
34
|
+
};
|
|
35
|
+
const handleSelectDate = (date) => {
|
|
36
|
+
onSelectDate?.(date);
|
|
37
|
+
setDateOnButton(date);
|
|
38
|
+
toggleShow();
|
|
39
|
+
};
|
|
40
|
+
(0, react_1.useEffect)(() => {
|
|
41
|
+
const daysOfTheMonth = (0, date_fns_1.eachDayOfInterval)(monthToShow);
|
|
42
|
+
(0, functions_1.fillDaysArray)(daysOfTheMonth);
|
|
43
|
+
setDaysToShow(daysOfTheMonth.map((day) => {
|
|
44
|
+
return {
|
|
45
|
+
value: day,
|
|
46
|
+
day: day.getDate(),
|
|
47
|
+
month: day.getMonth(),
|
|
48
|
+
year: day.getFullYear(),
|
|
49
|
+
weekday: day.getDay(),
|
|
50
|
+
};
|
|
51
|
+
}));
|
|
52
|
+
}, [monthToShow]);
|
|
53
|
+
(0, react_1.useEffect)(() => {
|
|
54
|
+
if (triggerRef.current) {
|
|
55
|
+
const rect = triggerRef.current.getBoundingClientRect();
|
|
56
|
+
setPosition({
|
|
57
|
+
top: rect.top + rect.height,
|
|
58
|
+
left: rect.right,
|
|
59
|
+
});
|
|
60
|
+
}
|
|
61
|
+
}, []);
|
|
62
|
+
(0, react_1.useEffect)(() => {
|
|
63
|
+
if (value) {
|
|
64
|
+
setDateOnButton(value);
|
|
65
|
+
setSelectedDate(value);
|
|
66
|
+
}
|
|
67
|
+
}, [value]);
|
|
68
|
+
return ((0, jsx_runtime_1.jsxs)(styles_1.DatePickerWrapper, { ref: ref, children: [(0, jsx_runtime_1.jsxs)(styles_1.DatePickerTrigger, { ref: triggerRef, onClick: () => {
|
|
69
|
+
toggleShow();
|
|
70
|
+
}, disabled: disabled || isLoading, children: [(0, date_fns_1.format)(dateOnButton, `dd/MM/yyyy${onlyDate ? "" : "- HH:mm"}`), isLoading ? ((0, jsx_runtime_1.jsx)(Spinner_1.Spinner, { size: 20, color: theme.colors.neutral.light })) : ((0, jsx_runtime_1.jsx)(icons_1.IconCalendarCheck, {}))] }), (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsxs)(styles_1.DatePickerContent, { show: show, top: position.top + 4, left: position.left, children: [(0, jsx_runtime_1.jsx)(styles_1.Overlay, { onClick: toggleShow }), (0, jsx_runtime_1.jsx)(styles_1.ContentBody, { children: (0, jsx_runtime_1.jsxs)(styles_1.CalendarContainer, { children: [(0, jsx_runtime_1.jsxs)(styles_1.MonthYearHeader, { children: [(0, jsx_runtime_1.jsx)(icons_1.IconArrowDropDown, { fontSize: 24, style: { transform: "rotate(90deg)" }, onClick: () => setMonthToShow({
|
|
71
|
+
start: (0, date_fns_1.subMonths)(monthToShow.start, 1),
|
|
72
|
+
end: (0, date_fns_1.subMonths)(monthToShow.end, 1),
|
|
73
|
+
}) }), (0, jsx_runtime_1.jsxs)("span", { children: [(0, date_fns_1.format)(monthToShow.start, "MMMM", { locale: locale_1.ptBR }), ", ", (0, date_fns_1.format)(monthToShow.start, "yyyy")] }), (0, jsx_runtime_1.jsx)(icons_1.IconArrowDropDown, { fontSize: 24, style: { transform: "rotate(-90deg)" }, onClick: () => setMonthToShow({
|
|
74
|
+
start: (0, date_fns_1.addMonths)(monthToShow.start, 1),
|
|
75
|
+
end: (0, date_fns_1.addMonths)(monthToShow.end, 1),
|
|
76
|
+
}) })] }), (0, jsx_runtime_1.jsxs)("ul", { children: [(0, jsx_runtime_1.jsx)("li", { children: "D" }), (0, jsx_runtime_1.jsx)("li", { children: "S" }), (0, jsx_runtime_1.jsx)("li", { children: "T" }), (0, jsx_runtime_1.jsx)("li", { children: "Q" }), (0, jsx_runtime_1.jsx)("li", { children: "Q" }), (0, jsx_runtime_1.jsx)("li", { children: "S" }), (0, jsx_runtime_1.jsx)("li", { children: "S" })] }), (0, jsx_runtime_1.jsx)(styles_1.StyledCalendar, { children: daysToShow.map((day) => {
|
|
77
|
+
return ((0, jsx_runtime_1.jsx)(styles_1.DayButton, { onClick: () => onClickDay(day.value), isSelected: (0, date_fns_1.isSameDay)((0, date_fns_1.endOfDay)(day.value), selectedDate), disabled: (minDate && (0, date_fns_1.isBefore)(day.value, minDate)) ||
|
|
78
|
+
(maxDate && (0, date_fns_1.isAfter)(day.value, maxDate)), children: day.day }));
|
|
79
|
+
}) }), !onlyDate && ((0, jsx_runtime_1.jsx)(CalendarComponents_1.CalendarInputs, { selectedDate: selectedDate, setSelectedDate: setSelectedDate }))] }) }), (0, jsx_runtime_1.jsx)(styles_1.ContentFooter, { children: (0, jsx_runtime_1.jsx)(Button_1.Button, { variant: "outlined", onClick: () => {
|
|
80
|
+
handleSelectDate(selectedDate);
|
|
81
|
+
}, children: "Aplicar" }) })] }), document.body)] }));
|
|
82
|
+
});
|
|
83
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/SingleCalendar/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
export declare const DatePickerWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
2
|
+
export declare const DatePickerTrigger: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
|
|
3
|
+
interface DatePickerContentProps {
|
|
4
|
+
show?: boolean;
|
|
5
|
+
top?: number;
|
|
6
|
+
left?: number;
|
|
7
|
+
}
|
|
8
|
+
export declare const DatePickerContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, DatePickerContentProps>> & string;
|
|
9
|
+
export declare const ContentBody: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
10
|
+
export declare const CalendarContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
11
|
+
export declare const MonthYearHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
12
|
+
export declare const StyledCalendar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
13
|
+
interface DayButtonProps {
|
|
14
|
+
isSelected?: boolean;
|
|
15
|
+
isHovered?: boolean;
|
|
16
|
+
isFirst?: boolean;
|
|
17
|
+
isLast?: boolean;
|
|
18
|
+
}
|
|
19
|
+
export declare const DayButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, DayButtonProps>> & string;
|
|
20
|
+
export declare const ContentFooter: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
21
|
+
export declare const Overlay: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
22
|
+
export {};
|