@tap-payments/auth-jsconnect 2.4.41-test → 2.4.42-test

package/build/components/SimpleList/SimpleList.d.ts

@@ -12,8 +12,9 @@ export interface SimpleListProps<T> extends ListProps {
     searchValuePath?: string[];
     getSelectedItemCondition?: (a: T, b: T) => boolean;
     sx?: SxProps<Theme>;
+    space?: number;
 }
-declare function SimpleList<T>({ list, listItemProps, onSelectItem, renderItem, children, searchKeyPath, searchValuePath, selectedItems, getSelectedItemCondition, ...rest }: SimpleListProps<T>): JSX.Element;
+declare function SimpleList<T>({ list, listItemProps, onSelectItem, renderItem, children, searchKeyPath, searchValuePath, selectedItems, getSelectedItemCondition, space, ...rest }: SimpleListProps<T>): JSX.Element;
 declare namespace SimpleList {
     var defaultProps: {
         searchKeyPath: string;

package/build/components/SimpleList/SimpleList.js

@@ -78,16 +78,14 @@ var ListItemStyled = styled(ListItem)(function (_a) {
     });
 });
 function SimpleList(_a) {
-    var list = _a.list, listItemProps = _a.listItemProps, onSelectItem = _a.onSelectItem, renderItem = _a.renderItem, children = _a.children, searchKeyPath = _a.searchKeyPath, searchValuePath = _a.searchValuePath, selectedItems = _a.selectedItems, getSelectedItemCondition = _a.getSelectedItemCondition, rest = __rest(_a, ["list", "listItemProps", "onSelectItem", "renderItem", "children", "searchKeyPath", "searchValuePath", "selectedItems", "getSelectedItemCondition"]);
-    var _b = React.useState(list), items = _b[0], setItems = _b[1];
-    var el = document.querySelector('[data-rsbs-overlay]');
-    var bottomSheetHeight = el ? el.clientHeight : 0;
+    var list = _a.list, listItemProps = _a.listItemProps, onSelectItem = _a.onSelectItem, renderItem = _a.renderItem, children = _a.children, searchKeyPath = _a.searchKeyPath, searchValuePath = _a.searchValuePath, selectedItems = _a.selectedItems, getSelectedItemCondition = _a.getSelectedItemCondition, _b = _a.space, space = _b === void 0 ? 187 : _b, rest = __rest(_a, ["list", "listItemProps", "onSelectItem", "renderItem", "children", "searchKeyPath", "searchValuePath", "selectedItems", "getSelectedItemCondition", "space"]);
+    var _c = React.useState(list), items = _c[0], setItems = _c[1];
     React.useEffect(function () {
         setItems(list);
     }, [list]);
     var maxHeight = React.useMemo(function () {
-        return bottomSheetHeight - 140;
-    }, [bottomSheetHeight]);
+        return "calc(100vh - ".concat(space, "px)");
+    }, [space]);
     var mapSelectedItemBeginning = React.useMemo(function () {
         if (getSelectedItemCondition && (selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.length)) {
             var mapSelectedListFirst = __spreadArray(__spreadArray([], items.filter(function (a) { return selectedItems.some(function (c) { return getSelectedItemCondition(a, c); }); }), true), items.filter(function (a) { return !selectedItems.some(function (c) { return getSelectedItemCondition(a, c); }); }), true);

package/build/features/business/screens/Activities/ActivitiesList.js

@@ -262,7 +262,7 @@ var ActivityList = function (_a) {
                                         onSelectItem(activity);
                                     }, listItemProps: { sx: { padding: 0, '&:last-child': { paddingBottom: 0 } } }, renderItem: function (activity, idx) {
                                         return (_jsxs(ListItem, __assign({ sx: { mt: idx === 0 ? 1 : 0 } }, { children: [_jsx(NameContainer, __assign({ isAr: isAr, isSelected: activity.id === getSelectedActivityFlag(activity) }, { children: getSelectedActivityName(activity) })), activity.id === getSelectedActivityFlag(activity) && _jsx(CheckIcon, { isVerified: isActivityVerified(activity) })] })));
-                                    } }) }))] })), _jsx(Search, { onSearchValue: handleSearch, placeholder: 'search_activities_placeholder' }), _jsx(SimpleListStyled, { sx: { maxHeight: '350px', paddingTop: 0 }, list: activities, listItemProps: { sx: { padding: 0 } }, onSelectItem: function (section) {
+                                    } }) }))] })), _jsx(Search, { onSearchValue: handleSearch, placeholder: 'search_activities_placeholder' }), _jsx(SimpleListStyled, { space: 292, sx: { maxHeight: '350px', paddingTop: 0 }, list: activities, listItemProps: { sx: { padding: 0 } }, onSelectItem: function (section) {
                             var isDivisionNotAvailable = !section.divisions || section.divisions.length === 0;
                             if (isDivisionNotAvailable)
                                 onSelectItem(section);

package/build/features/connect/screens/Merchant/BrandList.js

@@ -99,7 +99,7 @@ var BrandList = function (_a) {
         }), { shouldValidate: true });
         onCloseBrandList();
     };
-    return (_jsx(Collapse, __assign({ in: show }, { children: _jsxs(ScreenContainer, { children: [_jsx(InputStyled, { label: t('select_brand_label'), onClick: !!anchorEl ? onCloseBrandList : onOpenBrandList, endAdornment: _jsx(ExpandIcon, { anchorEl: !!anchorEl }), placeholder: t('choose_brand'), value: t(getBrandName(selectedBrand)) }), _jsx(Collapse, __assign({ in: !!anchorEl }, { children: _jsx(SimpleList, { searchKeyPath: 'id', list: list, onSelectItem: onSelectItem, renderItem: function (item) {
+    return (_jsx(Collapse, __assign({ in: show }, { children: _jsxs(ScreenContainer, { children: [_jsx(InputStyled, { label: t('select_brand_label'), onClick: !!anchorEl ? onCloseBrandList : onOpenBrandList, endAdornment: _jsx(ExpandIcon, { anchorEl: !!anchorEl }), placeholder: t('choose_brand'), value: t(getBrandName(selectedBrand)) }), _jsx(Collapse, __assign({ in: !!anchorEl }, { children: _jsx(SimpleList, { searchKeyPath: 'id', space: 140, list: list, onSelectItem: onSelectItem, renderItem: function (item) {
                             return (_jsxs(_Fragment, { children: [_jsx(BrandContainer, { children: _jsx(BrandNameText, __assign({ isSelected: getBrandId(item) === getBrandId(selectedBrand) }, { children: isOtherBrand(item) ? t(getBrandName(item)) : getBrandName(item) })) }), getBrandId(item) === getBrandId(selectedBrand) && _jsx(CheckIcon, {})] }));
                         } }) }))] }) })));
 };

package/build/features/entity/screens/EntityCapital/ActivityList.js

@@ -256,7 +256,7 @@ var ActivityList = function (_a) {
                                         onSelectItem(activity);
                                     }, listItemProps: { sx: { padding: 0, '&:last-child': { paddingBottom: 0 } } }, renderItem: function (activity, idx) {
                                         return (_jsxs(ListItem, __assign({ sx: { mt: idx === 0 ? 1 : 0 } }, { children: [_jsx(NameContainer, __assign({ isAr: isAr, isSelected: activity.id === getSelectedActivityFlag(activity) }, { children: getSelectedActivityName(activity) })), activity.id === getSelectedActivityFlag(activity) && _jsx(CheckIcon, { isVerified: isActivityVerified(activity) })] })));
-                                    } }) }))] })), _jsx(Search, { onSearchValue: handleSearch, placeholder: 'search_activities_placeholder' }), _jsx(SimpleListStyled, { sx: { maxHeight: '350px', paddingTop: 0 }, list: activities, listItemProps: { sx: { padding: 0 } }, onSelectItem: function (section) {
+                                    } }) }))] })), _jsx(Search, { onSearchValue: handleSearch, placeholder: 'search_activities_placeholder' }), _jsx(SimpleListStyled, { space: 292, sx: { maxHeight: '350px', paddingTop: 0 }, list: activities, listItemProps: { sx: { padding: 0 } }, onSelectItem: function (section) {
                             var isDivisionNotAvailable = !section.divisions || section.divisions.length === 0;
                             if (isDivisionNotAvailable)
                                 onSelectItem(section);

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@tap-payments/auth-jsconnect",
-	"version": "2.4.41-test",
+	"version": "2.4.42-test",
 	"description": "connect library, auth",
 	"private": false,
 	"main": "build/index.js",