infinity-forge 6.3.3 → 6.3.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/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/dist/ui/hooks/use-swagger/test/index.d.ts +2 -0
- package/dist/ui/hooks/use-swagger/test/index.js +8 -0
- package/dist/ui/hooks/use-swagger/test/index.js.map +1 -0
- package/package.json +3 -2
package/dist/ui/atena/presentation/dynamic-elements/pages/blog/components/blog-item/styles.d.ts
CHANGED
|
@@ -25,7 +25,7 @@ export declare const BlogItem: import("styled-components/dist/types").IStyledCom
|
|
|
25
25
|
onTouchStart?: React.TouchEventHandler<HTMLAnchorElement>;
|
|
26
26
|
onClick?: React.MouseEventHandler<HTMLAnchorElement>;
|
|
27
27
|
} & {
|
|
28
|
-
children?: React.ReactNode;
|
|
28
|
+
children?: React.ReactNode | undefined;
|
|
29
29
|
} & import("react").RefAttributes<HTMLAnchorElement>, never>> & string & Omit<import("react").ForwardRefExoticComponent<Omit<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, keyof {
|
|
30
30
|
href: string | import("url").UrlObject;
|
|
31
31
|
as?: string | import("url").UrlObject;
|
|
@@ -53,5 +53,5 @@ export declare const BlogItem: import("styled-components/dist/types").IStyledCom
|
|
|
53
53
|
onTouchStart?: React.TouchEventHandler<HTMLAnchorElement>;
|
|
54
54
|
onClick?: React.MouseEventHandler<HTMLAnchorElement>;
|
|
55
55
|
} & {
|
|
56
|
-
children?: React.ReactNode;
|
|
56
|
+
children?: React.ReactNode | undefined;
|
|
57
57
|
} & import("react").RefAttributes<HTMLAnchorElement>>, keyof import("react").Component<any, {}, any>>;
|
|
@@ -25,7 +25,7 @@ export declare const FeaturedBlogItem: import("styled-components/dist/types").IS
|
|
|
25
25
|
onTouchStart?: React.TouchEventHandler<HTMLAnchorElement>;
|
|
26
26
|
onClick?: React.MouseEventHandler<HTMLAnchorElement>;
|
|
27
27
|
} & {
|
|
28
|
-
children?: React.ReactNode;
|
|
28
|
+
children?: React.ReactNode | undefined;
|
|
29
29
|
} & import("react").RefAttributes<HTMLAnchorElement>, never>> & string & Omit<import("react").ForwardRefExoticComponent<Omit<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, keyof {
|
|
30
30
|
href: string | import("url").UrlObject;
|
|
31
31
|
as?: string | import("url").UrlObject;
|
|
@@ -53,5 +53,5 @@ export declare const FeaturedBlogItem: import("styled-components/dist/types").IS
|
|
|
53
53
|
onTouchStart?: React.TouchEventHandler<HTMLAnchorElement>;
|
|
54
54
|
onClick?: React.MouseEventHandler<HTMLAnchorElement>;
|
|
55
55
|
} & {
|
|
56
|
-
children?: React.ReactNode;
|
|
56
|
+
children?: React.ReactNode | undefined;
|
|
57
57
|
} & import("react").RefAttributes<HTMLAnchorElement>>, keyof import("react").Component<any, {}, any>>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { CalendarComponentProps } from '../index.js';
|
|
2
|
-
export declare function CalendarHeader({ step, language, setStep, dateSelected, setDateSelected, }: CalendarComponentProps): import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
export declare function CalendarHeader({ step, language, setStep, dateSelected, setDateSelected, handleToggle, }: CalendarComponentProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -51,11 +51,11 @@ 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, handleToggle = _a.handleToggle;
|
|
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);
|
|
58
|
-
}, children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconLeftChevron', color: '#000' }) })), step === 2 && currentMonth.substring(0, 3),
|
|
58
|
+
}, children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconLeftChevron', color: '#000' }) })), step === 2 && currentMonth.substring(0, 3), (0, jsx_runtime_1.jsx)("button", { type: 'button', className: 'year', onClick: function () { return setStep(0); }, children: dateSelected.year || new Date().getFullYear() })] }), (0, jsx_runtime_1.jsx)("button", { onClick: function () {
|
|
59
59
|
if (step === 1) {
|
|
60
60
|
setDateSelected(function (state) { return (__assign(__assign({}, state), { year: state.year > 0 ? state.year - 1 : state.year })); });
|
|
61
61
|
}
|
|
@@ -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,wCAgEC;;AAvED,2BAA2B;AAG3B,mCAAyC;AAEzC,0CAA6B;AAE7B,SAAgB,cAAc,CAAC,EAON;;QANvB,IAAI,UAAA,EACJ,gBAAe,EAAf,QAAQ,mBAAG,IAAI,KAAA,EACf,OAAO,aAAA,EACP,YAAY,kBAAA,EACZ,eAAe,qBAAA,EACf,YAAY,kBAAA;IAEZ,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,EAC3C,mCAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,MAAM,EAAC,OAAO,EAAE,cAAM,OAAA,OAAO,CAAC,CAAC,CAAC,EAAV,CAAU,YAC7D,YAAY,CAAC,IAAI,IAAI,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE,GACvC,IACN,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"}
|
|
@@ -9,7 +9,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
9
9
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
10
|
exports.CalendarHeader = void 0;
|
|
11
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) {
|
|
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 .year {\n padding: 0;\n background-color: transparent;\n border: 0;\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 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 .year {\n padding: 0;\n background-color: transparent;\n border: 0;\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 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
13
|
var theme = _a.theme;
|
|
14
14
|
return theme.primaryColor || '#2c68df';
|
|
15
15
|
}, function (_a) {
|
|
@@ -1 +1 @@
|
|
|
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,
|
|
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,u9BAAA,8WAsB7B,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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { CalendarComponentProps } from '../index.js';
|
|
2
|
-
export declare function Days({ name,
|
|
2
|
+
export declare function Days({ name, language, date, dateSelected, handleToggle, setDateSelected, }: CalendarComponentProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -43,35 +43,32 @@ 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
|
-
};
|
|
49
46
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
50
47
|
exports.Days = Days;
|
|
51
48
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
52
|
-
var moment_1 = __importDefault(require("moment"));
|
|
53
49
|
var formik_1 = require("formik");
|
|
54
50
|
var mock_1 = require("../../mock/index.js");
|
|
55
51
|
var S = __importStar(require("./styles.js"));
|
|
56
52
|
function Days(_a) {
|
|
57
|
-
var name = _a.name,
|
|
58
|
-
var _c = (0, formik_1.
|
|
59
|
-
var value = field === null || field === void 0 ? void 0 : field.value;
|
|
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.useFormikContext)(), values = _c.values, setFieldValue = _c.setFieldValue;
|
|
60
55
|
var week = mock_1.translations[language].days;
|
|
61
|
-
var
|
|
62
|
-
|
|
56
|
+
var value = values[name];
|
|
57
|
+
var currentDate = new Date();
|
|
58
|
+
function createButton(text, isDisabled, type) {
|
|
59
|
+
if (isDisabled === void 0) { isDisabled = false; }
|
|
63
60
|
if (type === void 0) { type = 0; }
|
|
64
61
|
var comparisonDate = new Date(dateSelected.year, dateSelected.month + type, text);
|
|
65
62
|
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.
|
|
68
|
-
(currentDate === null || currentDate === void 0 ? void 0 : currentDate.
|
|
69
|
-
(currentDate === null || currentDate === void 0 ? void 0 : currentDate.
|
|
63
|
+
var isSelected = (value === null || value === void 0 ? void 0 : value.getTime()) === (comparisonDate === null || comparisonDate === void 0 ? void 0 : comparisonDate.getTime());
|
|
64
|
+
var isToday = (currentDate === null || currentDate === void 0 ? void 0 : currentDate.getDate()) === text &&
|
|
65
|
+
(currentDate === null || currentDate === void 0 ? void 0 : currentDate.getFullYear()) === dateSelected.year &&
|
|
66
|
+
(currentDate === null || currentDate === void 0 ? void 0 : currentDate.getMonth()) === dateSelected.month;
|
|
70
67
|
return ((0, jsx_runtime_1.jsx)("button", { className: "".concat(isToday ? 'today' : '', " ").concat(isSelected ? 'selected' : '', " ").concat(isDateInRange ? '' : 'disabled'), onClick: function () {
|
|
71
68
|
if (!isDateInRange)
|
|
72
69
|
return;
|
|
73
70
|
setDateSelected(__assign(__assign({}, dateSelected), { day: text }));
|
|
74
|
-
|
|
71
|
+
setFieldValue(name, new Date(comparisonDate));
|
|
75
72
|
setTimeout(function () { return handleToggle(false); }, 0);
|
|
76
73
|
}, disabled: !isDateInRange, type: 'button', children: text }, "".concat(type, "-").concat(text)));
|
|
77
74
|
}
|
|
@@ -80,16 +77,16 @@ function Days(_a) {
|
|
|
80
77
|
var lastOfPrevMonth = new Date(dateSelected.year, dateSelected.month, 0);
|
|
81
78
|
for (var i = 0; i <= lastOfPrevMonth.getDay(); i++) {
|
|
82
79
|
var text = lastOfPrevMonth.getDate() - lastOfPrevMonth.getDay() + i;
|
|
83
|
-
dates.push(createButton(text, -1));
|
|
80
|
+
dates.push(createButton(text, true, -1));
|
|
84
81
|
}
|
|
85
82
|
var lastOfMonth = new Date(dateSelected.year, dateSelected.month + 1, 0);
|
|
86
83
|
for (var i = 1; i <= lastOfMonth.getDate(); i++) {
|
|
87
|
-
dates.push(createButton(i));
|
|
84
|
+
dates.push(createButton(i, false));
|
|
88
85
|
}
|
|
89
86
|
var firstOfNextMonth = new Date(dateSelected.year, dateSelected.month + 1, 1);
|
|
90
87
|
for (var i = firstOfNextMonth.getDay(); i < 7; i++) {
|
|
91
88
|
var text = firstOfNextMonth.getDate() - firstOfNextMonth.getDay() + i;
|
|
92
|
-
dates.push(createButton(text, 1));
|
|
89
|
+
dates.push(createButton(text, true, 1));
|
|
93
90
|
}
|
|
94
91
|
return dates;
|
|
95
92
|
}
|
|
@@ -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,29 +43,26 @@ 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
|
-
};
|
|
49
46
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
50
47
|
exports.Calendar = Calendar;
|
|
51
48
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
52
49
|
var react_1 = require("react");
|
|
53
50
|
var formik_1 = require("formik");
|
|
54
51
|
var days_1 = require("./days/index.js");
|
|
52
|
+
var years_1 = require("./years/index.js");
|
|
55
53
|
var months_1 = require("./months/index.js");
|
|
56
54
|
var calendar_header_1 = require("./calendar-header/index.js");
|
|
57
55
|
var S = __importStar(require("./styles.js"));
|
|
58
|
-
var moment_1 = __importDefault(require("moment"));
|
|
59
56
|
function Calendar(props) {
|
|
60
|
-
var
|
|
61
|
-
var value =
|
|
57
|
+
var values = (0, formik_1.useFormikContext)().values;
|
|
58
|
+
var value = values[props.name];
|
|
62
59
|
var _a = (0, react_1.useState)({
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
60
|
+
year: (value === null || value === void 0 ? void 0 : value.getFullYear()) || '',
|
|
61
|
+
month: (value === null || value === void 0 ? void 0 : value.getMonth()) || '',
|
|
62
|
+
day: (value === null || value === void 0 ? void 0 : value.getTime()) || '',
|
|
66
63
|
}), dateSelected = _a[0], setDateSelected = _a[1];
|
|
67
64
|
var _b = (0, react_1.useState)(1), step = _b[0], setStep = _b[1];
|
|
68
65
|
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)) })] }));
|
|
66
|
+
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 === 0 ? 'block' : 'none' }, children: (0, jsx_runtime_1.jsx)(years_1.Years, __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
67
|
}
|
|
71
68
|
//# sourceMappingURL=index.js.map
|
|
@@ -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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,4BAuCC;;AA1DD,+BAAgC;AAChC,iCAAyC;AAEzC,+BAA6B;AAC7B,iCAA+B;AAC/B,mCAAiC;AACjC,qDAAkD;AAIlD,0CAA6B;AAS7B,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,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,WAAW,EAAE,KAAI,EAAE;QAChC,KAAK,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,EAAE,KAAI,EAAE;QAC9B,GAAG,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,EAAE,KAAI,EAAE;KAC5B,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,EAGnC,gCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EAAE,YACpD,uBAAC,aAAK,eAAK,WAAW,EAAI,GACtB,EAEN,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,
|
|
2
|
+
export declare function Months({ language, name, mode, date, dateSelected, setStep, handleToggle, setDateSelected, }: CalendarComponentProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -43,37 +43,31 @@ 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
|
-
};
|
|
49
46
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
50
47
|
exports.Months = Months;
|
|
51
48
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
52
|
-
var moment_1 = __importDefault(require("moment"));
|
|
53
49
|
var formik_1 = require("formik");
|
|
54
50
|
var mock_1 = require("../../mock/index.js");
|
|
55
51
|
var S = __importStar(require("./styles.js"));
|
|
56
52
|
function Months(_a) {
|
|
57
53
|
var _b;
|
|
58
|
-
var _c = _a.language, language = _c === void 0 ? 'pt' : _c, name = _a.name, mode = _a.mode, date = _a.date,
|
|
59
|
-
var _d = (0, formik_1.
|
|
60
|
-
var value = field === null || field === void 0 ? void 0 : field.value;
|
|
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.useFormikContext)(), values = _d.values, setFieldValue = _d.setFieldValue;
|
|
61
56
|
var months = (_b = mock_1.translations[language]) === null || _b === void 0 ? void 0 : _b.months;
|
|
62
57
|
return ((0, jsx_runtime_1.jsx)(S.Months, { className: 'months-box', children: months.map(function (monthName, index) {
|
|
63
|
-
var _a, _b;
|
|
58
|
+
var _a, _b, _c, _d, _e;
|
|
64
59
|
var monthDate = new Date(dateSelected.year, index, 1);
|
|
65
60
|
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
61
|
((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
|
|
68
|
-
(0
|
|
69
|
-
(0
|
|
62
|
+
var isSelected = ((_c = values === null || values === void 0 ? void 0 : values[name]) === null || _c === void 0 ? void 0 : _c.getMonth()) === index &&
|
|
63
|
+
((_d = values === null || values === void 0 ? void 0 : values[name]) === null || _d === void 0 ? void 0 : _d.getMonth()) === dateSelected.month &&
|
|
64
|
+
((_e = values === null || values === void 0 ? void 0 : values[name]) === null || _e === void 0 ? void 0 : _e.getFullYear()) === dateSelected.year;
|
|
70
65
|
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
66
|
if (!isMonthInRange)
|
|
72
67
|
return;
|
|
73
68
|
setDateSelected(__assign(__assign({}, dateSelected), { month: index }));
|
|
74
69
|
if (mode === 'month') {
|
|
75
|
-
|
|
76
|
-
utils.setValue((0, moment_1.default)(newValue).format(dateFormat));
|
|
70
|
+
setFieldValue(name, new Date(dateSelected.year, index, 1));
|
|
77
71
|
handleToggle(false);
|
|
78
72
|
}
|
|
79
73
|
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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"}
|
|
@@ -0,0 +1,75 @@
|
|
|
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.Years = Years;
|
|
48
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
49
|
+
var formik_1 = require("formik");
|
|
50
|
+
var S = __importStar(require("./styles.js"));
|
|
51
|
+
function Years(_a) {
|
|
52
|
+
var _b, _c;
|
|
53
|
+
var name = _a.name, date = _a.date, dateSelected = _a.dateSelected, setDateSelected = _a.setDateSelected, setStep = _a.setStep, handleToggle = _a.handleToggle, _d = _a.language, language = _d === void 0 ? 'pt' : _d;
|
|
54
|
+
var _e = (0, formik_1.useFormikContext)(), values = _e.values, setFieldValue = _e.setFieldValue;
|
|
55
|
+
var startYear = ((_b = date === null || date === void 0 ? void 0 : date.minDate) === null || _b === void 0 ? void 0 : _b.getFullYear()) || new Date().getFullYear() - 100;
|
|
56
|
+
var endYear = ((_c = date === null || date === void 0 ? void 0 : date.maxDate) === null || _c === void 0 ? void 0 : _c.getFullYear()) || new Date().getFullYear() + 10;
|
|
57
|
+
var years = Array.from({ length: endYear - startYear + 1 }, function (_, index) { return startYear + index; });
|
|
58
|
+
var value = values[name];
|
|
59
|
+
return ((0, jsx_runtime_1.jsx)(S.Years, { children: years.reverse().map(function (year) {
|
|
60
|
+
var isYearInRange = (!(date === null || date === void 0 ? void 0 : date.minDate) || year >= (date === null || date === void 0 ? void 0 : date.minDate.getFullYear())) &&
|
|
61
|
+
(!(date === null || date === void 0 ? void 0 : date.maxDate) || year <= (date === null || date === void 0 ? void 0 : date.maxDate.getFullYear()));
|
|
62
|
+
var isSelected = (value === null || value === void 0 ? void 0 : value.getFullYear()) === year;
|
|
63
|
+
return ((0, jsx_runtime_1.jsx)("button", { type: "button", className: "".concat(isSelected ? 'selected' : '', " ").concat(!isYearInRange ? 'disabled' : ''), onClick: function () {
|
|
64
|
+
if (!isYearInRange)
|
|
65
|
+
return;
|
|
66
|
+
setDateSelected(__assign(__assign({}, dateSelected), { year: year }));
|
|
67
|
+
setFieldValue(name, new Date(year, dateSelected.month, 1));
|
|
68
|
+
if (handleToggle) {
|
|
69
|
+
handleToggle(false);
|
|
70
|
+
}
|
|
71
|
+
setStep(1);
|
|
72
|
+
}, disabled: !isYearInRange, children: year }, year));
|
|
73
|
+
}) }));
|
|
74
|
+
}
|
|
75
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/form/input-date-picker/calendar/years/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,sBAoDC;;AAzDD,iCAAyC;AAGzC,0CAA6B;AAE7B,SAAgB,KAAK,CAAC,EAQG;;QAPvB,IAAI,UAAA,EACJ,IAAI,UAAA,EACJ,YAAY,kBAAA,EACZ,eAAe,qBAAA,EACf,OAAO,aAAA,EACP,YAAY,kBAAA,EACZ,gBAAe,EAAf,QAAQ,mBAAG,IAAI,KAAA;IAET,IAAA,KAA4B,IAAA,yBAAgB,GAAE,EAA5C,MAAM,YAAA,EAAE,aAAa,mBAAuB,CAAA;IAEpD,IAAM,SAAS,GAAG,CAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,0CAAE,WAAW,EAAE,KAAI,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE,GAAG,GAAG,CAAA;IAChF,IAAM,OAAO,GAAG,CAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,0CAAE,WAAW,EAAE,KAAI,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE,GAAG,EAAE,CAAA;IAC7E,IAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,OAAO,GAAG,SAAS,GAAG,CAAC,EAAE,EAAE,UAAC,CAAC,EAAE,KAAK,IAAK,OAAA,SAAS,GAAG,KAAK,EAAjB,CAAiB,CAAC,CAAA;IAE9F,IAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;IAE1B,OAAO,CACL,uBAAC,CAAC,CAAC,KAAK,cACL,KAAK,CAAC,OAAO,EAAE,CAAC,GAAG,CAAC,UAAC,IAAI;YACxB,IAAM,aAAa,GACjB,CAAC,CAAC,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,CAAA,IAAI,IAAI,KAAI,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,CAAC,WAAW,EAAE,CAAA,CAAC;gBACvD,CAAC,CAAC,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,CAAA,IAAI,IAAI,KAAI,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,CAAC,WAAW,EAAE,CAAA,CAAC,CAAA;YAEzD,IAAM,UAAU,GAAG,CAAC,KAAc,aAAd,KAAK,uBAAL,KAAK,CAAW,WAAW,EAAE,MAAK,IAAI,CAAA;YAE1D,OAAO,CACL,mCAEE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,UAAG,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,cAAI,CAAC,aAAa,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAE,EAChF,OAAO,EAAE;oBACP,IAAI,CAAC,aAAa;wBAAE,OAAM;oBAE1B,eAAe,uBAAM,YAAY,KAAE,IAAI,MAAA,IAAG,CAAA;oBAE1C,aAAa,CAAC,IAAI,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,YAAY,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAA;oBAE1D,IAAI,YAAY,EAAE,CAAC;wBACjB,YAAY,CAAC,KAAK,CAAC,CAAA;oBACrB,CAAC;oBAED,OAAO,CAAC,CAAC,CAAC,CAAA;gBACZ,CAAC,EACD,QAAQ,EAAE,CAAC,aAAa,YAEvB,IAAI,IAlBA,IAAI,CAmBF,CACV,CAAA;QACH,CAAC,CAAC,GACM,CACX,CAAA;AACH,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const Years: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, never>> & string;
|
|
@@ -0,0 +1,14 @@
|
|
|
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.Years = void 0;
|
|
11
|
+
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
|
+
exports.Years = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(50px, 1fr));\n gap: 6px;\n padding: 12px;\n max-width: 100%;\n background-color: #f9f9f9;\n max-height: 300px;\n overflow-y: auto;\n\n button {\n padding: 6px 10px;\n font-size: 12px;\n font-weight: bold;\n text-align: center;\n border: none;\n border-radius: 4px;\n background-color: #ffffff;\n color: #333;\n cursor: pointer;\n transition: all 0.3s ease;\n\n &.selected {\n background-color: #007bff;\n color: #ffffff;\n }\n\n &.disabled {\n background-color: #e0e0e0;\n color: #999;\n cursor: not-allowed;\n }\n\n &:hover:not(.disabled):not(.selected) {\n background-color: #f1f1f1;\n }\n\n &:active:not(.disabled):not(.selected) {\n background-color: #ddd;\n }\n }\n"], ["\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(50px, 1fr));\n gap: 6px;\n padding: 12px;\n max-width: 100%;\n background-color: #f9f9f9;\n max-height: 300px;\n overflow-y: auto;\n\n button {\n padding: 6px 10px;\n font-size: 12px;\n font-weight: bold;\n text-align: center;\n border: none;\n border-radius: 4px;\n background-color: #ffffff;\n color: #333;\n cursor: pointer;\n transition: all 0.3s ease;\n\n &.selected {\n background-color: #007bff;\n color: #ffffff;\n }\n\n &.disabled {\n background-color: #e0e0e0;\n color: #999;\n cursor: not-allowed;\n }\n\n &:hover:not(.disabled):not(.selected) {\n background-color: #f1f1f1;\n }\n\n &:active:not(.disabled):not(.selected) {\n background-color: #ddd;\n }\n }\n"])));
|
|
13
|
+
var templateObject_1;
|
|
14
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/form/input-date-picker/calendar/years/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,KAAK,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,y4BAAA,s0BAyCjC,KAAA"}
|
|
@@ -10,39 +10,6 @@ var __assign = (this && this.__assign) || function () {
|
|
|
10
10
|
};
|
|
11
11
|
return __assign.apply(this, arguments);
|
|
12
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
13
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
47
14
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
48
15
|
};
|
|
@@ -54,51 +21,70 @@ var moment_1 = __importDefault(require("moment"));
|
|
|
54
21
|
var formik_1 = require("formik");
|
|
55
22
|
var ui_1 = require("../../../../ui/index.js");
|
|
56
23
|
var calendar_1 = require("./calendar/index.js");
|
|
57
|
-
var S = __importStar(require("./styles.js"));
|
|
58
24
|
var mode = {
|
|
59
25
|
month: {
|
|
60
26
|
mask: '__/____',
|
|
61
27
|
format: 'MM/YYYY',
|
|
62
|
-
placeholder: 'MM/YYYY',
|
|
63
28
|
},
|
|
64
29
|
date: {
|
|
65
30
|
mask: '__/__/____',
|
|
66
31
|
format: 'DD/MM/YYYY',
|
|
67
|
-
placeholder: 'DD/MM/YYYY',
|
|
68
32
|
},
|
|
69
33
|
timer: {
|
|
70
34
|
mask: '__:__',
|
|
71
35
|
format: 'HH:mm',
|
|
72
|
-
placeholder: 'HH:mm',
|
|
73
36
|
},
|
|
74
37
|
'timer-date': {
|
|
75
38
|
mask: '__/__/____ __:__',
|
|
76
39
|
format: 'DD/MM/YYYY HH:mm',
|
|
77
|
-
placeholder: 'DD/MM/YYYY HH:mm',
|
|
78
40
|
},
|
|
79
41
|
year: {
|
|
80
42
|
mask: '____',
|
|
81
43
|
format: 'YYYY',
|
|
82
|
-
placeholder: 'YYYY',
|
|
83
44
|
},
|
|
84
45
|
};
|
|
85
46
|
var InputDatePicker = function (props) {
|
|
86
|
-
var _a, _b, _c, _d
|
|
87
|
-
var _g = (0, formik_1.useField)({ name: props.name, type: props.type }), field = _g[0], _ = _g[1], utils = _g[2];
|
|
47
|
+
var _a, _b, _c, _d;
|
|
88
48
|
var currentMode = (_a = props === null || props === void 0 ? void 0 : props.mode) !== null && _a !== void 0 ? _a : 'date';
|
|
89
|
-
var
|
|
90
|
-
var
|
|
49
|
+
var _e = (0, formik_1.useField)({ name: props.name, type: props.type }), field = _e[0], _ = _e[1], utils = _e[2];
|
|
50
|
+
var _f = (0, formik_1.useFormikContext)(), values = _f.values, setFieldValue = _f.setFieldValue;
|
|
51
|
+
var ID = props.name + props.id;
|
|
52
|
+
var value = field.value;
|
|
53
|
+
var fieldValueInput = values[ID];
|
|
54
|
+
var mask = mode[currentMode].mask;
|
|
55
|
+
var momentFormatter = mode[currentMode].format;
|
|
56
|
+
var formattedValueToMask = (0, moment_1.default)(value).format(momentFormatter).toString();
|
|
91
57
|
(0, react_1.useEffect)(function () {
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
58
|
+
var initialData = value && value instanceof Date ? field.value : null;
|
|
59
|
+
utils.setValue(initialData);
|
|
60
|
+
setFieldValue(ID, (0, moment_1.default)(initialData).format(momentFormatter));
|
|
95
61
|
}, []);
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
62
|
+
(0, react_1.useEffect)(function () {
|
|
63
|
+
if (formattedValueToMask !== fieldValueInput) {
|
|
64
|
+
setFieldValue(ID, value ? formattedValueToMask : null);
|
|
65
|
+
if (value)
|
|
66
|
+
props.onChangeInput && props.onChangeInput(value);
|
|
67
|
+
}
|
|
68
|
+
}, [value]);
|
|
69
|
+
(0, react_1.useEffect)(function () {
|
|
70
|
+
var _a;
|
|
71
|
+
if ((_a = props === null || props === void 0 ? void 0 : props.date) === null || _a === void 0 ? void 0 : _a.maxDate) {
|
|
72
|
+
(0, moment_1.default)(value, momentFormatter, true);
|
|
73
|
+
setFieldValue(props.name, props.date.maxDate);
|
|
74
|
+
}
|
|
75
|
+
}, [(_b = props === null || props === void 0 ? void 0 : props.date) === null || _b === void 0 ? void 0 : _b.maxDate]);
|
|
76
|
+
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)(ui_1.InputControl, __assign({}, props, { 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) {
|
|
77
|
+
var valueInput = value;
|
|
78
|
+
var date = (0, moment_1.default)(valueInput, momentFormatter, true);
|
|
79
|
+
if (date.isValid()) {
|
|
80
|
+
setFieldValue(props.name, date.toDate());
|
|
81
|
+
if (date)
|
|
82
|
+
props.onChangeInput && props.onChangeInput(date === null || date === void 0 ? void 0 : date.toDate());
|
|
83
|
+
callback();
|
|
84
|
+
}
|
|
85
|
+
} }) })), ContentWithTooltipProps: function (_a) {
|
|
100
86
|
var handleToggle = _a.handleToggle;
|
|
101
|
-
return currentMode !== 'timer' ? (
|
|
87
|
+
return currentMode !== 'timer' ? (0, jsx_runtime_1.jsx)(calendar_1.Calendar, __assign({ utils: utils, handleToggle: handleToggle }, props)) : null;
|
|
102
88
|
} })));
|
|
103
89
|
};
|
|
104
90
|
exports.InputDatePicker = InputDatePicker;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-date-picker/component.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-date-picker/component.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,8 +3,8 @@ import { IToolTipProps } from '../../../../ui/components/tooltip/interfaces.js';
|
|
|
3
3
|
export type LanguageDatePicker = 'en' | 'pt';
|
|
4
4
|
export type CustomCalendarStyles = RuleSet<object> | Styles<Object>;
|
|
5
5
|
export interface IInputDatePicker {
|
|
6
|
-
mode
|
|
7
|
-
language
|
|
6
|
+
mode?: 'month' | 'date' | 'year' | 'timer' | 'timer-date';
|
|
7
|
+
language?: LanguageDatePicker;
|
|
8
8
|
customCalendarStyles?: CustomCalendarStyles;
|
|
9
9
|
tooltip?: IToolTipProps;
|
|
10
10
|
date?: {
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const InputDatePicker: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, never>> & string;
|