gox-design-system 0.0.3 → 0.0.5

package/package.json

@@ -1,10 +1,9 @@
 {
   "name": "gox-design-system",
-  "version": "0.0.3",
+  "version": "0.0.5",
   "private": false,
   "main": "./index.js",
   "module": "./index.js",
-  "types": "./index.d.ts",
   "dependencies": {
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.6.3",

package/src/components/input/index.tsx

@@ -1,4 +1,49 @@
+export type InputProps = {
+    label: string;
+    value: string;
+    onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    type?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    error?: boolean;
+    errorMessage?: string;      
+    required?: boolean;
+    maxLength?: number;
+    minLength?: number;
+    pattern?: string;
+    autoComplete?: string;
+    autoFocus?: boolean;
+    readOnly?: boolean;
+    size?: "small" | "medium" | "large";
+    className?: string;
+    style?: React.CSSProperties;
+    onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+    onKeyUp?: (event: React.KeyboardEvent<HTMLInputElement>) => void;   
+    onKeyPress?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+    onPaste?: (event: React.ClipboardEvent<HTMLInputElement>) => void;
+    onCut?: (event: React.ClipboardEvent<HTMLInputElement>) => void;
+    onCopy?: (event: React.ClipboardEvent<HTMLInputElement>) => void;       
+    onContextMenu?: (event: React.MouseEvent<HTMLInputElement>) => void;
+    onSelect?: (event: React.SyntheticEvent<HTMLInputElement>) => void;
+    onChangeCapture?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    onFocusCapture?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    onBlurCapture?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    onKeyDownCapture?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+    onKeyUpCapture?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+    onKeyPressCapture?: (event: React.KeyboardEvent<HTMLInputElement>) => void; 
+    onPasteCapture?: (event: React.ClipboardEvent<HTMLInputElement>) => void;
+    onCutCapture?: (event: React.ClipboardEvent<HTMLInputElement>) => void;
+    onCopyCapture?: (event: React.ClipboardEvent<HTMLInputElement>) => void;
+    onContextMenuCapture?: (event: React.MouseEvent<HTMLInputElement>) => void;
+    onSelectCapture?: (event: React.SyntheticEvent<HTMLInputElement>) => void;
+  };
 
-export default function Input() {
-    return(<input type="text" placeholder="Omkar"/>)
+
+export default function Input({
+    placeholder = "Omkar",
+    type 
+}: InputProps) {
+    return(<input type={type} placeholder={placeholder}/>)
 }

package/src/index.tsx

@@ -10,7 +10,9 @@ const root = ReactDOM.createRoot(
 );
 root.render(
   <React.StrictMode>
-    <Input />
+    <Input label={''} value={''} onChange={function (event: React.ChangeEvent<HTMLInputElement>): void {
+      throw new Error('Function not implemented.');
+    } } />
   </React.StrictMode>
 );
 

package/index.d.ts

@@ -1,3 +0,0 @@
-import * as Input from "./src/components/input";
-
-export declare type InputEl = Input

package/src/components/input/index.d.ts

@@ -1 +0,0 @@
-export declare type InputProps = {}