@onehat/ui 0.3.330 → 0.3.332

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@onehat/ui",
-	"version": "0.3.330",
+	"version": "0.3.332",
 	"description": "Base UI for OneHat apps",
 	"main": "src/index.js",
 	"type": "module",

package/src/Components/Form/Field/Combo/Combo.js

@@ -588,7 +588,7 @@ export function ComboComponent(props) {
 									h="100%"
 									m={0}
 									InputLeftElement={inputIconElement}
-									autoSubmitDelay={0}
+									autoSubmitDelay={500}
 									borderTopRightRadius={0}
 									borderBottomRightRadius={0}
 									fontSize={styles.FORM_COMBO_INPUT_FONTSIZE}
@@ -914,7 +914,7 @@ export function ComboComponent(props) {
 							h="100%"
 							m={0}
 							InputLeftElement={inputIconElement}
-							autoSubmitDelay={0}
+							autoSubmitDelay={500}
 							borderTopRightRadius={0}
 							borderBottomRightRadius={0}
 							fontSize={styles.FORM_COMBO_INPUT_FONTSIZE}

package/src/Components/Grid/ColumnSelectorWindow.js

@@ -70,10 +70,10 @@ export default function ColumnSelectorWindow(props) {
 						{
 							header: 'Show',
 							fieldName: 'is_shown',
-							sortable: false,
+							isSortable: false,
 							isEditable: false,
-							reorderable: false,
-							resizable: false,
+							isReorderable: false,
+							isResizable: false,
 							w: '50px',
 							renderer: (datum) => {
 								const
@@ -95,10 +95,10 @@ export default function ColumnSelectorWindow(props) {
 						{
 							header: 'Column',
 							fieldName: 1, // ix
-							sortable: false,
+							isSortable: false,
 							isEditable: false,
-							reorderable: false,
-							resizable: false,
+							isReorderable: false,
+							isResizable: false,
 							flex: 3,
 						}
 					]}

package/src/Components/Grid/Grid.js

@@ -92,6 +92,7 @@ function GridComponent(props) {
 
 			columnsConfig = [], // json configurations for each column
 			columnProps = {},
+			defaultHiddenColumns = [],
 			getRowProps = (item) => {
 				return {
 					borderBottomWidth: 1,
@@ -836,10 +837,10 @@ function GridComponent(props) {
 						const
 							defaults = {
 								isEditable: false,
-								reorderable: true,
-								resizable: true,
-								sortable: true,
-								isHidden: false,
+								isReorderable: true,
+								isResizable: true,
+								isSortable: true,
+								isHidden: inArray(columnConfig.id, defaultHiddenColumns),
 								isOver: false,
 							},
 							config = _.assign({}, defaults, columnConfig);

package/src/Components/Grid/GridHeaderRow.js

@@ -147,7 +147,7 @@ export default function GridHeaderRow(props) {
 			});
 
 			// Verify index can actually be used
-			if (typeof localColumnsConfig[newIx] === 'undefined' || !localColumnsConfig[newIx].reorderable) {
+			if (typeof localColumnsConfig[newIx] === 'undefined' || !localColumnsConfig[newIx].isReorderable) {
 				return;
 			}
 
@@ -222,7 +222,7 @@ export default function GridHeaderRow(props) {
 			});
 
 			// Verify index can actually be used
-			if (typeof localColumnsConfig[newIx] === 'undefined' || !localColumnsConfig[newIx].reorderable) {
+			if (typeof localColumnsConfig[newIx] === 'undefined' || !localColumnsConfig[newIx].isReorderable) {
 				return;
 			}
 
@@ -296,17 +296,17 @@ export default function GridHeaderRow(props) {
 					let {
 							fieldName,
 							header = _.upperFirst(fieldName),
-							reorderable,
-							resizable,
-							sortable,
+							isReorderable,
+							isResizable,
+							isSortable,
 							w,
 							flex,
 							isOver = false,
 							isHidden = false,
 						} = config,
-						isSorter = sortable && canColumnsSort && sortField === fieldName,
-						isReorderable = canColumnsReorder && reorderable,
-						isResizable = canColumnsResize && resizable,
+						isSorter = isSortable && canColumnsSort && sortField === fieldName,
+						isReorderable = canColumnsReorder && isReorderable,
+						isResizable = canColumnsResize && isResizable,
 						propsToPass = {
 							borderRightWidth: 2,
 							borderRightColor: '#fff',
@@ -351,7 +351,7 @@ export default function GridHeaderRow(props) {
 									if (isBlocked.current) { // withDraggable initiates block
 										return;
 									}
-									if (sortable && canColumnsSort) {
+									if (isSortable && canColumnsSort) {
 										onSort(config, e);
 									}
 								}}

package/src/Components/Grid/GridRow.js

@@ -85,9 +85,9 @@ function GridRow(props) {
 								'editor',
 								'format',
 								'renderer',
-								'reorderable',
-								'resizable',
-								'sortable',
+								'isReorderable',
+								'isResizable',
+								'isSortable',
 								'w',
 								'flex',
 								'isOver',

package/src/Functions/Cypress/crud_functions.js

@@ -649,7 +649,7 @@ export function runClosureTreeControlledManagerScreenCrudTests(model, schema, ne
 
 		// it('CRUD in full mode', function() {
 
-		// 	const gridSelector = '/' + Models + 'FilteredGridEditor';
+		// 	const gridSelector = '/' + Models + 'GridEditor';
 
 		// 	toFullMode();
 		// 	cy.wait(500); // wait for grid to load
@@ -678,7 +678,7 @@ export function runClosureTreeControlledManagerScreenCrudTests(model, schema, ne
 
 		// it('CRUD in side mode', function() {
 
-		// 	const gridSelector = '/' + Models + 'FilteredSideGridEditor';
+		// 	const gridSelector = '/' + Models + 'GridEditor';
 
 		// 	toSideMode();
 		// 	cy.wait(1000); // wait for grid to load
@@ -747,7 +747,7 @@ export function runClosureTreeManagerScreenCrudTests(model, schema, newData, edi
 
 			const
 				managerSelector = '/' + Models + 'Manager',
-				treeSelector = '/' + Models + 'SideTreeEditor';
+				treeSelector = '/' + Models + 'TreeEditor';
 
 			toSideMode(managerSelector);
 			cy.wait(1000); // wait for grid to load
@@ -786,7 +786,7 @@ export function runInlineManagerScreenCrudTests(model, schema, newData, editData
 
 			const
 				managerSelector = '/' + Models + 'Manager',
-				gridSelector = '/' + Models + 'FilteredInlineGridEditor';
+				gridSelector = '/' + Models + 'GridEditor';
 
 			toFullMode(managerSelector);
 			cy.wait(500); // wait for grid to load
@@ -799,7 +799,7 @@ export function runInlineManagerScreenCrudTests(model, schema, newData, editData
 
 			const
 				managerSelector = '/' + Models + 'Manager',
-				gridSelector = '/' + Models + 'FilteredSideGridEditor';
+				gridSelector = '/' + Models + 'GridEditor';
 
 			toSideMode(managerSelector);
 			cy.wait(1000); // wait for grid to load
@@ -838,7 +838,7 @@ export function runManagerScreenCrudTests(model, schema, newData, editData, anci
 
 			const
 				managerSelector = '/' + Models + 'Manager',
-				gridSelector = '/' + Models + 'FilteredGridEditor';
+				gridSelector = '/' + Models + 'GridEditor';
 
 			toFullMode(managerSelector);
 			cy.wait(500); // wait for grid to load
@@ -851,7 +851,7 @@ export function runManagerScreenCrudTests(model, schema, newData, editData, anci
 
 			const
 				managerSelector = '/' + Models + 'Manager',
-				gridSelector = '/' + Models + 'FilteredSideGridEditor';
+				gridSelector = '/' + Models + 'GridEditor';
 
 			toSideMode(managerSelector);
 			cy.wait(1000); // wait for grid to load