react-cron-generator 2.0.0 → 2.0.2

package/build/cron-tab/custom.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface CustomCronProp {
+    onChange(e: string[]): void;
+    value: string[];
+    translate(e: string): string;
+}
+declare const CustomCron: React.FunctionComponent<CustomCronProp>;
+export default CustomCron;

package/build/cron-tab/daily.d.ts

@@ -0,0 +1,8 @@
+import { FunctionComponent } from 'react';
+interface DailyCronProp {
+    onChange(e?: string[]): void;
+    value: string[];
+    translate(e: string): string;
+}
+declare const DailyCron: FunctionComponent<DailyCronProp>;
+export default DailyCron;

package/build/cron-tab/hourly.d.ts

@@ -0,0 +1,8 @@
+import { FunctionComponent } from 'react';
+interface HourlyCronProp {
+    onChange(e?: string[]): void;
+    value: string[];
+    translate(e: string): string;
+}
+declare const HourlyCron: FunctionComponent<HourlyCronProp>;
+export default HourlyCron;

package/build/cron-tab/minutes.d.ts

@@ -0,0 +1,8 @@
+import { FunctionComponent } from 'react';
+interface MinutesCronProp {
+    onChange(e: string[]): void;
+    value: string[];
+    translate(e: string): string;
+}
+declare const MinutesCron: FunctionComponent<MinutesCronProp>;
+export default MinutesCron;

package/build/cron-tab/monthly.d.ts

@@ -0,0 +1,8 @@
+import { FunctionComponent } from 'react';
+interface MonthlyCronProp {
+    onChange(e?: string[]): void;
+    value: string[];
+    translate(e: string): string;
+}
+declare const MonthlyCron: FunctionComponent<MonthlyCronProp>;
+export default MonthlyCron;

package/build/cron-tab/weekly.d.ts

@@ -0,0 +1,8 @@
+import { FunctionComponent } from 'react';
+interface WeeklyCronProp {
+    onChange(e?: string[]): void;
+    value: string[];
+    translate(e: string): string;
+}
+declare const WeeklyCron: FunctionComponent<WeeklyCronProp>;
+export default WeeklyCron;

package/build/cron.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { HeaderKeyType } from './meta';
+import './cron-builder.css';
+interface CronProp {
+    value?: string;
+    onChange(val: string, text: string): void;
+    showResultText: boolean;
+    showResultCron: boolean;
+    translateFn?(key: string): string;
+    locale?: string;
+    options?: {
+        headers: HeaderKeyType[];
+    };
+}
+declare const Cron: React.FunctionComponent<CronProp>;
+export default Cron;

package/build/hour-select/index.d.ts

@@ -0,0 +1,8 @@
+import React, { ChangeEvent } from 'react';
+interface HourSelectProp {
+    disabled?: boolean;
+    onChange(event: ChangeEvent<HTMLSelectElement>): void;
+    value: string;
+}
+declare const HourSelect: React.FunctionComponent<HourSelectProp>;
+export default HourSelect;

package/build/index.d.ts

@@ -0,0 +1,4 @@
+import Cron from './cron';
+import { HEADER } from './meta';
+export { HEADER };
+export default Cron;

package/{dist → build}/index.js

@@ -1,5 +1,9 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useState, useEffect } from 'react';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
 
 var cronstrueI18n = {exports: {}};
 
@@ -665,7 +669,7 @@ var cronstrueI18n = {exports: {}};
 
 
 	Object.defineProperty(exports, "__esModule", ({ value: true }));
-	exports.th = exports.af = exports.hu = exports.be = exports.ca = exports.fa = exports.sw = exports.sl = exports.fi = exports.sk = exports.cs = exports.he = exports.ja = exports.zh_TW = exports.zh_CN = exports.uk = exports.tr = exports.ru = exports.ro = exports.pt_PT = exports.pt_BR = exports.pl = exports.sv = exports.nb = exports.nl = exports.ko = exports.id = exports.it = exports.fr = exports.es = exports.de = exports.da = exports.en = void 0;
+	exports.af = exports.hu = exports.be = exports.ca = exports.fa = exports.sw = exports.sl = exports.fi = exports.sk = exports.cs = exports.he = exports.ja = exports.zh_TW = exports.zh_CN = exports.uk = exports.tr = exports.ru = exports.ro = exports.pt_PT = exports.pt_BR = exports.pl = exports.sv = exports.nb = exports.nl = exports.ko = exports.id = exports.it = exports.fr = exports.es = exports.de = exports.da = exports.en = void 0;
 	var en_1 = __webpack_require__(751);
 	Object.defineProperty(exports, "en", ({ enumerable: true, get: function () { return en_1.en; } }));
 	var da_1 = __webpack_require__(904);
@@ -730,8 +734,6 @@ var cronstrueI18n = {exports: {}};
 	Object.defineProperty(exports, "hu", ({ enumerable: true, get: function () { return hu_1.hu; } }));
 	var af_1 = __webpack_require__(675);
 	Object.defineProperty(exports, "af", ({ enumerable: true, get: function () { return af_1.af; } }));
-	var th_1 = __webpack_require__(312);
-	Object.defineProperty(exports, "th", ({ enumerable: true, get: function () { return th_1.th; } }));
 
 
 	/***/ }),
@@ -3769,13 +3771,13 @@ var cronstrueI18n = {exports: {}};
 	        return "1시간마다";
 	    };
 	    ko.prototype.atSpace = function () {
-	        return "시간 ";
+	        return "에서 ";
 	    };
 	    ko.prototype.everyMinuteBetweenX0AndX1 = function () {
 	        return "%s 및 %s 사이에 매 분";
 	    };
 	    ko.prototype.at = function () {
-	        return "시간";
+	        return "에서";
 	    };
 	    ko.prototype.spaceAnd = function () {
 	        return " 및";
@@ -3820,7 +3822,7 @@ var cronstrueI18n = {exports: {}};
 	        return ", %s에서 %s까지";
 	    };
 	    ko.prototype.commaAndX0ThroughX1 = function () {
-	        return ", 및 %s에서 %s까지";
+	        return ", 및%s에서 %s까지";
 	    };
 	    ko.prototype.first = function () {
 	        return "첫 번째";
@@ -5946,194 +5948,6 @@ var cronstrueI18n = {exports: {}};
 	exports.sw = sw;
 
 
-	/***/ }),
-
-	/***/ 312:
-	/***/ ((__unused_webpack_module, exports) => {
-
-
-	Object.defineProperty(exports, "__esModule", ({ value: true }));
-	exports.th = void 0;
-	var th = (function () {
-	    function th() {
-	    }
-	    th.prototype.atX0SecondsPastTheMinuteGt20 = function () {
-	        return null;
-	    };
-	    th.prototype.atX0MinutesPastTheHourGt20 = function () {
-	        return null;
-	    };
-	    th.prototype.commaMonthX0ThroughMonthX1 = function () {
-	        return null;
-	    };
-	    th.prototype.commaYearX0ThroughYearX1 = function () {
-	        return null;
-	    };
-	    th.prototype.use24HourTimeFormatByDefault = function () {
-	        return false;
-	    };
-	    th.prototype.anErrorOccuredWhenGeneratingTheExpressionD = function () {
-	        return "เกิดข้อผิดพลาดขณะสร้างคำอธิบายนิพจน์ ตรวจสอบไวยากรณ์นิพจน์ครอน";
-	    };
-	    th.prototype.everyMinute = function () {
-	        return "ทุกๆ นาที";
-	    };
-	    th.prototype.everyHour = function () {
-	        return "ทุกๆ ชั่วโมง";
-	    };
-	    th.prototype.atSpace = function () {
-	        return "เมื่อ ";
-	    };
-	    th.prototype.everyMinuteBetweenX0AndX1 = function () {
-	        return "ทุกๆ นาที %s และ %s";
-	    };
-	    th.prototype.at = function () {
-	        return "เมื่อ";
-	    };
-	    th.prototype.spaceAnd = function () {
-	        return " และ";
-	    };
-	    th.prototype.everySecond = function () {
-	        return "ทุกๆ วินาที";
-	    };
-	    th.prototype.everyX0Seconds = function () {
-	        return "ทุกๆ %s วินาที";
-	    };
-	    th.prototype.secondsX0ThroughX1PastTheMinute = function () {
-	        return "วินาที %s ถึง %s นาทีที่ผ่านมา";
-	    };
-	    th.prototype.atX0SecondsPastTheMinute = function () {
-	        return "เมื่อ %s วินาที นาทีที่ผ่านมา";
-	    };
-	    th.prototype.everyX0Minutes = function () {
-	        return "ทุกๆ %s นาที";
-	    };
-	    th.prototype.minutesX0ThroughX1PastTheHour = function () {
-	        return "นาที %s ถึง %s ชั่วโมงที่ผ่านมา";
-	    };
-	    th.prototype.atX0MinutesPastTheHour = function () {
-	        return "เมื่อ %s นาที ชั่วโมงที่ผ่านมา";
-	    };
-	    th.prototype.everyX0Hours = function () {
-	        return "ทุกๆ %s ชั่วโมง";
-	    };
-	    th.prototype.betweenX0AndX1 = function () {
-	        return "ระหว่าง %s ถึง %s";
-	    };
-	    th.prototype.atX0 = function () {
-	        return "เมื่อ %s";
-	    };
-	    th.prototype.commaEveryDay = function () {
-	        return ", ทุกๆ วัน";
-	    };
-	    th.prototype.commaEveryX0DaysOfTheWeek = function () {
-	        return ", ทุกๆ %s วันของสัปดาห์";
-	    };
-	    th.prototype.commaX0ThroughX1 = function () {
-	        return ", %s ถึง %s";
-	    };
-	    th.prototype.commaAndX0ThroughX1 = function () {
-	        return ", %s ถึง %s";
-	    };
-	    th.prototype.first = function () {
-	        return "แรก";
-	    };
-	    th.prototype.second = function () {
-	        return "ที่สอง";
-	    };
-	    th.prototype.third = function () {
-	        return "ที่สาม";
-	    };
-	    th.prototype.fourth = function () {
-	        return "ที่สี่";
-	    };
-	    th.prototype.fifth = function () {
-	        return "ที่ห้า";
-	    };
-	    th.prototype.commaOnThe = function () {
-	        return ", ในวัน ";
-	    };
-	    th.prototype.spaceX0OfTheMonth = function () {
-	        return " %s ของเดือน";
-	    };
-	    th.prototype.lastDay = function () {
-	        return "วันสุดท้าย";
-	    };
-	    th.prototype.commaOnTheLastX0OfTheMonth = function () {
-	        return ", ณ สุดท้าย %s ของเดือน";
-	    };
-	    th.prototype.commaOnlyOnX0 = function () {
-	        return ", เท่านั้น %s";
-	    };
-	    th.prototype.commaAndOnX0 = function () {
-	        return ", และใน %s";
-	    };
-	    th.prototype.commaEveryX0Months = function () {
-	        return ", ทุกๆ %s เดือน";
-	    };
-	    th.prototype.commaOnlyInX0 = function () {
-	        return ", เท่านั้น %s";
-	    };
-	    th.prototype.commaOnTheLastDayOfTheMonth = function () {
-	        return ", ในวันสิ้นเดือน";
-	    };
-	    th.prototype.commaOnTheLastWeekdayOfTheMonth = function () {
-	        return ", ในวันธรรมดาสุดท้ายของเดือน";
-	    };
-	    th.prototype.commaDaysBeforeTheLastDayOfTheMonth = function () {
-	        return ", %s วันก่อนวันสุดท้ายของเดือน";
-	    };
-	    th.prototype.firstWeekday = function () {
-	        return "วันธรรมดาวันแรก";
-	    };
-	    th.prototype.weekdayNearestDayX0 = function () {
-	        return "วันธรรมดาที่ใกล้ที่สุด %s";
-	    };
-	    th.prototype.commaOnTheX0OfTheMonth = function () {
-	        return ", ในวัน %s ของเดือน";
-	    };
-	    th.prototype.commaEveryX0Days = function () {
-	        return ", ทุกๆ %s วัน";
-	    };
-	    th.prototype.commaBetweenDayX0AndX1OfTheMonth = function () {
-	        return ", ระหว่างวัน %s และ %s ของเดือน";
-	    };
-	    th.prototype.commaOnDayX0OfTheMonth = function () {
-	        return ", ในวัน %s ของเดือน";
-	    };
-	    th.prototype.commaEveryHour = function () {
-	        return ", ทุกๆ ชั่วโมง";
-	    };
-	    th.prototype.commaEveryX0Years = function () {
-	        return ", ทุกๆ %s ปี";
-	    };
-	    th.prototype.commaStartingX0 = function () {
-	        return ", เริ่ม %s";
-	    };
-	    th.prototype.daysOfTheWeek = function () {
-	        return ["วันอาทิตย์", "วันจันทร์", "วันอังคาร", "วันพุธ", "วันพฤหัสบดี", "วันศุกร์", "วันเสาร์"];
-	    };
-	    th.prototype.monthsOfTheYear = function () {
-	        return [
-	            "มกราคม",
-	            "กุมภาพันธ์",
-	            "มีนาคม",
-	            "เมษายน",
-	            "พฤษภาคม",
-	            "มิถุนายน",
-	            "กรกฎาคม",
-	            "สิงหาคม",
-	            "กันยายน",
-	            "ตุลาคม",
-	            "พฤศจิกายน",
-	            "ธันวาคม",
-	        ];
-	    };
-	    return th;
-	}());
-	exports.th = th;
-
-
 	/***/ }),
 
 	/***/ 999:
@@ -7045,34 +6859,34 @@ const MinutesCron = (props) => {
         }
     };
     const value = props.value[1].split('/')[1];
-    return (jsxs("div", Object.assign({ className: "well" }, { children: [props.translate('Every'), " ", jsx("input", { type: "Number", onChange: onChange, value: value, min: 1, max: 60 }), " ", props.translate('minute(s)')] })));
+    return (jsxRuntime.jsxs("div", Object.assign({ className: "well" }, { children: [props.translate('Every'), " ", jsxRuntime.jsx("input", { type: "Number", onChange: onChange, value: value, min: 1, max: 60 }), " ", props.translate('minute(s)')] })));
 };
 
 const MinutesSelect = (props) => {
     const buildOptions = () => {
         let options = [];
         for (let i = 0; i < 60; i++) {
-            options.push(jsx("option", Object.assign({ id: i.toString() }, { children: (i < 10 ? '0' : '') + i }), i));
+            options.push(jsxRuntime.jsx("option", Object.assign({ id: i.toString() }, { children: (i < 10 ? '0' : '') + i }), i));
         }
         return options;
     };
-    return (jsx("select", Object.assign({ disabled: props.disabled === true ? true : false, className: "minutes", onChange: props.onChange, value: props.value }, { children: buildOptions() })));
+    return (jsxRuntime.jsx("select", Object.assign({ disabled: props.disabled === true ? true : false, className: "minutes", onChange: props.onChange, value: props.value }, { children: buildOptions() })));
 };
 
 const HourSelect = (props) => {
     const buildOptions = () => {
         let options = [];
         for (let i = 0; i < 24; i++) {
-            options.push(jsx("option", Object.assign({ id: i.toString() }, { children: (i < 10 ? '0' : '') + i }), i));
+            options.push(jsxRuntime.jsx("option", Object.assign({ id: i.toString() }, { children: (i < 10 ? '0' : '') + i }), i));
         }
         return options;
     };
-    return (jsx("select", Object.assign({ disabled: props.disabled === true ? true : false, className: "hours", onChange: props.onChange, value: props.value }, { children: buildOptions() })));
+    return (jsxRuntime.jsx("select", Object.assign({ disabled: props.disabled === true ? true : false, className: "hours", onChange: props.onChange, value: props.value }, { children: buildOptions() })));
 };
 
 const DailyCron = (props) => {
-    const [state, setState] = useState({ hour: 0, minute: 0, every: false });
-    useEffect(() => {
+    const [state, setState] = react.useState({ hour: 0, minute: 0, every: false });
+    react.useEffect(() => {
         setState(Object.assign(Object.assign({}, state), { every: props.value[3] !== '?' }));
     }, []);
     const onDayChange = (e) => {
@@ -7093,12 +6907,12 @@ const DailyCron = (props) => {
         props.onChange(val);
     };
     const translateFn = props.translate;
-    return (jsxs("div", Object.assign({ className: "tab-pane" }, { children: [jsxs("div", Object.assign({ className: "well well-small" }, { children: [jsx("input", { type: "radio", onChange: (e) => { setState(Object.assign(Object.assign({}, state), { every: true })); props.onChange(); }, value: "1", name: "DailyRadio", checked: state.every }), jsx("span", { children: translateFn('Every') }), jsx("input", { disabled: !state.every, type: "Number", maxLength: 2, onChange: onDayChange, value: props.value[3].split('/')[1] ? props.value[3].split('/')[1] : '' }), jsx("span", { children: translateFn('day(s)') })] })), jsxs("div", Object.assign({ className: "well well-small" }, { children: [jsx("input", { onChange: (e) => { setState(Object.assign(Object.assign({}, state), { every: false })); props.onChange(['0', props.value[1], props.value[2], '?', '*', 'MON-FRI', '*']); }, type: "radio", value: "2", name: "DailyRadio", checked: !state.every }), jsx("span", { children: translateFn('Every week day') })] })), jsx("span", { children: translateFn('Start time') }), jsx(HourSelect, { onChange: onAtHourChange, value: props.value[2] }), jsx(MinutesSelect, { onChange: onAtMinuteChange, value: props.value[1] })] })));
+    return (jsxRuntime.jsxs("div", Object.assign({ className: "tab-pane" }, { children: [jsxRuntime.jsxs("div", Object.assign({ className: "well well-small" }, { children: [jsxRuntime.jsx("input", { type: "radio", onChange: (e) => { setState(Object.assign(Object.assign({}, state), { every: true })); props.onChange(); }, value: "1", name: "DailyRadio", checked: state.every }), jsxRuntime.jsx("span", { children: translateFn('Every') }), jsxRuntime.jsx("input", { disabled: !state.every, type: "Number", maxLength: 2, onChange: onDayChange, value: props.value[3].split('/')[1] ? props.value[3].split('/')[1] : '' }), jsxRuntime.jsx("span", { children: translateFn('day(s)') })] })), jsxRuntime.jsxs("div", Object.assign({ className: "well well-small" }, { children: [jsxRuntime.jsx("input", { onChange: (e) => { setState(Object.assign(Object.assign({}, state), { every: false })); props.onChange(['0', props.value[1], props.value[2], '?', '*', 'MON-FRI', '*']); }, type: "radio", value: "2", name: "DailyRadio", checked: !state.every }), jsxRuntime.jsx("span", { children: translateFn('Every week day') })] })), jsxRuntime.jsx("span", { children: translateFn('Start time') }), jsxRuntime.jsx(HourSelect, { onChange: onAtHourChange, value: props.value[2] }), jsxRuntime.jsx(MinutesSelect, { onChange: onAtMinuteChange, value: props.value[1] })] })));
 };
 
 const HourlyCron = (props) => {
-    const [state, setState] = useState({ every: false });
-    useEffect(() => {
+    const [state, setState] = react.useState({ every: false });
+    react.useEffect(() => {
         if (props.value[2].split('/')[1] || props.value[2] === '*') {
             setState(Object.assign(Object.assign({}, state), { every: true }));
         }
@@ -7132,7 +6946,7 @@ const HourlyCron = (props) => {
         props.onChange(val);
     };
     const translateFn = props.translate;
-    return (jsx("div", Object.assign({ className: "tab-content" }, { children: jsxs("div", Object.assign({ className: "tab-pane active" }, { children: [jsxs("div", Object.assign({ className: "well well-small" }, { children: [jsx("input", { type: "radio", onChange: (e) => { setState(Object.assign(Object.assign({}, state), { every: true })); props.onChange(['0', '0', '0/1', '1/1', '*', '?', '*']); }, checked: state.every }), jsxs("span", { children: [translateFn('Every'), " "] }), jsx("input", { disabled: !state.every, type: "Number", onChange: onHourChange, value: props.value[2].split('/')[1] ? props.value[2].split('/')[1] : '' }), jsx("span", { children: translateFn('hour') }), jsx("input", { disabled: !state.every, type: "Number", onChange: onMinuteChange, value: props.value[1] }), jsx("span", { children: translateFn('minutes(s)') })] })), jsx("div", Object.assign({ className: "well well-small margin-right-0 margin-left-0" }, { children: jsxs("div", Object.assign({ className: "text_align_right", style: { width: '100%' } }, { children: [jsx("input", { type: "radio", onChange: (e) => { setState({ every: false }); props.onChange(); }, checked: !state.every }), jsx("span", Object.assign({ className: "" }, { children: translateFn('At') })), jsx(HourSelect, { disabled: state.every, onChange: onAtHourChange, value: props.value[2] }), jsx(MinutesSelect, { disabled: state.every, onChange: onAtMinuteChange, value: props.value[1] })] })) }))] })) })));
+    return (jsxRuntime.jsx("div", Object.assign({ className: "tab-content" }, { children: jsxRuntime.jsxs("div", Object.assign({ className: "tab-pane active" }, { children: [jsxRuntime.jsxs("div", Object.assign({ className: "well well-small" }, { children: [jsxRuntime.jsx("input", { type: "radio", onChange: (e) => { setState(Object.assign(Object.assign({}, state), { every: true })); props.onChange(['0', '0', '0/1', '1/1', '*', '?', '*']); }, checked: state.every }), jsxRuntime.jsxs("span", { children: [translateFn('Every'), " "] }), jsxRuntime.jsx("input", { disabled: !state.every, type: "Number", onChange: onHourChange, value: props.value[2].split('/')[1] ? props.value[2].split('/')[1] : '' }), jsxRuntime.jsx("span", { children: translateFn('hour') }), jsxRuntime.jsx("input", { disabled: !state.every, type: "Number", onChange: onMinuteChange, value: props.value[1] }), jsxRuntime.jsx("span", { children: translateFn('minutes(s)') })] })), jsxRuntime.jsx("div", Object.assign({ className: "well well-small margin-right-0 margin-left-0" }, { children: jsxRuntime.jsxs("div", Object.assign({ className: "text_align_right", style: { width: '100%' } }, { children: [jsxRuntime.jsx("input", { type: "radio", onChange: (e) => { setState({ every: false }); props.onChange(); }, checked: !state.every }), jsxRuntime.jsx("span", Object.assign({ className: "" }, { children: translateFn('At') })), jsxRuntime.jsx(HourSelect, { disabled: state.every, onChange: onAtHourChange, value: props.value[2] }), jsxRuntime.jsx(MinutesSelect, { disabled: state.every, onChange: onAtMinuteChange, value: props.value[1] })] })) }))] })) })));
 };
 
 const WeeklyCron = (props) => {
@@ -7182,12 +6996,12 @@ const WeeklyCron = (props) => {
         val[5] = valFive;
     };
     const translateFn = props.translate;
-    return (jsxs("div", Object.assign({ className: "container-fluid" }, { children: [jsxs("div", Object.assign({ className: "well well-small row" }, { children: [jsx("div", Object.assign({ className: "span6 col-sm-6" }, { children: jsxs("div", Object.assign({ className: "text_align_left" }, { children: [jsx("input", { type: "checkbox", value: "MON", onChange: onCheck, checked: (props.value[5].search('MON') !== -1) ? true : false }), translateFn('Monday'), jsx("br", {}), jsx("input", { type: "checkbox", value: "WED", onChange: onCheck, checked: props.value[5].search('WED') !== -1 ? true : false }), translateFn('Wednesday'), jsx("br", {}), jsx("input", { type: "checkbox", value: "FRI", onChange: onCheck, checked: (props.value[5].search('FRI') !== -1) ? true : false }), translateFn('Friday'), jsx("br", {}), jsx("input", { type: "checkbox", value: "SUN", onChange: onCheck, checked: props.value[5].search('SUN') !== -1 ? true : false }), translateFn('Sunday')] })) })), jsxs("div", Object.assign({ className: "span6 col-sm-6" }, { children: [jsxs("div", Object.assign({ className: "text_align_left" }, { children: [jsx("input", { type: "checkbox", value: "TUE", onChange: onCheck, checked: props.value[5].search('TUE') !== -1 ? true : false }), translateFn('Tuesday'), jsx("br", {}), jsx("input", { type: "checkbox", value: "THU", onChange: onCheck, checked: props.value[5].search('THU') !== -1 ? true : false }), translateFn('Thursday'), jsx("br", {}), jsx("input", { type: "checkbox", value: "SAT", onChange: onCheck, checked: props.value[5].search('SAT') !== -1 ? true : false }), translateFn('Saturday')] })), jsx("br", {}), jsx("br", {})] }))] })), translateFn('Start time'), jsx(HourSelect, { onChange: onAtHourChange, value: props.value[2] }), jsx(MinutesSelect, { onChange: onAtMinuteChange, value: props.value[1] })] })));
+    return (jsxRuntime.jsxs("div", Object.assign({ className: "container-fluid" }, { children: [jsxRuntime.jsxs("div", Object.assign({ className: "well well-small row" }, { children: [jsxRuntime.jsx("div", Object.assign({ className: "span6 col-sm-6" }, { children: jsxRuntime.jsxs("div", Object.assign({ className: "text_align_left" }, { children: [jsxRuntime.jsx("input", { className: 'min_height_auto', type: "checkbox", value: "MON", onChange: onCheck, checked: (props.value[5].search('MON') !== -1) ? true : false }), translateFn('Monday'), jsxRuntime.jsx("br", {}), jsxRuntime.jsx("input", { className: 'min_height_auto', type: "checkbox", value: "WED", onChange: onCheck, checked: props.value[5].search('WED') !== -1 ? true : false }), translateFn('Wednesday'), jsxRuntime.jsx("br", {}), jsxRuntime.jsx("input", { className: 'min_height_auto', type: "checkbox", value: "FRI", onChange: onCheck, checked: (props.value[5].search('FRI') !== -1) ? true : false }), translateFn('Friday'), jsxRuntime.jsx("br", {}), jsxRuntime.jsx("input", { className: 'min_height_auto', type: "checkbox", value: "SUN", onChange: onCheck, checked: props.value[5].search('SUN') !== -1 ? true : false }), translateFn('Sunday')] })) })), jsxRuntime.jsxs("div", Object.assign({ className: "span6 col-sm-6" }, { children: [jsxRuntime.jsxs("div", Object.assign({ className: "text_align_left" }, { children: [jsxRuntime.jsx("input", { className: 'min_height_auto', type: "checkbox", value: "TUE", onChange: onCheck, checked: props.value[5].search('TUE') !== -1 ? true : false }), translateFn('Tuesday'), jsxRuntime.jsx("br", {}), jsxRuntime.jsx("input", { className: 'min_height_auto', type: "checkbox", value: "THU", onChange: onCheck, checked: props.value[5].search('THU') !== -1 ? true : false }), translateFn('Thursday'), jsxRuntime.jsx("br", {}), jsxRuntime.jsx("input", { className: 'min_height_auto', type: "checkbox", value: "SAT", onChange: onCheck, checked: props.value[5].search('SAT') !== -1 ? true : false }), translateFn('Saturday')] })), jsxRuntime.jsx("br", {}), jsxRuntime.jsx("br", {})] }))] })), translateFn('Start time'), jsxRuntime.jsx(HourSelect, { onChange: onAtHourChange, value: props.value[2] }), jsxRuntime.jsx(MinutesSelect, { onChange: onAtMinuteChange, value: props.value[1] })] })));
 };
 
 const MonthlyCron = (props) => {
-    const [state, setState] = useState({ hour: 0, minute: 0, every: "" });
-    useEffect(() => {
+    const [state, setState] = react.useState({ hour: 0, minute: 0, every: "" });
+    react.useEffect(() => {
         let every;
         if (props.value[3] === 'L') {
             every = "2";
@@ -7233,7 +7047,7 @@ const MonthlyCron = (props) => {
         props.onChange(val);
     };
     const translateFn = props.translate;
-    return (jsxs("div", Object.assign({ className: "tab-pane" }, { children: [jsxs("div", Object.assign({ className: "well well-small" }, { children: [jsx("input", { type: "radio", onChange: (e) => { setState(Object.assign(Object.assign({}, state), { every: e.target.value })); props.onChange(['0', props.value[1] === '*' ? '0' : props.value[1], props.value[2] === '*' ? '0' : props.value[2], '1', '1/1', '?', '*']); }, value: "1", name: "MonthlyRadio", checked: state.every === "1" ? true : false }), translateFn('Day'), jsx("input", { readOnly: state.every !== "1", type: "number", value: props.value[3], onChange: onDayChange }), translateFn('of every month(s)')] })), jsxs("div", Object.assign({ className: "well well-small" }, { children: [jsx("input", { onChange: (e) => { setState(Object.assign(Object.assign({}, state), { every: e.target.value })); props.onChange(['0', props.value[1] === '*' ? '0' : props.value[1], props.value[2] === '*' ? '0' : props.value[2], 'L', '*', '?', '*']); }, type: "radio", value: "2", name: "DailyRadio", checked: state.every === "2" ? true : false }), translateFn('Last day of every month')] })), jsxs("div", Object.assign({ className: "well well-small" }, { children: [jsx("input", { onChange: (e) => { setState(Object.assign(Object.assign({}, state), { every: e.target.value })); props.onChange(['0', props.value[1] === '*' ? '0' : props.value[1], props.value[2] === '*' ? '0' : props.value[2], 'LW', '*', '?', '*']); }, type: "radio", value: "3", name: "DailyRadio", checked: state.every === "3" ? true : false }), translateFn('On the last weekday of every month')] })), jsxs("div", Object.assign({ className: "well well-small" }, { children: [jsx("input", { type: "radio", onChange: (e) => { setState(Object.assign(Object.assign({}, state), { every: e.target.value })); props.onChange(['0', props.value[1] === '*' ? '0' : props.value[1], props.value[2] === '*' ? '0' : props.value[2], `L-${1}`, '*', '?', '*']); }, value: "4", name: "MonthlyRadio", checked: state.every === "4" ? true : false }), jsx("input", { readOnly: state.every !== "4", type: "number", value: props.value[3].split('-').length && props.value[3].split('-')[1] ? props.value[3].split('-')[1] : '', onChange: onLastDayChange }), translateFn('day(s) before the end of the month')] })), translateFn('Start time'), jsx(HourSelect, { onChange: onAtHourChange, value: props.value[2] }), jsx(MinutesSelect, { onChange: onAtMinuteChange, value: props.value[1] })] })));
+    return (jsxRuntime.jsxs("div", Object.assign({ className: "tab-pane" }, { children: [jsxRuntime.jsxs("div", Object.assign({ className: "well well-small" }, { children: [jsxRuntime.jsx("input", { type: "radio", onChange: (e) => { setState(Object.assign(Object.assign({}, state), { every: e.target.value })); props.onChange(['0', props.value[1] === '*' ? '0' : props.value[1], props.value[2] === '*' ? '0' : props.value[2], '1', '1/1', '?', '*']); }, value: "1", name: "MonthlyRadio", checked: state.every === "1" ? true : false }), translateFn('Day'), jsxRuntime.jsx("input", { readOnly: state.every !== "1", type: "number", value: props.value[3], onChange: onDayChange }), translateFn('of every month(s)')] })), jsxRuntime.jsxs("div", Object.assign({ className: "well well-small" }, { children: [jsxRuntime.jsx("input", { onChange: (e) => { setState(Object.assign(Object.assign({}, state), { every: e.target.value })); props.onChange(['0', props.value[1] === '*' ? '0' : props.value[1], props.value[2] === '*' ? '0' : props.value[2], 'L', '*', '?', '*']); }, type: "radio", value: "2", name: "DailyRadio", checked: state.every === "2" ? true : false }), translateFn('Last day of every month')] })), jsxRuntime.jsxs("div", Object.assign({ className: "well well-small" }, { children: [jsxRuntime.jsx("input", { onChange: (e) => { setState(Object.assign(Object.assign({}, state), { every: e.target.value })); props.onChange(['0', props.value[1] === '*' ? '0' : props.value[1], props.value[2] === '*' ? '0' : props.value[2], 'LW', '*', '?', '*']); }, type: "radio", value: "3", name: "DailyRadio", checked: state.every === "3" ? true : false }), translateFn('On the last weekday of every month')] })), jsxRuntime.jsxs("div", Object.assign({ className: "well well-small" }, { children: [jsxRuntime.jsx("input", { type: "radio", onChange: (e) => { setState(Object.assign(Object.assign({}, state), { every: e.target.value })); props.onChange(['0', props.value[1] === '*' ? '0' : props.value[1], props.value[2] === '*' ? '0' : props.value[2], `L-${1}`, '*', '?', '*']); }, value: "4", name: "MonthlyRadio", checked: state.every === "4" ? true : false }), jsxRuntime.jsx("input", { readOnly: state.every !== "4", type: "number", value: props.value[3].split('-').length && props.value[3].split('-')[1] ? props.value[3].split('-')[1] : '', onChange: onLastDayChange }), translateFn('day(s) before the end of the month')] })), translateFn('Start time'), jsxRuntime.jsx(HourSelect, { onChange: onAtHourChange, value: props.value[2] }), jsxRuntime.jsx(MinutesSelect, { onChange: onAtMinuteChange, value: props.value[1] })] })));
 };
 
 const CustomCron = (props) => {
@@ -7242,7 +7056,7 @@ const CustomCron = (props) => {
     };
     const translateFn = props.translate;
     let val = props.value.toString().replace(/,/g, ' ').replace(/!/g, ',');
-    return (jsxs("div", Object.assign({ className: "well" }, { children: [translateFn('Expression'), " ", jsx("input", { type: "text", onChange: onChange, value: val })] })));
+    return (jsxRuntime.jsxs("div", Object.assign({ className: "well" }, { children: [translateFn('Expression'), " ", jsxRuntime.jsx("input", { type: "text", onChange: onChange, value: val })] })));
 };
 
 const HEADER = {
@@ -7350,13 +7164,13 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z = ".cron_builder_bordering {\n    border: 1px solid #ddd;\n    border-top: none;\n    text-align: center;\n    padding: 10px;\n    background: #fff;\n}\n.cron_builder_bordering input, .cron_builder_bordering select {\n    width: 100px;\n    margin-right: 10px;\n    margin-left: 10px;\n    border: 1px solid #ddd;\n    border-radius: 4px;\n    outline: none;\n    padding-left: 5px;\n}\n.df {\n    display: flex;\n}\n.cron-builder-bg {\n    background-color: #086090;\n    color: white;\n    text-align: center;\n    margin-bottom: 4px;\n    padding: 8px 0px;\n}\n.cron_builder_bordering select {\n    background-color: white;\n    width: 75px;\n    cursor: pointer;\n    padding: 4px 2px;\n    border-radius: 4px;\n}\n.cron_builder_bordering select option:hover {\n    background-color: #086090;\n}\n.well-small input {\n    width: auto !important;\n}\n.cron_builder_bordering  input[type='radio'] {\n    margin-top: 0px;\n    vertical-align: middle;\n}\n.cron_builder {\n    border: 1px solid #d0cbcb;\n    padding: 5px;\n    background-color: #dddef13d;\n    width: 100%;\n    max-width: 600px;\n}\n.text_align_left {\n    text-align: left;\n}\n.cron_builder .nav li {\n    cursor: pointer;\n    flex: 0 0 85px;\n    text-align: center;\n}\n.cron_builder .nav li a {\n    color:#337ab7;\n\n}\n.cron_builder .nav-tabs .nav-link:focus, .cron_builder .nav-tabs .nav-link:hover {\n    border-color: transparent transparent transparent;\n    background-color: #eeeeee;\n}\n.cron_builder .nav-tabs .nav-item.show .nav-link, .cron_builder .nav-tabs .nav-link.active {\n    border-color: #dee2e6 #dee2e6 #fff;\n    background-color: #ffffff;\n}\n.cron_builder { \n    font-size: 14px;\n}\n.cron_builder .well {\n    min-height: 20px;\n    padding: 19px;\n    margin-bottom: 20px;\n    background-color: #f5f5f5;\n    border: 1px solid #e3e3e3;\n    border-radius: 4px;\n    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);\n    box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);\n}\n@media screen and (max-width:767px) {\n    .cron_builder .nav li {\n        cursor: pointer;\n        flex: 0 0 65px;\n        text-align: center;\n    }\n}";
+var css_248z = ".cron_builder_bordering {\n    border: 1px solid #ddd;\n    border-top: none;\n    text-align: center;\n    padding: 10px;\n    background: #fff;\n}\n.cron_builder_bordering input, .cron_builder_bordering select {\n    width: 100px;\n    margin-right: 10px;\n    margin-left: 10px;\n    border: 1px solid #ddd;\n    border-radius: 4px;\n    outline: none;\n    padding: 0px 5px;\n    min-height: 28px;\n}\n.df {\n    display: flex;\n}\n.cron-builder-bg {\n    background-color: #086090;\n    color: white;\n    text-align: center;\n    margin-bottom: 4px;\n    padding: 8px 0px;\n}\n.cron_builder_bordering select {\n    background-color: white;\n    width: 75px;\n    cursor: pointer;\n    padding: 4px 2px;\n    border-radius: 4px;\n}\n.cron_builder_bordering select option:hover {\n    background-color: #086090;\n}\n.well-small input {\n    width: auto !important;\n}\n.cron_builder_bordering  input[type='radio'] {\n    margin-top: 0px;\n    vertical-align: middle;\n}\n.cron_builder {\n    border: 1px solid #d0cbcb;\n    padding: 5px;\n    background-color: #dddef13d;\n    width: 100%;\n    max-width: 600px;\n}\n.text_align_left {\n    text-align: left;\n}\n.cron_builder .nav li {\n    cursor: pointer;\n    flex: 1 1 10px;\n    text-align: center;\n    width: 10px;\n    display: flex;\n    padding: 0px 1px;\n}\n.cron_builder .nav li a {\n    color:#337ab7;\n    width: 100%;\n    padding: 10px;\n    display: inline-block;\n    border-radius: 4px 4px 0px 0px;\n}\n.cron_builder .nav-tabs .nav-link:focus, .cron_builder .nav-tabs .nav-link:hover {\n    border-color: transparent transparent transparent;\n    background-color: #eeeeee;\n}\n.cron_builder .nav-tabs .nav-item.show .nav-link, .cron_builder .nav-tabs .nav-link.active {\n    border-color: #dee2e6 #dee2e6 #fff;\n    background-color: #ffffff;\n}\n.cron_builder { \n    font-size: 14px;\n}\n.cron_builder .well {\n    min-height: 20px;\n    padding: 19px;\n    margin-bottom: 20px;\n    background-color: #f5f5f5;\n    border: 1px solid #e3e3e3;\n    border-radius: 4px;\n    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);\n    box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);\n}\n@media screen and (max-width:767px) {\n    .cron_builder .nav li {\n        cursor: pointer;\n        flex: 0 0 65px;\n        text-align: center;\n    }\n}\n\n/* ---- boostrap ----- */\n.nav.nav-tabs {\n    list-style: none;\n    display: flex;\n    margin: 0 0;\n    padding-left: 0;\n}\n.row {\n    display: flex;\n}\n.col-sm-6 {\n    flex: 0 0 50%;\n}\n.min_height_auto {\n    min-height: auto !important;\n}\nbody {\n    font-family: -apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,\"Noto Sans\",sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";\n}";
 styleInject(css_248z);
 
 const defaultCron = '0 0 00 1/1 * ? *';
 const Cron = (props) => {
-    const [state, setState] = useState({ value: [], headers: loadHeaders(props.options), locale: props.locale ? props.locale : 'en' });
-    useEffect(() => {
+    const [state, setState] = react.useState({ value: [], headers: loadHeaders(props.options), locale: props.locale ? props.locale : 'en' });
+    react.useEffect(() => {
         setValue(props.value ? props.value : "");
         if (props.translateFn && !props.locale) {
             console.log('Warning !!! locale not set while using translateFn');
@@ -7365,7 +7179,7 @@ const Cron = (props) => {
         //     this.props.onRef(this);
         // }
     }, []);
-    useEffect(() => {
+    react.useEffect(() => {
         let newVal = '';
         newVal = state.value.toString().replace(/,/g, ' ');
         newVal = newVal.replace(/!/g, ',');
@@ -7373,7 +7187,7 @@ const Cron = (props) => {
             setValue(props.value ? props.value : "");
         }
     }, [props.value]);
-    useEffect(() => {
+    react.useEffect(() => {
         parentChange(state.value);
     }, [state.value]);
     const setValue = (value) => {
@@ -7423,7 +7237,7 @@ const Cron = (props) => {
     };
     const getHeaders = () => {
         return state.headers.map((d, index) => {
-            return jsx("li", Object.assign({ className: "nav-item" }, { children: jsx("a", Object.assign({ className: `nav-link ${state.selectedTab === d ? 'active' : ''}`, onClick: () => tabChanged(d) }, { children: translate(d) })) }), index);
+            return jsxRuntime.jsx("li", Object.assign({ className: "nav-item" }, { children: jsxRuntime.jsx("a", Object.assign({ className: `nav-link ${state.selectedTab === d ? 'active' : ''}`, onClick: () => tabChanged(d) }, { children: translate(d) })) }), index);
         });
     };
     const onValueChange = (val) => {
@@ -7465,7 +7279,7 @@ const Cron = (props) => {
             throw new Error('Value does not match any available headers.');
         }
         const CronComponent = selectedMetaData.component;
-        return jsx(CronComponent, { translate: translate, value: state.value, onChange: onValueChange });
+        return jsxRuntime.jsx(CronComponent, { translate: translate, value: state.value, onChange: onValueChange });
     };
     const translate = (key) => {
         let translatedText = key;
@@ -7477,19 +7291,6 @@ const Cron = (props) => {
         }
         return translatedText;
     };
-    return (jsxs("div", Object.assign({ className: 'cron_builder' }, { children: [jsx("ul", Object.assign({ className: "nav nav-tabs" }, { children: getHeaders() })), jsx("div", Object.assign({ className: "cron_builder_bordering" }, { children: state.selectedTab ? getComponent(state.selectedTab) : "Select a header" })), props.showResultText && jsx("div", Object.assign({ className: "cron-builder-bg" }, { children: getVal() })), props.showResultCron && jsx("div", Object.assign({ className: "cron-builder-bg" }, { children: state.value.toString().replace(/,/g, ' ').replace(/!/g, ',') }))] })));
-};
-
-export { HEADER, Cron as default };
-//# sourceMappingURL=index.js.map
-
-            translatedText = props.translateFn(key);
-            if (typeof translatedText !== 'string') {
-                throw new Error('translateFn expects a string translation');
-            }
-        }
-        return translatedText;
-    };
     return (jsxRuntime.jsxs("div", Object.assign({ className: 'cron_builder' }, { children: [jsxRuntime.jsx("ul", Object.assign({ className: "nav nav-tabs" }, { children: getHeaders() })), jsxRuntime.jsx("div", Object.assign({ className: "cron_builder_bordering" }, { children: state.selectedTab ? getComponent(state.selectedTab) : "Select a header" })), props.showResultText && jsxRuntime.jsx("div", Object.assign({ className: "cron-builder-bg" }, { children: getVal() })), props.showResultCron && jsxRuntime.jsx("div", Object.assign({ className: "cron-builder-bg" }, { children: state.value.toString().replace(/,/g, ' ').replace(/!/g, ',') }))] })));
 };