@sellout/ui 0.0.201 → 0.0.202

package/build/components/AddressSearchDropdown.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 interface IAddress {
     address1?: string;
     address2?: string;
@@ -19,5 +20,5 @@ export declare type AddressSearchDropdownProps = {
     label?: string;
     tip?: string;
 };
-export default function AddressSearchDropdown({ value, onChange, width, label, tip, }: AddressSearchDropdownProps): JSX.Element;
+export default function AddressSearchDropdown({ value, onChange, width, label, tip, }: AddressSearchDropdownProps): React.JSX.Element;
 export {};

package/build/components/Button.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { Colors } from '../Colors';
 export declare enum ButtonTypes {
     Next = "Next",
@@ -29,4 +30,4 @@ export declare type ButtonProps = {
     tip?: string;
     subLabel?: string;
 };
-export default function Button({ type, state, bgColor, textColor, text, onClick, icon, iconPosition, iconSize, margin, loading, }: ButtonProps): JSX.Element;
+export default function Button({ type, state, bgColor, textColor, text, onClick, icon, iconPosition, iconSize, margin, loading, }: ButtonProps): React.JSX.Element;

package/build/components/CodeInput.js

@@ -41,6 +41,9 @@ var CodeInput = function (_a) {
             onComplete(currentValue.join(''));
         }
     };
+    useEffect(function () {
+        onChange && onChange(value);
+    }, [value]);
     var renderInput = function (index) {
         var curValue = value[index];
         return (React.createElement(Input, { key: index, autoFocus: index === 0, value: curValue, type: "number", pattern: "\\d*", ref: function (ref) { return inputs[index] = ref; }, onChange: function (event) {

package/build/components/Counter.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 export declare type CounterProps = {
     value: number;
     maxValue?: number;
@@ -5,4 +6,4 @@ export declare type CounterProps = {
     onIncrement: Function;
     onDecrement: Function;
 };
-export default function Counter({ value, maxValue, minValue, onIncrement, onDecrement, }: CounterProps): JSX.Element;
+export default function Counter({ value, maxValue, minValue, onIncrement, onDecrement, }: CounterProps): React.JSX.Element;

package/build/components/FormattedInput.d.ts

@@ -30,4 +30,4 @@ export declare type InputProps = {
     disabled?: boolean;
     inputWidth?: boolean;
 };
-export default function Input({ inputRef, autoFocus, placeholder, value, defaultValue, format, type, onMouseEnter, onMouseLeave, onChange, onFocus, onBlur, onSubmit, canSubmit, loading, margin, width, inputWidth, onEnter, label, subLabel, tip, maxLength, validationError, disabled, }: InputProps): JSX.Element;
+export default function Input({ inputRef, autoFocus, placeholder, value, defaultValue, format, type, onMouseEnter, onMouseLeave, onChange, onFocus, onBlur, onSubmit, canSubmit, loading, margin, width, inputWidth, onEnter, label, subLabel, tip, maxLength, validationError, disabled, }: InputProps): React.JSX.Element;

package/build/components/FormattedfullInput.d.ts

@@ -29,4 +29,4 @@ export declare type InputProps = {
     validationError?: string;
     disabled?: boolean;
 };
-export default function Input({ inputRef, autoFocus, placeholder, value, defaultValue, format, type, onMouseEnter, onMouseLeave, onChange, onFocus, onBlur, onSubmit, canSubmit, loading, margin, width, onEnter, label, subLabel, tip, maxLength, validationError, disabled, }: InputProps): JSX.Element;
+export default function Input({ inputRef, autoFocus, placeholder, value, defaultValue, format, type, onMouseEnter, onMouseLeave, onChange, onFocus, onBlur, onSubmit, canSubmit, loading, margin, width, onEnter, label, subLabel, tip, maxLength, validationError, disabled, }: InputProps): React.JSX.Element;

package/build/components/Icon.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { Colors } from "../Colors";
 export declare const Icons: {
     Amex: import("@fortawesome/fontawesome-common-types").IconDefinition;
@@ -205,4 +206,4 @@ export declare type IconProps = {
     transitionDuration?: string;
     rotation?: number;
 };
-export default function Icon({ icon, color, hoverColor, onClick, size, top, left, right, position, zIndex, margin, tip, transitionDuration, rotation, }: IconProps): JSX.Element;
+export default function Icon({ icon, color, hoverColor, onClick, size, top, left, right, position, zIndex, margin, tip, transitionDuration, rotation, }: IconProps): React.JSX.Element;

package/build/components/InputOld.d.ts

@@ -20,4 +20,4 @@ export declare type InputProps = {
     padding?: string;
     width?: string;
 };
-export default function Input({ inputRef, autoFocus, placeholder, value, defaultValue, icon, type, onMouseEnter, onMouseLeave, onChange, onFocus, onBlur, onSubmit, onClear, canSubmit, loading, margin, padding, width, }: InputProps): JSX.Element;
+export default function Input({ inputRef, autoFocus, placeholder, value, defaultValue, icon, type, onMouseEnter, onMouseLeave, onChange, onFocus, onBlur, onSubmit, onClear, canSubmit, loading, margin, padding, width, }: InputProps): React.JSX.Element;

package/build/components/Loader.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { Colors } from "./../Colors";
 export declare enum LoaderSizes {
     FuckingTiny = "FuckingTiny",
@@ -10,4 +11,4 @@ export declare enum LoaderSizes {
 export default function Loader({ size, color, }: {
     size?: LoaderSizes | undefined;
     color?: Colors | undefined;
-}): JSX.Element;
+}): React.JSX.Element;

package/build/components/Product.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { CounterProps } from './Counter';
 export declare type ProductProps = {
     title: string;
@@ -11,4 +12,4 @@ export declare type ProductProps = {
     timeZone?: string;
     remainingQty?: number;
 } & CounterProps;
-export default function Product({ title, price, subtitle, description, isRSVP, value, minValue, maxValue, onIncrement, onDecrement, eventDays, isMultiDaysEvent, timeZone, remainingQty }: ProductProps): JSX.Element;
+export default function Product({ title, price, subtitle, description, isRSVP, value, minValue, maxValue, onIncrement, onDecrement, eventDays, isMultiDaysEvent, timeZone, remainingQty }: ProductProps): React.JSX.Element;

package/build/components/SearchDropdown.d.ts

@@ -29,5 +29,5 @@ export declare type SearchDropdownProps = {
     subLabel?: string;
     icon?: any;
 };
-export default function SearchDropdown({ type, value, onChange, placeholder, width, searchQuery, setSearchQuery, items, footer, onClear, label, tip, subLabel, icon, }: SearchDropdownProps): JSX.Element;
+export default function SearchDropdown({ type, value, onChange, placeholder, width, searchQuery, setSearchQuery, items, footer, onClear, label, tip, subLabel, icon, }: SearchDropdownProps): React.JSX.Element;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sellout/ui",
-  "version": "0.0.201",
+  "version": "0.0.202",
   "main": "build/index.js",
   "module": "build/index.es.js",
   "files": [
@@ -70,7 +70,7 @@
     "shortid": "^2.2.16",
     "use-places-autocomplete": "^1.9.4"
   },
-  "gitHead": "4172f8fb2ba3c22d5cae16599219e3e4ea7992bc",
+  "gitHead": "4ee53a3385c818a40c3fa7c253a0e839ad1f94ec",
   "peerDependencies": {
     "react": "^16.13.0",
     "react-dom": "^16.13.0",