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

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,27 +60,18 @@ declare const Card: React.FC<Expand<CardProps> &
   React.HTMLAttributes<HTMLElement>>;
 
 interface ErrorMessage {
-  [fieldName: string]: string;
-}
+    [fieldName: string]: string;
+  }
 
 interface FormInputProps {
-  type?: string;
-  labelTextWhenNoError?: string;
+  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;
-  themeValues?: any;
-  background?: any;
-  customHeight?: any;
-  autocomplete?: any;
-  extraStyles?: any;
-  removeFromValue?: any;
+  type?: string;
 }
 
 declare const FormInput: React.FC<Expand<FormInputProps> &
@@ -399,6 +390,11 @@ interface InternalLinkProps {
 declare const InternalLink: React.FC<Expand<InternalLinkProps> &
   React.HTMLAttributes<HTMLElement> & { ref?: React.Ref<HTMLLinkElement> }>;
 
+interface LoadingProps {}
+
+declare const Loading: React.FC<Expand<LoadingProps> &
+  React.HTMLAttributes<HTMLElement>>;
+
 interface NavFooterProps {
   leftContent?: JSX.Element;
   rightContent?: JSX.Element;
@@ -449,6 +445,14 @@ interface ParagraphProps {
 declare const Paragraph: React.FC<Expand<ParagraphProps> &
   React.HTMLAttributes<HTMLElement>>;
 
+interface SpinnerProps {
+  size: string;
+  centerSpinner: boolean;
+}
+
+declare const Spinner: React.FC<Expand<SpinnerProps> &
+  React.HTMLAttributes<HTMLElement>>;
+
 interface TableProps {
   extraStyles?: string;
 }
@@ -643,5 +647,5 @@ interface DefaultPageTemplateProps {
 declare const DefaultPageTemplate: React.FC<Expand<DefaultPageTemplateProps> &
   React.HTMLAttributes<HTMLElement>>;
 
-export { ArrowDownCircleIconSmall, ArrowDownCircleIconSmallProps, ArrowLeftCircleIconMedium, ArrowLeftCircleIconMediumProps, ArrowLeftCircleIconSmall, ArrowLeftCircleIconSmallProps, ArrowRightCircleIconSmall, ArrowRightCircleIconSmallProps, ArrowUpCircleIconSmall, ArrowUpCircleIconSmallProps, BankIconLarge, BankIconLargeProps, Box, BoxProps, ButtonWithAction, ButtonWithActionProps, ButtonWithLink, ButtonWithLinkProps, Card, CardProps, Center, CenterProps, ChargebackIconMedium, ChargebackIconMediumProps, ChargebackIconSmall, ChargebackIconSmallProps, ChargebackReversalIconMedium, ChargebackReversalIconMediumProps, ChargebackReversalIconSmall, ChargebackReversalIconSmallProps, Cluster, ClusterProps, CollapsibleSection, CollapsibleSectionProps, Copyable, CopyableProps, Cover, CoverProps, DefaultPageTemplate, DefaultPageTemplateProps, EditableTable, EditableTableProps, ExternalLink, ExternalLinkProps, FooterWithSubfooter, FooterWithSubfooterProps, FormInput, FormInputProps, FormSelect, FormSelectProps, GuidedCheckoutImage, HistoryIconSmall, InternalLink, InternalLinkProps, KioskImage, NavFooter, NavFooterProps, NavHeader, NavHeaderProps, NavTabs, NavTabsProps, Paragraph, ParagraphProps, PointOfSaleImage, Popover, PopoverProps, ProfileImage, RefundIconMedium, RefundIconMediumProps, RefundIconSmall, RefundIconSmallProps, RevenueManagementImage, Stack, StackProps, StandardCheckoutImage, SuccessfulIconMedium, SuccessfulIconMediumProps, SuccessfulIconSmall, SuccessfulIconSmallProps, Switcher, SwitcherProps, Table, TableBody, TableBodyProps, TableCell, TableCellProps, TableHead, TableHeadProps, TableHeading, TableHeadingProps, TableListItem, TableListItemProps, TableProps, TableRow, TableRowProps, Text, TextProps, Title, TitleProps, XCircleIconMedium, XCircleIconMediumProps, XCircleIconSmall, XCircleIconSmallProps };
+export { ArrowDownCircleIconSmall, ArrowDownCircleIconSmallProps, ArrowLeftCircleIconMedium, ArrowLeftCircleIconMediumProps, ArrowLeftCircleIconSmall, ArrowLeftCircleIconSmallProps, ArrowRightCircleIconSmall, ArrowRightCircleIconSmallProps, ArrowUpCircleIconSmall, ArrowUpCircleIconSmallProps, BankIconLarge, BankIconLargeProps, Box, BoxProps, ButtonWithAction, ButtonWithActionProps, ButtonWithLink, ButtonWithLinkProps, Card, CardProps, Center, CenterProps, ChargebackIconMedium, ChargebackIconMediumProps, ChargebackIconSmall, ChargebackIconSmallProps, ChargebackReversalIconMedium, ChargebackReversalIconMediumProps, ChargebackReversalIconSmall, ChargebackReversalIconSmallProps, Cluster, ClusterProps, CollapsibleSection, CollapsibleSectionProps, Copyable, CopyableProps, Cover, CoverProps, DefaultPageTemplate, DefaultPageTemplateProps, EditableTable, EditableTableProps, ExternalLink, ExternalLinkProps, FooterWithSubfooter, FooterWithSubfooterProps, FormInput, FormInputProps, FormSelect, FormSelectProps, GuidedCheckoutImage, HistoryIconSmall, InternalLink, InternalLinkProps, KioskImage, Loading, LoadingProps, NavFooter, NavFooterProps, NavHeader, NavHeaderProps, NavTabs, NavTabsProps, Paragraph, ParagraphProps, PointOfSaleImage, Popover, PopoverProps, ProfileImage, RefundIconMedium, RefundIconMediumProps, RefundIconSmall, RefundIconSmallProps, RevenueManagementImage, Spinner, SpinnerProps, Stack, StackProps, StandardCheckoutImage, SuccessfulIconMedium, SuccessfulIconMediumProps, SuccessfulIconSmall, SuccessfulIconSmallProps, Switcher, SwitcherProps, Table, TableBody, TableBodyProps, TableCell, TableCellProps, TableHead, TableHeadProps, TableHeading, TableHeadingProps, TableListItem, TableListItemProps, TableProps, TableRow, TableRowProps, Text, TextProps, Title, TitleProps, XCircleIconMedium, XCircleIconMediumProps, XCircleIconSmall, XCircleIconSmallProps };
 //# sourceMappingURL=index.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thecb/components",
-  "version": "8.0.6-beta.4",
+  "version": "8.0.6-beta.6",
   "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,29 +1,16 @@
 import React from "react";
 import Expand from "../../../util/expand";
-
-
-interface ErrorMessage {
-  [fieldName: string]: string;
-}
+import ErrorMessage from "../../../types/common/ErrorMessage";
 
 export interface FormInputProps {
-  type?: string;
-  labelTextWhenNoError?: string;
+  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;
-  themeValues?: any;
-  background?: any;
-  customHeight?: any;
-  autocomplete?: any;
-  extraStyles?: any;
-  removeFromValue?: any;
+  type?: string;
 }
 
 export const FormInput: React.FC<Expand<FormInputProps> &

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

@@ -6,10 +6,12 @@ export * from "./form-select";
 export * from "./icons";
 export * from "./layouts";
 export * from "./link";
+export * from "./loading";
 export * from "./nav-footer";
 export * from "./nav-header";
 export * from "./nav-tabs";
 export * from "./paragraph";
+export * from "./spinner";
 export * from "./table";
 export * from "./text";
 export * from "./title";

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

@@ -0,0 +1,7 @@
+import React from "react";
+import Expand from "../../../util/expand";
+
+export interface LoadingProps {}
+
+export const Loading: React.FC<Expand<LoadingProps> &
+  React.HTMLAttributes<HTMLElement>>;

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

@@ -0,0 +1,10 @@
+import React from "react";
+import Expand from "../../../util/expand";
+
+export interface SpinnerProps {
+  size: string;
+  centerSpinner: boolean;
+}
+
+export const Spinner: React.FC<Expand<SpinnerProps> &
+  React.HTMLAttributes<HTMLElement>>;

package/src/types/common/ErrorMessage.ts

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