@onehat/ui 0.3.357 → 0.3.359

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.
Files changed (4) hide show
  1. package/package.json +1 -1
  2. package/src/Components/Form/Field/Tag/Tag.js +0 -3
  3. package/src/Components/Form/Field/Toggle.js +1 -1
  4. package/src/Components/Hoc/withFilters.js +16 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@onehat/ui",
3
- "version": "0.3.357",
3
+ "version": "0.3.359",
4
4
  "description": "Base UI for OneHat apps",
5
5
  "main": "src/index.js",
6
6
  "type": "module",
package/src/Components/Form/Field/Tag/Tag.js CHANGED
@@ -56,9 +56,6 @@ function TagComponent(props) {
56
56
  const
57
57
  id = item.id,
58
58
  repository = propsToPass.Repository;
59
- if (!repository.isLoaded) {
60
- await repository.load();
61
- }
62
59
  if (repository.isLoading) {
63
60
  await repository.waitUntilDoneLoading();
64
61
  }
package/src/Components/Form/Field/Toggle.js CHANGED
@@ -79,7 +79,7 @@ const
79
79
  >
80
80
  <Text
81
81
  {...testProps('readout')}
82
- ml={2}
82
+ mx={2}
83
83
  fontSize={styles.FORM_TOGGLE_FONTSIZE}
84
84
  >{_.isNil(value) ? 'N/A' : (!!value ? 'Yes' : 'No')}</Text>
85
85
  </Pressable>
package/src/Components/Hoc/withFilters.js CHANGED
@@ -1,5 +1,6 @@
1
1
  import { useState, useEffect, useRef, } from 'react';
2
2
  import {
3
+ Box,
3
4
  Column,
4
5
  Modal,
5
6
  Row,
@@ -328,6 +329,21 @@ export default function withFilters(WrappedComponent) {
328
329
  {filterElement}
329
330
  </Row>;
330
331
  }
332
+ // add a container for each filter
333
+ filterElement = <Row
334
+ key={'filter-' + ix}
335
+ bg="trueGray.100"
336
+ px={1}
337
+ mx={1}
338
+ borderRadius={6}
339
+ borderLeftWidth={1}
340
+ borderLeftColor="#fff"
341
+ alignItems="center"
342
+ h="100%"
343
+ >
344
+ {filterElement}
345
+ </Row>;
346
+
331
347
  filterElements.push(filterElement);
332
348
  });
333
349
  return filterElements;