infinity-forge 2.0.5 → 2.0.7

package/dist/ui/components/form/input-date-picker/calendar/calendar-header/index.js

@@ -0,0 +1,62 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CalendarHeader = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var ui_1 = require("../../../../../../ui/index.js");
+var mock_1 = require("../../mock/index.js");
+var S = __importStar(require("./styles.js"));
+function CalendarHeader(_a) {
+    var step = _a.step, language = _a.language, setStep = _a.setStep, dateSelected = _a.dateSelected, setDateSelected = _a.setDateSelected, handleToggle = _a.handleToggle;
+    var currentMonth = mock_1.translations[language].months[dateSelected.month];
+    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 () { setStep(1); }, children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconArrowLeft', fill: '#000' }) })), step === 2 && currentMonth.substring(0, 3), " ", dateSelected.year] }), (0, jsx_runtime_1.jsx)("button", { onClick: function () {
+                    if (step === 1) {
+                        setDateSelected(function (state) { return (__assign(__assign({}, state), { year: state.year > 0 ? state.year - 1 : state.year })); });
+                    }
+                    if (step === 2) {
+                        setDateSelected(function (state) { return (__assign(__assign({}, state), { month: state.month > 0 ? state.month - 1 : state.month })); });
+                    }
+                }, children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconArrowLeft' }) }), (0, jsx_runtime_1.jsx)("button", { onClick: function () {
+                    if (step === 1) {
+                        setDateSelected(function (state) { return (__assign(__assign({}, state), { year: state.year + 1 })); });
+                    }
+                    if (step === 2) {
+                        setDateSelected(function (state) { return (__assign(__assign({}, state), { month: state.month === 12 ? state.month : state.month + 1 })); });
+                    }
+                }, children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconArrowRight' }) })] }));
+}
+exports.CalendarHeader = CalendarHeader;
+//# sourceMappingURL=index.js.map

package/dist/ui/components/form/input-date-picker/calendar/calendar-header/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/form/input-date-picker/calendar/calendar-header/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2BAA2B;AAG3B,mCAAyC;AAEzC,0CAA6B;AAE7B,SAAgB,cAAc,CAAC,EAAgG;QAA9F,IAAI,UAAA,EAAE,QAAQ,cAAA,EAAE,OAAO,aAAA,EAAE,YAAY,kBAAA,EAAE,eAAe,qBAAA,EAAE,YAAY,kBAAA;IACnG,IAAM,YAAY,GAAG,mBAAY,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC,CAAA;IAEtE,OAAO,CACL,wBAAC,CAAC,CAAC,cAAc,IAAC,SAAS,EAAC,iBAAiB,aAC3C,2CACG,IAAI,KAAK,CAAC,IAAI,CACb,gCAAK,SAAS,EAAC,iBAAiB,EAAE,OAAO,EAAE,cAAQ,OAAO,CAAC,CAAC,CAAC,CAAC,CAAE,CAAC,YAC/D,uBAAC,SAAI,IAAC,IAAI,EAAC,eAAe,EAAC,IAAI,EAAC,MAAM,GAAG,GACrC,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,eAAe,GAAG,GACtB,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,gBAAgB,GAAG,GACvB,IACQ,CACpB,CAAA;AACH,CAAC;AAjDD,wCAiDC"}

package/dist/ui/components/form/input-date-picker/calendar/calendar-header/styles.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const CalendarHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLDivElement>;
+}, never>> & string;

package/dist/ui/components/form/input-date-picker/calendar/calendar-header/styles.js

@@ -0,0 +1,23 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CalendarHeader = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+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  .icon-arrow-left svg {\n    height: 20px;\n  }\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    margin: 0 auto 0 8px;\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  .icon-arrow-left svg {\n    height: 20px;\n  }\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    margin: 0 auto 0 8px;\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) {
+    var theme = _a.theme;
+    return theme.primaryColor || '#2c68df';
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.primaryColor || '#2c68df';
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.primaryColor || '#2c68df';
+});
+var templateObject_1;
+//# sourceMappingURL=styles.js.map

package/dist/ui/components/form/input-date-picker/calendar/calendar-header/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/form/input-date-picker/calendar/calendar-header/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,cAAc,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,yvBAAA,2UAoB7B,EAA8C,qCAG1C,EAA8C,yEAOnD,EAA8C,uPAgB1D,KA1Ba,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,EAgB1D"}

package/dist/ui/components/form/input-date-picker/calendar/days/index.d.ts

@@ -0,0 +1,2 @@
+import { CalendarComponentProps } from '../index.js';
+export declare function Days({ name, language, date, dateSelected, handleToggle, setDateSelected, }: CalendarComponentProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/components/form/input-date-picker/calendar/days/index.js

@@ -0,0 +1,87 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Days = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var formik_1 = require("formik");
+var mock_1 = require("../../mock/index.js");
+var S = __importStar(require("./styles.js"));
+function Days(_a) {
+    var name = _a.name, language = _a.language, date = _a.date, dateSelected = _a.dateSelected, handleToggle = _a.handleToggle, setDateSelected = _a.setDateSelected;
+    var _b = (0, formik_1.useFormikContext)(), values = _b.values, setFieldValue = _b.setFieldValue;
+    var week = mock_1.translations[language].days;
+    var value = values[name];
+    var currentDate = new Date();
+    function createButton(text, isDisabled, type) {
+        if (isDisabled === void 0) { isDisabled = false; }
+        if (type === void 0) { type = 0; }
+        var comparisonDate = new Date(dateSelected.year, dateSelected.month + type, text);
+        var isDateInRange = (!date.minDate || comparisonDate >= date.minDate) &&
+            (!(date === null || date === void 0 ? void 0 : date.maxDate) || comparisonDate <= (date === null || date === void 0 ? void 0 : date.maxDate));
+        var isSelected = value.getTime() === comparisonDate.getTime();
+        var isToday = currentDate.getDate() === text &&
+            currentDate.getFullYear() === dateSelected.year &&
+            currentDate.getMonth() === dateSelected.month;
+        return ((0, jsx_runtime_1.jsx)("button", { className: "".concat(isToday ? 'today' : '', " ").concat(isSelected ? 'selected' : '', " ").concat(isDateInRange ? '' : 'disabled'), onClick: function () {
+                if (!isDateInRange)
+                    return;
+                setDateSelected(__assign(__assign({}, dateSelected), { day: text }));
+                setFieldValue(name, new Date(comparisonDate));
+                setTimeout(function () { return handleToggle(false); }, 0);
+            }, disabled: !isDateInRange, type: 'button', children: text }, "".concat(type, "-").concat(text)));
+    }
+    function displayDates() {
+        var dates = [];
+        var lastOfPrevMonth = new Date(dateSelected.year, dateSelected.month, 0);
+        for (var i = 0; i <= lastOfPrevMonth.getDay(); i++) {
+            var text = lastOfPrevMonth.getDate() - lastOfPrevMonth.getDay() + i;
+            dates.push(createButton(text, true, -1));
+        }
+        var lastOfMonth = new Date(dateSelected.year, dateSelected.month + 1, 0);
+        for (var i = 1; i <= lastOfMonth.getDate(); i++) {
+            dates.push(createButton(i, false));
+        }
+        var firstOfNextMonth = new Date(dateSelected.year, dateSelected.month + 1, 1);
+        for (var i = firstOfNextMonth.getDay(); i < 7; i++) {
+            var text = firstOfNextMonth.getDate() - firstOfNextMonth.getDay() + i;
+            dates.push(createButton(text, true, 1));
+        }
+        return dates;
+    }
+    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() })] }));
+}
+exports.Days = Days;
+//# sourceMappingURL=index.js.map

package/dist/ui/components/form/input-date-picker/calendar/days/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/form/input-date-picker/calendar/days/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iCAAyC;AACzC,mCAAyC;AAGzC,0CAA6B;AAE7B,SAAgB,IAAI,CAAC,EAOI;QANvB,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,YAAY,kBAAA,EACZ,YAAY,kBAAA,EACZ,eAAe,qBAAA;IAET,IAAA,KAA4B,IAAA,yBAAgB,GAAE,EAA5C,MAAM,YAAA,EAAE,aAAa,mBAAuB,CAAA;IAEpD,IAAM,IAAI,GAAG,mBAAY,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAA;IAExC,IAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;IAC1B,IAAM,WAAW,GAAG,IAAI,IAAI,EAAE,CAAA;IAE9B,SAAS,YAAY,CAAC,IAAY,EAAE,UAAkB,EAAE,IAAQ;QAA5B,2BAAA,EAAA,kBAAkB;QAAE,qBAAA,EAAA,QAAQ;QAC9D,IAAM,cAAc,GAAG,IAAI,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,YAAY,CAAC,KAAK,GAAG,IAAI,EAAE,IAAI,CAAC,CAAA;QAEnF,IAAM,aAAa,GACjB,CAAC,CAAC,IAAI,CAAC,OAAO,IAAI,cAAc,IAAI,IAAI,CAAC,OAAO,CAAC;YACjD,CAAC,CAAC,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,CAAA,IAAI,cAAc,KAAI,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,CAAA,CAAC,CAAA;QAErD,IAAM,UAAU,GAAG,KAAK,CAAC,OAAO,EAAE,KAAK,cAAc,CAAC,OAAO,EAAE,CAAA;QAC/D,IAAM,OAAO,GACX,WAAW,CAAC,OAAO,EAAE,KAAK,IAAI;YAC9B,WAAW,CAAC,WAAW,EAAE,KAAK,YAAY,CAAC,IAAI;YAC/C,WAAW,CAAC,QAAQ,EAAE,KAAK,YAAY,CAAC,KAAK,CAAA;QAE/C,OAAO,CACL,mCAEE,SAAS,EAAE,UAAG,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,cAAI,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,cAAI,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU,CAAE,EACzG,OAAO,EAAE;gBACP,IAAI,CAAC,aAAa;oBAAE,OAAO;gBAE3B,eAAe,uBAAM,YAAY,KAAE,GAAG,EAAE,IAAI,IAAG,CAAC;gBAEhD,aAAa,CAAC,IAAI,EAAE,IAAI,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC;gBAE9C,UAAU,CAAC,cAAM,OAAA,YAAY,CAAC,KAAK,CAAC,EAAnB,CAAmB,EAAE,CAAC,CAAC,CAAC;YAC3C,CAAC,EACD,QAAQ,EAAE,CAAC,aAAa,EACxB,IAAI,EAAC,QAAQ,YAEZ,IAAI,IAdA,UAAG,IAAI,cAAI,IAAI,CAAE,CAef,CACV,CAAA;IACH,CAAC;IAED,SAAS,YAAY;QACnB,IAAM,KAAK,GAAG,EAAE,CAAA;QAEhB,IAAM,eAAe,GAAG,IAAI,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,YAAY,CAAC,KAAK,EAAE,CAAC,CAAC,CAAA;QAC1E,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,eAAe,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC;YACnD,IAAM,IAAI,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,eAAe,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;YACrE,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;QAC1C,CAAC;QAED,IAAM,WAAW,GAAG,IAAI,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,YAAY,CAAC,KAAK,GAAG,CAAC,EAAE,CAAC,CAAC,CAAA;QAC1E,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,WAAW,CAAC,OAAO,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC;YAChD,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAA;QACpC,CAAC;QAED,IAAM,gBAAgB,GAAG,IAAI,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,YAAY,CAAC,KAAK,GAAG,CAAC,EAAE,CAAC,CAAC,CAAA;QAC/E,KAAK,IAAI,CAAC,GAAG,gBAAgB,CAAC,MAAM,EAAE,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;YACnD,IAAM,IAAI,GAAG,gBAAgB,CAAC,OAAO,EAAE,GAAG,gBAAgB,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;YACvE,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAA;QACzC,CAAC;QAED,OAAO,KAAK,CAAA;IACd,CAAC;IAED,OAAO,CACL,wBAAC,CAAC,CAAC,IAAI,IAAC,SAAS,EAAC,UAAU,aAC1B,gCAAK,SAAS,EAAC,MAAM,YAClB,IAAI,CAAC,GAAG,CAAC,UAAC,GAAG,IAAK,OAAA,CACjB,wCAAc,GAAG,IAAT,GAAG,CAAW,CACvB,EAFkB,CAElB,CAAC,GACE,EAEN,gCAAK,SAAS,EAAC,MAAM,YAAE,YAAY,EAAE,GAAO,IACrC,CACV,CAAA;AACH,CAAC;AAnFD,oBAmFC"}

package/dist/ui/components/form/input-date-picker/calendar/days/styles.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const Days: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLDivElement>;
+}, never>> & string;

package/dist/ui/components/form/input-date-picker/calendar/days/styles.js

@@ -0,0 +1,17 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Days = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+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) {
+    var theme = _a.theme;
+    return theme.primaryColor || '#2c68df';
+});
+var templateObject_1;
+//# sourceMappingURL=styles.js.map

package/dist/ui/components/form/input-date-picker/calendar/days/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/form/input-date-picker/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"}

package/dist/ui/components/form/input-date-picker/calendar/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { CalendarProps, DateSelected } from './interface.js';
+export type CalendarComponentProps = CalendarProps & {
+    step: number;
+    setStep: React.Dispatch<React.SetStateAction<number>>;
+    dateSelected: DateSelected;
+    setDateSelected: React.Dispatch<React.SetStateAction<DateSelected>>;
+};
+export declare function Calendar(props: CalendarProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/components/form/input-date-picker/calendar/index.js

@@ -0,0 +1,58 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Calendar = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var days_1 = require("./days/index.js");
+var months_1 = require("./months/index.js");
+var calendar_header_1 = require("./calendar-header/index.js");
+var S = __importStar(require("./styles.js"));
+var formik_1 = require("formik");
+function Calendar(props) {
+    var values = (0, formik_1.useFormikContext)().values;
+    var value = values[props.name];
+    var _a = (0, react_1.useState)({
+        year: value.getFullYear(),
+        month: value.getMonth(),
+        day: value.getTime(),
+    }), dateSelected = _a[0], setDateSelected = _a[1];
+    var _b = (0, react_1.useState)(1), step = _b[0], setStep = _b[1];
+    var sharedProps = __assign(__assign({}, props), { step: step, setStep: setStep, dateSelected: dateSelected, setDateSelected: setDateSelected });
+    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)) })] }));
+}
+exports.Calendar = Calendar;
+//# sourceMappingURL=index.js.map

package/dist/ui/components/form/input-date-picker/calendar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/input-date-picker/calendar/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAgC;AAEhC,+BAA6B;AAC7B,mCAAiC;AACjC,qDAAkD;AAIlD,0CAA6B;AAC7B,iCAAyC;AASzC,SAAgB,QAAQ,CAAC,KAAoB;IACnC,IAAA,MAAM,GAAK,IAAA,yBAAgB,GAAE,OAAvB,CAAuB;IAErC,IAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;IAE1B,IAAA,KAAkC,IAAA,gBAAQ,EAAe;QAC7D,IAAI,EAAE,KAAK,CAAC,WAAW,EAAE;QACzB,KAAK,EAAE,KAAK,CAAC,QAAQ,EAAE;QACvB,GAAG,EAAE,KAAK,CAAC,OAAO,EAAE;KACrB,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;AAlCD,4BAkCC"}

package/dist/ui/components/form/input-date-picker/calendar/interface.d.ts

@@ -0,0 +1,16 @@
+import { FieldHelperProps } from 'formik';
+import { IInputDatePicker } from '../interfaces.js';
+import { InputProps } from '../../interfaces.js';
+export type DateSelected = {
+    year: number;
+    month: number;
+    day: number;
+};
+export interface DateSelectedStateType {
+    dateSelected: DateSelected;
+    setDateSelected: (props: DateSelected) => void;
+}
+export interface CalendarProps extends InputProps, IInputDatePicker {
+    handleToggle: (state?: boolean) => void;
+    utils: FieldHelperProps<any>;
+}

package/dist/ui/components/form/input-date-picker/calendar/interface.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=interface.js.map

package/dist/ui/components/form/input-date-picker/calendar/interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interface.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/input-date-picker/calendar/interface.ts"],"names":[],"mappings":""}

package/dist/ui/components/form/input-date-picker/calendar/months/index.d.ts

@@ -0,0 +1,2 @@
+import { CalendarComponentProps } from '../index.js';
+export declare function Months({ language, name, mode, date, dateSelected, setStep, handleToggle, setDateSelected, }: CalendarComponentProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/components/form/input-date-picker/calendar/months/index.js

@@ -0,0 +1,66 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Months = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var formik_1 = require("formik");
+var mock_1 = require("../../mock/index.js");
+var S = __importStar(require("./styles.js"));
+function Months(_a) {
+    var language = _a.language, name = _a.name, mode = _a.mode, date = _a.date, dateSelected = _a.dateSelected, setStep = _a.setStep, handleToggle = _a.handleToggle, setDateSelected = _a.setDateSelected;
+    var _b = (0, formik_1.useFormikContext)(), values = _b.values, setFieldValue = _b.setFieldValue;
+    var months = mock_1.translations[language].months;
+    return ((0, jsx_runtime_1.jsx)(S.Months, { className: 'months-box', children: months.map(function (monthName, index) {
+            var monthDate = new Date(dateSelected.year, index, 1);
+            var isMonthInRange = ((date === null || date === void 0 ? void 0 : date.minDate) ? monthDate >= new Date(date === null || date === void 0 ? void 0 : date.minDate.getFullYear(), date === null || date === void 0 ? void 0 : date.minDate.getMonth(), 1) : true) &&
+                ((date === null || date === void 0 ? void 0 : date.maxDate) ? monthDate <= new Date(date === null || date === void 0 ? void 0 : date.maxDate.getFullYear(), date === null || date === void 0 ? void 0 : date.maxDate.getMonth(), 1) : true);
+            var isSelected = values[name].getMonth() === index &&
+                values[name].getMonth() === dateSelected.month &&
+                values[name].getFullYear() === dateSelected.year;
+            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 () {
+                    if (!isMonthInRange)
+                        return;
+                    setDateSelected(__assign(__assign({}, dateSelected), { month: index }));
+                    if (mode === 'month') {
+                        setFieldValue(name, new Date(dateSelected.year, index, 1));
+                        handleToggle(false);
+                    }
+                    setStep(2);
+                }, disabled: !isMonthInRange, children: monthName.substring(0, 3) }, monthName));
+        }) }));
+}
+exports.Months = Months;
+//# sourceMappingURL=index.js.map

package/dist/ui/components/form/input-date-picker/calendar/months/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/form/input-date-picker/calendar/months/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iCAAyC;AAEzC,mCAAyC;AAEzC,0CAA6B;AAE7B,SAAgB,MAAM,CAAC,EASE;QARvB,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,IAAI,UAAA,EACJ,IAAI,UAAA,EACJ,YAAY,kBAAA,EACZ,OAAO,aAAA,EACP,YAAY,kBAAA,EACZ,eAAe,qBAAA;IAET,IAAA,KAA4B,IAAA,yBAAgB,GAAE,EAA5C,MAAM,YAAA,EAAE,aAAa,mBAAuB,CAAA;IAEpD,IAAM,MAAM,GAAG,mBAAY,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAA;IAE5C,OAAO,CACL,uBAAC,CAAC,CAAC,MAAM,IAAC,SAAS,EAAC,YAAY,YAC7B,MAAM,CAAC,GAAG,CAAC,UAAC,SAAS,EAAE,KAAK;YAC3B,IAAM,SAAS,GAAG,IAAI,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,CAAA;YACvD,IAAM,cAAc,GAClB,CAAC,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,EAAC,CAAC,CAAC,SAAS,IAAI,IAAI,IAAI,CAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,CAAC,WAAW,EAAE,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;gBACxG,CAAC,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,EAAC,CAAC,CAAC,SAAS,IAAI,IAAI,IAAI,CAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,CAAC,WAAW,EAAE,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAA;YAE1G,IAAM,UAAU,GACb,MAAM,CAAC,IAAI,CAAU,CAAC,QAAQ,EAAE,KAAK,KAAK;gBAC1C,MAAM,CAAC,IAAI,CAAU,CAAC,QAAQ,EAAE,KAAK,YAAY,CAAC,KAAK;gBACvD,MAAM,CAAC,IAAI,CAAU,CAAC,WAAW,EAAE,KAAK,YAAY,CAAC,IAAI,CAAA;YAE5D,OAAO,CACL,mCACE,IAAI,EAAC,QAAQ,EAEb,SAAS,EAAE,UAAG,UAAU,IAAI,UAAU,eAAK,IAAI,IAAI,EAAE,CAAC,QAAQ,EAAE,KAAK,KAAK,IAAI,CAAC,UAAU,IAAI,SAAS,cAAI,CAAC,cAAc,IAAI,UAAU,CAAE,EACzI,OAAO,EAAE;oBACP,IAAI,CAAC,cAAc;wBAAE,OAAM;oBAE3B,eAAe,uBAAM,YAAY,KAAE,KAAK,EAAE,KAAK,IAAG,CAAA;oBAElD,IAAI,IAAI,KAAK,OAAO,EAAE,CAAC;wBACrB,aAAa,CAAC,IAAI,EAAE,IAAI,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,CAAA;wBAC1D,YAAY,CAAC,KAAK,CAAC,CAAA;oBACrB,CAAC;oBAED,OAAO,CAAC,CAAC,CAAC,CAAA;gBACZ,CAAC,EACD,QAAQ,EAAE,CAAC,cAAc,YAExB,SAAS,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,IAhBrB,SAAS,CAiBP,CACV,CAAA;QACH,CAAC,CAAC,GACO,CACZ,CAAA;AACH,CAAC;AApDD,wBAoDC"}

package/dist/ui/components/form/input-date-picker/calendar/months/styles.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const Months: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLDivElement>;
+}, never>> & string;

package/dist/ui/components/form/input-date-picker/calendar/months/styles.js

@@ -0,0 +1,17 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Months = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+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) {
+    var theme = _a.theme;
+    return theme.primaryColor || '#2c68df';
+});
+var templateObject_1;
+//# sourceMappingURL=styles.js.map

package/dist/ui/components/form/input-date-picker/calendar/months/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/form/input-date-picker/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"}

package/dist/ui/components/form/input-date-picker/calendar/styles.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { CustomCalendarStyles } from '../interfaces.js';
+export declare const Calendar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLDivElement>;
+}, {
+    $customCalendar: CustomCalendarStyles;
+}>> & string;

package/dist/ui/components/form/input-date-picker/calendar/styles.js

@@ -0,0 +1,17 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Calendar = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+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) {
+    var $customCalendar = _a.$customCalendar;
+    return $customCalendar;
+});
+var templateObject_1;
+//# sourceMappingURL=styles.js.map

package/dist/ui/components/form/input-date-picker/calendar/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/input-date-picker/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"}

package/dist/ui/components/form/input-date-picker/index.d.ts

@@ -0,0 +1,3 @@
+import { InputProps } from '../interfaces.js';
+import { IInputDatePicker } from './interfaces.js';
+export declare const InputDatePicker: (props: InputProps & IInputDatePicker) => import("react/jsx-runtime").JSX.Element;

package/dist/ui/components/form/input-date-picker/index.js

@@ -0,0 +1,57 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InputDatePicker = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var moment_1 = __importDefault(require("moment"));
+var formik_1 = require("formik");
+var ui_1 = require("../../../../ui/index.js");
+var calendar_1 = require("./calendar/index.js");
+var InputDatePicker = function (props) {
+    var _a, _b;
+    var _c = (0, formik_1.useField)({ name: props.name, type: props.type }), field = _c[0], _ = _c[1], utils = _c[2];
+    var _d = (0, formik_1.useFormikContext)(), values = _d.values, setFieldValue = _d.setFieldValue;
+    var ID = props.name + props.id;
+    var value = field.value;
+    var fieldValueInput = values[ID];
+    var mask = props.mode === "month" ? "__/____" : '__/__/____';
+    var momentFormatter = props.mode === "month" ? 'MM/YYYY' : 'DD/MM/YYYY';
+    var formattedValueToMask = (0, moment_1.default)(value).format(momentFormatter).toString();
+    (0, react_1.useEffect)(function () {
+        var initialData = value && value instanceof Date ? field.value : new Date();
+        utils.setValue(initialData);
+        setFieldValue(ID, (0, moment_1.default)(initialData).format(momentFormatter));
+    }, []);
+    (0, react_1.useEffect)(function () {
+        if (formattedValueToMask !== fieldValueInput) {
+            setFieldValue(ID, formattedValueToMask);
+        }
+    }, [value]);
+    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: ((_a = props === null || props === void 0 ? void 0 : props.tooltip) === null || _a === void 0 ? void 0 : _a.bgColor) || 'transparent', style: __assign({ padding: '5px 5px 5px 0px', boxShadow: 'unset', marginTop: '-20px' }, (_b = props === null || props === void 0 ? void 0 : props.tooltip) === null || _b === void 0 ? void 0 : _b.style), trigger: (0, jsx_runtime_1.jsx)(ui_1.InputControl, __assign({}, props, { children: (0, jsx_runtime_1.jsx)(ui_1.InputMask, { mask: mask, name: ID, onChangeInput: function (value, callback) {
+                    var valueInput = value;
+                    var date = (0, moment_1.default)(valueInput, momentFormatter, true);
+                    if (date.isValid()) {
+                        setFieldValue(props.name, date.toDate());
+                        callback();
+                    }
+                } }) })), ContentWithTooltipProps: function (_a) {
+            var handleToggle = _a.handleToggle;
+            return (0, jsx_runtime_1.jsx)(calendar_1.Calendar, __assign({ utils: utils, handleToggle: handleToggle }, props));
+        } })));
+};
+exports.InputDatePicker = InputDatePicker;
+//# sourceMappingURL=index.js.map

package/dist/ui/components/form/input-date-picker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-date-picker/index.tsx"],"names":[],"mappings":"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"}

package/dist/ui/components/form/input-date-picker/interfaces.d.ts

@@ -0,0 +1,22 @@
+import { RuleSet, Styles } from 'styled-components/dist/types';
+import { IToolTipProps } from '../../../../ui/components/tooltip/interfaces.js';
+export type Language = 'en' | 'pt';
+export type CustomCalendarStyles = RuleSet<object> | Styles<Object>;
+export interface IInputDatePicker {
+    mode: 'month' | 'date' | "year" | "timer";
+    language: Language;
+    customCalendarStyles?: CustomCalendarStyles;
+    tooltip?: IToolTipProps;
+    date: {
+        maxDate?: Date;
+        minDate?: Date;
+        datesEnabled?: Date[];
+    };
+    range?: boolean;
+    time?: {
+        min: string;
+        max: string;
+        interval: 5 | 10 | 15 | 30 | 60;
+        timesEnabled?: string[];
+    };
+}

package/dist/ui/components/form/input-date-picker/interfaces.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=interfaces.js.map

package/dist/ui/components/form/input-date-picker/interfaces.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-date-picker/interfaces.ts"],"names":[],"mappings":""}

package/dist/ui/components/form/input-date-picker/mock/index.d.ts

@@ -0,0 +1 @@
+export * from "./translations.js";

package/dist/ui/components/form/input-date-picker/mock/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./translations.js"), exports);
+//# sourceMappingURL=index.js.map

package/dist/ui/components/form/input-date-picker/mock/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/input-date-picker/mock/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,iDAA8B"}