infinity-forge 6.2.3 → 6.2.5
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/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 +1 -1
- 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/days/index.d.ts +1 -1
- package/dist/ui/components/form/input-date-picker/calendar/days/index.js +17 -14
- 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 +9 -5
- 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 +1 -0
- 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 +13 -7
- package/dist/ui/components/form/input-date-picker/calendar/months/index.js.map +1 -1
- package/dist/ui/components/form/input-date-picker/component.js +12 -38
- package/dist/ui/components/form/input-date-picker/component.js.map +1 -1
- package/dist/ui/components/form/input-date-range/component.js +8 -1
- package/dist/ui/components/form/input-date-range/component.js.map +1 -1
- package/dist/ui/components/form/input-date-range/styles.js +1 -1
- package/dist/ui/components/form/input-date-range/styles.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { CalendarComponentProps } from '../index.js';
|
|
2
|
-
export declare function CalendarHeader({ step, language, setStep, dateSelected, setDateSelected,
|
|
2
|
+
export declare function CalendarHeader({ step, language, setStep, dateSelected, setDateSelected, }: CalendarComponentProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -51,7 +51,7 @@ var mock_1 = require("../../mock/index.js");
|
|
|
51
51
|
var S = __importStar(require("./styles.js"));
|
|
52
52
|
function CalendarHeader(_a) {
|
|
53
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
|
|
54
|
+
var step = _a.step, _c = _a.language, language = _c === void 0 ? 'pt' : _c, setStep = _a.setStep, dateSelected = _a.dateSelected, setDateSelected = _a.setDateSelected;
|
|
55
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
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
57
|
setStep(1);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/form/input-date-picker/calendar/calendar-header/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/form/input-date-picker/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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { CalendarComponentProps } from '../index.js';
|
|
2
|
-
export declare function Days({ name, language, date, dateSelected, handleToggle, setDateSelected, }: CalendarComponentProps): import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
export declare function Days({ name, type, language, date, dateFormat, dateSelected, handleToggle, setDateSelected, }: CalendarComponentProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -43,32 +43,35 @@ var __importStar = (this && this.__importStar) || (function () {
|
|
|
43
43
|
return result;
|
|
44
44
|
};
|
|
45
45
|
})();
|
|
46
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
47
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
48
|
+
};
|
|
46
49
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
47
50
|
exports.Days = Days;
|
|
48
51
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
52
|
+
var moment_1 = __importDefault(require("moment"));
|
|
49
53
|
var formik_1 = require("formik");
|
|
50
54
|
var mock_1 = require("../../mock/index.js");
|
|
51
55
|
var S = __importStar(require("./styles.js"));
|
|
52
56
|
function Days(_a) {
|
|
53
|
-
var name = _a.name, _b = _a.language, language = _b === void 0 ? 'pt' : _b, date = _a.date, dateSelected = _a.dateSelected, handleToggle = _a.handleToggle, setDateSelected = _a.setDateSelected;
|
|
54
|
-
var _c = (0, formik_1.
|
|
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;
|
|
55
60
|
var week = mock_1.translations[language].days;
|
|
56
|
-
var
|
|
57
|
-
|
|
58
|
-
function createButton(text, isDisabled, type) {
|
|
59
|
-
if (isDisabled === void 0) { isDisabled = false; }
|
|
61
|
+
var currentDate = (0, moment_1.default)();
|
|
62
|
+
function createButton(text, type) {
|
|
60
63
|
if (type === void 0) { type = 0; }
|
|
61
64
|
var comparisonDate = new Date(dateSelected.year, dateSelected.month + type, text);
|
|
62
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));
|
|
63
|
-
var isSelected =
|
|
64
|
-
var isToday = (currentDate === null || currentDate === void 0 ? void 0 : currentDate.
|
|
65
|
-
(currentDate === null || currentDate === void 0 ? void 0 : currentDate.
|
|
66
|
-
(currentDate === null || currentDate === void 0 ? void 0 : currentDate.
|
|
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;
|
|
67
70
|
return ((0, jsx_runtime_1.jsx)("button", { className: "".concat(isToday ? 'today' : '', " ").concat(isSelected ? 'selected' : '', " ").concat(isDateInRange ? '' : 'disabled'), onClick: function () {
|
|
68
71
|
if (!isDateInRange)
|
|
69
72
|
return;
|
|
70
73
|
setDateSelected(__assign(__assign({}, dateSelected), { day: text }));
|
|
71
|
-
|
|
74
|
+
utils.setValue((0, moment_1.default)(new Date(comparisonDate)).format(dateFormat));
|
|
72
75
|
setTimeout(function () { return handleToggle(false); }, 0);
|
|
73
76
|
}, disabled: !isDateInRange, type: 'button', children: text }, "".concat(type, "-").concat(text)));
|
|
74
77
|
}
|
|
@@ -77,16 +80,16 @@ function Days(_a) {
|
|
|
77
80
|
var lastOfPrevMonth = new Date(dateSelected.year, dateSelected.month, 0);
|
|
78
81
|
for (var i = 0; i <= lastOfPrevMonth.getDay(); i++) {
|
|
79
82
|
var text = lastOfPrevMonth.getDate() - lastOfPrevMonth.getDay() + i;
|
|
80
|
-
dates.push(createButton(text,
|
|
83
|
+
dates.push(createButton(text, -1));
|
|
81
84
|
}
|
|
82
85
|
var lastOfMonth = new Date(dateSelected.year, dateSelected.month + 1, 0);
|
|
83
86
|
for (var i = 1; i <= lastOfMonth.getDate(); i++) {
|
|
84
|
-
dates.push(createButton(i
|
|
87
|
+
dates.push(createButton(i));
|
|
85
88
|
}
|
|
86
89
|
var firstOfNextMonth = new Date(dateSelected.year, dateSelected.month + 1, 1);
|
|
87
90
|
for (var i = firstOfNextMonth.getDay(); i < 7; i++) {
|
|
88
91
|
var text = firstOfNextMonth.getDate() - firstOfNextMonth.getDay() + i;
|
|
89
|
-
dates.push(createButton(text,
|
|
92
|
+
dates.push(createButton(text, 1));
|
|
90
93
|
}
|
|
91
94
|
return dates;
|
|
92
95
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/form/input-date-picker/calendar/days/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/form/input-date-picker/calendar/days/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -43,6 +43,9 @@ var __importStar = (this && this.__importStar) || (function () {
|
|
|
43
43
|
return result;
|
|
44
44
|
};
|
|
45
45
|
})();
|
|
46
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
47
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
48
|
+
};
|
|
46
49
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
47
50
|
exports.Calendar = Calendar;
|
|
48
51
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
@@ -52,13 +55,14 @@ var days_1 = require("./days/index.js");
|
|
|
52
55
|
var months_1 = require("./months/index.js");
|
|
53
56
|
var calendar_header_1 = require("./calendar-header/index.js");
|
|
54
57
|
var S = __importStar(require("./styles.js"));
|
|
58
|
+
var moment_1 = __importDefault(require("moment"));
|
|
55
59
|
function Calendar(props) {
|
|
56
|
-
var
|
|
57
|
-
var value =
|
|
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;
|
|
58
62
|
var _a = (0, react_1.useState)({
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
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,
|
|
62
66
|
}), dateSelected = _a[0], setDateSelected = _a[1];
|
|
63
67
|
var _b = (0, react_1.useState)(1), step = _b[0], setStep = _b[1];
|
|
64
68
|
var sharedProps = __assign(__assign({}, props), { step: step, setStep: setStep, dateSelected: dateSelected, setDateSelected: setDateSelected });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/input-date-picker/calendar/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/input-date-picker/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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { CalendarComponentProps } from '../index.js';
|
|
2
|
-
export declare function Months({ language, name, mode, date, dateSelected, setStep, handleToggle, setDateSelected, }: CalendarComponentProps): import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
export declare function Months({ language, name, mode, date, type, dateFormat, dateSelected, setStep, handleToggle, setDateSelected, }: CalendarComponentProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -43,31 +43,37 @@ var __importStar = (this && this.__importStar) || (function () {
|
|
|
43
43
|
return result;
|
|
44
44
|
};
|
|
45
45
|
})();
|
|
46
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
47
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
48
|
+
};
|
|
46
49
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
47
50
|
exports.Months = Months;
|
|
48
51
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
52
|
+
var moment_1 = __importDefault(require("moment"));
|
|
49
53
|
var formik_1 = require("formik");
|
|
50
54
|
var mock_1 = require("../../mock/index.js");
|
|
51
55
|
var S = __importStar(require("./styles.js"));
|
|
52
56
|
function Months(_a) {
|
|
53
57
|
var _b;
|
|
54
|
-
var _c = _a.language, language = _c === void 0 ? 'pt' : _c, name = _a.name, mode = _a.mode, date = _a.date, dateSelected = _a.dateSelected, setStep = _a.setStep, handleToggle = _a.handleToggle, setDateSelected = _a.setDateSelected;
|
|
55
|
-
var _d = (0, formik_1.
|
|
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;
|
|
56
61
|
var months = (_b = mock_1.translations[language]) === null || _b === void 0 ? void 0 : _b.months;
|
|
57
62
|
return ((0, jsx_runtime_1.jsx)(S.Months, { className: 'months-box', children: months.map(function (monthName, index) {
|
|
58
|
-
var _a, _b
|
|
63
|
+
var _a, _b;
|
|
59
64
|
var monthDate = new Date(dateSelected.year, index, 1);
|
|
60
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) &&
|
|
61
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);
|
|
62
|
-
var isSelected = (
|
|
63
|
-
(
|
|
64
|
-
(
|
|
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;
|
|
65
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 () {
|
|
66
71
|
if (!isMonthInRange)
|
|
67
72
|
return;
|
|
68
73
|
setDateSelected(__assign(__assign({}, dateSelected), { month: index }));
|
|
69
74
|
if (mode === 'month') {
|
|
70
|
-
|
|
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));
|
|
71
77
|
handleToggle(false);
|
|
72
78
|
}
|
|
73
79
|
setStep(2);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/form/input-date-picker/calendar/months/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/form/input-date-picker/calendar/months/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -59,67 +59,41 @@ var mode = {
|
|
|
59
59
|
month: {
|
|
60
60
|
mask: '__/____',
|
|
61
61
|
format: 'MM/YYYY',
|
|
62
|
+
placeholder: 'MM/YYYY',
|
|
62
63
|
},
|
|
63
64
|
date: {
|
|
64
65
|
mask: '__/__/____',
|
|
65
66
|
format: 'DD/MM/YYYY',
|
|
67
|
+
placeholder: 'DD/MM/YYYY',
|
|
66
68
|
},
|
|
67
69
|
timer: {
|
|
68
70
|
mask: '__:__',
|
|
69
71
|
format: 'HH:mm',
|
|
72
|
+
placeholder: 'HH:mm',
|
|
70
73
|
},
|
|
71
74
|
'timer-date': {
|
|
72
75
|
mask: '__/__/____ __:__',
|
|
73
76
|
format: 'DD/MM/YYYY HH:mm',
|
|
77
|
+
placeholder: 'DD/MM/YYYY HH:mm',
|
|
74
78
|
},
|
|
75
79
|
year: {
|
|
76
80
|
mask: '____',
|
|
77
81
|
format: 'YYYY',
|
|
82
|
+
placeholder: 'YYYY',
|
|
78
83
|
},
|
|
79
84
|
};
|
|
80
85
|
var InputDatePicker = function (props) {
|
|
81
|
-
var _a, _b, _c, _d, _e;
|
|
86
|
+
var _a, _b, _c, _d, _e, _f;
|
|
87
|
+
var _g = (0, formik_1.useField)({ name: props.name, type: props.type }), field = _g[0], _ = _g[1], utils = _g[2];
|
|
82
88
|
var currentMode = (_a = props === null || props === void 0 ? void 0 : props.mode) !== null && _a !== void 0 ? _a : 'date';
|
|
83
|
-
var
|
|
84
|
-
var
|
|
85
|
-
var ID = props.name + props.id;
|
|
86
|
-
var value = field.value;
|
|
87
|
-
var fieldValueInput = values[ID];
|
|
88
|
-
var mask = mode[currentMode].mask;
|
|
89
|
-
var momentFormatter = mode[currentMode].format;
|
|
90
|
-
var formattedValueToMask = (0, moment_1.default)(value).format(momentFormatter).toString();
|
|
89
|
+
var dateFormat = mode[currentMode].format;
|
|
90
|
+
var value = field.value instanceof Date ? field.value : ((_b = props === null || props === void 0 ? void 0 : props.date) === null || _b === void 0 ? void 0 : _b.maxDate) || (0, moment_1.default)();
|
|
91
91
|
(0, react_1.useEffect)(function () {
|
|
92
|
-
|
|
93
|
-
var initialData = value instanceof Date ? field.value : ((_a = props === null || props === void 0 ? void 0 : props.date) === null || _a === void 0 ? void 0 : _a.maxDate) || new Date();
|
|
94
|
-
utils.setValue(initialData);
|
|
95
|
-
setFieldValue(ID, (0, moment_1.default)(initialData).format(momentFormatter));
|
|
92
|
+
utils.setValue((0, moment_1.default)(value).format(dateFormat));
|
|
96
93
|
}, []);
|
|
97
|
-
(0,
|
|
98
|
-
if (formattedValueToMask !== fieldValueInput) {
|
|
99
|
-
setFieldValue(ID, value ? formattedValueToMask : null);
|
|
100
|
-
if (value)
|
|
101
|
-
props.onChangeInput && props.onChangeInput(value);
|
|
102
|
-
}
|
|
103
|
-
}, [value]);
|
|
104
|
-
(0, react_1.useEffect)(function () {
|
|
105
|
-
var _a;
|
|
106
|
-
if ((_a = props === null || props === void 0 ? void 0 : props.date) === null || _a === void 0 ? void 0 : _a.maxDate) {
|
|
107
|
-
(0, moment_1.default)(value, momentFormatter, true);
|
|
108
|
-
setFieldValue(props.name, props.date.maxDate);
|
|
109
|
-
}
|
|
110
|
-
}, [(_b = props === null || props === void 0 ? void 0 : props.date) === null || _b === void 0 ? void 0 : _b.maxDate]);
|
|
111
|
-
return ((0, jsx_runtime_1.jsx)(ui_1.Tooltip, __assign({}, props === null || props === void 0 ? void 0 : props.tooltip, { idTooltip: 'CALENDAR', position: 'bottom-left', bgColor: ((_c = props === null || props === void 0 ? void 0 : props.tooltip) === null || _c === void 0 ? void 0 : _c.bgColor) || 'transparent', style: __assign({ padding: '5px 5px 5px 0px', boxShadow: 'unset', marginTop: '-20px' }, (_d = props === null || props === void 0 ? void 0 : props.tooltip) === null || _d === void 0 ? void 0 : _d.style), trigger: (0, jsx_runtime_1.jsx)(S.InputDatePicker, { children: (0, jsx_runtime_1.jsxs)(ui_1.InputControl, __assign({}, props, { icon: null, children: [(0, jsx_runtime_1.jsx)(ui_1.InputMask, { placeholder: props.placeholder, name: ID, mask: mask, disabled: props === null || props === void 0 ? void 0 : props.disabled, onChangeInput: function (value, callback) {
|
|
112
|
-
var valueInput = value;
|
|
113
|
-
var date = (0, moment_1.default)(valueInput, momentFormatter, true);
|
|
114
|
-
if (date.isValid()) {
|
|
115
|
-
setFieldValue(props.name, date.toDate());
|
|
116
|
-
if (date)
|
|
117
|
-
props.onChangeInput && props.onChangeInput(date === null || date === void 0 ? void 0 : date.toDate());
|
|
118
|
-
callback();
|
|
119
|
-
}
|
|
120
|
-
} }), ((_e = props === null || props === void 0 ? void 0 : props.icon) === null || _e === void 0 ? void 0 : _e.name) && ((0, jsx_runtime_1.jsx)("div", { className: 'icon', children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: props.icon.name, color: '#797979' }) }))] })) }), ContentWithTooltipProps: function (_a) {
|
|
94
|
+
return ((0, jsx_runtime_1.jsx)(ui_1.Tooltip, __assign({}, props === null || props === void 0 ? void 0 : props.tooltip, { idTooltip: 'CALENDAR', position: 'bottom-left', bgColor: ((_c = props === null || props === void 0 ? void 0 : props.tooltip) === null || _c === void 0 ? void 0 : _c.bgColor) || 'transparent', style: __assign({ padding: '5px 5px 5px 0px', boxShadow: 'unset', marginTop: '-20px' }, (_d = props === null || props === void 0 ? void 0 : props.tooltip) === null || _d === void 0 ? void 0 : _d.style), trigger: (0, jsx_runtime_1.jsx)(S.InputDatePicker, { children: (0, jsx_runtime_1.jsxs)(ui_1.InputControl, __assign({}, props, { icon: null, children: [(0, jsx_runtime_1.jsx)(ui_1.InputMask, { placeholder: (_e = mode[currentMode]) === null || _e === void 0 ? void 0 : _e.placeholder, name: props.name, mask: mode[currentMode].mask, disabled: props === null || props === void 0 ? void 0 : props.disabled }), ((_f = props === null || props === void 0 ? void 0 : props.icon) === null || _f === void 0 ? void 0 : _f.name) && ((0, jsx_runtime_1.jsx)("div", { className: 'icon', children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: props.icon.name, color: '#797979' }) }))] })) }), ContentWithTooltipProps: function (_a) {
|
|
121
95
|
var handleToggle = _a.handleToggle;
|
|
122
|
-
return currentMode !== 'timer' ? (0, jsx_runtime_1.jsx)(calendar_1.Calendar, __assign({ utils: utils, handleToggle: handleToggle }, props)) : null;
|
|
96
|
+
return currentMode !== 'timer' ? ((0, jsx_runtime_1.jsx)(calendar_1.Calendar, __assign({ utils: utils, handleToggle: handleToggle }, props, { dateFormat: dateFormat }))) : null;
|
|
123
97
|
} })));
|
|
124
98
|
};
|
|
125
99
|
exports.InputDatePicker = InputDatePicker;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-date-picker/component.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAiC;
|
|
1
|
+
{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-date-picker/component.tsx"],"names":[],"mappings":"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"}
|
|
@@ -46,10 +46,17 @@ var __importStar = (this && this.__importStar) || (function () {
|
|
|
46
46
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
47
47
|
exports.InputDateRange = InputDateRange;
|
|
48
48
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
49
|
+
var formik_1 = require("formik");
|
|
50
|
+
var icons_1 = require("../../../../ui/icons/index.js");
|
|
49
51
|
var input_date_picker_1 = require("../input-date-picker/index.js");
|
|
50
52
|
var S = __importStar(require("./styles.js"));
|
|
51
53
|
function InputDateRange(props) {
|
|
52
54
|
var _a, _b;
|
|
53
|
-
|
|
55
|
+
var setFieldValue = (0, formik_1.useFormikContext)().setFieldValue;
|
|
56
|
+
function clearFields() {
|
|
57
|
+
setFieldValue(props === null || props === void 0 ? void 0 : props.names[0], null);
|
|
58
|
+
setFieldValue(props === null || props === void 0 ? void 0 : props.names[1], null);
|
|
59
|
+
}
|
|
60
|
+
return ((0, jsx_runtime_1.jsxs)(S.InputDateRange, { children: [(0, jsx_runtime_1.jsx)(input_date_picker_1.InputDatePicker, __assign({}, props, { icon: { name: ((_a = props === null || props === void 0 ? void 0 : props.icon) === null || _a === void 0 ? void 0 : _a.name) || 'IconCalendar' }, label: props === null || props === void 0 ? void 0 : props.label, name: props.names[0], language: (props === null || props === void 0 ? void 0 : props.language) || 'pt', mode: (props === null || props === void 0 ? void 0 : props.mode) || 'date' })), (0, jsx_runtime_1.jsx)("span", { className: 'font-16-regular spacing-text', children: "at\u00E9" }), (0, jsx_runtime_1.jsx)(input_date_picker_1.InputDatePicker, __assign({}, props, { icon: { name: ((_b = props === null || props === void 0 ? void 0 : props.icon) === null || _b === void 0 ? void 0 : _b.name) || 'IconCalendar' }, name: props.names[1], language: props.language || 'pt', mode: props.mode || 'date' })), (0, jsx_runtime_1.jsx)("button", { onClick: clearFields, type: 'button', className: 'clear', children: (0, jsx_runtime_1.jsx)(icons_1.Icon, { name: 'IconClose', color: 'currentColor' }) })] }));
|
|
54
61
|
}
|
|
55
62
|
//# sourceMappingURL=component.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-date-range/component.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-date-range/component.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,wCAkCC;;AA7CD,iCAAyC;AAEzC,oCAAiC;AACjC,0DAAsD;AAItD,0CAA6B;AAI7B,SAAgB,cAAc,CAAC,KAA0B;;IAC/C,IAAA,aAAa,GAAK,IAAA,yBAAgB,GAAE,cAAvB,CAAuB;IAE5C,SAAS,WAAW;QAClB,aAAa,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,CAAA;QACpC,aAAa,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,CAAA;IACtC,CAAC;IAED,OAAO,CACL,wBAAC,CAAC,CAAC,cAAc,eACf,uBAAC,mCAAe,eACV,KAAK,IACT,IAAI,EAAE,EAAE,IAAI,EAAE,CAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,0CAAE,IAAI,KAAI,cAAc,EAAE,EACnD,KAAK,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,EACnB,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,EACpB,QAAQ,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,KAAI,IAAI,EACjC,IAAI,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,KAAI,MAAM,IAC3B,EAEF,iCAAM,SAAS,EAAC,8BAA8B,yBAAW,EAEzD,uBAAC,mCAAe,eACV,KAAK,IACT,IAAI,EAAE,EAAE,IAAI,EAAE,CAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,0CAAE,IAAI,KAAI,cAAc,EAAE,EACnD,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,EACpB,QAAQ,EAAE,KAAK,CAAC,QAAQ,IAAI,IAAI,EAChC,IAAI,EAAE,KAAK,CAAC,IAAI,IAAI,MAAM,IAC1B,EAEF,mCAAQ,OAAO,EAAE,WAAW,EAAE,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,OAAO,YAC3D,uBAAC,YAAI,IAAC,IAAI,EAAC,WAAW,EAAC,KAAK,EAAC,cAAc,GAAG,GACvC,IACQ,CACpB,CAAA;AACH,CAAC"}
|
|
@@ -9,6 +9,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
9
9
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
10
|
exports.InputDateRange = void 0;
|
|
11
11
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
|
-
exports.InputDateRange = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n\n input::placeholder {\n color: currentColor;\n }\n\n .spacing-text {\n display: block;\n margin: 0 12px;\n }\n\n .input_control {\n margin: 0;\n }\n"], ["\n display: flex;\n align-items: center;\n\n input::placeholder {\n color: currentColor;\n }\n\n .spacing-text {\n display: block;\n margin: 0 12px;\n }\n\n .input_control {\n margin: 0;\n }\n"])));
|
|
12
|
+
exports.InputDateRange = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n\n input::placeholder {\n color: currentColor;\n }\n\n .spacing-text {\n display: block;\n margin: 0 12px;\n }\n\n .input_control {\n margin: 0;\n }\n\n .clear {\n padding: 0;\n background: none;\n border: none;\n cursor: pointer;\n width: 12px;\n margin-left: 10px;\n\n svg {\n width: 100%;\n height: auto;\n }\n }\n"], ["\n display: flex;\n align-items: center;\n\n input::placeholder {\n color: currentColor;\n }\n\n .spacing-text {\n display: block;\n margin: 0 12px;\n }\n\n .input_control {\n margin: 0;\n }\n\n .clear {\n padding: 0;\n background: none;\n border: none;\n cursor: pointer;\n width: 12px;\n margin-left: 10px;\n\n svg {\n width: 100%;\n height: auto;\n }\n }\n"])));
|
|
13
13
|
var templateObject_1;
|
|
14
14
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-date-range/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,cAAc,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-date-range/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,cAAc,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,oeAAA,iaA8B1C,KAAA"}
|