@thecb/components 8.4.7-beta.0 → 8.4.7-beta.2

package/dist/index.d.ts

@@ -429,6 +429,11 @@ interface FormSelectOption {
   value?: string;
 }
 
+interface SearchableSelectOption {
+  name?: string;
+  value?: string;
+}
+
 interface ErrorMessageDictionary {
   [fieldName: string]: string;
 }
@@ -814,6 +819,23 @@ interface ParagraphProps {
 declare const Paragraph: React.FC<Expand<ParagraphProps> &
   React.HTMLAttributes<HTMLElement>>;
 
+interface SearchableSelectProps {
+  items: SearchableSelectOption[];
+  selectedItems: SearchableSelectOption[];
+  allSelected: boolean;
+  toggleSelectAllItems: (bool: boolean) => void;
+  selectItem: (item: SearchableSelectOption) => void;
+  fields: {
+    searchTerm: Field;
+  };
+  actions: FieldActions;
+  disabled: boolean;
+  placeholder: string;
+}
+
+declare const SearchableSelect: React.FC<Expand<SearchableSelectProps> &
+  React.HTMLAttributes<HTMLElement>>;
+
 interface SpinnerProps {
   size?: string;
   centerSpinner?: boolean;
@@ -1005,7 +1027,7 @@ declare const Popover: React.FC<Expand<PopoverProps> &
 interface RadioOption {
   id: string;
   labelText: string;
-  value: string;
+  value: string | boolean;
 }
 
 interface RadioGroupProps {
@@ -1036,5 +1058,5 @@ interface DefaultPageTemplateProps {
 declare const DefaultPageTemplate: React.FC<Expand<DefaultPageTemplateProps> &
   React.HTMLAttributes<HTMLElement>>;
 
-export { AddValidatorAction, Alert, AlertProps, 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, ClearAction, Cluster, ClusterProps, CollapsibleSection, CollapsibleSectionProps, Copyable, CopyableProps, Cover, CoverProps, DefaultPageTemplate, DefaultPageTemplateProps, EditableTable, EditableTableProps, ErrorMessageDictionary, ExternalLink, ExternalLinkProps, Field, FieldActionPayload, FieldActions, FooterWithSubfooter, FooterWithSubfooterProps, FormInput, FormInputProps, FormSelect, FormSelectOption, FormSelectProps, GuidedCheckoutImage, HistoryIconSmall, InternalLink, InternalLinkProps, KioskImage, Loading, LoadingProps, NavFooter, NavFooterProps, NavHeader, NavHeaderProps, NavTabs, NavTabsProps, Paragraph, ParagraphProps, PointOfSaleImage, Popover, PopoverProps, ProfileImage, RadioGroup, RadioGroupProps, ReduxAction, RefundIconMedium, RefundIconMediumProps, RefundIconSmall, RefundIconSmallProps, RemoveValidatorAction, RevenueManagementImage, SetAction, 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, ValidatorFn, XCircleIconMedium, XCircleIconMediumProps, XCircleIconSmall, XCircleIconSmallProps, index_d as constants };
+export { AddValidatorAction, Alert, AlertProps, 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, ClearAction, Cluster, ClusterProps, CollapsibleSection, CollapsibleSectionProps, Copyable, CopyableProps, Cover, CoverProps, DefaultPageTemplate, DefaultPageTemplateProps, EditableTable, EditableTableProps, ErrorMessageDictionary, ExternalLink, ExternalLinkProps, Field, FieldActionPayload, FieldActions, FooterWithSubfooter, FooterWithSubfooterProps, FormInput, FormInputProps, FormSelect, FormSelectOption, FormSelectProps, GuidedCheckoutImage, HistoryIconSmall, InternalLink, InternalLinkProps, KioskImage, Loading, LoadingProps, NavFooter, NavFooterProps, NavHeader, NavHeaderProps, NavTabs, NavTabsProps, Paragraph, ParagraphProps, PointOfSaleImage, Popover, PopoverProps, ProfileImage, RadioGroup, RadioGroupProps, ReduxAction, RefundIconMedium, RefundIconMediumProps, RefundIconSmall, RefundIconSmallProps, RemoveValidatorAction, RevenueManagementImage, SearchableSelect, SearchableSelectOption, SearchableSelectProps, SetAction, 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, ValidatorFn, XCircleIconMedium, XCircleIconMediumProps, XCircleIconSmall, XCircleIconSmallProps, index_d as constants };
 //# sourceMappingURL=index.d.ts.map

package/package.json

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

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

@@ -12,6 +12,7 @@ export * from "./nav-footer";
 export * from "./nav-header";
 export * from "./nav-tabs";
 export * from "./paragraph";
+export * from "./searchable-select";
 export * from "./spinner";
 export * from "./table";
 export * from "./text";

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

@@ -1,17 +1,13 @@
 import React from "react";
 import Expand from "../../../util/expand";
-import { Field, FieldActions } from "../../../types/common";
+import { Field, FieldActions, SearchableSelectOption } from "../../../types/common";
 
-interface Item {
-  name: string;
-  value: string;
-}
 export interface SearchableSelectProps {
-  items: Item[];
-  selectedItems: Item[];
+  items: SearchableSelectOption[];
+  selectedItems: SearchableSelectOption[];
   allSelected: boolean;
   toggleSelectAllItems: (bool: boolean) => void;
-  selectItem: (item: Item) => void;
+  selectItem: (item: SearchableSelectOption) => void;
   fields: {
     searchTerm: Field;
   };

package/src/components/molecules/radio-group/index.d.ts

@@ -5,7 +5,7 @@ import { Field, FieldActions } from "../../../types/common";
 interface RadioOption {
   id: string;
   labelText: string;
-  value: string;
+  value: string | boolean;
 }
 
 export interface RadioGroupProps {

package/src/types/common/SearchableSelectOption.ts

@@ -0,0 +1,4 @@
+export default interface SearchableSelectOption {
+  name?: string;
+  value?: string;
+}

package/src/types/common/index.ts

@@ -2,5 +2,6 @@ export { default as Field } from "./Field";
 export { default as ReduxAction } from "./ReduxAction";
 export { default as FieldActions } from "./FieldActions";
 export { default as FormSelectOption } from "./FormSelectOption";
+export { default as SearchableSelectOption } from "./SearchableSelectOption";
 export { default as ErrorMessageDictionary } from "./ErrorMessageDictionary";
 export * from "./FieldActions";