infinity-forge 12.2.8 → 12.2.9
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/system/context/container.d.ts +3 -2
- package/dist/system/context/container.js +12 -2
- package/dist/system/context/container.js.map +1 -1
- package/dist/system/context/third-party-integration-context/context.d.ts +1 -1
- package/dist/test/index.js +6 -1
- package/dist/test/index.js.map +1 -1
- package/dist/ui/atena/domain/dynamic-section/dynamic-section.d.ts +7 -1
- package/dist/ui/atena/index.d.ts +0 -1
- package/dist/ui/atena/index.js +0 -1
- package/dist/ui/atena/index.js.map +1 -1
- package/dist/ui/atena/presentation/dynamic-elements/atena-page.d.ts +6 -0
- package/dist/ui/atena/presentation/dynamic-elements/atena-page.js +41 -10
- package/dist/ui/atena/presentation/dynamic-elements/atena-page.js.map +1 -1
- package/dist/ui/atena/presentation/dynamic-sections/context.js +5 -6
- package/dist/ui/atena/presentation/dynamic-sections/context.js.map +1 -1
- package/dist/ui/atena/presentation/dynamic-sections/get-initial-props-dynamic-section.d.ts +0 -1
- package/dist/ui/atena/presentation/dynamic-sections/get-initial-props-dynamic-section.js +3 -7
- package/dist/ui/atena/presentation/dynamic-sections/get-initial-props-dynamic-section.js.map +1 -1
- package/dist/ui/atena/presentation/dynamic-sections/types.d.ts +7 -2
- package/dist/ui/atena/presentation/dynamic-sections/use-dynamic-section/edit-section.d.ts +4 -3
- package/dist/ui/atena/presentation/dynamic-sections/use-dynamic-section/edit-section.js +35 -15
- package/dist/ui/atena/presentation/dynamic-sections/use-dynamic-section/edit-section.js.map +1 -1
- package/dist/ui/atena/presentation/dynamic-sections/use-dynamic-section/index.js +39 -79
- package/dist/ui/atena/presentation/dynamic-sections/use-dynamic-section/index.js.map +1 -1
- package/dist/ui/atena/presentation/dynamic-sections/use-dynamic-section/interfaces.d.ts +1 -2
- package/dist/ui/atena/presentation/site-configurations/atena-ssr-site.d.ts +6 -0
- package/dist/ui/atena/presentation/site-configurations/use-infinity-forge-props.js +4 -4
- package/dist/ui/atena/presentation/site-configurations/use-infinity-forge-props.js.map +1 -1
- package/dist/ui/atena/presentation/site-configurations/use-site-configurations.d.ts +7 -3
- package/dist/ui/atena/presentation/site-configurations/use-site-configurations.js.map +1 -1
- package/dist/ui/components/form/handler/component.js +1 -3
- package/dist/ui/components/form/handler/component.js.map +1 -1
- package/dist/ui/components/form/handler/form-handler/index.d.ts +0 -3
- package/dist/ui/components/form/handler/form-handler/index.js +7 -2
- package/dist/ui/components/form/handler/form-handler/index.js.map +1 -1
- package/dist/ui/components/form/handler/form-handler/use-form-handler.d.ts +0 -3
- package/dist/ui/components/form/handler/form-handler/use-schemas.js +23 -12
- package/dist/ui/components/form/handler/form-handler/use-schemas.js.map +1 -1
- package/dist/ui/components/form/handler/form-handler/use-submit/index.d.ts +1 -1
- package/dist/ui/components/form/handler/form-handler/use-submit/index.js +12 -48
- package/dist/ui/components/form/handler/form-handler/use-submit/index.js.map +1 -1
- package/dist/ui/components/form/handler/i18n/index.js +23 -13
- package/dist/ui/components/form/handler/i18n/index.js.map +1 -1
- package/dist/ui/components/form/handler/interfaces.d.ts +8 -2
- package/dist/ui/components/form/input-control/index.d.ts +1 -1
- package/dist/ui/components/form/input-control/index.js +2 -7
- package/dist/ui/components/form/input-control/index.js.map +1 -1
- package/dist/ui/components/form/input-control/label/index.d.ts +2 -1
- package/dist/ui/components/form/input-control/label/index.js +5 -13
- package/dist/ui/components/form/input-control/label/index.js.map +1 -1
- 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-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/{atena/i18n → components/form/input-date-picker-new}/index.js +2 -3
- 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/components/form/interfaces.d.ts +2 -4
- package/dist/ui/components/form/text-editor/quill.js +24 -24
- package/dist/ui/components/form/text-editor/quill.js.map +1 -1
- package/dist/ui/contexts/i18n/context.d.ts +4 -0
- package/dist/ui/contexts/i18n/context.js +108 -0
- package/dist/ui/contexts/i18n/context.js.map +1 -0
- package/dist/ui/{atena/presentation/dynamic-sections → contexts/i18n}/edit-mode/index.js +1 -1
- package/dist/ui/contexts/i18n/edit-mode/index.js.map +1 -0
- package/dist/ui/contexts/i18n/get-initial-props.d.ts +6 -0
- package/dist/ui/contexts/i18n/get-initial-props.js +98 -0
- package/dist/ui/contexts/i18n/get-initial-props.js.map +1 -0
- package/dist/ui/contexts/i18n/index.d.ts +6 -0
- package/dist/ui/contexts/i18n/index.js +23 -0
- package/dist/ui/contexts/i18n/index.js.map +1 -0
- package/dist/ui/contexts/i18n/interfaces.d.ts +32 -0
- package/dist/ui/contexts/i18n/interfaces.js +3 -0
- package/dist/ui/contexts/i18n/interfaces.js.map +1 -0
- package/dist/ui/{atena/i18n/translation.d.ts → contexts/i18n/translate.d.ts} +2 -2
- package/dist/ui/contexts/i18n/translate.js +161 -0
- package/dist/ui/contexts/i18n/translate.js.map +1 -0
- package/dist/ui/contexts/i18n/use-i18n-data/index.d.ts +13 -0
- package/dist/ui/contexts/i18n/use-i18n-data/index.js +26 -0
- package/dist/ui/contexts/i18n/use-i18n-data/index.js.map +1 -0
- package/dist/ui/contexts/index.d.ts +1 -0
- package/dist/ui/contexts/index.js +1 -0
- package/dist/ui/contexts/index.js.map +1 -1
- package/dist/ui/utils/file/upload-file.js.map +1 -1
- package/dist/ui/utils/infinity-forge/index.d.ts +1 -0
- package/dist/ui/utils/infinity-forge/index.js +1 -0
- package/dist/ui/utils/infinity-forge/index.js.map +1 -1
- package/dist/ui/utils/infinity-forge/infinity-forge-next-config.d.ts +1 -0
- package/dist/ui/{atena/i18n/infinity-forge-configs.js → utils/infinity-forge/infinity-forge-next-config.js} +42 -19
- package/dist/ui/utils/infinity-forge/infinity-forge-next-config.js.map +1 -0
- package/dist/ui/utils/libs/moment/verify-date-and-return-value-formatted.d.ts +1 -1
- package/package.json +2 -1
- package/dist/ui/atena/i18n/context.d.ts +0 -14
- package/dist/ui/atena/i18n/context.js +0 -27
- package/dist/ui/atena/i18n/context.js.map +0 -1
- package/dist/ui/atena/i18n/index.d.ts +0 -3
- package/dist/ui/atena/i18n/index.js.map +0 -1
- package/dist/ui/atena/i18n/infinity-forge-configs.d.ts +0 -3
- package/dist/ui/atena/i18n/infinity-forge-configs.js.map +0 -1
- package/dist/ui/atena/i18n/translation.js +0 -36
- package/dist/ui/atena/i18n/translation.js.map +0 -1
- package/dist/ui/atena/presentation/dynamic-sections/edit-mode/index.js.map +0 -1
- package/dist/ui/components/form/input-control/i18n-observer/index.d.ts +0 -2
- package/dist/ui/components/form/input-control/i18n-observer/index.js +0 -37
- package/dist/ui/components/form/input-control/i18n-observer/index.js.map +0 -1
- /package/dist/ui/{atena/presentation/dynamic-sections → contexts/i18n}/edit-mode/index.d.ts +0 -0
|
@@ -18,27 +18,37 @@ exports.FormI18n = FormI18n;
|
|
|
18
18
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
19
19
|
var formik_1 = require("formik");
|
|
20
20
|
var ui_1 = require("../../../../../ui/index.js");
|
|
21
|
+
var system_1 = require("../../../../../system/index.js");
|
|
21
22
|
var form_handler_1 = __importDefault(require("../form-handler/index.js"));
|
|
22
|
-
var
|
|
23
|
+
var capture_i18n_errors_1 = require("./capture-i18n-errors/index.js");
|
|
23
24
|
function FormI18n(props) {
|
|
24
|
-
var
|
|
25
|
-
|
|
25
|
+
var languages = (0, ui_1.useI18n)().languages;
|
|
26
|
+
if (props.debugMode) {
|
|
27
|
+
console.log('languagesListFormHandler', languages);
|
|
28
|
+
}
|
|
26
29
|
if (!languages || languages.length === 0) {
|
|
27
30
|
return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "Error on load languages" });
|
|
28
31
|
}
|
|
29
32
|
var initialValueI18nForm = {
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
}, {}),
|
|
35
|
-
},
|
|
33
|
+
i18n: languages === null || languages === void 0 ? void 0 : languages.reduce(function (reducer, language) {
|
|
34
|
+
var _a;
|
|
35
|
+
return (__assign(__assign({}, reducer), (_a = {}, _a[language.symbol] = {}, _a)));
|
|
36
|
+
}, {}),
|
|
36
37
|
};
|
|
37
38
|
var mergedInitialData = props.initialData ? __assign(__assign({}, initialValueI18nForm), props.initialData) : initialValueI18nForm;
|
|
38
39
|
var initialValues = props.modifyInitialData ? props.modifyInitialData(mergedInitialData) : mergedInitialData;
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
40
|
+
console.log('initialValues', initialValues);
|
|
41
|
+
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(formik_1.Formik, { validateOnChange: false, validateOnBlur: false, onSubmit: function () { }, initialValues: initialValues, children: (0, jsx_runtime_1.jsxs)(form_handler_1.default, __assign({}, props, { i18n: __assign(__assign({}, props.i18n), { languages: languages }), children: [(0, jsx_runtime_1.jsx)(system_1.Tab, { disableIfHasOnlyOneTab: true, mapAllTabs: true, tabs: (languages === null || languages === void 0 ? void 0 : languages.map(function (lang, index) {
|
|
42
|
+
var _a, _b;
|
|
43
|
+
return ({
|
|
44
|
+
key: lang.symbol,
|
|
45
|
+
title: lang.symbol,
|
|
46
|
+
image: { url: ((_b = (_a = lang.image) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.url) || '' },
|
|
47
|
+
hasTitle: false,
|
|
48
|
+
content: function (tabProps) {
|
|
49
|
+
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [index === 0 && (0, jsx_runtime_1.jsx)(capture_i18n_errors_1.CaptureI18nErrors, __assign({ languages: languages }, tabProps)), (0, jsx_runtime_1.jsx)(props.i18n.RenderFields, { symbol: 'i18n.' + lang.symbol })] }));
|
|
50
|
+
},
|
|
51
|
+
});
|
|
52
|
+
})) || [] }), props.children] })) }) }));
|
|
43
53
|
}
|
|
44
54
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/handler/i18n/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/handler/i18n/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAUA,4BAoDC;;AA9DD,iCAA+B;AAE/B,2BAA8B;AAC9B,mCAA8B;AAE9B,iEAAyC;AACzC,6DAAyD;AAIzD,SAAgB,QAAQ,CAAC,KAAmB;IAClC,IAAA,SAAS,GAAK,IAAA,YAAO,GAAE,UAAd,CAAc;IAE/B,IAAI,KAAK,CAAC,SAAS,EAAE,CAAC;QACpB,OAAO,CAAC,GAAG,CAAC,0BAA0B,EAAE,SAAS,CAAC,CAAA;IACpD,CAAC;IAED,IAAI,CAAC,SAAS,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACzC,OAAO,uFAA4B,CAAA;IACrC,CAAC;IAED,IAAM,oBAAoB,GAAG;QAC3B,IAAI,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,MAAM,CAAC,UAAC,OAAO,EAAE,QAAQ;;YAAK,OAAA,uBAAM,OAAO,gBAAG,QAAQ,CAAC,MAAM,IAAG,EAAE,OAAG;QAAvC,CAAuC,EAAE,EAAE,CAAC;KAC5F,CAAA;IAED,IAAM,iBAAiB,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,uBAAM,oBAAoB,GAAK,KAAK,CAAC,WAAW,EAAG,CAAC,CAAC,oBAAoB,CAAA;IAEtH,IAAM,aAAa,GAAG,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAA;IAE9G,OAAO,CAAC,GAAG,CAAC,eAAe,EAAE,aAAa,CAAC,CAAA;IAE3C,OAAO,CACL,2DACE,uBAAC,eAAM,IAAC,gBAAgB,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,QAAQ,EAAE,cAAO,CAAC,EAAE,aAAa,EAAE,aAAa,YACtG,wBAAC,sBAAW,eAAK,KAAK,IAAE,IAAI,wBAAO,KAAK,CAAC,IAAI,KAAE,SAAS,WAAA,gBACtD,uBAAC,YAAG,IACF,sBAAsB,QACtB,UAAU,QACV,IAAI,EACF,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK;;4BAAK,OAAA,CAAC;gCAC/B,GAAG,EAAE,IAAI,CAAC,MAAM;gCAChB,KAAK,EAAE,IAAI,CAAC,MAAM;gCAClB,KAAK,EAAE,EAAE,GAAG,EAAE,CAAA,MAAA,MAAA,IAAI,CAAC,KAAK,0CAAG,CAAC,CAAC,0CAAE,GAAG,KAAI,EAAE,EAAE;gCAC1C,QAAQ,EAAE,KAAK;gCACf,OAAO,EAAE,UAAC,QAAQ;oCAChB,OAAO,CACL,6DACG,KAAK,KAAK,CAAC,IAAI,uBAAC,uCAAiB,aAAC,SAAS,EAAE,SAAS,IAAM,QAAQ,EAAI,EAEzE,uBAAC,KAAK,CAAC,IAAI,CAAC,YAAY,IAAC,MAAM,EAAE,OAAO,GAAG,IAAI,CAAC,MAAM,GAAI,IACzD,CACJ,CAAA;gCACH,CAAC;6BACF,CAAC,CAAA;yBAAA,CAAC,KAAI,EAAE,GAEX,EAED,KAAK,CAAC,QAAQ,KACH,GACP,GACR,CACJ,CAAA;AACH,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { FormikErrors } from 'formik';
|
|
2
|
-
import { ButtonProps, MessageProviderProps } from '../../../../ui/index.js';
|
|
2
|
+
import { ButtonProps, Language, MessageProviderProps } from '../../../../ui/index.js';
|
|
3
3
|
import { ICustomSubmitProps } from './custom-submit/index.js';
|
|
4
4
|
import { IDefaultSchemas } from './form-handler/generate-schemas.js';
|
|
5
5
|
export type StateFormFormHandler = {
|
|
@@ -19,7 +19,6 @@ export interface IFormHandler {
|
|
|
19
19
|
inputs?: {
|
|
20
20
|
readOnly?: boolean;
|
|
21
21
|
};
|
|
22
|
-
languageSelected?: string;
|
|
23
22
|
updateOnInitialDataChange?: boolean;
|
|
24
23
|
keepErrorsOnChange?: boolean;
|
|
25
24
|
schema?: Record<string, any>;
|
|
@@ -49,6 +48,13 @@ export interface IFormHandler {
|
|
|
49
48
|
setFieldValue: (field: string, value: any, shouldValidate?: boolean) => Promise<void | FormikErrors<unknown>>;
|
|
50
49
|
}, filesUplodaded?: any[]) => Promise<void>;
|
|
51
50
|
};
|
|
51
|
+
i18n?: {
|
|
52
|
+
languages?: Language[];
|
|
53
|
+
schema?: IFormHandler['schema'];
|
|
54
|
+
RenderFields: ({ symbol }: {
|
|
55
|
+
symbol: string;
|
|
56
|
+
}) => React.ReactNode;
|
|
57
|
+
};
|
|
52
58
|
defaultSchemas?: IDefaultSchemas;
|
|
53
59
|
isStickyButtons?: boolean;
|
|
54
60
|
autoComplete?: 'on' | 'off';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { InputProps } from '../interfaces.js';
|
|
2
|
-
export declare function InputControl({
|
|
2
|
+
export declare function InputControl({ fieldValue, icon, name, label, loading, children, disable, referenceID, defaultTranslate, isGlobal, enableToClearInput, }: InputProps & {
|
|
3
3
|
fieldValue?: string;
|
|
4
4
|
}): import("react/jsx-runtime").JSX.Element;
|
|
@@ -41,18 +41,13 @@ var label_1 = require("./label/index.js");
|
|
|
41
41
|
var error_1 = require("./error/index.js");
|
|
42
42
|
var loader_input_1 = require("./loader-input/index.js");
|
|
43
43
|
var S = __importStar(require("./styles.js"));
|
|
44
|
-
var i18n_observer_1 = require("./i18n-observer/index.js");
|
|
45
44
|
function InputControl(_a) {
|
|
46
|
-
var
|
|
47
|
-
// referenceID,
|
|
48
|
-
// defaultTranslate,
|
|
49
|
-
// isGlobal,
|
|
50
|
-
enableToClearInput = _a.enableToClearInput;
|
|
45
|
+
var fieldValue = _a.fieldValue, icon = _a.icon, name = _a.name, label = _a.label, loading = _a.loading, children = _a.children, disable = _a.disable, referenceID = _a.referenceID, defaultTranslate = _a.defaultTranslate, isGlobal = _a.isGlobal, enableToClearInput = _a.enableToClearInput;
|
|
51
46
|
var _b = (0, formik_1.useFormikContext)(), setFieldValue = _b.setFieldValue, errors = _b.errors;
|
|
52
47
|
var error = (0, formik_1.getIn)(errors, name);
|
|
53
48
|
if (disable) {
|
|
54
49
|
return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
|
|
55
50
|
}
|
|
56
|
-
return ((0, jsx_runtime_1.
|
|
51
|
+
return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: "input-control-".concat(name), children: (0, jsx_runtime_1.jsxs)(S.InputControl, { "$loading": loading, "$error": !!error, className: "input_control ".concat(error ? ' error' : ''), "$inputIconSize": (icon === null || icon === void 0 ? void 0 : icon.size) || 20, "$inputIconDirection": (icon === null || icon === void 0 ? void 0 : icon.direction) || 'left', children: [(0, jsx_runtime_1.jsxs)("div", { className: 'container-switch', children: [label && ((0, jsx_runtime_1.jsx)(label_1.Label, { inputId: name, label: label, referenceID: referenceID, defaultTranslate: defaultTranslate, isGlobal: isGlobal })), (0, jsx_runtime_1.jsxs)("div", { className: 'input-content', children: [loading && (0, jsx_runtime_1.jsx)(loader_input_1.LoaderInput, {}), icon && ((0, jsx_runtime_1.jsx)("div", { className: 'input-icon', onClick: function () { return icon.onClick && icon.onClick(fieldValue); }, children: icon.element ? icon.element : (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: icon === null || icon === void 0 ? void 0 : icon.name, color: icon === null || icon === void 0 ? void 0 : icon.color }) })), (0, jsx_runtime_1.jsx)("div", { className: 'input-wrapper', children: children }), enableToClearInput && ((0, jsx_runtime_1.jsx)("button", { type: 'button', className: 'button-clear-input', onClick: function () { return setFieldValue(name, ''); }, children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconClose', color: '#000' }) }))] })] }), error && (0, jsx_runtime_1.jsx)(error_1.ErrorMessage, { error: error })] }) }));
|
|
57
52
|
}
|
|
58
53
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-control/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-control/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,oCA+DC;;AA1ED,iCAAgD;AAEhD,2BAAkC;AAClC,iCAA+B;AAC/B,iCAAsC;AACtC,+CAA4C;AAI5C,0CAA6B;AAE7B,SAAgB,YAAY,CAAC,EAYU;QAXrC,UAAU,gBAAA,EACV,IAAI,UAAA,EACJ,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,WAAW,iBAAA,EACX,gBAAgB,sBAAA,EAChB,QAAQ,cAAA,EACR,kBAAkB,wBAAA;IAEZ,IAAA,KAA4B,IAAA,yBAAgB,GAAE,EAA5C,aAAa,mBAAA,EAAE,MAAM,YAAuB,CAAA;IAEpD,IAAM,KAAK,GAAG,IAAA,cAAK,EAAC,MAAM,EAAE,IAAI,CAAC,CAAA;IAEjC,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,kDAAK,CAAA;IACd,CAAC;IAED,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAE,wBAAiB,IAAI,CAAE,YAClC,wBAAC,CAAC,CAAC,YAAY,gBACH,OAAO,YACT,CAAC,CAAC,KAAK,EACf,SAAS,EAAE,wBAAiB,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAE,oBACnC,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,KAAI,EAAE,yBACX,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,SAAS,KAAI,MAAM,aAE9C,iCAAK,SAAS,EAAC,kBAAkB,aAC9B,KAAK,IAAI,CACR,uBAAC,aAAK,IACJ,OAAO,EAAE,IAAI,EACb,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,gBAAgB,EAAE,gBAAgB,EAClC,QAAQ,EAAE,QAAQ,GAClB,CACH,EAED,iCAAK,SAAS,EAAC,eAAe,aAC3B,OAAO,IAAI,uBAAC,0BAAW,KAAG,EAE1B,IAAI,IAAI,CACP,gCAAK,SAAS,EAAC,YAAY,EAAC,OAAO,EAAE,cAAM,OAAA,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,EAAxC,CAAwC,YAChF,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,uBAAC,SAAI,IAAC,IAAI,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,EAAE,KAAK,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,GAAI,GACzE,CACP,EACD,gCAAK,SAAS,EAAC,eAAe,YAAE,QAAQ,GAAO,EAE9C,kBAAkB,IAAI,CACrB,mCAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,oBAAoB,EAAC,OAAO,EAAE,cAAM,OAAA,aAAa,CAAC,IAAI,EAAE,EAAE,CAAC,EAAvB,CAAuB,YACzF,uBAAC,SAAI,IAAC,IAAI,EAAC,WAAW,EAAC,KAAK,EAAC,MAAM,GAAG,GAC/B,CACV,IACG,IACF,EAEL,KAAK,IAAI,uBAAC,oBAAY,IAAC,KAAK,EAAE,KAAK,GAAI,IACzB,GACX,CACT,CAAA;AACH,CAAC"}
|
|
@@ -1 +1,2 @@
|
|
|
1
|
-
|
|
1
|
+
import { TranslateProps } from '../../../../../ui/index.js';
|
|
2
|
+
export declare function Label({ inputId, label, referenceID, isGlobal }: ILabelProps & Partial<TranslateProps>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -35,21 +35,13 @@ var __importStar = (this && this.__importStar) || (function () {
|
|
|
35
35
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
36
36
|
exports.Label = Label;
|
|
37
37
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
38
|
-
|
|
38
|
+
var ui_1 = require("../../../../../ui/index.js");
|
|
39
39
|
var S = __importStar(require("./styles.js"));
|
|
40
|
-
// ILabelProps & Partial<TranslateProps>
|
|
41
|
-
// , referenceID, isGlobal
|
|
42
40
|
function Label(_a) {
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
// <Translate referenceID={referenceID} defaultTranslate={label} isGlobal={isGlobal} />
|
|
48
|
-
// </label>
|
|
49
|
-
// </S.Label>
|
|
50
|
-
// )
|
|
51
|
-
// }
|
|
52
|
-
var inputId = _a.inputId, label = _a.label;
|
|
41
|
+
var inputId = _a.inputId, label = _a.label, referenceID = _a.referenceID, isGlobal = _a.isGlobal;
|
|
42
|
+
if (referenceID) {
|
|
43
|
+
return ((0, jsx_runtime_1.jsx)(S.Label, { children: (0, jsx_runtime_1.jsx)("label", { className: 'font-14-regular label_input_control', htmlFor: inputId, children: (0, jsx_runtime_1.jsx)(ui_1.Translate, { referenceID: referenceID, defaultTranslate: label, isGlobal: isGlobal }) }) }));
|
|
44
|
+
}
|
|
53
45
|
return ((0, jsx_runtime_1.jsx)(S.Label, { children: (0, jsx_runtime_1.jsx)("label", { className: 'font-14-regular label_input_control', htmlFor: inputId, dangerouslySetInnerHTML: { __html: label } }) }));
|
|
54
46
|
}
|
|
55
47
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/input-control/label/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/input-control/label/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,sBAoBC;;AAxBD,2BAAgD;AAEhD,0CAA6B;AAE7B,SAAgB,KAAK,CAAC,EAAgF;QAA9E,OAAO,aAAA,EAAE,KAAK,WAAA,EAAE,WAAW,iBAAA,EAAE,QAAQ,cAAA;IAC3D,IAAI,WAAW,EAAE,CAAC;QAChB,OAAO,CACL,uBAAC,CAAC,CAAC,KAAK,cACN,kCAAO,SAAS,EAAC,qCAAqC,EAAC,OAAO,EAAE,OAAO,YACrE,uBAAC,cAAS,IAAC,WAAW,EAAE,WAAW,EAAE,gBAAgB,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAI,GAC9E,GACA,CACX,CAAA;IACH,CAAC;IAED,OAAO,CACL,uBAAC,CAAC,CAAC,KAAK,cACN,kCACE,SAAS,EAAC,qCAAqC,EAC/C,OAAO,EAAE,OAAO,EAChB,uBAAuB,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,GAC1C,GACM,CACX,CAAA;AACH,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { CalendarComponentProps } from '../index.js';
|
|
2
|
-
export declare function CalendarHeader({ step, setStep, dateSelected, setDateSelected, date, }: CalendarComponentProps): import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
export declare function CalendarHeader({ step, language, setStep, dateSelected, setDateSelected, date, }: CalendarComponentProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -51,8 +51,8 @@ var mock_1 = require("../../mock/index.js");
|
|
|
51
51
|
var S = __importStar(require("./styles.js"));
|
|
52
52
|
function CalendarHeader(_a) {
|
|
53
53
|
var _b, _c, _d, _e;
|
|
54
|
-
var step = _a.step, setStep = _a.setStep, dateSelected = _a.dateSelected, setDateSelected = _a.setDateSelected, date = _a.date;
|
|
55
|
-
var currentMonth = (_b = mock_1.translations === null || mock_1.translations === void 0 ? void 0 : mock_1.translations[
|
|
54
|
+
var step = _a.step, _f = _a.language, language = _f === void 0 ? 'pt' : _f, setStep = _a.setStep, dateSelected = _a.dateSelected, setDateSelected = _a.setDateSelected, date = _a.date;
|
|
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 || 0];
|
|
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.jsxs)("div", { onClick: function () { return setStep(1); }, children: [(0, jsx_runtime_1.jsx)("div", { className: 'icon-arrow-left', children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconLeftChevron', color: '#000' }) }), (0, jsx_runtime_1.jsx)("span", { children: currentMonth === null || currentMonth === void 0 ? void 0 : currentMonth.substring(0, 3) })] })), (0, jsx_runtime_1.jsx)("button", { type: 'button', className: 'year', onClick: function () { return setStep(0); }, children: (_e = (_c = dateSelected.year) !== null && _c !== void 0 ? _c : (_d = date === null || date === void 0 ? void 0 : date.maxDate) === null || _d === void 0 ? void 0 : _d.getFullYear()) !== null && _e !== void 0 ? _e : new Date().getFullYear() })] }), step !== 0 && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("button", { onClick: function () {
|
|
57
57
|
if (step === 1) {
|
|
58
58
|
setDateSelected(function (state) { return (__assign(__assign({}, state), { year: Math.max(0, state.year - 1) })); });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/form/input-date-picker/calendar/calendar-header/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/form/input-date-picker/calendar/calendar-header/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
|
+
if (k2 === undefined) k2 = k;
|
|
15
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
16
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
17
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
18
|
+
}
|
|
19
|
+
Object.defineProperty(o, k2, desc);
|
|
20
|
+
}) : (function(o, m, k, k2) {
|
|
21
|
+
if (k2 === undefined) k2 = k;
|
|
22
|
+
o[k2] = m[k];
|
|
23
|
+
}));
|
|
24
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
25
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
26
|
+
}) : function(o, v) {
|
|
27
|
+
o["default"] = v;
|
|
28
|
+
});
|
|
29
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
30
|
+
var ownKeys = function(o) {
|
|
31
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
32
|
+
var ar = [];
|
|
33
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
34
|
+
return ar;
|
|
35
|
+
};
|
|
36
|
+
return ownKeys(o);
|
|
37
|
+
};
|
|
38
|
+
return function (mod) {
|
|
39
|
+
if (mod && mod.__esModule) return mod;
|
|
40
|
+
var result = {};
|
|
41
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
42
|
+
__setModuleDefault(result, mod);
|
|
43
|
+
return result;
|
|
44
|
+
};
|
|
45
|
+
})();
|
|
46
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
47
|
+
exports.CalendarHeader = CalendarHeader;
|
|
48
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
49
|
+
var ui_1 = require("../../../../../../ui/index.js");
|
|
50
|
+
var mock_1 = require("../../mock/index.js");
|
|
51
|
+
var S = __importStar(require("./styles.js"));
|
|
52
|
+
function CalendarHeader(_a) {
|
|
53
|
+
var _b;
|
|
54
|
+
var step = _a.step, _c = _a.language, language = _c === void 0 ? 'pt' : _c, setStep = _a.setStep, dateSelected = _a.dateSelected, setDateSelected = _a.setDateSelected;
|
|
55
|
+
var currentMonth = (_b = mock_1.translations === null || mock_1.translations === void 0 ? void 0 : mock_1.translations[language]) === null || _b === void 0 ? void 0 : _b.months[dateSelected.month];
|
|
56
|
+
return ((0, jsx_runtime_1.jsxs)(S.CalendarHeader, { className: 'calendar-header', children: [(0, jsx_runtime_1.jsxs)("h4", { children: [step === 2 && ((0, jsx_runtime_1.jsx)("div", { className: 'icon-arrow-left', onClick: function () {
|
|
57
|
+
setStep(1);
|
|
58
|
+
}, children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconLeftChevron', color: '#000' }) })), step === 2 && currentMonth.substring(0, 3), " ", dateSelected.year] }), (0, jsx_runtime_1.jsx)("button", { onClick: function () {
|
|
59
|
+
if (step === 1) {
|
|
60
|
+
setDateSelected(function (state) { return (__assign(__assign({}, state), { year: state.year > 0 ? state.year - 1 : state.year })); });
|
|
61
|
+
}
|
|
62
|
+
if (step === 2) {
|
|
63
|
+
setDateSelected(function (state) { return (__assign(__assign({}, state), { month: state.month > 0 ? state.month - 1 : state.month })); });
|
|
64
|
+
}
|
|
65
|
+
}, children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconLeftChevron' }) }), (0, jsx_runtime_1.jsx)("button", { onClick: function () {
|
|
66
|
+
if (step === 1) {
|
|
67
|
+
setDateSelected(function (state) { return (__assign(__assign({}, state), { year: state.year + 1 })); });
|
|
68
|
+
}
|
|
69
|
+
if (step === 2) {
|
|
70
|
+
setDateSelected(function (state) { return (__assign(__assign({}, state), { month: state.month === 12 ? state.month : state.month + 1 })); });
|
|
71
|
+
}
|
|
72
|
+
}, children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconRightChevron' }) })] }));
|
|
73
|
+
}
|
|
74
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/form/input-date-picker-new/calendar/calendar-header/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,wCA4DC;;AAnED,2BAA2B;AAG3B,mCAAyC;AAEzC,0CAA6B;AAE7B,SAAgB,cAAc,CAAC,EAMN;;QALvB,IAAI,UAAA,EACJ,gBAAe,EAAf,QAAQ,mBAAG,IAAI,KAAA,EACf,OAAO,aAAA,EACP,YAAY,kBAAA,EACZ,eAAe,qBAAA;IAEf,IAAM,YAAY,GAAG,MAAA,mBAAY,aAAZ,mBAAY,uBAAZ,mBAAY,CAAG,QAAQ,CAAC,0CAAE,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC,CAAA;IAEzE,OAAO,CACL,wBAAC,CAAC,CAAC,cAAc,IAAC,SAAS,EAAC,iBAAiB,aAC3C,2CACG,IAAI,KAAK,CAAC,IAAI,CACb,gCACE,SAAS,EAAC,iBAAiB,EAC3B,OAAO,EAAE;4BACP,OAAO,CAAC,CAAC,CAAC,CAAA;wBACZ,CAAC,YAED,uBAAC,SAAI,IAAC,IAAI,EAAC,iBAAiB,EAAC,KAAK,EAAC,MAAM,GAAG,GACxC,CACP,EACA,IAAI,KAAK,CAAC,IAAI,YAAY,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,OAAG,YAAY,CAAC,IAAI,IAC5D,EAEL,mCACE,OAAO,EAAE;oBACP,IAAI,IAAI,KAAK,CAAC,EAAE,CAAC;wBACf,eAAe,CAAC,UAAC,KAAK,IAAK,OAAA,uBACtB,KAAK,KACR,IAAI,EAAE,KAAK,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,IAClD,EAHyB,CAGzB,CAAC,CAAA;oBACL,CAAC;oBAED,IAAI,IAAI,KAAK,CAAC,EAAE,CAAC;wBACf,eAAe,CAAC,UAAC,KAAK,IAAK,OAAA,uBACtB,KAAK,KACR,KAAK,EAAE,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,IACtD,EAHyB,CAGzB,CAAC,CAAA;oBACL,CAAC;gBACH,CAAC,YAED,uBAAC,SAAI,IAAC,IAAI,EAAC,iBAAiB,GAAG,GACxB,EAET,mCACE,OAAO,EAAE;oBACP,IAAI,IAAI,KAAK,CAAC,EAAE,CAAC;wBACf,eAAe,CAAC,UAAC,KAAK,IAAK,OAAA,uBAAM,KAAK,KAAE,IAAI,EAAE,KAAK,CAAC,IAAI,GAAG,CAAC,IAAG,EAApC,CAAoC,CAAC,CAAA;oBAClE,CAAC;oBAED,IAAI,IAAI,KAAK,CAAC,EAAE,CAAC;wBACf,eAAe,CAAC,UAAC,KAAK,IAAK,OAAA,uBAAM,KAAK,KAAE,KAAK,EAAE,KAAK,CAAC,KAAK,KAAK,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,IAAG,EAAzE,CAAyE,CAAC,CAAA;oBACvG,CAAC;gBACH,CAAC,YAED,uBAAC,SAAI,IAAC,IAAI,EAAC,kBAAkB,GAAG,GACzB,IACQ,CACpB,CAAA;AACH,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const CalendarHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, never>> & string;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
+
return cooked;
|
|
5
|
+
};
|
|
6
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
7
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
8
|
+
};
|
|
9
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
|
+
exports.CalendarHeader = void 0;
|
|
11
|
+
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
|
+
exports.CalendarHeader = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n\n button {\n border: none;\n padding: 0;\n background-color: transparent;\n\n svg {\n display: block;\n margin: auto;\n\n height: 10px;\n width: auto;\n fill: ", ";\n\n path {\n stroke: ", ";\n stroke-width: 2;\n }\n }\n }\n\n h4 {\n color: ", ";\n font-size: 12px;\n font-weight: 500;\n display: flex;\n align-items: center;\n gap: 5px;\n margin: 0 auto 0 8px;\n\n .icon-arrow-left {\n display: flex;\n cursor: pointer;\n\n svg {\n height: 12px;\n }\n }\n }\n\n button {\n width: 22px;\n height: 22px;\n border-radius: 2px;\n background-color: #d5e1f9;\n\n & + button {\n margin-left: 8px;\n }\n }\n"], ["\n display: flex;\n justify-content: space-between;\n align-items: center;\n\n button {\n border: none;\n padding: 0;\n background-color: transparent;\n\n svg {\n display: block;\n margin: auto;\n\n height: 10px;\n width: auto;\n fill: ", ";\n\n path {\n stroke: ", ";\n stroke-width: 2;\n }\n }\n }\n\n h4 {\n color: ", ";\n font-size: 12px;\n font-weight: 500;\n display: flex;\n align-items: center;\n gap: 5px;\n margin: 0 auto 0 8px;\n\n .icon-arrow-left {\n display: flex;\n cursor: pointer;\n\n svg {\n height: 12px;\n }\n }\n }\n\n button {\n width: 22px;\n height: 22px;\n border-radius: 2px;\n background-color: #d5e1f9;\n\n & + button {\n margin-left: 8px;\n }\n }\n"])), function (_a) {
|
|
13
|
+
var theme = _a.theme;
|
|
14
|
+
return theme.primaryColor || '#2c68df';
|
|
15
|
+
}, function (_a) {
|
|
16
|
+
var theme = _a.theme;
|
|
17
|
+
return theme.primaryColor || '#2c68df';
|
|
18
|
+
}, function (_a) {
|
|
19
|
+
var theme = _a.theme;
|
|
20
|
+
return theme.primaryColor || '#2c68df';
|
|
21
|
+
});
|
|
22
|
+
var templateObject_1;
|
|
23
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/form/input-date-picker-new/calendar/calendar-header/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,cAAc,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,g4BAAA,uRAgB7B,EAA8C,qCAG1C,EAA8C,yEAOnD,EAA8C,kbA4B1D,KAtCa,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,YAAY,IAAI,SAAS;AAA/B,CAA+B,EAG1C,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,YAAY,IAAI,SAAS;AAA/B,CAA+B,EAOnD,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,YAAY,IAAI,SAAS;AAA/B,CAA+B,EA4B1D"}
|
|
@@ -0,0 +1,98 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
|
+
if (k2 === undefined) k2 = k;
|
|
15
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
16
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
17
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
18
|
+
}
|
|
19
|
+
Object.defineProperty(o, k2, desc);
|
|
20
|
+
}) : (function(o, m, k, k2) {
|
|
21
|
+
if (k2 === undefined) k2 = k;
|
|
22
|
+
o[k2] = m[k];
|
|
23
|
+
}));
|
|
24
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
25
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
26
|
+
}) : function(o, v) {
|
|
27
|
+
o["default"] = v;
|
|
28
|
+
});
|
|
29
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
30
|
+
var ownKeys = function(o) {
|
|
31
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
32
|
+
var ar = [];
|
|
33
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
34
|
+
return ar;
|
|
35
|
+
};
|
|
36
|
+
return ownKeys(o);
|
|
37
|
+
};
|
|
38
|
+
return function (mod) {
|
|
39
|
+
if (mod && mod.__esModule) return mod;
|
|
40
|
+
var result = {};
|
|
41
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
42
|
+
__setModuleDefault(result, mod);
|
|
43
|
+
return result;
|
|
44
|
+
};
|
|
45
|
+
})();
|
|
46
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
47
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
48
|
+
};
|
|
49
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
50
|
+
exports.Days = Days;
|
|
51
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
52
|
+
var moment_1 = __importDefault(require("moment"));
|
|
53
|
+
var formik_1 = require("formik");
|
|
54
|
+
var mock_1 = require("../../mock/index.js");
|
|
55
|
+
var S = __importStar(require("./styles.js"));
|
|
56
|
+
function Days(_a) {
|
|
57
|
+
var name = _a.name, type = _a.type, _b = _a.language, language = _b === void 0 ? 'pt' : _b, date = _a.date, dateFormat = _a.dateFormat, dateSelected = _a.dateSelected, handleToggle = _a.handleToggle, setDateSelected = _a.setDateSelected;
|
|
58
|
+
var _c = (0, formik_1.useField)({ name: name, type: type }), field = _c[0], _ = _c[1], utils = _c[2];
|
|
59
|
+
var value = field === null || field === void 0 ? void 0 : field.value;
|
|
60
|
+
var week = mock_1.translations[language].days;
|
|
61
|
+
var currentDate = (0, moment_1.default)();
|
|
62
|
+
function createButton(text, type) {
|
|
63
|
+
if (type === void 0) { type = 0; }
|
|
64
|
+
var comparisonDate = new Date(dateSelected.year, dateSelected.month + type, text);
|
|
65
|
+
var isDateInRange = (!(date === null || date === void 0 ? void 0 : date.minDate) || comparisonDate >= (date === null || date === void 0 ? void 0 : date.minDate)) && (!(date === null || date === void 0 ? void 0 : date.maxDate) || comparisonDate <= (date === null || date === void 0 ? void 0 : date.maxDate));
|
|
66
|
+
var isSelected = value === comparisonDate;
|
|
67
|
+
var isToday = (currentDate === null || currentDate === void 0 ? void 0 : currentDate.date()) === text &&
|
|
68
|
+
(currentDate === null || currentDate === void 0 ? void 0 : currentDate.year()) === dateSelected.year &&
|
|
69
|
+
(currentDate === null || currentDate === void 0 ? void 0 : currentDate.month()) === dateSelected.month;
|
|
70
|
+
return ((0, jsx_runtime_1.jsx)("button", { className: "".concat(isToday ? 'today' : '', " ").concat(isSelected ? 'selected' : '', " ").concat(isDateInRange ? '' : 'disabled'), onClick: function () {
|
|
71
|
+
if (!isDateInRange)
|
|
72
|
+
return;
|
|
73
|
+
setDateSelected(__assign(__assign({}, dateSelected), { day: text }));
|
|
74
|
+
utils.setValue((0, moment_1.default)(new Date(comparisonDate)).format(dateFormat));
|
|
75
|
+
setTimeout(function () { return handleToggle(false); }, 0);
|
|
76
|
+
}, disabled: !isDateInRange, type: 'button', children: text }, "".concat(type, "-").concat(text)));
|
|
77
|
+
}
|
|
78
|
+
function displayDates() {
|
|
79
|
+
var dates = [];
|
|
80
|
+
var lastOfPrevMonth = new Date(dateSelected.year, dateSelected.month, 0);
|
|
81
|
+
for (var i = 0; i <= lastOfPrevMonth.getDay(); i++) {
|
|
82
|
+
var text = lastOfPrevMonth.getDate() - lastOfPrevMonth.getDay() + i;
|
|
83
|
+
dates.push(createButton(text, -1));
|
|
84
|
+
}
|
|
85
|
+
var lastOfMonth = new Date(dateSelected.year, dateSelected.month + 1, 0);
|
|
86
|
+
for (var i = 1; i <= lastOfMonth.getDate(); i++) {
|
|
87
|
+
dates.push(createButton(i));
|
|
88
|
+
}
|
|
89
|
+
var firstOfNextMonth = new Date(dateSelected.year, dateSelected.month + 1, 1);
|
|
90
|
+
for (var i = firstOfNextMonth.getDay(); i < 7; i++) {
|
|
91
|
+
var text = firstOfNextMonth.getDate() - firstOfNextMonth.getDay() + i;
|
|
92
|
+
dates.push(createButton(text, 1));
|
|
93
|
+
}
|
|
94
|
+
return dates;
|
|
95
|
+
}
|
|
96
|
+
return ((0, jsx_runtime_1.jsxs)(S.Days, { className: 'days-box', children: [(0, jsx_runtime_1.jsx)("div", { className: 'week', children: week.map(function (day) { return ((0, jsx_runtime_1.jsx)("p", { children: day }, day)); }) }), (0, jsx_runtime_1.jsx)("div", { className: 'days', children: displayDates() })] }));
|
|
97
|
+
}
|
|
98
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/form/input-date-picker-new/calendar/days/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const Days: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, never>> & string;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
+
return cooked;
|
|
5
|
+
};
|
|
6
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
7
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
8
|
+
};
|
|
9
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
|
+
exports.Days = void 0;
|
|
11
|
+
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
|
+
exports.Days = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n .week {\n display: flex;\n gap: 5px;\n justify-content: space-between;\n\n padding: 6px 0;\n\n p {\n color: #d5e1f9;\n font-size: 10px;\n font-weight: 500;\n text-align: center;\n text-transform: uppercase;\n\n margin-bottom: 0;\n }\n }\n\n .days {\n display: grid;\n gap: 5px;\n grid-template-columns: repeat(7, 25px);\n justify-content: space-between;\n\n > button {\n border: unset;\n background: unset;\n padding: 0;\n\n color: #2a2a2a;\n text-align: center;\n font-size: 12px;\n font-weight: 400;\n\n height: 25px;\n border-radius: 8px;\n\n &.today:not(:disabled) {\n background-color: #f2f2f2;\n }\n\n &.disabled {\n opacity: 0.5;\n cursor: not-allowed;\n }\n\n &.selected {\n color: white;\n background-color: ", ";\n }\n\n &:disabled {\n color: #aaaaaa;\n }\n }\n }\n"], ["\n .week {\n display: flex;\n gap: 5px;\n justify-content: space-between;\n\n padding: 6px 0;\n\n p {\n color: #d5e1f9;\n font-size: 10px;\n font-weight: 500;\n text-align: center;\n text-transform: uppercase;\n\n margin-bottom: 0;\n }\n }\n\n .days {\n display: grid;\n gap: 5px;\n grid-template-columns: repeat(7, 25px);\n justify-content: space-between;\n\n > button {\n border: unset;\n background: unset;\n padding: 0;\n\n color: #2a2a2a;\n text-align: center;\n font-size: 12px;\n font-weight: 400;\n\n height: 25px;\n border-radius: 8px;\n\n &.today:not(:disabled) {\n background-color: #f2f2f2;\n }\n\n &.disabled {\n opacity: 0.5;\n cursor: not-allowed;\n }\n\n &.selected {\n color: white;\n background-color: ", ";\n }\n\n &:disabled {\n color: #aaaaaa;\n }\n }\n }\n"])), function (_a) {
|
|
13
|
+
var theme = _a.theme;
|
|
14
|
+
return theme.primaryColor || '#2c68df';
|
|
15
|
+
});
|
|
16
|
+
var templateObject_1;
|
|
17
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/form/input-date-picker-new/calendar/days/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,IAAI,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,ohCAAA,63BAiDL,EAA8C,kFAQzE,KAR2B,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,YAAY,IAAI,SAAS;AAA/B,CAA+B,EAQzE"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { CalendarProps, DateSelected } from './interface.js';
|
|
2
|
+
export type CalendarComponentProps = CalendarProps & {
|
|
3
|
+
step: number;
|
|
4
|
+
setStep: React.Dispatch<React.SetStateAction<number>>;
|
|
5
|
+
dateSelected: DateSelected;
|
|
6
|
+
setDateSelected: React.Dispatch<React.SetStateAction<DateSelected>>;
|
|
7
|
+
};
|
|
8
|
+
export declare function Calendar(props: CalendarProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
|
+
if (k2 === undefined) k2 = k;
|
|
15
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
16
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
17
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
18
|
+
}
|
|
19
|
+
Object.defineProperty(o, k2, desc);
|
|
20
|
+
}) : (function(o, m, k, k2) {
|
|
21
|
+
if (k2 === undefined) k2 = k;
|
|
22
|
+
o[k2] = m[k];
|
|
23
|
+
}));
|
|
24
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
25
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
26
|
+
}) : function(o, v) {
|
|
27
|
+
o["default"] = v;
|
|
28
|
+
});
|
|
29
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
30
|
+
var ownKeys = function(o) {
|
|
31
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
32
|
+
var ar = [];
|
|
33
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
34
|
+
return ar;
|
|
35
|
+
};
|
|
36
|
+
return ownKeys(o);
|
|
37
|
+
};
|
|
38
|
+
return function (mod) {
|
|
39
|
+
if (mod && mod.__esModule) return mod;
|
|
40
|
+
var result = {};
|
|
41
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
42
|
+
__setModuleDefault(result, mod);
|
|
43
|
+
return result;
|
|
44
|
+
};
|
|
45
|
+
})();
|
|
46
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
47
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
48
|
+
};
|
|
49
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
50
|
+
exports.Calendar = Calendar;
|
|
51
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
52
|
+
var react_1 = require("react");
|
|
53
|
+
var formik_1 = require("formik");
|
|
54
|
+
var days_1 = require("./days/index.js");
|
|
55
|
+
var months_1 = require("./months/index.js");
|
|
56
|
+
var calendar_header_1 = require("./calendar-header/index.js");
|
|
57
|
+
var S = __importStar(require("./styles.js"));
|
|
58
|
+
var moment_1 = __importDefault(require("moment"));
|
|
59
|
+
function Calendar(props) {
|
|
60
|
+
var field = (0, formik_1.useField)({ name: props.name, type: props.type })[0];
|
|
61
|
+
var value = field === null || field === void 0 ? void 0 : field.value;
|
|
62
|
+
var _a = (0, react_1.useState)({
|
|
63
|
+
day: (0, moment_1.default)(value).day() || 0,
|
|
64
|
+
year: (0, moment_1.default)(value).year() || (0, moment_1.default)().year(),
|
|
65
|
+
month: (0, moment_1.default)(value).month() || 0,
|
|
66
|
+
}), dateSelected = _a[0], setDateSelected = _a[1];
|
|
67
|
+
var _b = (0, react_1.useState)(1), step = _b[0], setStep = _b[1];
|
|
68
|
+
var sharedProps = __assign(__assign({}, props), { step: step, setStep: setStep, dateSelected: dateSelected, setDateSelected: setDateSelected });
|
|
69
|
+
return ((0, jsx_runtime_1.jsxs)(S.Calendar, { "$customCalendar": props.customCalendarStyles, children: [(0, jsx_runtime_1.jsx)(calendar_header_1.CalendarHeader, __assign({}, sharedProps)), (0, jsx_runtime_1.jsx)("div", { style: { display: step === 1 ? 'block' : 'none' }, children: (0, jsx_runtime_1.jsx)(months_1.Months, __assign({}, sharedProps)) }), (0, jsx_runtime_1.jsx)("div", { style: { display: step === 2 ? 'block' : 'none' }, children: (0, jsx_runtime_1.jsx)(days_1.Days, __assign({}, sharedProps)) })] }));
|
|
70
|
+
}
|
|
71
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/input-date-picker-new/calendar/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBA,4BAiCC;;AArDD,+BAAgC;AAEhC,iCAAmD;AAEnD,+BAA6B;AAC7B,mCAAiC;AACjC,qDAAkD;AAIlD,0CAA6B;AAC7B,kDAA2B;AAS3B,SAAgB,QAAQ,CAAC,KAAoB;IACpC,IAAA,KAAK,GAAI,IAAA,iBAAQ,EAAC,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC,GAApD,CAAoD;IAChE,IAAM,KAAK,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,CAAA;IAEpB,IAAA,KAAkC,IAAA,gBAAQ,EAAe;QAC7D,GAAG,EAAE,IAAA,gBAAM,EAAC,KAAK,CAAC,CAAC,GAAG,EAAE,IAAI,CAAC;QAC7B,IAAI,EAAE,IAAA,gBAAM,EAAC,KAAK,CAAC,CAAC,IAAI,EAAE,IAAI,IAAA,gBAAM,GAAE,CAAC,IAAI,EAAE;QAC7C,KAAK,EAAE,IAAA,gBAAM,EAAC,KAAK,CAAC,CAAC,KAAK,EAAE,IAAI,CAAC;KAClC,CAAC,EAJK,YAAY,QAAA,EAAE,eAAe,QAIlC,CAAA;IAEI,IAAA,KAAkB,IAAA,gBAAQ,EAAC,CAAC,CAAC,EAA5B,IAAI,QAAA,EAAE,OAAO,QAAe,CAAA;IAEnC,IAAM,WAAW,yBACZ,KAAK,KACR,IAAI,MAAA,EACJ,OAAO,SAAA,EACP,YAAY,cAAA,EACZ,eAAe,iBAAA,GAChB,CAAA;IAED,OAAO,CACL,wBAAC,CAAC,CAAC,QAAQ,uBAAkB,KAAK,CAAC,oBAAoB,aACrD,uBAAC,gCAAc,eAAK,WAAW,EAAI,EAEnC,gCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EAAE,YACpD,uBAAC,eAAM,eAAK,WAAW,EAAI,GACvB,EAEN,gCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EAAE,YACpD,uBAAC,WAAI,eAAK,WAAW,EAAI,GACrB,IACK,CACd,CAAA;AACH,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { FieldHelperProps } from 'formik';
|
|
2
|
+
import { InputProps } from '../../interfaces.js';
|
|
3
|
+
export type DateSelected = {
|
|
4
|
+
year: number;
|
|
5
|
+
month: number;
|
|
6
|
+
day: number;
|
|
7
|
+
};
|
|
8
|
+
export interface DateSelectedStateType {
|
|
9
|
+
dateSelected: DateSelected;
|
|
10
|
+
setDateSelected: (props: DateSelected) => void;
|
|
11
|
+
}
|
|
12
|
+
export interface CalendarProps extends InputProps {
|
|
13
|
+
handleToggle: (state?: boolean) => void;
|
|
14
|
+
utils: FieldHelperProps<any>;
|
|
15
|
+
dateFormat: string;
|
|
16
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"interface.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/input-date-picker-new/calendar/interface.ts"],"names":[],"mappings":""}
|