@kaspernj/api-maker 1.0.399 → 1.0.400

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 (2) hide show
  1. package/package.json +1 -1
  2. package/src/table/filters/filter.jsx +24 -19
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kaspernj/api-maker",
3
- "version": "1.0.399",
3
+ "version": "1.0.400",
4
4
  "type": "module",
5
5
  "description": "",
6
6
  "main": "index.js",
package/src/table/filters/filter.jsx CHANGED
@@ -1,11 +1,16 @@
1
+ import {Pressable, Text, View} from "react-native"
1
2
  import BaseComponent from "../../base-component"
2
- import {digg} from "diggerize"
3
3
  import PropTypes from "prop-types"
4
4
  import PropTypesExact from "prop-types-exact"
5
5
  import {memo} from "react"
6
6
  import {shapeComponent} from "set-state-compare/src/shape-component"
7
7
 
8
8
  export default memo(shapeComponent(class ApiMakerTableFilter extends BaseComponent {
9
+ static defaultProps = {
10
+ a: null,
11
+ pre: null
12
+ }
13
+
9
14
  static propTypes = PropTypesExact({
10
15
  a: PropTypes.string,
11
16
  filterIndex: PropTypes.number.isRequired,
@@ -22,23 +27,25 @@ export default memo(shapeComponent(class ApiMakerTableFilter extends BaseCompone
22
27
  const {a, pre, sc} = this.props
23
28
 
24
29
  return (
25
- <div style={{display: "inline-block", backgroundColor: "grey", padding: "10px 6px"}}>
26
- <span className="filter-label" onClick={digg(this, "onFilterClicked")} style={{cursor: "pointer"}}>
27
- {p.length > 0 &&
28
- `${p.join(".")}.`
29
- }
30
- {a} {sc} {pre} {v}
31
- </span>
32
- <span>
33
- <a className="remove-filter-button" href="#" onClick={digg(this, "onRemoveFilterClicked")}>
34
- <i className="fa fa-remove la la-remove" />
35
- </a>
36
- </span>
37
- </div>
30
+ <View style={{display: "flex", flexDirection: "row", backgroundColor: "grey", paddingVertical: 10, paddingHorizontal: 6}}>
31
+ <Pressable dataSet={{class: "filter-label"}} onPress={this.tt.onFilterPressed}>
32
+ <Text>
33
+ {p.length > 0 &&
34
+ `${p.join(".")}.`
35
+ }
36
+ {a} {sc} {pre} {v}
37
+ </Text>
38
+ </Pressable>
39
+ <Pressable dataSet={{class: "remove-filter-button"}} onPress={this.tt.onRemoveFilterPressed} style={{marginLeft: 6}}>
40
+ <Text>
41
+ &#10006;
42
+ </Text>
43
+ </Pressable>
44
+ </View>
38
45
  )
39
46
  }
40
47
 
41
- onFilterClicked = (e) => {
48
+ onFilterPressed = (e) => {
42
49
  e.preventDefault()
43
50
 
44
51
  const {a, filterIndex, p, pre, v} = this.p
@@ -46,11 +53,9 @@ export default memo(shapeComponent(class ApiMakerTableFilter extends BaseCompone
46
53
  this.props.onClick({a, filterIndex, p, pre, v})
47
54
  }
48
55
 
49
- onRemoveFilterClicked = (e) => {
56
+ onRemoveFilterPressed = (e) => {
50
57
  e.preventDefault()
51
58
 
52
- const {filterIndex} = this.p
53
-
54
- this.props.onRemoveClicked({filterIndex})
59
+ this.props.onRemoveClicked({filterIndex: this.p.filterIndex})
55
60
  }
56
61
  }))