@thecb/components 8.0.6-beta.1 → 8.0.6-beta.3

package/dist/index.d.ts

@@ -67,8 +67,8 @@ interface FormInputProps {
   type?: string;
   labelTextWhenNoError?: string;
   errorMessages?: ErrorMessage[];
-  isNum: boolean;
-  isEmail: boolean;
+  isNum?: boolean;
+  isEmail?: boolean;
   helperModal?: boolean;
   field?: any;
   fieldActions?: any;
@@ -86,6 +86,21 @@ interface FormInputProps {
 declare const FormInput: React.FC<Expand<FormInputProps> &
   React.HTMLAttributes<HTMLElement>>;
 
+interface Option {
+  text: string;
+  value: string | number;
+}
+
+interface FormSelectProps {
+  dropdownMaxHeight?: string;
+  labelTextWhenNoError?: string;
+  options?: Option[];
+  fieldActions?: any;
+  showErrors?: boolean;
+  errorMessages?: any;
+  field?: any;
+}
+
 interface ArrowDownCircleIconSmallProps {
   color?: string;
   iconIndex?: number;
@@ -625,5 +640,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, 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, 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 };
 //# sourceMappingURL=index.d.ts.map

package/package.json

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

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

@@ -10,8 +10,8 @@ export interface FormInputProps {
   type?: string;
   labelTextWhenNoError?: string;
   errorMessages?: ErrorMessage[];
-  isNum: boolean;
-  isEmail: boolean;
+  isNum?: boolean;
+  isEmail?: boolean;
   helperModal?: boolean;
   field?: any;
   fieldActions?: any;

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

@@ -0,0 +1,20 @@
+import React from "react";
+import Expand from "../../../util/expand";
+
+interface Option {
+  text: string;
+  value: string | number;
+}
+
+export interface FormSelectProps {
+  dropdownMaxHeight?: string;
+  labelTextWhenNoError?: string;
+  options?: Option[];
+  fieldActions?: any;
+  showErrors?: boolean;
+  errorMessages?: any;
+  field?: any;
+}
+
+export const FormInput: React.FC<Expand<FormSelectProps> &
+  React.HTMLAttributes<HTMLElement>>;

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

@@ -2,6 +2,7 @@ export * from "./button-with-action";
 export * from "./button-with-link";
 export * from "./card";
 export * from "./form-layouts";
+export * from "./form-select";
 export * from "./icons";
 export * from "./layouts";
 export * from "./link";