@onehat/ui 0.3.252 → 0.3.254

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@onehat/ui",
3
- "version": "0.3.252",
3
+ "version": "0.3.254",
4
4
  "description": "Base UI for OneHat apps",
5
5
  "main": "src/index.js",
6
6
  "type": "module",
@@ -209,8 +209,7 @@ function GridComponent(props) {
209
209
  [isReady, setIsReady] = useState(false),
210
210
  [isLoading, setIsLoading] = useState(false),
211
211
  [localColumnsConfig, setLocalColumnsConfigRaw] = useState([]),
212
- [isDragMode, setIsDragMode] = useState(false),
213
- [dragRow, setDragRow] = useState(),
212
+ [isReorderMode, setIsReorderMode] = useState(false),
214
213
  [isColumnSelectorShown, setIsColumnSelectorShown] = useState(false),
215
214
  getIsExpanded = (index) => {
216
215
  return !!expandedRowsRef.current[index];
@@ -309,8 +308,8 @@ function GridComponent(props) {
309
308
  key="reorderBtn"
310
309
  parent={self}
311
310
  reference="reorderBtn"
312
- onPress={() => setIsDragMode(!isDragMode)}
313
- icon={<Icon as={isDragMode ? NoReorderRows : ReorderRows} color={styles.GRID_TOOLBAR_ITEMS_COLOR} />}
311
+ onPress={() => setIsReorderMode(!isReorderMode)}
312
+ icon={<Icon as={isReorderMode ? NoReorderRows : ReorderRows} color={styles.GRID_TOOLBAR_ITEMS_COLOR} />}
314
313
  tooltip="Reorder Rows"
315
314
  />);
316
315
  }
@@ -339,7 +338,7 @@ function GridComponent(props) {
339
338
  if (e.preventDefault && e.cancelable) {
340
339
  e.preventDefault();
341
340
  }
342
- if (isHeaderRow || isDragMode) {
341
+ if (isHeaderRow || isReorderMode) {
343
342
  return
344
343
  }
345
344
  if (CURRENT_MODE === UI_MODE_WEB) {
@@ -383,7 +382,7 @@ function GridComponent(props) {
383
382
  if (e.preventDefault && e.cancelable) {
384
383
  e.preventDefault();
385
384
  }
386
- if (isHeaderRow || isDragMode) {
385
+ if (isHeaderRow || isReorderMode) {
387
386
  return
388
387
  }
389
388
 
@@ -454,7 +453,7 @@ function GridComponent(props) {
454
453
  const getSelection = () => dragSelectionRef.current;
455
454
 
456
455
  // assign event handlers
457
- if (canRowsReorder && isDragMode) {
456
+ if (canRowsReorder && isReorderMode) {
458
457
  WhichRow = DragSourceGridRow;
459
458
  rowReorderProps.isDragSource = true;
460
459
  rowReorderProps.dragSourceType = 'row';
@@ -894,7 +893,7 @@ function GridComponent(props) {
894
893
 
895
894
  isAddingRef.current = isAdding;
896
895
 
897
- const footerToolbarItemComponents = useMemo(() => getFooterToolbarItems(), [Repository?.hash, additionalToolbarButtons, isDragMode]);
896
+ const footerToolbarItemComponents = useMemo(() => getFooterToolbarItems(), [Repository?.hash, additionalToolbarButtons, isReorderMode]);
898
897
 
899
898
  if (!isInited) {
900
899
  // first time through, render a placeholder so we can get container dimensions
@@ -1000,7 +999,7 @@ function GridComponent(props) {
1000
999
  }
1001
1000
 
1002
1001
  const gridContainerBorderProps = {};
1003
- if (isDragMode) {
1002
+ if (isReorderMode) {
1004
1003
  gridContainerBorderProps.borderWidth = styles.REORDER_BORDER_WIDTH;
1005
1004
  gridContainerBorderProps.borderColor = styles.REORDER_BORDER_COLOR;
1006
1005
  gridContainerBorderProps.borderStyle = styles.REORDER_BORDER_STYLE;
@@ -1056,7 +1055,7 @@ function GridComponent(props) {
1056
1055
  minHeight={40}
1057
1056
  {...gridContainerBorderProps}
1058
1057
  onClick={() => {
1059
- if (!isDragMode && !isInlineEditorShown && deselectAll) {
1058
+ if (!isReorderMode && !isInlineEditorShown && deselectAll) {
1060
1059
  deselectAll();
1061
1060
  }
1062
1061
  }}
@@ -366,12 +366,11 @@ export default function withSecondaryEditor(WrappedComponent, isTree = false) {
366
366
  await SecondaryRepository.save(null, useStaged);
367
367
  success = true;
368
368
  } catch (e) {
369
- // alert(e.context);
370
- success = false;
369
+ success = e;
371
370
  }
372
371
  setIsSaving(false);
373
372
 
374
- if (success) {
373
+ if (_.isBoolean(success) && success) {
375
374
  if (secondaryOnChange) {
376
375
  secondaryOnChange(secondarySelection);
377
376
  }
@@ -476,7 +475,24 @@ export default function withSecondaryEditor(WrappedComponent, isTree = false) {
476
475
  return () => {};
477
476
  }
478
477
 
479
- function handleError(msg) {
478
+ function handleError(msg, data = null) {
479
+ if (data) {
480
+ if (_.isPlainObject(data)) {
481
+ for (let key in data) { if (data.hasOwnProperty(key)) {
482
+ const val1 = data[key];
483
+ if (_.isPlainObject(val1)) {
484
+ for (let key2 in val1) { if (val1.hasOwnProperty(key2)) {
485
+ const val2 = val1[key2];
486
+ msg += "\n" + key2 + ': ' + val2;
487
+ } }
488
+ } else if (_.isString(data)) {
489
+ msg += "\n" + data;
490
+ }
491
+ } }
492
+ } else {
493
+ // not sure what to do with data!
494
+ }
495
+ }
480
496
  alert(msg);
481
497
  }
482
498
 
@@ -365,12 +365,11 @@ export default function withEditor(WrappedComponent, isTree = false) {
365
365
  await Repository.save(null, useStaged);
366
366
  success = true;
367
367
  } catch (e) {
368
- // alert(e.context);
369
- success = false;
368
+ success = e;
370
369
  }
371
370
  setIsSaving(false);
372
371
 
373
- if (success) {
372
+ if (_.isBoolean(success) && success) {
374
373
  if (onChange) {
375
374
  onChange(selection);
376
375
  }
@@ -485,7 +484,24 @@ export default function withEditor(WrappedComponent, isTree = false) {
485
484
  return () => {};
486
485
  }
487
486
 
488
- function handleError(msg) {
487
+ function handleError(msg, data = null) {
488
+ if (data) {
489
+ if (_.isPlainObject(data)) {
490
+ for (let key in data) { if (data.hasOwnProperty(key)) {
491
+ const val1 = data[key];
492
+ if (_.isPlainObject(val1)) {
493
+ for (let key2 in val1) { if (val1.hasOwnProperty(key2)) {
494
+ const val2 = val1[key2];
495
+ msg += "\n" + key2 + ': ' + val2;
496
+ } }
497
+ } else if (_.isString(data)) {
498
+ msg += "\n" + data;
499
+ }
500
+ } }
501
+ } else {
502
+ // not sure what to do with data!
503
+ }
504
+ }
489
505
  alert(msg);
490
506
  }
491
507