react-cron-generator 2.0.10 → 2.0.12

package/README.md

@@ -9,7 +9,9 @@ Package helps to build linux scheduler cron expression.
 [![npm version](https://badge.fury.io/js/react-cron-generator.svg)](https://badge.fury.io/js/react-cron-generator) ![Downloads](https://img.shields.io/npm/dm/react-cron-generator.svg)
 <a href="https://github.com/sojinantony01/react-spread-sheet/blob/main/LICENSE">
   <img src="https://img.shields.io/npm/l/react-cron-generator.svg" alt="license">
-</a>
+</a>  <span>E2E tests passing.</span>
+
+
 
 ```
 data = '* * * * * * *'
@@ -27,32 +29,25 @@ npm install react-cron-generator
 
 
 ```
-import React, { Component } from 'react'
+import React, { useState } from 'react'
 import Cron from 'react-cron-generator'
 import 'react-cron-generator/dist/cron-builder.css'
 
 
-class App extends Component {
-
-  constructor(props) {
-      super(props);
-      this.state = {
-       
-      };
-  }
-
-  render() {
-    return (<div>
-      <Cron
-        onChange={(e)=> {this.setState({value:e});}}
-        value={this.state.value}
-        showResultText={true}
-        showResultCron={true}
-        />
-                            
-    </div>)
-  }
-}
+const App = () => {
+  const [state, setState] = useState<State>({});
+
+  return (
+    <Cron
+      onChange={(e, text) => {
+        setState({ value: e });
+      }}
+      value={state.value}
+      showResultText={true}
+      showResultCron={true}
+    />
+  );
+};
 
 export default App;
 
@@ -68,6 +63,7 @@ export default App;
 | translateFn | translate function callback | method | No
 | locale | locale for cronstrue | en | No
 | options | Options for Cron component, *Must pass a valid cron value for available headers | All available headers | No
+| disabled | Disable cron selector | false | No
 
 
 **translateFn**

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

@@ -3,6 +3,7 @@ interface CustomCronProp {
     onChange(e: string[]): void;
     value: string[];
     translate(e: string): string;
+    disabled?: boolean;
 }
 declare const CustomCron: React.FunctionComponent<CustomCronProp>;
 export default CustomCron;

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

@@ -3,6 +3,7 @@ interface DailyCronProp {
     onChange(e?: string[]): void;
     value: string[];
     translate(e: string): string;
+    disabled?: boolean;
 }
 declare const DailyCron: FunctionComponent<DailyCronProp>;
 export default DailyCron;

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

@@ -3,6 +3,7 @@ interface HourlyCronProp {
     onChange(e?: string[]): void;
     value: string[];
     translate(e: string): string;
+    disabled?: boolean;
 }
 declare const HourlyCron: FunctionComponent<HourlyCronProp>;
 export default HourlyCron;

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

@@ -3,6 +3,7 @@ interface MinutesCronProp {
     onChange(e: string[]): void;
     value: string[];
     translate(e: string): string;
+    disabled?: boolean;
 }
 declare const MinutesCron: FunctionComponent<MinutesCronProp>;
 export default MinutesCron;

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

@@ -3,6 +3,7 @@ interface MonthlyCronProp {
     onChange(e?: string[]): void;
     value: string[];
     translate(e: string): string;
+    disabled?: boolean;
 }
 declare const MonthlyCron: FunctionComponent<MonthlyCronProp>;
 export default MonthlyCron;

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

@@ -3,6 +3,7 @@ interface WeeklyCronProp {
     onChange(e?: string[]): void;
     value: string[];
     translate(e: string): string;
+    disabled?: boolean;
 }
 declare const WeeklyCron: FunctionComponent<WeeklyCronProp>;
 export default WeeklyCron;

package/build/cron.d.ts

@@ -11,6 +11,7 @@ interface CronProp {
     options?: {
         headers: HeaderKeyType[];
     };
+    disabled?: boolean;
 }
 declare const Cron: React.FunctionComponent<CronProp>;
 export default Cron;