move Password and Confirmation inputs to Input folder for clarity

buildo · Apr 4, 2018 · ae147f9 · ae147f9
1 parent a5db61e
commit ae147f9
Show file tree

Hide file tree

Showing 12 changed files with 44 additions and 72 deletions.
diff --git a/src/ConfirmationInput/Examples.md b/src/ConfirmationInput/Examples.md
diff --git a/src/ConfirmationInput/README.md b/src/ConfirmationInput/README.md
diff --git a/src/ConfirmationInput/index.ts b/src/ConfirmationInput/index.ts
diff --git a/src/ConfirmationInput/ConfirmationInput.tsx → src/Input/ConfirmationInput.tsx b/src/ConfirmationInput/ConfirmationInput.tsx → src/Input/ConfirmationInput.tsx
diff --git a/src/Input/Examples.md b/src/Input/Examples.md
@@ -44,3 +44,38 @@ const wrapperProps = { style: { marginRight: '10px', width: '150px' } };
   </FlexView>
 </form>
 ```
+
+#### Password Input
+
+```js
+initialState = { value: '' };
+
+const onChange = value => setState({ value });
+
+<PasswordInput
+  placeholder='super secret password'
+  value={state.value}
+  onChange={onChange}
+/>
+```
+
+#### Confirmation Input
+
+```js
+initialState = {};
+
+const onConfirm = value => console.log(`confirmed: ${value}`);
+const onClear = () => console.log('cleared!');
+const onChange = value => setState({ value });
+
+const initialValue = state.value;
+
+<form className='ui form'>
+  <ConfirmationInput
+    placeholder='Type Word'
+    {...{ initialValue, onChange, onConfirm, onClear }}
+    text={{ clear: 'clear', toConfirm: 'to confirm' }}
+    icon={{ clear: undefined, toConfirm: undefined }}
+  />
+</form>
+```
diff --git a/src/PasswordInput/PasswordInput.tsx → src/Input/PasswordInput.tsx b/src/PasswordInput/PasswordInput.tsx → src/Input/PasswordInput.tsx
diff --git a/src/Input/index.ts b/src/Input/index.ts
@@ -1,2 +1,5 @@
 import { Input } from './Input';
+import { ConfirmationInput } from './ConfirmationInput';
+import { PasswordInput } from './PasswordInput';
+export { ConfirmationInput, PasswordInput, Input };
 export default Input;
diff --git a/src/PasswordInput/Examples.md b/src/PasswordInput/Examples.md
diff --git a/src/PasswordInput/README.md b/src/PasswordInput/README.md
diff --git a/src/PasswordInput/index.ts b/src/PasswordInput/index.ts
diff --git a/src/index.ts b/src/index.ts
@@ -31,8 +31,6 @@ export { Button };
 export { StatefulButton } from './Button';
 import MoreOrLess from './MoreOrLess';
 export { MoreOrLess };
-import ConfirmationInput from './ConfirmationInput';
-export { ConfirmationInput };
 import Badge from './Badge';
 export { Badge };
 import NavBar from './NavBar';
@@ -62,7 +60,5 @@ import DateField from './DateField';
 export { DateField };
 import Image from './Image';
 export { Image };
-import Input from './Input';
-export { Input };
-import PasswordInput from './PasswordInput';
-export { PasswordInput };
+import { Input, PasswordInput, ConfirmationInput } from './Input';
+export { Input, PasswordInput, ConfirmationInput };
diff --git a/test/scripts/__snapshots__/build.test.ts.snap b/test/scripts/__snapshots__/build.test.ts.snap
@@ -24,10 +24,6 @@ Array [
   "Button/button.css",
   "Button/index.d.ts",
   "Button/index.js",
-  "ConfirmationInput/ConfirmationInput.d.ts",
-  "ConfirmationInput/ConfirmationInput.js",
-  "ConfirmationInput/index.d.ts",
-  "ConfirmationInput/index.js",
   "DateField/DateField.d.ts",
   "DateField/DateField.js",
   "DateField/dateField.css",
@@ -76,8 +72,12 @@ Array [
   "Image/getUrl.js",
   "Image/index.d.ts",
   "Image/index.js",
+  "Input/ConfirmationInput.d.ts",
+  "Input/ConfirmationInput.js",
   "Input/Input.d.ts",
   "Input/Input.js",
+  "Input/PasswordInput.d.ts",
+  "Input/PasswordInput.js",
   "Input/index.d.ts",
   "Input/index.js",
   "Input/input.css",
@@ -134,10 +134,6 @@ Array [
   "Panel/index.js",
   "Panel/panel.css",
   "Panel/tabbedPanel.css",
-  "PasswordInput/PasswordInput.d.ts",
-  "PasswordInput/PasswordInput.js",
-  "PasswordInput/index.d.ts",
-  "PasswordInput/index.js",
   "Popover/Popover.d.ts",
   "Popover/Popover.js",
   "Popover/examples.css",