@sebgroup/green-react 1.0.0-beta.1 → 1.0.0-beta.2

package/README.md

@@ -2,10 +2,60 @@
 
 > TODO: description
 
-## Usage
+## Install \*
+
+```bash
+npm install --save @sebgroup/green-react
+```
+
+```bash
+yarn add @sebgroup/green-react
+```
+
+## Usage \*
 
 ```
 const greenReact = require('@sebgroup/green-react');
 
 // TODO: DEMONSTRATE API
 ```
+
+### Components
+
+View all components in the Storybook
+
+## Develop \*
+
+1. Clone the monorepo
+
+```bash
+git clone git@github.com:sebgroup/green.git
+```
+
+2. Install the dependencies
+
+```bash
+cd green
+yarn
+```
+
+3. Start the Storybook
+
+```bash
+yarn storybook react
+```
+
+4. Start the test runner (or make sure your IDE runs the tests continuously)
+
+```bash
+yarn test react --watch
+```
+
+5. Pick an issue from the board and pull it into `In progress`
+6. Open a Draft PR and reference the Issue
+7. Start coding 🎉 Don't forget:
+   1. Test
+   2. Code
+   3. Refactor
+
+## Commands \*

package/lib/dropdown/dropdown.d.ts

@@ -0,0 +1,9 @@
+import { DropdownOption } from '@sebgroup/extract';
+export interface DropdownProps {
+    id?: string;
+    children?: string;
+    options: DropdownOption[];
+    loop?: boolean;
+}
+export declare const Dropdown: ({ id, options, loop, children }: DropdownProps) => JSX.Element;
+export default Dropdown;

package/lib/dropdown/hooks.d.ts

@@ -0,0 +1,19 @@
+import { DropdownOption } from '@sebgroup/extract';
+import { HTMLAttributes } from 'react';
+interface HookArgs {
+    id?: string;
+    text?: string;
+    options: DropdownOption[];
+    loop?: boolean;
+}
+declare type Props = HTMLAttributes<HTMLElement>;
+interface HookResult {
+    togglerProps: Props;
+    listboxProps: Props;
+    listItems: Props[];
+    activate: () => void;
+    deactivate: () => void;
+    close: () => void;
+}
+export declare const useDropdown: ({ id, text, options, loop }: HookArgs) => HookResult;
+export {};

package/lib/form/input.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CheckboxProps, TextInputProps } from './types';
 export declare const TextInput: ({ label, info, onChangeText, ...props }: TextInputProps<string>) => JSX.Element;
 export declare const EmailInput: ({ label, info, onChangeText, ...props }: TextInputProps<string>) => JSX.Element;

package/package.json

@@ -1,13 +1,16 @@
 {
   "name": "@sebgroup/green-react",
-  "version": "1.0.0-beta.1",
+  "version": "1.0.0-beta.2",
   "peerDependencies": {
     "react": "^17.0.2",
-    "react-dom": "^17.0.2"
+    "react-dom": "^17.0.2",
+    "rxjs": "^6.6.7",
+    "merge": "^2.1.1"
   },
   "dependencies": {
-    "@sebgroup/chlorophyll": "^1.0.0-beta.1",
-    "@sebgroup/extract": "*"
+    "@sebgroup/chlorophyll": "1.0.0-beta.2",
+    "@sebgroup/extract": "1.0.0-beta.2",
+    "react-popper": "^2.2.5"
   },
   "description": "React components built on top of @sebgroup/chlorophyll.",
   "repository": {