react-cron-generator 1.3.13 → 2.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-cron-generator",
-  "version": "1.3.13",
+  "version": "2.0.0",
   "description": "Simple react component to generate cron expression",
   "keywords": [
     "React cron generator",
@@ -16,7 +16,7 @@
   ],
   "author": "Sojin antony",
   "dependencies": {
-    "cronstrue": "^2.11.0"
+    "cronstrue": "^2.12.0"
   },
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -28,26 +28,46 @@
     "type": "git",
     "url": "https://github.com/sojinantony01/react-cron-generator.git"
   },
+  "peerDependencies": {
+    "react": ">=16.8.0",
+    "react-dom": ">=16.8.0"
+  },
   "devDependencies": {
-    "@babel/cli": "^7.4.4",
-    "@babel/core": "^7.4.4",
-    "@babel/preset-react": "^7.0.0",
-    "@babel/runtime": "^7.5.1",
-    "react": "^16.8.6",
-    "react-dom": "^16.8.6",
-    "react-scripts": "^3.0.0"
+    "@rollup/plugin-commonjs": "^22.0.2",
+    "@rollup/plugin-json": "^4.1.0",
+    "@rollup/plugin-node-resolve": "^14.1.0",
+    "@testing-library/jest-dom": "^5.16.5",
+    "@testing-library/react": "^13.4.0",
+    "@testing-library/user-event": "^13.5.0",
+    "@types/jest": "^27.5.2",
+    "@types/node": "^16.11.59",
+    "@types/react": "^18.0.20",
+    "@types/react-dom": "^18.0.6",
+    "postcss": "^8.4.16",
+    "react-scripts": "5.0.1",
+    "rollup": "^2.79.0",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-postcss": "^4.0.2",
+    "rollup-plugin-typescript2": "^0.34.0",
+    "sass": "^1.54.9",
+    "typescript": "^4.8.3",
+    "web-vitals": "^2.1.4"
   },
-  "homepage": "https://sojinantony01.github.io/react-cron-generator",
   "scripts": {
     "start": "react-scripts start",
-    "build": "rm -rf dist && NODE_ENV=production babel src/lib --out-dir dist --copy-files --ignore __tests__,spec.js,test.js,__snapshots__",
+    "build": "rm -rf build && rollup -c",
     "test": "react-scripts test",
     "eject": "react-scripts eject",
     "deploy": "gh-pages -d build",
-    "react-build": "CI=false && react-scripts build"
+    "react-build": "CI=false && react-scripts build",
+    "prepublishOnly": "npm run build"
   },
+  "homepage": "https://sojinantony01.github.io/react-cron-generator",
   "eslintConfig": {
-    "extends": "react-app"
+    "extends": [
+      "react-app",
+      "react-app/jest"
+    ]
   },
   "license": "ISC",
   "browserslist": {

package/dist/cron-builder.css

@@ -1,91 +0,0 @@
-.cron_builder_bordering {
-    border: 1px solid #ddd;
-    border-top: none;
-    text-align: center;
-    padding: 10px;
-    background: #fff;
-}
-.cron_builder_bordering input, .cron_builder_bordering select {
-    width: 100px;
-    margin-right: 10px;
-    margin-left: 10px;
-    border: 1px solid #ddd;
-    border-radius: 4px;
-    outline: none;
-    padding-left: 5px;
-    cursor: pointer;
-}
-.df {
-    display: flex;
-}
-.cron-builder-bg {
-    background-color: #086090;
-    color: white;
-    text-align: center;
-    margin-bottom: 4px;
-    padding: 8px 0px;
-}
-.cron_builder_bordering select {
-    background-color: white;
-    width: 75px;
-    cursor: pointer;
-    padding: 4px 2px;
-    border-radius: 4px;
-}
-.cron_builder_bordering select option:hover {
-    background-color: #086090;
-}
-.well-small input {
-    width: auto !important;
-}
-.cron_builder_bordering  input[type='radio'] {
-    margin-top: 0px;
-    vertical-align: middle;
-}
-.cron_builder {
-    border: 1px solid #d0cbcb;
-    padding: 5px;
-    background-color: #dddef13d;
-    width: 100%;
-    max-width: 600px;
-}
-.text_align_left {
-    text-align: left;
-}
-.cron_builder .nav li {
-    cursor: pointer;
-    flex: 0 0 85px;
-    text-align: center;
-}
-.cron_builder .nav li a {
-    color:#337ab7;
-
-}
-.cron_builder .nav-tabs .nav-link:focus, .cron_builder .nav-tabs .nav-link:hover {
-    border-color: transparent transparent transparent;
-    background-color: #eeeeee;
-}
-.cron_builder .nav-tabs .nav-item.show .nav-link, .cron_builder .nav-tabs .nav-link.active {
-    border-color: #dee2e6 #dee2e6 #fff;
-    background-color: #ffffff;
-}
-.cron_builder { 
-    font-size: 14px;
-}
-.cron_builder .well {
-    min-height: 20px;
-    padding: 19px;
-    margin-bottom: 20px;
-    background-color: #f5f5f5;
-    border: 1px solid #e3e3e3;
-    border-radius: 4px;
-    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
-    box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
-}
-@media screen and (max-width:767px) {
-    .cron_builder .nav li {
-        cursor: pointer;
-        flex: 0 0 65px;
-        text-align: center;
-    }
-}

package/dist/cron-tab/custom.js

@@ -1,46 +0,0 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-import React, { Component } from 'react';
-
-var CustomCron = /*#__PURE__*/function (_Component) {
-  _inherits(CustomCron, _Component);
-
-  var _super = _createSuper(CustomCron);
-
-  function CustomCron(props) {
-    var _this;
-
-    _classCallCheck(this, CustomCron);
-
-    _this = _super.call(this, props);
-    _this.state = {};
-    return _this;
-  }
-
-  _createClass(CustomCron, [{
-    key: "onChange",
-    value: function onChange(e) {
-      this.props.onChange(e.target.value.replace(/,/g, '!').split(" "));
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var translateFn = this.props.translate;
-      this.state.value = this.props.value;
-      var val = this.props.value.toString().replace(/,/g, ' ').replace(/!/g, ',');
-      return /*#__PURE__*/React.createElement("div", {
-        className: "well"
-      }, translateFn('Expression'), " ", /*#__PURE__*/React.createElement("input", {
-        type: "text",
-        onChange: this.onChange.bind(this),
-        value: val
-      }));
-    }
-  }]);
-
-  return CustomCron;
-}(Component);
-
-export { CustomCron as default };

package/dist/cron-tab/daily.js

@@ -1,130 +0,0 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-
-/* eslint-disable react/no-direct-mutation-state */
-import React, { Component } from 'react';
-import Minutes from '../minutes-select';
-import Hour from '../hour-select';
-
-var DailyCron = /*#__PURE__*/function (_Component) {
-  _inherits(DailyCron, _Component);
-
-  var _super = _createSuper(DailyCron);
-
-  function DailyCron(props) {
-    var _this;
-
-    _classCallCheck(this, DailyCron);
-
-    _this = _super.call(this, props);
-    _this.state = {
-      hour: 0,
-      minute: 0
-    };
-    _this.onDayChange = _this.onDayChange.bind(_assertThisInitialized(_this));
-    _this.onAtHourChange = _this.onAtHourChange.bind(_assertThisInitialized(_this));
-    _this.onAtMinuteChange = _this.onAtMinuteChange.bind(_assertThisInitialized(_this));
-    return _this;
-  }
-
-  _createClass(DailyCron, [{
-    key: "UNSAFE_componentWillMount",
-    value: function UNSAFE_componentWillMount() {
-      this.state.value = this.props.value;
-      this.state.every = this.props.value[3] !== '?';
-    }
-  }, {
-    key: "onDayChange",
-    value: function onDayChange(e) {
-      if (!e.target.value || e.target.value > 0 && e.target.value < 32) {
-        this.state.value = ['0', this.getValueByIndex(1), this.getValueByIndex(1), '*', '*', '?', '*'];
-        this.onValueChange(3, e.target.value ? "1/".concat(e.target.value) : e.target.value);
-      }
-    }
-    /**
-     * If value is * return 0 else return value
-     * @param {position in array} index 
-     */
-
-  }, {
-    key: "getValueByIndex",
-    value: function getValueByIndex(index) {
-      return this.state.value[index] === '*' ? '0' : this.state.value[index];
-    }
-  }, {
-    key: "onAtHourChange",
-    value: function onAtHourChange(e) {
-      this.onValueChange(2, e.target.value);
-    }
-  }, {
-    key: "onAtMinuteChange",
-    value: function onAtMinuteChange(e) {
-      this.onValueChange(1, e.target.value);
-    }
-  }, {
-    key: "onValueChange",
-    value: function onValueChange(cronPosition, value) {
-      var val = this.state.value;
-      val[cronPosition] = value;
-      this.props.onChange(val);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-
-      var translateFn = this.props.translate;
-      this.state.value = this.props.value;
-      return /*#__PURE__*/React.createElement("div", {
-        className: "tab-pane"
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "well well-small"
-      }, /*#__PURE__*/React.createElement("input", {
-        type: "radio",
-        onChange: function onChange(e) {
-          _this2.setState({
-            every: true
-          });
-
-          _this2.props.onChange();
-        },
-        value: "1",
-        name: "DailyRadio",
-        checked: this.state.every
-      }), /*#__PURE__*/React.createElement("span", null, translateFn('Every')), /*#__PURE__*/React.createElement("input", {
-        disabled: !this.state.every,
-        type: "Number",
-        maxLength: "2",
-        onChange: this.onDayChange,
-        value: this.state.value[3].split('/')[1] ? this.state.value[3].split('/')[1] : ''
-      }), /*#__PURE__*/React.createElement("span", null, translateFn('day(s)'))), /*#__PURE__*/React.createElement("div", {
-        className: "well well-small"
-      }, /*#__PURE__*/React.createElement("input", {
-        onChange: function onChange(e) {
-          _this2.setState({
-            every: false
-          });
-
-          _this2.props.onChange(['0', _this2.state.value[1], _this2.state.value[2], '?', '*', 'MON-FRI', '*']);
-        },
-        type: "radio",
-        value: "2",
-        name: "DailyRadio",
-        checked: !this.state.every
-      }), /*#__PURE__*/React.createElement("span", null, translateFn('Every week day'))), /*#__PURE__*/React.createElement("span", null, translateFn('Start time')), /*#__PURE__*/React.createElement(Hour, {
-        onChange: this.onAtHourChange,
-        value: this.state.value[2]
-      }), /*#__PURE__*/React.createElement(Minutes, {
-        onChange: this.onAtMinuteChange,
-        value: this.state.value[1]
-      }));
-    }
-  }]);
-
-  return DailyCron;
-}(Component);
-
-export { DailyCron as default };

package/dist/cron-tab/hourly.js

@@ -1,143 +0,0 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-import React, { Component } from 'react';
-import Minutes from '../minutes-select';
-import Hour from '../hour-select';
-
-var HourlyCron = /*#__PURE__*/function (_Component) {
-  _inherits(HourlyCron, _Component);
-
-  var _super = _createSuper(HourlyCron);
-
-  function HourlyCron(props) {
-    var _this;
-
-    _classCallCheck(this, HourlyCron);
-
-    _this = _super.call(this, props);
-    _this.state = {
-      every: false
-    };
-    _this.onHourChange = _this.onHourChange.bind(_assertThisInitialized(_this));
-    _this.onAtHourChange = _this.onAtHourChange.bind(_assertThisInitialized(_this));
-    _this.onAtMinuteChange = _this.onAtMinuteChange.bind(_assertThisInitialized(_this));
-    _this.onMinuteChange = _this.onMinuteChange.bind(_assertThisInitialized(_this));
-    return _this;
-  }
-
-  _createClass(HourlyCron, [{
-    key: "UNSAFE_componentWillMount",
-    value: function UNSAFE_componentWillMount() {
-      this.state.value = this.props.value;
-
-      if (this.state.value[2].split('/')[1] || this.state.value[2] === '*') {
-        this.state.every = true;
-      }
-    }
-  }, {
-    key: "onHourChange",
-    value: function onHourChange(e) {
-      if (this.state.every && (e.target.value > 0 && e.target.value < 24 || e.target.value === '')) {
-        var val = ['0', '0', '*', '*', '*', '?', '*'];
-        val[1] = this.state.value[1];
-        val[2] = e.target.value ? "0/".concat(e.target.value) : e.target.value;
-        val[3] = '1/1';
-        this.props.onChange(val);
-      }
-    }
-  }, {
-    key: "onMinuteChange",
-    value: function onMinuteChange(e) {
-      if (this.state.every && (e.target.value > 0 && e.target.value < 60 || e.target.value === '')) {
-        var val = ['0', '0', '*', '*', '*', '?', '*'];
-        val[1] = e.target.value;
-        val[2] = this.state.value[2];
-        val[3] = '1/1';
-        this.props.onChange(val);
-      }
-    }
-  }, {
-    key: "onAtHourChange",
-    value: function onAtHourChange(e) {
-      var val = ['0', this.state.value[1], '*', '1/1', '*', '?', '*'];
-      val[2] = "".concat(e.target.value);
-      this.props.onChange(val);
-    }
-  }, {
-    key: "onAtMinuteChange",
-    value: function onAtMinuteChange(e) {
-      var val = ['0', '*', this.state.value[2], '1/1', '*', '?', '*'];
-      val[1] = "".concat(e.target.value);
-      this.props.onChange(val);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-
-      var translateFn = this.props.translate;
-      this.state.value = this.props.value;
-      return /*#__PURE__*/React.createElement("div", {
-        className: "tab-content"
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "tab-pane active"
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "well well-small"
-      }, /*#__PURE__*/React.createElement("input", {
-        type: "radio",
-        onChange: function onChange(e) {
-          _this2.setState({
-            every: true
-          });
-
-          _this2.props.onChange(['0', '0', '0/1', '1/1', '*', '?', '*']);
-        },
-        checked: this.state.every
-      }), /*#__PURE__*/React.createElement("span", null, translateFn('Every'), " "), /*#__PURE__*/React.createElement("input", {
-        disabled: !this.state.every,
-        type: "Number",
-        onChange: this.onHourChange,
-        value: this.state.value[2].split('/')[1] ? this.state.value[2].split('/')[1] : ''
-      }), /*#__PURE__*/React.createElement("span", null, translateFn('hour')), /*#__PURE__*/React.createElement("input", {
-        disabled: !this.state.every,
-        type: "Number",
-        onChange: this.onMinuteChange,
-        value: this.state.value[1]
-      }), /*#__PURE__*/React.createElement("span", null, translateFn('minutes(s)'))), /*#__PURE__*/React.createElement("div", {
-        className: "well well-small margin-right-0 margin-left-0"
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "text_align_right",
-        style: {
-          width: '100%'
-        }
-      }, /*#__PURE__*/React.createElement("input", {
-        type: "radio",
-        onChange: function onChange(e) {
-          _this2.setState({
-            every: false
-          });
-
-          _this2.props.onChange();
-        },
-        checked: !this.state.every
-      }), /*#__PURE__*/React.createElement("span", {
-        className: ""
-      }, translateFn('At')), /*#__PURE__*/React.createElement(Hour, {
-        disabled: this.state.every,
-        onChange: this.onAtHourChange,
-        value: this.state.value[2]
-      }), /*#__PURE__*/React.createElement(Minutes, {
-        disabled: this.state.every,
-        onChange: this.onAtMinuteChange,
-        value: this.state.value[1]
-      })))));
-    }
-  }]);
-
-  return HourlyCron;
-}(Component);
-
-export { HourlyCron as default };

package/dist/cron-tab/minutes.js

@@ -1,52 +0,0 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-import React, { Component } from 'react';
-
-var MinutesCron = /*#__PURE__*/function (_Component) {
-  _inherits(MinutesCron, _Component);
-
-  var _super = _createSuper(MinutesCron);
-
-  function MinutesCron() {
-    _classCallCheck(this, MinutesCron);
-
-    return _super.apply(this, arguments);
-  }
-
-  _createClass(MinutesCron, [{
-    key: "onChange",
-    value: function onChange(e) {
-      if (e.target.value > 0 && e.target.value < 60 || e.target.value === '') {
-        var val = ['0', '*', '*', '*', '*', '?', '*'];
-        val[1] = e.target.value ? "0/".concat(e.target.value) : val[1];
-        this.props.onChange(val);
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var translateFn = this.props.translate;
-      var value = this.props.value;
-
-      if (value && value.length > 1) {
-        value = value[1].split('/')[1];
-      }
-
-      return /*#__PURE__*/React.createElement("div", {
-        className: "well"
-      }, translateFn('Every'), " ", /*#__PURE__*/React.createElement("input", {
-        type: "Number",
-        onChange: this.onChange.bind(this),
-        value: value,
-        min: 1,
-        max: 60
-      }), " ", translateFn('minute(s)'));
-    }
-  }]);
-
-  return MinutesCron;
-}(Component);
-
-export { MinutesCron as default };