Merge pull request #201 from lflangis/feat/SKFP-575/view-save

Feat/skfp 575/view save

Author: lflangis

packages/ui/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@ferlab/ui",
-    "version": "4.7.9",
+    "version": "4.8.0",
     "description": "Core components for scientific research data portals",
     "publishConfig": {
         "access": "public"

packages/ui/src/components/ProTable/Pagination/index.tsx

@@ -19,6 +19,7 @@ const Pagination = ({
     onChange,
     onPageChange,
     onShowSizeChange,
+    onViewQueryChange,
     queryConfig,
     searchAfter,
     setQueryConfig,
@@ -39,6 +40,8 @@ const Pagination = ({
                         size: viewPerQuery,
                         sort: queryConfig.operations?.previous ? reverseSortDirection(queryConfig) : queryConfig.sort,
                     });
+
+                    onViewQueryChange?.(viewPerQuery);
                     onShowSizeChange();
                 }}
                 options={getPaginationOptions(dictionary?.pagination?.view || '{value} / view')}
@@ -97,7 +100,6 @@ const Pagination = ({
                         searchAfter: searchAfter?.tail,
                         sort: queryConfig.operations?.previous ? reverseSortDirection(queryConfig) : queryConfig.sort,
                     });
-
                     onPageChange();
                     onChange(current + 1, queryConfig.size);
                 }}

packages/ui/src/components/ProTable/types.ts

@@ -16,6 +16,7 @@ export interface IPaginationProps {
     setQueryConfig: TQueryConfigCb;
     queryConfig: IQueryConfig;
     defaultViewPerQuery?: PaginationViewPerQuery;
+    onViewQueryChange?: (viewPerQuery: PaginationViewPerQuery) => void;
     searchAfter?: ISearchAfter;
     onPageChange: () => void;
     onShowSizeChange: () => void;

packages/ui/src/pages/VariantEntity/Consequences/index.tsx

@@ -207,7 +207,7 @@ export const getColumns = (dictionary: IVariantEntityDictionary['consequences'])
                     dataSource={consequences}
                     renderItem={(item: any, id) => (
                         <StackLayout className={styles.cellList} horizontal key={id}>
-                            <Text>{item}</Text>
+                            <Text>{item.replaceAll('_', ' ')}</Text>
                         </StackLayout>
                     )}
                 />