@festo-ui/react 1.2.0 → 2.0.0-pre-20211004.3

package/README.md

@@ -1,7 +1,16 @@
-# react
+# FESTO UI 
 
-This library was generated with [Nx](https://nx.dev).
+## React Component Library
 
-## Running unit tests
+### Installation
 
-Run `nx test react` to execute the unit tests via [Jest](https://jestjs.io).
+To install Festo React, run:
+
+`npm install @festo-ui/react @festo-ui/web-essentials`
+
+### Stylesheets
+
+```js
+/* The following lines should be included in your src/index.js or App.js file*/
+import '@festo-ui/web-essentials/dist/css/festo-web-essentials.min.css'; 
+import '@festo-ui/react/react.esm.css';

package/lib/forms/color-indicator/ColorIndicator.d.ts

@@ -6,6 +6,7 @@ interface ColorIndicatorProps extends ClassNamePropsWithChildren {
     label: string;
     color?: string;
     showPopOver?: boolean;
+    disabled?: boolean;
 }
-declare function ColorIndicator({ text, label, color, className, showPopOver, children }: ColorIndicatorProps): JSX.Element;
+declare function ColorIndicator({ text, label, color, className, showPopOver, children, disabled }: ColorIndicatorProps): JSX.Element;
 export default ColorIndicator;

package/lib/forms/date-range-picker/DateRangePicker.d.ts

@@ -16,5 +16,5 @@ export interface DateRangePickerProps extends ClassNamePropsWithChildren {
     options?: DatePickerOptions;
     onChange?: (dates: Date[]) => void;
 }
-export declare function DateRangePicker({ children, className, disabled, error, formatDate, hint, onChange, options, required, defaultValue, }: DateRangePickerProps): JSX.Element;
+export declare function DateRangePicker({ children, className, disabled, error, formatDate, hint, onChange, options, required, defaultValue }: DateRangePickerProps): JSX.Element;
 export default DateRangePicker;

package/lib/forms/text-area/TextArea.d.ts

@@ -5,15 +5,17 @@ interface TextAreaProps extends ClassNameProps {
     disabled?: boolean;
     required?: boolean;
     readonly?: boolean;
+    onChange?: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;
     onFocus?: (event: React.FocusEvent<HTMLTextAreaElement>) => void;
     onInput?: (event: React.FormEvent<HTMLTextAreaElement>) => void;
     onBlur?: (event: React.FocusEvent<HTMLTextAreaElement>) => void;
     label: string;
     hint?: string;
     error?: string;
-    value: string;
+    value?: string;
+    defaultValue?: string;
     rows?: number;
     maxLength: number;
 }
-declare function TextArea({ disabled, onBlur, onFocus, onInput, readonly, required, label, error, hint, value, rows, maxLength, className, }: TextAreaProps): JSX.Element;
+declare function TextArea({ disabled, onBlur, onChange, onFocus, onInput, readonly, required, label, error, hint, value, rows, maxLength, className, defaultValue }: TextAreaProps): JSX.Element;
 export default TextArea;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@festo-ui/react",
-  "version": "1.2.0",
+  "version": "2.0.0-pre-20211004.3",
   "peerDependencies": {
     "react": "^16.14.0",
     "react-dom": "^16.14.0",