infinity-forge 6.3.3 → 6.3.4
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/ui/atena/presentation/dynamic-elements/pages/blog/components/blog-item/styles.d.ts +2 -2
- package/dist/ui/atena/presentation/dynamic-elements/pages/blog/components/featured-blog/featured-blog-item/styles.d.ts +2 -2
- package/dist/ui/components/form/input-date-picker/calendar/calendar-header/index.d.ts +1 -1
- package/dist/ui/components/form/input-date-picker/calendar/calendar-header/index.js +2 -2
- package/dist/ui/components/form/input-date-picker/calendar/calendar-header/index.js.map +1 -1
- package/dist/ui/components/form/input-date-picker/calendar/calendar-header/styles.js +1 -1
- package/dist/ui/components/form/input-date-picker/calendar/calendar-header/styles.js.map +1 -1
- package/dist/ui/components/form/input-date-picker/calendar/days/index.d.ts +1 -1
- package/dist/ui/components/form/input-date-picker/calendar/days/index.js +14 -17
- package/dist/ui/components/form/input-date-picker/calendar/days/index.js.map +1 -1
- package/dist/ui/components/form/input-date-picker/calendar/index.js +7 -10
- package/dist/ui/components/form/input-date-picker/calendar/index.js.map +1 -1
- package/dist/ui/components/form/input-date-picker/calendar/interface.d.ts +0 -1
- package/dist/ui/components/form/input-date-picker/calendar/months/index.d.ts +1 -1
- package/dist/ui/components/form/input-date-picker/calendar/months/index.js +7 -13
- package/dist/ui/components/form/input-date-picker/calendar/months/index.js.map +1 -1
- package/dist/ui/components/form/input-date-picker/calendar/years/index.d.ts +2 -0
- package/dist/ui/components/form/input-date-picker/calendar/years/index.js +75 -0
- package/dist/ui/components/form/input-date-picker/calendar/years/index.js.map +1 -0
- package/dist/ui/components/form/input-date-picker/calendar/years/styles.d.ts +1 -0
- package/dist/ui/components/form/input-date-picker/calendar/years/styles.js +14 -0
- package/dist/ui/components/form/input-date-picker/calendar/years/styles.js.map +1 -0
- package/dist/ui/components/form/input-date-picker/component.js +37 -51
- package/dist/ui/components/form/input-date-picker/component.js.map +1 -1
- package/dist/ui/components/form/input-date-picker/interfaces.d.ts +2 -2
- package/dist/ui/components/form/input-date-picker/styles.d.ts +0 -1
- package/dist/ui/components/form/input-date-picker/styles.js +0 -13
- package/dist/ui/components/form/input-date-picker/styles.js.map +1 -1
- package/dist/ui/components/form/input-date-picker-new/calendar/calendar-header/index.d.ts +2 -0
- package/dist/ui/components/form/input-date-picker-new/calendar/calendar-header/index.js +74 -0
- package/dist/ui/components/form/input-date-picker-new/calendar/calendar-header/index.js.map +1 -0
- package/dist/ui/components/form/input-date-picker-new/calendar/calendar-header/styles.d.ts +1 -0
- package/dist/ui/components/form/input-date-picker-new/calendar/calendar-header/styles.js +23 -0
- package/dist/ui/components/form/input-date-picker-new/calendar/calendar-header/styles.js.map +1 -0
- package/dist/ui/components/form/input-date-picker-new/calendar/days/index.d.ts +2 -0
- package/dist/ui/components/form/input-date-picker-new/calendar/days/index.js +98 -0
- package/dist/ui/components/form/input-date-picker-new/calendar/days/index.js.map +1 -0
- package/dist/ui/components/form/input-date-picker-new/calendar/days/styles.d.ts +1 -0
- package/dist/ui/components/form/input-date-picker-new/calendar/days/styles.js +17 -0
- package/dist/ui/components/form/input-date-picker-new/calendar/days/styles.js.map +1 -0
- package/dist/ui/components/form/input-date-picker-new/calendar/index.d.ts +8 -0
- package/dist/ui/components/form/input-date-picker-new/calendar/index.js +71 -0
- package/dist/ui/components/form/input-date-picker-new/calendar/index.js.map +1 -0
- package/dist/ui/components/form/input-date-picker-new/calendar/interface.d.ts +16 -0
- package/dist/ui/components/form/input-date-picker-new/calendar/interface.js +3 -0
- package/dist/ui/components/form/input-date-picker-new/calendar/interface.js.map +1 -0
- package/dist/ui/components/form/input-date-picker-new/calendar/months/index.d.ts +2 -0
- package/dist/ui/components/form/input-date-picker-new/calendar/months/index.js +83 -0
- package/dist/ui/components/form/input-date-picker-new/calendar/months/index.js.map +1 -0
- package/dist/ui/components/form/input-date-picker-new/calendar/months/styles.d.ts +1 -0
- package/dist/ui/components/form/input-date-picker-new/calendar/months/styles.js +17 -0
- package/dist/ui/components/form/input-date-picker-new/calendar/months/styles.js.map +1 -0
- package/dist/ui/components/form/input-date-picker-new/calendar/styles.d.ts +4 -0
- package/dist/ui/components/form/input-date-picker-new/calendar/styles.js +17 -0
- package/dist/ui/components/form/input-date-picker-new/calendar/styles.js.map +1 -0
- package/dist/ui/components/form/input-date-picker-new/component.d.ts +4 -0
- package/dist/ui/components/form/input-date-picker-new/component.js +105 -0
- package/dist/ui/components/form/input-date-picker-new/component.js.map +1 -0
- package/dist/ui/components/form/input-date-picker-new/index.d.ts +2 -0
- package/dist/ui/components/form/input-date-picker-new/index.js +19 -0
- package/dist/ui/components/form/input-date-picker-new/index.js.map +1 -0
- package/dist/ui/components/form/input-date-picker-new/interfaces.d.ts +22 -0
- package/dist/ui/components/form/input-date-picker-new/interfaces.js +3 -0
- package/dist/ui/components/form/input-date-picker-new/interfaces.js.map +1 -0
- package/dist/ui/components/form/input-date-picker-new/mock/index.d.ts +1 -0
- package/dist/ui/components/form/input-date-picker-new/mock/index.js +18 -0
- package/dist/ui/components/form/input-date-picker-new/mock/index.js.map +1 -0
- package/dist/ui/components/form/input-date-picker-new/mock/translations.d.ts +20 -0
- package/dist/ui/components/form/input-date-picker-new/mock/translations.js +50 -0
- package/dist/ui/components/form/input-date-picker-new/mock/translations.js.map +1 -0
- package/dist/ui/components/form/input-date-picker-new/styles.d.ts +1 -0
- package/dist/ui/components/form/input-date-picker-new/styles.js +14 -0
- package/dist/ui/components/form/input-date-picker-new/styles.js.map +1 -0
- package/package.json +1 -1
|
@@ -1,14 +1 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
-
return cooked;
|
|
5
|
-
};
|
|
6
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
7
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
8
|
-
};
|
|
9
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
|
-
exports.InputDatePicker = void 0;
|
|
11
|
-
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
|
-
exports.InputDatePicker = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n > div:first-child {\n position: relative;\n z-index: 2;\n }\n\n .icon {\n position: absolute;\n top: 50%;\n right: 10px;\n transform: translateY(-50%);\n width: 20px;\n display: flex;\n\n svg {\n width: 100%;\n height: auto;\n }\n }\n"], ["\n > div:first-child {\n position: relative;\n z-index: 2;\n }\n\n .icon {\n position: absolute;\n top: 50%;\n right: 10px;\n transform: translateY(-50%);\n width: 20px;\n display: flex;\n\n svg {\n width: 100%;\n height: auto;\n }\n }\n"])));
|
|
13
|
-
var templateObject_1;
|
|
14
1
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-date-picker/styles.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-date-picker/styles.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
|
+
if (k2 === undefined) k2 = k;
|
|
15
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
16
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
17
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
18
|
+
}
|
|
19
|
+
Object.defineProperty(o, k2, desc);
|
|
20
|
+
}) : (function(o, m, k, k2) {
|
|
21
|
+
if (k2 === undefined) k2 = k;
|
|
22
|
+
o[k2] = m[k];
|
|
23
|
+
}));
|
|
24
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
25
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
26
|
+
}) : function(o, v) {
|
|
27
|
+
o["default"] = v;
|
|
28
|
+
});
|
|
29
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
30
|
+
var ownKeys = function(o) {
|
|
31
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
32
|
+
var ar = [];
|
|
33
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
34
|
+
return ar;
|
|
35
|
+
};
|
|
36
|
+
return ownKeys(o);
|
|
37
|
+
};
|
|
38
|
+
return function (mod) {
|
|
39
|
+
if (mod && mod.__esModule) return mod;
|
|
40
|
+
var result = {};
|
|
41
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
42
|
+
__setModuleDefault(result, mod);
|
|
43
|
+
return result;
|
|
44
|
+
};
|
|
45
|
+
})();
|
|
46
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
47
|
+
exports.CalendarHeader = CalendarHeader;
|
|
48
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
49
|
+
var ui_1 = require("../../../../../../ui/index.js");
|
|
50
|
+
var mock_1 = require("../../mock/index.js");
|
|
51
|
+
var S = __importStar(require("./styles.js"));
|
|
52
|
+
function CalendarHeader(_a) {
|
|
53
|
+
var _b;
|
|
54
|
+
var step = _a.step, _c = _a.language, language = _c === void 0 ? 'pt' : _c, setStep = _a.setStep, dateSelected = _a.dateSelected, setDateSelected = _a.setDateSelected;
|
|
55
|
+
var currentMonth = (_b = mock_1.translations === null || mock_1.translations === void 0 ? void 0 : mock_1.translations[language]) === null || _b === void 0 ? void 0 : _b.months[dateSelected.month];
|
|
56
|
+
return ((0, jsx_runtime_1.jsxs)(S.CalendarHeader, { className: 'calendar-header', children: [(0, jsx_runtime_1.jsxs)("h4", { children: [step === 2 && ((0, jsx_runtime_1.jsx)("div", { className: 'icon-arrow-left', onClick: function () {
|
|
57
|
+
setStep(1);
|
|
58
|
+
}, children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconLeftChevron', color: '#000' }) })), step === 2 && currentMonth.substring(0, 3), " ", dateSelected.year] }), (0, jsx_runtime_1.jsx)("button", { onClick: function () {
|
|
59
|
+
if (step === 1) {
|
|
60
|
+
setDateSelected(function (state) { return (__assign(__assign({}, state), { year: state.year > 0 ? state.year - 1 : state.year })); });
|
|
61
|
+
}
|
|
62
|
+
if (step === 2) {
|
|
63
|
+
setDateSelected(function (state) { return (__assign(__assign({}, state), { month: state.month > 0 ? state.month - 1 : state.month })); });
|
|
64
|
+
}
|
|
65
|
+
}, children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconLeftChevron' }) }), (0, jsx_runtime_1.jsx)("button", { onClick: function () {
|
|
66
|
+
if (step === 1) {
|
|
67
|
+
setDateSelected(function (state) { return (__assign(__assign({}, state), { year: state.year + 1 })); });
|
|
68
|
+
}
|
|
69
|
+
if (step === 2) {
|
|
70
|
+
setDateSelected(function (state) { return (__assign(__assign({}, state), { month: state.month === 12 ? state.month : state.month + 1 })); });
|
|
71
|
+
}
|
|
72
|
+
}, children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconRightChevron' }) })] }));
|
|
73
|
+
}
|
|
74
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/form/input-date-picker-new/calendar/calendar-header/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,wCA4DC;;AAnED,2BAA2B;AAG3B,mCAAyC;AAEzC,0CAA6B;AAE7B,SAAgB,cAAc,CAAC,EAMN;;QALvB,IAAI,UAAA,EACJ,gBAAe,EAAf,QAAQ,mBAAG,IAAI,KAAA,EACf,OAAO,aAAA,EACP,YAAY,kBAAA,EACZ,eAAe,qBAAA;IAEf,IAAM,YAAY,GAAG,MAAA,mBAAY,aAAZ,mBAAY,uBAAZ,mBAAY,CAAG,QAAQ,CAAC,0CAAE,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC,CAAA;IAEzE,OAAO,CACL,wBAAC,CAAC,CAAC,cAAc,IAAC,SAAS,EAAC,iBAAiB,aAC3C,2CACG,IAAI,KAAK,CAAC,IAAI,CACb,gCACE,SAAS,EAAC,iBAAiB,EAC3B,OAAO,EAAE;4BACP,OAAO,CAAC,CAAC,CAAC,CAAA;wBACZ,CAAC,YAED,uBAAC,SAAI,IAAC,IAAI,EAAC,iBAAiB,EAAC,KAAK,EAAC,MAAM,GAAG,GACxC,CACP,EACA,IAAI,KAAK,CAAC,IAAI,YAAY,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,OAAG,YAAY,CAAC,IAAI,IAC5D,EAEL,mCACE,OAAO,EAAE;oBACP,IAAI,IAAI,KAAK,CAAC,EAAE,CAAC;wBACf,eAAe,CAAC,UAAC,KAAK,IAAK,OAAA,uBACtB,KAAK,KACR,IAAI,EAAE,KAAK,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,IAClD,EAHyB,CAGzB,CAAC,CAAA;oBACL,CAAC;oBAED,IAAI,IAAI,KAAK,CAAC,EAAE,CAAC;wBACf,eAAe,CAAC,UAAC,KAAK,IAAK,OAAA,uBACtB,KAAK,KACR,KAAK,EAAE,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,IACtD,EAHyB,CAGzB,CAAC,CAAA;oBACL,CAAC;gBACH,CAAC,YAED,uBAAC,SAAI,IAAC,IAAI,EAAC,iBAAiB,GAAG,GACxB,EAET,mCACE,OAAO,EAAE;oBACP,IAAI,IAAI,KAAK,CAAC,EAAE,CAAC;wBACf,eAAe,CAAC,UAAC,KAAK,IAAK,OAAA,uBAAM,KAAK,KAAE,IAAI,EAAE,KAAK,CAAC,IAAI,GAAG,CAAC,IAAG,EAApC,CAAoC,CAAC,CAAA;oBAClE,CAAC;oBAED,IAAI,IAAI,KAAK,CAAC,EAAE,CAAC;wBACf,eAAe,CAAC,UAAC,KAAK,IAAK,OAAA,uBAAM,KAAK,KAAE,KAAK,EAAE,KAAK,CAAC,KAAK,KAAK,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,IAAG,EAAzE,CAAyE,CAAC,CAAA;oBACvG,CAAC;gBACH,CAAC,YAED,uBAAC,SAAI,IAAC,IAAI,EAAC,kBAAkB,GAAG,GACzB,IACQ,CACpB,CAAA;AACH,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const CalendarHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, never>> & string;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
+
return cooked;
|
|
5
|
+
};
|
|
6
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
7
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
8
|
+
};
|
|
9
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
|
+
exports.CalendarHeader = void 0;
|
|
11
|
+
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
|
+
exports.CalendarHeader = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n\n button {\n border: none;\n padding: 0;\n background-color: transparent;\n\n svg {\n display: block;\n margin: auto;\n\n height: 10px;\n width: auto;\n fill: ", ";\n\n path {\n stroke: ", ";\n stroke-width: 2;\n }\n }\n }\n\n h4 {\n color: ", ";\n font-size: 12px;\n font-weight: 500;\n display: flex;\n align-items: center;\n gap: 5px;\n margin: 0 auto 0 8px;\n\n .icon-arrow-left {\n display: flex;\n cursor: pointer;\n\n svg {\n height: 12px;\n }\n }\n }\n\n button {\n width: 22px;\n height: 22px;\n border-radius: 2px;\n background-color: #d5e1f9;\n\n & + button {\n margin-left: 8px;\n }\n }\n"], ["\n display: flex;\n justify-content: space-between;\n align-items: center;\n\n button {\n border: none;\n padding: 0;\n background-color: transparent;\n\n svg {\n display: block;\n margin: auto;\n\n height: 10px;\n width: auto;\n fill: ", ";\n\n path {\n stroke: ", ";\n stroke-width: 2;\n }\n }\n }\n\n h4 {\n color: ", ";\n font-size: 12px;\n font-weight: 500;\n display: flex;\n align-items: center;\n gap: 5px;\n margin: 0 auto 0 8px;\n\n .icon-arrow-left {\n display: flex;\n cursor: pointer;\n\n svg {\n height: 12px;\n }\n }\n }\n\n button {\n width: 22px;\n height: 22px;\n border-radius: 2px;\n background-color: #d5e1f9;\n\n & + button {\n margin-left: 8px;\n }\n }\n"])), function (_a) {
|
|
13
|
+
var theme = _a.theme;
|
|
14
|
+
return theme.primaryColor || '#2c68df';
|
|
15
|
+
}, function (_a) {
|
|
16
|
+
var theme = _a.theme;
|
|
17
|
+
return theme.primaryColor || '#2c68df';
|
|
18
|
+
}, function (_a) {
|
|
19
|
+
var theme = _a.theme;
|
|
20
|
+
return theme.primaryColor || '#2c68df';
|
|
21
|
+
});
|
|
22
|
+
var templateObject_1;
|
|
23
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/form/input-date-picker-new/calendar/calendar-header/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,cAAc,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,g4BAAA,uRAgB7B,EAA8C,qCAG1C,EAA8C,yEAOnD,EAA8C,kbA4B1D,KAtCa,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,YAAY,IAAI,SAAS;AAA/B,CAA+B,EAG1C,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,YAAY,IAAI,SAAS;AAA/B,CAA+B,EAOnD,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,YAAY,IAAI,SAAS;AAA/B,CAA+B,EA4B1D"}
|
|
@@ -0,0 +1,98 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
|
+
if (k2 === undefined) k2 = k;
|
|
15
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
16
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
17
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
18
|
+
}
|
|
19
|
+
Object.defineProperty(o, k2, desc);
|
|
20
|
+
}) : (function(o, m, k, k2) {
|
|
21
|
+
if (k2 === undefined) k2 = k;
|
|
22
|
+
o[k2] = m[k];
|
|
23
|
+
}));
|
|
24
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
25
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
26
|
+
}) : function(o, v) {
|
|
27
|
+
o["default"] = v;
|
|
28
|
+
});
|
|
29
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
30
|
+
var ownKeys = function(o) {
|
|
31
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
32
|
+
var ar = [];
|
|
33
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
34
|
+
return ar;
|
|
35
|
+
};
|
|
36
|
+
return ownKeys(o);
|
|
37
|
+
};
|
|
38
|
+
return function (mod) {
|
|
39
|
+
if (mod && mod.__esModule) return mod;
|
|
40
|
+
var result = {};
|
|
41
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
42
|
+
__setModuleDefault(result, mod);
|
|
43
|
+
return result;
|
|
44
|
+
};
|
|
45
|
+
})();
|
|
46
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
47
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
48
|
+
};
|
|
49
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
50
|
+
exports.Days = Days;
|
|
51
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
52
|
+
var moment_1 = __importDefault(require("moment"));
|
|
53
|
+
var formik_1 = require("formik");
|
|
54
|
+
var mock_1 = require("../../mock/index.js");
|
|
55
|
+
var S = __importStar(require("./styles.js"));
|
|
56
|
+
function Days(_a) {
|
|
57
|
+
var name = _a.name, type = _a.type, _b = _a.language, language = _b === void 0 ? 'pt' : _b, date = _a.date, dateFormat = _a.dateFormat, dateSelected = _a.dateSelected, handleToggle = _a.handleToggle, setDateSelected = _a.setDateSelected;
|
|
58
|
+
var _c = (0, formik_1.useField)({ name: name, type: type }), field = _c[0], _ = _c[1], utils = _c[2];
|
|
59
|
+
var value = field === null || field === void 0 ? void 0 : field.value;
|
|
60
|
+
var week = mock_1.translations[language].days;
|
|
61
|
+
var currentDate = (0, moment_1.default)();
|
|
62
|
+
function createButton(text, type) {
|
|
63
|
+
if (type === void 0) { type = 0; }
|
|
64
|
+
var comparisonDate = new Date(dateSelected.year, dateSelected.month + type, text);
|
|
65
|
+
var isDateInRange = (!(date === null || date === void 0 ? void 0 : date.minDate) || comparisonDate >= (date === null || date === void 0 ? void 0 : date.minDate)) && (!(date === null || date === void 0 ? void 0 : date.maxDate) || comparisonDate <= (date === null || date === void 0 ? void 0 : date.maxDate));
|
|
66
|
+
var isSelected = value === comparisonDate;
|
|
67
|
+
var isToday = (currentDate === null || currentDate === void 0 ? void 0 : currentDate.date()) === text &&
|
|
68
|
+
(currentDate === null || currentDate === void 0 ? void 0 : currentDate.year()) === dateSelected.year &&
|
|
69
|
+
(currentDate === null || currentDate === void 0 ? void 0 : currentDate.month()) === dateSelected.month;
|
|
70
|
+
return ((0, jsx_runtime_1.jsx)("button", { className: "".concat(isToday ? 'today' : '', " ").concat(isSelected ? 'selected' : '', " ").concat(isDateInRange ? '' : 'disabled'), onClick: function () {
|
|
71
|
+
if (!isDateInRange)
|
|
72
|
+
return;
|
|
73
|
+
setDateSelected(__assign(__assign({}, dateSelected), { day: text }));
|
|
74
|
+
utils.setValue((0, moment_1.default)(new Date(comparisonDate)).format(dateFormat));
|
|
75
|
+
setTimeout(function () { return handleToggle(false); }, 0);
|
|
76
|
+
}, disabled: !isDateInRange, type: 'button', children: text }, "".concat(type, "-").concat(text)));
|
|
77
|
+
}
|
|
78
|
+
function displayDates() {
|
|
79
|
+
var dates = [];
|
|
80
|
+
var lastOfPrevMonth = new Date(dateSelected.year, dateSelected.month, 0);
|
|
81
|
+
for (var i = 0; i <= lastOfPrevMonth.getDay(); i++) {
|
|
82
|
+
var text = lastOfPrevMonth.getDate() - lastOfPrevMonth.getDay() + i;
|
|
83
|
+
dates.push(createButton(text, -1));
|
|
84
|
+
}
|
|
85
|
+
var lastOfMonth = new Date(dateSelected.year, dateSelected.month + 1, 0);
|
|
86
|
+
for (var i = 1; i <= lastOfMonth.getDate(); i++) {
|
|
87
|
+
dates.push(createButton(i));
|
|
88
|
+
}
|
|
89
|
+
var firstOfNextMonth = new Date(dateSelected.year, dateSelected.month + 1, 1);
|
|
90
|
+
for (var i = firstOfNextMonth.getDay(); i < 7; i++) {
|
|
91
|
+
var text = firstOfNextMonth.getDate() - firstOfNextMonth.getDay() + i;
|
|
92
|
+
dates.push(createButton(text, 1));
|
|
93
|
+
}
|
|
94
|
+
return dates;
|
|
95
|
+
}
|
|
96
|
+
return ((0, jsx_runtime_1.jsxs)(S.Days, { className: 'days-box', children: [(0, jsx_runtime_1.jsx)("div", { className: 'week', children: week.map(function (day) { return ((0, jsx_runtime_1.jsx)("p", { children: day }, day)); }) }), (0, jsx_runtime_1.jsx)("div", { className: 'days', children: displayDates() })] }));
|
|
97
|
+
}
|
|
98
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/form/input-date-picker-new/calendar/days/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const Days: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, never>> & string;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
+
return cooked;
|
|
5
|
+
};
|
|
6
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
7
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
8
|
+
};
|
|
9
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
|
+
exports.Days = void 0;
|
|
11
|
+
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
|
+
exports.Days = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n .week {\n display: flex;\n gap: 5px;\n justify-content: space-between;\n\n padding: 6px 0;\n\n p {\n color: #d5e1f9;\n font-size: 10px;\n font-weight: 500;\n text-align: center;\n text-transform: uppercase;\n\n margin-bottom: 0;\n }\n }\n\n .days {\n display: grid;\n gap: 5px;\n grid-template-columns: repeat(7, 25px);\n justify-content: space-between;\n\n > button {\n border: unset;\n background: unset;\n padding: 0;\n\n color: #2a2a2a;\n text-align: center;\n font-size: 12px;\n font-weight: 400;\n\n height: 25px;\n border-radius: 8px;\n\n &.today:not(:disabled) {\n background-color: #f2f2f2;\n }\n\n &.disabled {\n opacity: 0.5;\n cursor: not-allowed;\n }\n\n &.selected {\n color: white;\n background-color: ", ";\n }\n\n &:disabled {\n color: #aaaaaa;\n }\n }\n }\n"], ["\n .week {\n display: flex;\n gap: 5px;\n justify-content: space-between;\n\n padding: 6px 0;\n\n p {\n color: #d5e1f9;\n font-size: 10px;\n font-weight: 500;\n text-align: center;\n text-transform: uppercase;\n\n margin-bottom: 0;\n }\n }\n\n .days {\n display: grid;\n gap: 5px;\n grid-template-columns: repeat(7, 25px);\n justify-content: space-between;\n\n > button {\n border: unset;\n background: unset;\n padding: 0;\n\n color: #2a2a2a;\n text-align: center;\n font-size: 12px;\n font-weight: 400;\n\n height: 25px;\n border-radius: 8px;\n\n &.today:not(:disabled) {\n background-color: #f2f2f2;\n }\n\n &.disabled {\n opacity: 0.5;\n cursor: not-allowed;\n }\n\n &.selected {\n color: white;\n background-color: ", ";\n }\n\n &:disabled {\n color: #aaaaaa;\n }\n }\n }\n"])), function (_a) {
|
|
13
|
+
var theme = _a.theme;
|
|
14
|
+
return theme.primaryColor || '#2c68df';
|
|
15
|
+
});
|
|
16
|
+
var templateObject_1;
|
|
17
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/form/input-date-picker-new/calendar/days/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,IAAI,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,ohCAAA,63BAiDL,EAA8C,kFAQzE,KAR2B,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,YAAY,IAAI,SAAS;AAA/B,CAA+B,EAQzE"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { CalendarProps, DateSelected } from './interface.js';
|
|
2
|
+
export type CalendarComponentProps = CalendarProps & {
|
|
3
|
+
step: number;
|
|
4
|
+
setStep: React.Dispatch<React.SetStateAction<number>>;
|
|
5
|
+
dateSelected: DateSelected;
|
|
6
|
+
setDateSelected: React.Dispatch<React.SetStateAction<DateSelected>>;
|
|
7
|
+
};
|
|
8
|
+
export declare function Calendar(props: CalendarProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
|
+
if (k2 === undefined) k2 = k;
|
|
15
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
16
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
17
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
18
|
+
}
|
|
19
|
+
Object.defineProperty(o, k2, desc);
|
|
20
|
+
}) : (function(o, m, k, k2) {
|
|
21
|
+
if (k2 === undefined) k2 = k;
|
|
22
|
+
o[k2] = m[k];
|
|
23
|
+
}));
|
|
24
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
25
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
26
|
+
}) : function(o, v) {
|
|
27
|
+
o["default"] = v;
|
|
28
|
+
});
|
|
29
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
30
|
+
var ownKeys = function(o) {
|
|
31
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
32
|
+
var ar = [];
|
|
33
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
34
|
+
return ar;
|
|
35
|
+
};
|
|
36
|
+
return ownKeys(o);
|
|
37
|
+
};
|
|
38
|
+
return function (mod) {
|
|
39
|
+
if (mod && mod.__esModule) return mod;
|
|
40
|
+
var result = {};
|
|
41
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
42
|
+
__setModuleDefault(result, mod);
|
|
43
|
+
return result;
|
|
44
|
+
};
|
|
45
|
+
})();
|
|
46
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
47
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
48
|
+
};
|
|
49
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
50
|
+
exports.Calendar = Calendar;
|
|
51
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
52
|
+
var react_1 = require("react");
|
|
53
|
+
var formik_1 = require("formik");
|
|
54
|
+
var days_1 = require("./days/index.js");
|
|
55
|
+
var months_1 = require("./months/index.js");
|
|
56
|
+
var calendar_header_1 = require("./calendar-header/index.js");
|
|
57
|
+
var S = __importStar(require("./styles.js"));
|
|
58
|
+
var moment_1 = __importDefault(require("moment"));
|
|
59
|
+
function Calendar(props) {
|
|
60
|
+
var field = (0, formik_1.useField)({ name: props.name, type: props.type })[0];
|
|
61
|
+
var value = field === null || field === void 0 ? void 0 : field.value;
|
|
62
|
+
var _a = (0, react_1.useState)({
|
|
63
|
+
day: (0, moment_1.default)(value).day() || 0,
|
|
64
|
+
year: (0, moment_1.default)(value).year() || (0, moment_1.default)().year(),
|
|
65
|
+
month: (0, moment_1.default)(value).month() || 0,
|
|
66
|
+
}), dateSelected = _a[0], setDateSelected = _a[1];
|
|
67
|
+
var _b = (0, react_1.useState)(1), step = _b[0], setStep = _b[1];
|
|
68
|
+
var sharedProps = __assign(__assign({}, props), { step: step, setStep: setStep, dateSelected: dateSelected, setDateSelected: setDateSelected });
|
|
69
|
+
return ((0, jsx_runtime_1.jsxs)(S.Calendar, { "$customCalendar": props.customCalendarStyles, children: [(0, jsx_runtime_1.jsx)(calendar_header_1.CalendarHeader, __assign({}, sharedProps)), (0, jsx_runtime_1.jsx)("div", { style: { display: step === 1 ? 'block' : 'none' }, children: (0, jsx_runtime_1.jsx)(months_1.Months, __assign({}, sharedProps)) }), (0, jsx_runtime_1.jsx)("div", { style: { display: step === 2 ? 'block' : 'none' }, children: (0, jsx_runtime_1.jsx)(days_1.Days, __assign({}, sharedProps)) })] }));
|
|
70
|
+
}
|
|
71
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/input-date-picker-new/calendar/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBA,4BAiCC;;AArDD,+BAAgC;AAEhC,iCAAmD;AAEnD,+BAA6B;AAC7B,mCAAiC;AACjC,qDAAkD;AAIlD,0CAA6B;AAC7B,kDAA2B;AAS3B,SAAgB,QAAQ,CAAC,KAAoB;IACpC,IAAA,KAAK,GAAI,IAAA,iBAAQ,EAAC,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC,GAApD,CAAoD;IAChE,IAAM,KAAK,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,CAAA;IAEpB,IAAA,KAAkC,IAAA,gBAAQ,EAAe;QAC7D,GAAG,EAAE,IAAA,gBAAM,EAAC,KAAK,CAAC,CAAC,GAAG,EAAE,IAAI,CAAC;QAC7B,IAAI,EAAE,IAAA,gBAAM,EAAC,KAAK,CAAC,CAAC,IAAI,EAAE,IAAI,IAAA,gBAAM,GAAE,CAAC,IAAI,EAAE;QAC7C,KAAK,EAAE,IAAA,gBAAM,EAAC,KAAK,CAAC,CAAC,KAAK,EAAE,IAAI,CAAC;KAClC,CAAC,EAJK,YAAY,QAAA,EAAE,eAAe,QAIlC,CAAA;IAEI,IAAA,KAAkB,IAAA,gBAAQ,EAAC,CAAC,CAAC,EAA5B,IAAI,QAAA,EAAE,OAAO,QAAe,CAAA;IAEnC,IAAM,WAAW,yBACZ,KAAK,KACR,IAAI,MAAA,EACJ,OAAO,SAAA,EACP,YAAY,cAAA,EACZ,eAAe,iBAAA,GAChB,CAAA;IAED,OAAO,CACL,wBAAC,CAAC,CAAC,QAAQ,uBAAkB,KAAK,CAAC,oBAAoB,aACrD,uBAAC,gCAAc,eAAK,WAAW,EAAI,EAEnC,gCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EAAE,YACpD,uBAAC,eAAM,eAAK,WAAW,EAAI,GACvB,EAEN,gCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EAAE,YACpD,uBAAC,WAAI,eAAK,WAAW,EAAI,GACrB,IACK,CACd,CAAA;AACH,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { FieldHelperProps } from 'formik';
|
|
2
|
+
import { InputProps } from '../../interfaces.js';
|
|
3
|
+
export type DateSelected = {
|
|
4
|
+
year: number;
|
|
5
|
+
month: number;
|
|
6
|
+
day: number;
|
|
7
|
+
};
|
|
8
|
+
export interface DateSelectedStateType {
|
|
9
|
+
dateSelected: DateSelected;
|
|
10
|
+
setDateSelected: (props: DateSelected) => void;
|
|
11
|
+
}
|
|
12
|
+
export interface CalendarProps extends InputProps {
|
|
13
|
+
handleToggle: (state?: boolean) => void;
|
|
14
|
+
utils: FieldHelperProps<any>;
|
|
15
|
+
dateFormat: string;
|
|
16
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"interface.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/input-date-picker-new/calendar/interface.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
|
+
if (k2 === undefined) k2 = k;
|
|
15
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
16
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
17
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
18
|
+
}
|
|
19
|
+
Object.defineProperty(o, k2, desc);
|
|
20
|
+
}) : (function(o, m, k, k2) {
|
|
21
|
+
if (k2 === undefined) k2 = k;
|
|
22
|
+
o[k2] = m[k];
|
|
23
|
+
}));
|
|
24
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
25
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
26
|
+
}) : function(o, v) {
|
|
27
|
+
o["default"] = v;
|
|
28
|
+
});
|
|
29
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
30
|
+
var ownKeys = function(o) {
|
|
31
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
32
|
+
var ar = [];
|
|
33
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
34
|
+
return ar;
|
|
35
|
+
};
|
|
36
|
+
return ownKeys(o);
|
|
37
|
+
};
|
|
38
|
+
return function (mod) {
|
|
39
|
+
if (mod && mod.__esModule) return mod;
|
|
40
|
+
var result = {};
|
|
41
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
42
|
+
__setModuleDefault(result, mod);
|
|
43
|
+
return result;
|
|
44
|
+
};
|
|
45
|
+
})();
|
|
46
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
47
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
48
|
+
};
|
|
49
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
50
|
+
exports.Months = Months;
|
|
51
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
52
|
+
var moment_1 = __importDefault(require("moment"));
|
|
53
|
+
var formik_1 = require("formik");
|
|
54
|
+
var mock_1 = require("../../mock/index.js");
|
|
55
|
+
var S = __importStar(require("./styles.js"));
|
|
56
|
+
function Months(_a) {
|
|
57
|
+
var _b;
|
|
58
|
+
var _c = _a.language, language = _c === void 0 ? 'pt' : _c, name = _a.name, mode = _a.mode, date = _a.date, type = _a.type, dateFormat = _a.dateFormat, dateSelected = _a.dateSelected, setStep = _a.setStep, handleToggle = _a.handleToggle, setDateSelected = _a.setDateSelected;
|
|
59
|
+
var _d = (0, formik_1.useField)({ name: name, type: type }), field = _d[0], _ = _d[1], utils = _d[2];
|
|
60
|
+
var value = field === null || field === void 0 ? void 0 : field.value;
|
|
61
|
+
var months = (_b = mock_1.translations[language]) === null || _b === void 0 ? void 0 : _b.months;
|
|
62
|
+
return ((0, jsx_runtime_1.jsx)(S.Months, { className: 'months-box', children: months.map(function (monthName, index) {
|
|
63
|
+
var _a, _b;
|
|
64
|
+
var monthDate = new Date(dateSelected.year, index, 1);
|
|
65
|
+
var isMonthInRange = ((date === null || date === void 0 ? void 0 : date.minDate) ? monthDate >= new Date((_a = date === null || date === void 0 ? void 0 : date.minDate) === null || _a === void 0 ? void 0 : _a.getFullYear(), date === null || date === void 0 ? void 0 : date.minDate.getMonth(), 1) : true) &&
|
|
66
|
+
((date === null || date === void 0 ? void 0 : date.maxDate) ? monthDate <= new Date((_b = date === null || date === void 0 ? void 0 : date.maxDate) === null || _b === void 0 ? void 0 : _b.getFullYear(), date === null || date === void 0 ? void 0 : date.maxDate.getMonth(), 1) : true);
|
|
67
|
+
var isSelected = (0, moment_1.default)(value).month() === index &&
|
|
68
|
+
(0, moment_1.default)(value).month() === dateSelected.month &&
|
|
69
|
+
(0, moment_1.default)(value).year() === dateSelected.year;
|
|
70
|
+
return ((0, jsx_runtime_1.jsx)("button", { type: 'button', className: "".concat(isSelected && 'selected', " ").concat(new Date().getMonth() === index && !isSelected && 'current', " ").concat(!isMonthInRange && 'disabled'), onClick: function () {
|
|
71
|
+
if (!isMonthInRange)
|
|
72
|
+
return;
|
|
73
|
+
setDateSelected(__assign(__assign({}, dateSelected), { month: index }));
|
|
74
|
+
if (mode === 'month') {
|
|
75
|
+
var newValue = new Date(dateSelected === null || dateSelected === void 0 ? void 0 : dateSelected.year, index, 1);
|
|
76
|
+
utils.setValue((0, moment_1.default)(newValue).format(dateFormat));
|
|
77
|
+
handleToggle(false);
|
|
78
|
+
}
|
|
79
|
+
setStep(2);
|
|
80
|
+
}, disabled: !isMonthInRange, children: monthName.substring(0, 3) }, monthName));
|
|
81
|
+
}) }));
|
|
82
|
+
}
|
|
83
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/form/input-date-picker-new/calendar/months/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const Months: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, never>> & string;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
+
return cooked;
|
|
5
|
+
};
|
|
6
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
7
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
8
|
+
};
|
|
9
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
|
+
exports.Months = void 0;
|
|
11
|
+
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
|
+
exports.Months = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: grid;\n gap: 5px;\n grid-template-columns: repeat(3, 1fr);\n justify-content: space-between;\n\n > button {\n padding: 6px;\n border: unset;\n border-radius: 8px;\n background-color: transparent;\n\n color: #2a2a2a;\n font-size: 12px;\n font-weight: 400;\n\n &.selected {\n color: white;\n background-color: ", ";\n }\n\n &.disabled {\n opacity: 0.5;\n cursor: not-allowed;\n }\n\n &.current {\n color: currentColor;\n background-color: #f2f2f2;\n }\n }\n"], ["\n display: grid;\n gap: 5px;\n grid-template-columns: repeat(3, 1fr);\n justify-content: space-between;\n\n > button {\n padding: 6px;\n border: unset;\n border-radius: 8px;\n background-color: transparent;\n\n color: #2a2a2a;\n font-size: 12px;\n font-weight: 400;\n\n &.selected {\n color: white;\n background-color: ", ";\n }\n\n &.disabled {\n opacity: 0.5;\n cursor: not-allowed;\n }\n\n &.current {\n color: currentColor;\n background-color: #f2f2f2;\n }\n }\n"])), function (_a) {
|
|
13
|
+
var theme = _a.theme;
|
|
14
|
+
return theme.primaryColor || '#2c68df';
|
|
15
|
+
});
|
|
16
|
+
var templateObject_1;
|
|
17
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/form/input-date-picker-new/calendar/months/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,MAAM,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,mmBAAA,yWAkBT,EAA8C,qLAavE,KAbyB,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,YAAY,IAAI,SAAS;AAA/B,CAA+B,EAavE"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { CustomCalendarStyles } from '../interfaces.js';
|
|
2
|
+
export declare const Calendar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, {
|
|
3
|
+
$customCalendar: CustomCalendarStyles;
|
|
4
|
+
}>> & string;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
+
return cooked;
|
|
5
|
+
};
|
|
6
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
7
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
8
|
+
};
|
|
9
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
|
+
exports.Calendar = void 0;
|
|
11
|
+
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
|
+
exports.Calendar = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n min-width: 220px;\n min-height: 170px;\n\n padding: 10px 5px;\n\n width: 100%;\n background: white;\n border-radius: 7px;\n border: 1px solid #d5e1f9;\n\n ", "\n"], ["\n min-width: 220px;\n min-height: 170px;\n\n padding: 10px 5px;\n\n width: 100%;\n background: white;\n border-radius: 7px;\n border: 1px solid #d5e1f9;\n\n ", "\n"])), function (_a) {
|
|
13
|
+
var $customCalendar = _a.$customCalendar;
|
|
14
|
+
return $customCalendar;
|
|
15
|
+
});
|
|
16
|
+
var templateObject_1;
|
|
17
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/input-date-picker-new/calendar/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAIzB,QAAA,QAAQ,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,iPAA2C,wKAW5E,EAAwC,IAC3C,KADG,UAAC,EAAmB;QAAjB,eAAe,qBAAA;IAAO,OAAA,eAAe;AAAf,CAAe,EAC3C"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { InputProps } from '../interfaces.js';
|
|
2
|
+
import { IInputDatePicker } from './interfaces.js';
|
|
3
|
+
export type InputDatePickerProps = Pick<IInputDatePicker, 'mode' | 'language'>;
|
|
4
|
+
export declare const InputDatePickerNew: (props: InputProps & InputDatePickerProps) => import("react/jsx-runtime").JSX.Element;
|