@thecb/components 8.0.6-beta.5 → 8.0.6-beta.7

package/dist/index.d.ts

@@ -3,7 +3,7 @@ import React from 'react';
 type Expand<T> = T extends infer O ? { [K in keyof O]: O[K] } : never;
 
 interface ButtonWithActionProps {
-  action?: React.SyntheticEvent;
+  action?: (event: React.ChangeEvent<HTMLInputElement>) => void;
   variant?: string;
   text?: string;
   textWrap?: boolean;
@@ -60,44 +60,53 @@ declare const Card: React.FC<Expand<CardProps> &
   React.HTMLAttributes<HTMLElement>>;
 
 interface ErrorMessage {
-  [fieldName: string]: string;
+    [fieldName: string]: string;
+  }
+
+interface Field {
+    hasErrors?: boolean;
+    dirty?: boolean;
+    rawValue?: string;
+}
+
+interface FieldActions {
+  set?: (value: any) => void;
+  addValidator?: (validator: any) => void;
+  removeValidator?: (validator: any) => void;
+  clear?: () => void;
 }
 
 interface FormInputProps {
-  type?: string;
-  labelTextWhenNoError?: string;
+  extraStyles?: string;
+  field?: Field;
+  fieldActions?: FieldActions;
+  disabled?: boolean;
   errorMessages?: ErrorMessage[];
-  isNum?: boolean;
-  isEmail?: boolean;
   helperModal?: boolean;
-  field?: any;
-  fieldActions?: any;
+  isEmail?: boolean;
+  isNum?: boolean;
+  labelTextWhenNoError?: string;
   showErrors?: boolean;
-  formatter?: any;
-  decorator?: any;
-  background?: any;
-  customHeight?: any;
-  autocomplete?: any;
-  extraStyles?: any;
-  removeFromValue?: any;
+  type?: string;
 }
 
 declare const FormInput: React.FC<Expand<FormInputProps> &
   React.HTMLAttributes<HTMLElement>>;
 
 interface Option {
-  text: string;
-  value: string | number;
+  text?: string;
+  value?: string | number;
 }
 
 interface FormSelectProps {
+  disabled?: boolean;
   dropdownMaxHeight?: string;
   labelTextWhenNoError?: string;
   options?: Option[];
-  fieldActions?: any;
+  fieldActions?: FieldActions;
   showErrors?: boolean;
-  errorMessages?: any;
-  field?: any;
+  errorMessages?: ErrorMessage[]
+  field?: Field
 }
 
 declare const FormSelect: React.FC<Expand<FormSelectProps> &
@@ -454,8 +463,8 @@ declare const Paragraph: React.FC<Expand<ParagraphProps> &
   React.HTMLAttributes<HTMLElement>>;
 
 interface SpinnerProps {
-  size: string;
-  centerSpinner: boolean;
+  size?: string;
+  centerSpinner?: boolean;
 }
 
 declare const Spinner: React.FC<Expand<SpinnerProps> &

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thecb/components",
-  "version": "8.0.6-beta.5",
+  "version": "8.0.6-beta.7",
   "description": "Common lib for CityBase react components",
   "main": "dist/index.cjs.js",
   "typings": "dist/index.d.ts",

package/src/components/atoms/button-with-action/index.d.ts

@@ -2,7 +2,7 @@ import React from "react";
 import Expand from "../../../util/expand";
 
 export interface ButtonWithActionProps {
-  action?: React.SyntheticEvent;
+  action?: (event: React.ChangeEvent<HTMLInputElement>) => void;
   variant?: string;
   text?: string;
   textWrap?: boolean;

package/src/components/atoms/form-layouts/index.d.ts

@@ -1,28 +1,19 @@
 import React from "react";
 import Expand from "../../../util/expand";
-
-
-interface ErrorMessage {
-  [fieldName: string]: string;
-}
+import { ErrorMessage, Field, FieldActions } from "../../../types/common";
 
 export interface FormInputProps {
-  type?: string;
-  labelTextWhenNoError?: string;
+  extraStyles?: string;
+  field?: Field;
+  fieldActions?: FieldActions;
+  disabled?: boolean;
   errorMessages?: ErrorMessage[];
-  isNum?: boolean;
-  isEmail?: boolean;
   helperModal?: boolean;
-  field?: any;
-  fieldActions?: any;
+  isEmail?: boolean;
+  isNum?: boolean;
+  labelTextWhenNoError?: string;
   showErrors?: boolean;
-  formatter?: any;
-  decorator?: any;
-  background?: any;
-  customHeight?: any;
-  autocomplete?: any;
-  extraStyles?: any;
-  removeFromValue?: any;
+  type?: string;
 }
 
 export const FormInput: React.FC<Expand<FormInputProps> &

package/src/components/atoms/form-select/index.d.ts

@@ -1,19 +1,21 @@
 import React from "react";
 import Expand from "../../../util/expand";
+import { ErrorMessage, Field, FieldActions} from "../../../types/common";
 
 interface Option {
-  text: string;
-  value: string | number;
+  text?: string;
+  value?: string | number;
 }
 
 export interface FormSelectProps {
+  disabled?: boolean;
   dropdownMaxHeight?: string;
   labelTextWhenNoError?: string;
   options?: Option[];
-  fieldActions?: any;
+  fieldActions?: FieldActions;
   showErrors?: boolean;
-  errorMessages?: any;
-  field?: any;
+  errorMessages?: ErrorMessage[]
+  field?: Field
 }
 
 export const FormSelect: React.FC<Expand<FormSelectProps> &

package/src/components/atoms/spinner/index.d.ts

@@ -2,8 +2,8 @@ import React from "react";
 import Expand from "../../../util/expand";
 
 export interface SpinnerProps {
-  size: string;
-  centerSpinner: boolean;
+  size?: string;
+  centerSpinner?: boolean;
 }
 
 export const Spinner: React.FC<Expand<SpinnerProps> &

package/src/types/common/ErrorMessage.ts

@@ -0,0 +1,4 @@
+export default interface ErrorMessage {
+    [fieldName: string]: string;
+  }
+

package/src/types/common/Field.ts

@@ -0,0 +1,5 @@
+export default interface Field {
+    hasErrors?: boolean;
+    dirty?: boolean;
+    rawValue?: string;
+}

package/src/types/common/FieldActions.ts

@@ -0,0 +1,6 @@
+export default interface FieldActions {
+  set?: (value: any) => void;
+  addValidator?: (validator: any) => void;
+  removeValidator?: (validator: any) => void;
+  clear?: () => void;
+}

package/src/types/common/index.ts

@@ -0,0 +1,3 @@
+export { default as ErrorMessage } from "./ErrorMessage";
+export { default as Field } from "./Field";
+export { default as FieldActions } from "./FieldActions"