Merge pull request #27 from iron-tech-space/v0.93-Form-Table-Select

v0.93 Form, Table and Select comps

Author: iron-tech-space

CHANGELOG.md

@@ -1,3 +1,9 @@
+## 0.0.93
+
+- Fix `revertSearchField` prop in `Select` component
+- Add `nullDash` prop for `Table` component
+- Exclude `reloadDataAfterSaveForm` prop from `Form` component to prevent console Errors
+
 ## 0.0.92
 
 - `revertSearchField` clears inner input `Select`

src/components/Form/Form.js

@@ -20,7 +20,8 @@ const excludeProps = [
     "loadInitData",
     "requestSaveForm",
     "methodSaveForm",
-    "processBeforeSaveForm"
+    "processBeforeSaveForm",
+    "reloadDataAfterSaveForm"
 ];
 
 /** Компонент заголовка формы */

src/components/Select/Select.js

@@ -90,10 +90,6 @@ const Select = props => {
             searchValue: defaultSearchValue,
             reload: true
         });
-    }, []);
-
-    useEffect(() => {
-        _setSearchValue('');
     }, [revertSearchValue]);
 
     useEffect(() => {

src/components/Table/AntTable/ConfigLoader.js

@@ -9,7 +9,8 @@ const defaultProps = {
     expandColumnKey: undefined,
     expandLazyLoad: false,
     expandParentKey: "parentId",
-    customColumnProps: []
+    customColumnProps: [],
+    nullDash: "---",
 };
 
 const ConfigLoader = props => {
@@ -29,7 +30,8 @@ const ConfigLoader = props => {
         customColumnProps,
         // cellBordered,
         fixWidthColumn,
-        selectable
+        selectable,
+        nullDash
     } = { ...defaultProps, ...props };
 
     useEffect(() => {
@@ -122,7 +124,7 @@ const ConfigLoader = props => {
                         rowData={rowData}
                         rowIndex={rowIndex} />;
                 else
-                    return item.typeData === "json" ? JSON.stringify(cellData) : cellData ? cellData : "---";
+                    return item.typeData === "json" ? JSON.stringify(cellData) : cellData ? cellData : nullDash;
             };
             _columns.push(column);
         });

src/components/Table/AntTable/Table.js

@@ -32,6 +32,7 @@ const excludeProps = [
     "searchParamName",
     "onRowClick",
     "onRowDoubleClick",
+    "nullDash",
 ];
 
 const Table = props => {
@@ -796,6 +797,9 @@ Table.propTypes = {
     /** Значение строки поиска по умолчанию строк */
     defaultSearchValue: PropTypes.string,
 
+    /** Содержимое ячейки при значении null */
+    nullDash: PropTypes.oneOfType([PropTypes.element, PropTypes.string]),
+
     /** Объект фильтрации по умолчанию */
     defaultFilter: PropTypes.object,
 
@@ -1064,6 +1068,7 @@ Table.defaultProps = {
     sortBy: {},
 
     rowKey: "id",
+    nullDash: "---",
 
     empty: empty,
     overlay: overlay,

src/components/Table/ReactBaseTable/ConfigLoader.js

@@ -12,6 +12,7 @@ const defaultProps = {
     expandLazyLoad: false,
     expandParentKey: 'parentId',
     customColumnProps: [],
+    nullDash: '---',
 };
 
 const ConfigLoader = props => {
@@ -30,6 +31,7 @@ const ConfigLoader = props => {
         expandParentKey,
         customColumnProps,
         cellBordered,
+        nullDash,
     } = {...defaultProps, ...props};
 
     useEffect(() => {
@@ -87,12 +89,12 @@ const ConfigLoader = props => {
                 cellRenderer: (object) => {
                     if (colProps && colProps.cellRenderer)
                         return <colProps.cellRenderer {...object}/>
-                        // return colProps.cellRenderer(object) ? colProps.cellRenderer(object) : '---';
+                        // return colProps.cellRenderer(object) ? colProps.cellRenderer(object) : nullDash;
                     else
                         return object.cellData
                             ? <Typography.Text ellipsis={true} style={{width: '100%'}} className={'rt-table-cell'}>{object.cellData}</Typography.Text>
-                            : <Typography.Text ellipsis={true} style={{width: '100%'}} className={'rt-table-cell'}>---</Typography.Text> ;
-                        // return object.cellData ? object.cellData : '---';
+                            : <Typography.Text ellipsis={true} style={{width: '100%'}} className={'rt-table-cell'}>{nullDash}</Typography.Text> ;
+                        // return object.cellData ? object.cellData : nullDash;
                 },
             });
         });

src/components/Table/ReactBaseTable/Table.js

@@ -1184,6 +1184,9 @@ Table.propTypes = {
     /** Вывод когда нет данных */
     empty: PropTypes.element,
 
+    /** Содержимое ячейки при значении null */
+    nullDash: PropTypes.oneOfType([PropTypes.element, PropTypes.string]),
+
     /** Отображение загрузки данных */
     overlay: PropTypes.element,
 
@@ -1357,6 +1360,7 @@ Table.defaultProps = {
     rowKey: "id",
 
     empty: empty,
+    nullDash: "---",
     overlay: overlay,
     fixWidthColumn: false,
     footerProps: {

src/components/Table/Table.tsx

@@ -95,6 +95,8 @@ export interface TableProps {
 
     /** Вывод когда нет данных */
     empty?: ReactNode;
+    /** Вывод при значении ячейки null */
+    nullDash?: string | ReactNode;
     /** Отображение загрузки данных */
     overlay?: ReactNode;
     /** Фиксированная ширина столбцов. Появится боковой скрол */
@@ -107,11 +109,11 @@ export interface TableProps {
         /** Массив элементов футтера, которые надо отобразить
          * ['selected', 'loaded', 'total'] */
         showElements?: string[];
-        /** Заколовок для кол-ва выбранных объектов */
+        /** Заголовок для кол-ва выбранных объектов */
         selectedTitle?: string;
-        /** Заколовок для кол-ва загруженны объектов */
+        /** Заголовок для кол-ва загруженных объектов */
         loadedTitle?: string;
-        /** Заколовок для кол-ва всего объектов */
+        /** Заголовок для кол-ва всего объектов */
         totalTitle?: string;
         /** Левый кастомный элемент командной панели */
         leftCustomSideElement?: React.ComponentType | any[] | ReactNode,

src/components/deprecated/AdvancedTable/AdvancedTable.js

@@ -17,6 +17,7 @@ const AdvancedTable = forwardRef((props, ref) => {
 		pageSize,
 		rowKey,
 		requestLoadConfig,
+		nullDash,
 	} = props;
 
 	useEffect(() => {
@@ -67,12 +68,12 @@ const AdvancedTable = forwardRef((props, ref) => {
                 cellRenderer: (object) => {
 					if (colProps && colProps.cellRenderer)
 						return <colProps.cellRenderer {...object}/>
-					// return colProps.cellRenderer(object) ? colProps.cellRenderer(object) : '---';
+					// return colProps.cellRenderer(object) ? colProps.cellRenderer(object) : nullDash;
 					else
 						return object.cellData
 							? <Typography.Text ellipsis={true} style={{width: '100%'}} className={'rt-table-cell'}>{object.cellData}</Typography.Text>
-							: <Typography.Text ellipsis={true} style={{width: '100%'}} className={'rt-table-cell'}>---</Typography.Text> ;
-					// return object.cellData ? object.cellData : '---';
+							: <Typography.Text ellipsis={true} style={{width: '100%'}} className={'rt-table-cell'}>{nullDash}</Typography.Text> ;
+					// return object.cellData ? object.cellData : nullDash;
                 },
 			};
 		});