@bento-core/facet-filter 1.0.1-ccdihub.10 → 1.0.1-ccdihub.12

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 (5) hide show
  1. package/dist/components/inputs/slider/InputMinMaxView.js +19 -2
  2. package/dist/components/inputs/slider/SliderView.js +16 -0
  3. package/package.json +1 -1
  4. package/src/components/inputs/slider/InputMinMaxView.js +22 -1
  5. package/src/components/inputs/slider/SliderView.js +20 -0
package/dist/components/inputs/slider/InputMinMaxView.js CHANGED
@@ -7,9 +7,10 @@ exports.default = void 0;
7
7
  var _react = _interopRequireDefault(require("react"));
8
8
  var _core = require("@material-ui/core");
9
9
  var _styles = require("@material-ui/core/styles");
10
- var _InputMinMaxStyle = _interopRequireDefault(require("./InputMinMaxStyle"));
11
10
  var _Types = require("../Types");
12
11
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
12
+ // import styles from './InputMinMaxStyle';
13
+
13
14
  function InputMinMaxView(_ref) {
14
15
  let {
15
16
  classes,
@@ -43,5 +44,21 @@ function InputMinMaxView(_ref) {
43
44
  }
44
45
  });
45
46
  }
46
- var _default = (0, _styles.withStyles)(_InputMinMaxStyle.default)(InputMinMaxView);
47
+ const styles = () => ({
48
+ slider_INPUT_MIN: props => props.className ? props.className : {
49
+ fontFamily: 'Montserrat',
50
+ fontSize: '13px',
51
+ color: '#717171',
52
+ background: '#F0F0F0',
53
+ textAlign: 'center'
54
+ },
55
+ slider_INPUT_MAX: props => props.className ? props.className : {
56
+ fontFamily: 'Montserrat',
57
+ fontSize: '13px',
58
+ color: '#717171',
59
+ background: '#F0F0F0',
60
+ textAlign: 'center'
61
+ }
62
+ });
63
+ var _default = (0, _styles.withStyles)(styles)(InputMinMaxView);
47
64
  exports.default = _default;
package/dist/components/inputs/slider/SliderView.js CHANGED
@@ -68,6 +68,7 @@ const SliderView = _ref => {
68
68
  }, /*#__PURE__*/_react.default.createElement(_core.Typography, {
69
69
  className: classes.minInputLabel
70
70
  }, "Min:"), /*#__PURE__*/_react.default.createElement(_InputMinMaxView.default, {
71
+ className: classes.minInputValue,
71
72
  lowerBoundVal: sliderValue[0],
72
73
  upperBoundVal: sliderValue[1],
73
74
  minLowerBound: minLowerBound,
@@ -79,6 +80,7 @@ const SliderView = _ref => {
79
80
  }, /*#__PURE__*/_react.default.createElement(_core.Typography, {
80
81
  className: classes.maxInputLabel
81
82
  }, "Max:"), /*#__PURE__*/_react.default.createElement(_InputMinMaxView.default, {
83
+ className: classes.maxInputValue,
82
84
  lowerBoundVal: sliderValue[0],
83
85
  upperBoundVal: sliderValue[1],
84
86
  minLowerBound: minLowerBound,
@@ -154,6 +156,20 @@ const styles = () => ({
154
156
  lineHeight: '34px',
155
157
  marginRight: '5px'
156
158
  },
159
+ minInputValue: props => props.facet.style && props.facet.style.minInputValue ? props.facet.style.minInputValue : {
160
+ fontFamily: 'Montserrat',
161
+ fontSize: '13px',
162
+ color: '#717171',
163
+ background: '#F0F0F0',
164
+ textAlign: 'center'
165
+ },
166
+ maxInputValue: props => props.facet.style && props.facet.style.maxInputValue ? props.facet.style.maxInputValue : {
167
+ fontFamily: 'Montserrat',
168
+ fontSize: '13px',
169
+ color: '#717171',
170
+ background: '#F0F0F0',
171
+ textAlign: 'center'
172
+ },
157
173
  thumb: props => props.facet.style && props.facet.style.thumb ? props.facet.style.thumb : {
158
174
  height: 16,
159
175
  width: 16,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bento-core/facet-filter",
3
- "version": "1.0.1-ccdihub.10",
3
+ "version": "1.0.1-ccdihub.12",
4
4
  "description": "### Bento core sidebar design:",
5
5
  "main": "dist/index.js",
6
6
  "scripts": {
package/src/components/inputs/slider/InputMinMaxView.js CHANGED
@@ -3,7 +3,7 @@ import {
3
3
  Input,
4
4
  } from '@material-ui/core';
5
5
  import { withStyles } from '@material-ui/core/styles';
6
- import styles from './InputMinMaxStyle';
6
+ // import styles from './InputMinMaxStyle';
7
7
  import { silderTypes } from '../Types';
8
8
 
9
9
  function InputMinMaxView({
@@ -42,4 +42,25 @@ function InputMinMaxView({
42
42
  );
43
43
  }
44
44
 
45
+ const styles = () => ({
46
+ slider_INPUT_MIN: (props) => (props.className
47
+ ? props.className
48
+ : {
49
+ fontFamily: 'Montserrat',
50
+ fontSize: '13px',
51
+ color: '#717171',
52
+ background: '#F0F0F0',
53
+ textAlign: 'center',
54
+ }),
55
+ slider_INPUT_MAX: (props) => (props.className
56
+ ? props.className
57
+ : {
58
+ fontFamily: 'Montserrat',
59
+ fontSize: '13px',
60
+ color: '#717171',
61
+ background: '#F0F0F0',
62
+ textAlign: 'center',
63
+ }),
64
+ });
65
+
45
66
  export default withStyles(styles)(InputMinMaxView);
package/src/components/inputs/slider/SliderView.js CHANGED
@@ -59,6 +59,7 @@ const SliderView = ({
59
59
  Min:
60
60
  </Typography>
61
61
  <InputMinMaxView
62
+ className={classes.minInputValue}
62
63
  lowerBoundVal={sliderValue[0]}
63
64
  upperBoundVal={sliderValue[1]}
64
65
  minLowerBound={minLowerBound}
@@ -72,6 +73,7 @@ const SliderView = ({
72
73
  Max:
73
74
  </Typography>
74
75
  <InputMinMaxView
76
+ className={classes.maxInputValue}
75
77
  lowerBoundVal={sliderValue[0]}
76
78
  upperBoundVal={sliderValue[1]}
77
79
  minLowerBound={minLowerBound}
@@ -184,6 +186,24 @@ const styles = () => ({
184
186
  lineHeight: '34px',
185
187
  marginRight: '5px',
186
188
  }),
189
+ minInputValue: (props) => (props.facet.style && props.facet.style.minInputValue
190
+ ? props.facet.style.minInputValue
191
+ : {
192
+ fontFamily: 'Montserrat',
193
+ fontSize: '13px',
194
+ color: '#717171',
195
+ background: '#F0F0F0',
196
+ textAlign: 'center',
197
+ }),
198
+ maxInputValue: (props) => (props.facet.style && props.facet.style.maxInputValue
199
+ ? props.facet.style.maxInputValue
200
+ : {
201
+ fontFamily: 'Montserrat',
202
+ fontSize: '13px',
203
+ color: '#717171',
204
+ background: '#F0F0F0',
205
+ textAlign: 'center',
206
+ }),
187
207
  thumb: (props) => (props.facet.style && props.facet.style.thumb
188
208
  ? props.facet.style.thumb
189
209
  : {