@thecb/components 8.0.6-beta.6 → 8.0.6-beta.8

package/dist/index.d.ts

@@ -4,6 +4,7 @@ type Expand<T> = T extends infer O ? { [K in keyof O]: O[K] } : never;
 
 interface ButtonWithActionProps {
   action?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+  disabled?: boolean;
   variant?: string;
   text?: string;
   textWrap?: boolean;
@@ -18,6 +19,7 @@ declare const ButtonWithAction: React.FC<Expand<ButtonWithActionProps> &
   React.HTMLAttributes<HTMLElement>>;
 
 interface ButtonWithLinkProps extends ButtonWithActionProps {
+  active?: boolean;
   linkExtraStyles?: string;
   url: string;
   disabled?: boolean;
@@ -63,7 +65,23 @@ interface ErrorMessage {
     [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 {
+  extraStyles?: string;
+  field?: Field;
+  fieldActions?: FieldActions;
   disabled?: boolean;
   errorMessages?: ErrorMessage[];
   helperModal?: boolean;
@@ -78,18 +96,19 @@ 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> &
@@ -446,8 +465,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.6",
+  "version": "8.0.6-beta.8",
   "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

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

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

@@ -3,6 +3,7 @@ import Expand from "../../../util/expand";
 import { ButtonWithActionProps } from "../button-with-action";
 
 export interface ButtonWithLinkProps extends ButtonWithActionProps {
+  active?: boolean;
   linkExtraStyles?: string;
   url: string;
   disabled?: boolean;

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

@@ -1,8 +1,11 @@
 import React from "react";
 import Expand from "../../../util/expand";
-import ErrorMessage from "../../../types/common/ErrorMessage";
+import { ErrorMessage, Field, FieldActions } from "../../../types/common";
 
 export interface FormInputProps {
+  extraStyles?: string;
+  field?: Field;
+  fieldActions?: FieldActions;
   disabled?: boolean;
   errorMessages?: ErrorMessage[];
   helperModal?: boolean;

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/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 type { default as ErrorMessage } from "./ErrorMessage";
+export type { default as Field } from "./Field";
+export type { default as FieldActions } from "./FieldActions"