@thecb/components 10.7.8-beta.0 → 10.8.0-beta.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs.js +176 -73
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.d.ts +32 -1
- package/dist/index.esm.js +176 -74
- package/dist/index.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/atoms/.DS_Store +0 -0
- package/src/components/atoms/icons/SearchIcon.js +4 -3
- package/src/components/atoms/index.d.ts +1 -0
- package/src/components/atoms/index.js +1 -0
- package/src/components/atoms/search/Search.js +125 -0
- package/src/components/atoms/search/Search.stories.js +58 -0
- package/src/components/atoms/search/Search.theme.js +9 -0
- package/src/components/atoms/search/index.d.ts +34 -0
- package/src/components/atoms/search/index.js +3 -0
- package/src/components/molecules/modal/ModalControlV2.js +0 -2
- package/src/components/molecules/modal/__private__/CloseButton.js +1 -2
package/dist/index.d.ts
CHANGED
|
@@ -993,6 +993,37 @@ interface ParagraphProps {
|
|
|
993
993
|
declare const Paragraph: React.FC<Expand<ParagraphProps> &
|
|
994
994
|
React.HTMLAttributes<HTMLElement>>;
|
|
995
995
|
|
|
996
|
+
/*
|
|
997
|
+
Keys within this array will be referenced based on the
|
|
998
|
+
valuesToSearchFor` array,.
|
|
999
|
+
*/
|
|
1000
|
+
type FlexibleObjectArray = Array<{ [key: string]: any }>;
|
|
1001
|
+
|
|
1002
|
+
interface SearchProps {
|
|
1003
|
+
actions: FieldActions;
|
|
1004
|
+
fields: {
|
|
1005
|
+
[key: string]: Field;
|
|
1006
|
+
};
|
|
1007
|
+
dataset: FlexibleObjectArray;
|
|
1008
|
+
valuesToSearchFor: string[];
|
|
1009
|
+
/*
|
|
1010
|
+
The callbacks are on the consuming app to implement,
|
|
1011
|
+
so they need to be flexible.
|
|
1012
|
+
*/
|
|
1013
|
+
onSearchCallback: () => void;
|
|
1014
|
+
onClearCallback: () => void;
|
|
1015
|
+
disabled?: boolean;
|
|
1016
|
+
placeholder?: string;
|
|
1017
|
+
searchOnKeypress?: boolean;
|
|
1018
|
+
formWidth?: string;
|
|
1019
|
+
searchFieldName?: string;
|
|
1020
|
+
autocompleteValue?: string;
|
|
1021
|
+
themeValues?: object;
|
|
1022
|
+
}
|
|
1023
|
+
|
|
1024
|
+
declare const Search: React.FC<Expand<SearchProps> &
|
|
1025
|
+
React.HTMLAttributes<HTMLElement>>;
|
|
1026
|
+
|
|
996
1027
|
interface SearchableSelectProps {
|
|
997
1028
|
autocompleteValue?: boolean;
|
|
998
1029
|
items: SearchableSelectOption[];
|
|
@@ -1276,5 +1307,5 @@ interface DefaultPageTemplateProps {
|
|
|
1276
1307
|
declare const DefaultPageTemplate: React.FC<Expand<DefaultPageTemplateProps> &
|
|
1277
1308
|
React.HTMLAttributes<HTMLElement>>;
|
|
1278
1309
|
|
|
1279
|
-
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, CloseIcon, 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, KebabMenuIcon, KioskImage, Loading, LoadingProps, MultiCartIcon, NavFooter, NavFooterProps, NavHeader, NavHeaderProps, NavTabs, NavTabsProps, Paragraph, ParagraphProps, PointOfSaleImage, Popover, PopoverProps, PopupMenu, PopupMenuProps, 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, ToastNotification, ToastNotificationProps, ToastVariants, TrashIconV2, ValidatorFn, XCircleIconMedium, XCircleIconMediumProps, XCircleIconSmall, XCircleIconSmallProps, index_d as constants, index as hooks };
|
|
1310
|
+
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, CloseIcon, 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, KebabMenuIcon, KioskImage, Loading, LoadingProps, MultiCartIcon, NavFooter, NavFooterProps, NavHeader, NavHeaderProps, NavTabs, NavTabsProps, Paragraph, ParagraphProps, PointOfSaleImage, Popover, PopoverProps, PopupMenu, PopupMenuProps, ProfileImage, RadioGroup, RadioGroupProps, ReduxAction, RefundIconMedium, RefundIconMediumProps, RefundIconSmall, RefundIconSmallProps, RemoveValidatorAction, RevenueManagementImage, Search, SearchProps, 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, ToastNotification, ToastNotificationProps, ToastVariants, TrashIconV2, ValidatorFn, XCircleIconMedium, XCircleIconMediumProps, XCircleIconSmall, XCircleIconSmallProps, index_d as constants, index as hooks };
|
|
1280
1311
|
//# sourceMappingURL=index.d.ts.map
|