@bento-core/facet-filter 1.0.1-ccdihub.1 → 1.0.1-ccdihub.2

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 (7) hide show
  1. package/dist/FacetFilterController.js +1 -0
  2. package/dist/components/facet/FacetView.js +1 -1
  3. package/dist/components/inputs/slider/SliderView.js +16 -15
  4. package/package.json +1 -1
  5. package/src/FacetFilterController.js +1 -0
  6. package/src/components/facet/FacetView.js +1 -1
  7. package/src/components/inputs/slider/SliderView.js +35 -16
package/dist/FacetFilterController.js CHANGED
@@ -128,6 +128,7 @@ const FacetFilterController = props => {
128
128
  updateFacet.minLowerBound = lowerBound;
129
129
  updateFacet.maxUpperBound = upperBound;
130
130
  updateFacet.facetValues = [lowerBound, upperBound];
131
+ updateFacet.style = facet.style;
131
132
  }
132
133
  }
133
134
  updateFacets.push(updateFacet);
package/dist/components/facet/FacetView.js CHANGED
@@ -82,7 +82,7 @@ const FacetView = _ref => {
82
82
  className: (0, _clsx.default)(classes.subSectionSummaryText, {
83
83
  ["activeFacet".concat(facet.section)]: isActiveFacet
84
84
  })
85
- }, facet.label)), (facet.type === _Types.InputTypes.SLIDER || facetValues.length === 0) && /*#__PURE__*/_react.default.createElement("div", {
85
+ }, facet.label)), facetValues.length === 0 && /*#__PURE__*/_react.default.createElement("div", {
86
86
  className: classes.NonSortGroup
87
87
  }, /*#__PURE__*/_react.default.createElement("span", {
88
88
  className: classes.NonSortGroupItem
package/dist/components/inputs/slider/SliderView.js CHANGED
@@ -29,7 +29,8 @@ const SliderView = _ref => {
29
29
  maxUpperBound,
30
30
  quantifier,
31
31
  datafield,
32
- facetValues
32
+ facetValues,
33
+ style
33
34
  } = facet;
34
35
  const lowerBoundValue = facetValues[0];
35
36
  const upperBoundValue = facetValues[1];
@@ -61,13 +62,13 @@ const SliderView = _ref => {
61
62
  };
62
63
  const valuetext = value => "".concat(value);
63
64
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
64
- className: classes.sliderRoot
65
+ className: style && style.sliderRoot ? style.sliderRoot : classes.sliderRoot
65
66
  }, /*#__PURE__*/_react.default.createElement("div", {
66
- className: classes.minMaxInputs
67
+ className: style && style.minMaxInputs ? style.minMaxInputs : classes.minMaxInputs
67
68
  }, /*#__PURE__*/_react.default.createElement("div", {
68
- className: classes.minValue
69
+ className: style && style.minValue ? style.minValue : classes.minValue
69
70
  }, /*#__PURE__*/_react.default.createElement(_core.Typography, {
70
- className: classes.minInputLabel
71
+ className: style && style.minInputLabel ? style.minInputLabel : classes.minInputLabel
71
72
  }, "Min:"), /*#__PURE__*/_react.default.createElement(_InputMinMaxView.default, {
72
73
  lowerBoundVal: sliderValue[0],
73
74
  upperBoundVal: sliderValue[1],
@@ -76,9 +77,9 @@ const SliderView = _ref => {
76
77
  type: _Types.silderTypes.INPUT_MIN,
77
78
  onInputChange: handleChangeCommittedSlider
78
79
  })), /*#__PURE__*/_react.default.createElement("div", {
79
- className: classes.maxValue
80
+ className: style && style.maxValue ? style.maxValue : classes.maxValue
80
81
  }, /*#__PURE__*/_react.default.createElement(_core.Typography, {
81
- className: classes.maxInputLabel
82
+ className: style && style.maxInputLabel ? style.maxInputLabel : classes.maxInputLabel
82
83
  }, "Max:"), /*#__PURE__*/_react.default.createElement(_InputMinMaxView.default, {
83
84
  lowerBoundVal: sliderValue[0],
84
85
  upperBoundVal: sliderValue[1],
@@ -87,7 +88,7 @@ const SliderView = _ref => {
87
88
  type: _Types.silderTypes.INPUT_MAX,
88
89
  onInputChange: handleChangeCommittedSlider
89
90
  }))), /*#__PURE__*/_react.default.createElement("div", {
90
- className: classes.slider
91
+ className: style && style.slider ? style.slider : classes.slider
91
92
  }, /*#__PURE__*/_react.default.createElement(_core.Slider, {
92
93
  disableSwap: true,
93
94
  getAriaValueText: valuetext,
@@ -98,18 +99,18 @@ const SliderView = _ref => {
98
99
  min: minLowerBound,
99
100
  max: maxUpperBound,
100
101
  classes: {
101
- rail: classes.rail,
102
- thumb: isValid() ? classes.thumb : classes.invalidThumb,
103
- track: isValid() ? classes.track : classes.invalidTrack
102
+ rail: style && style.rail ? style.rail : classes.rail,
103
+ thumb: isValid() ? style && style.thumb ? style.thumb : classes.thumb : style && style.invalidThumb ? style.invalidThumb : classes.invalidThumb,
104
+ track: isValid() ? style && style.track ? style.track : classes.track : style && style.invalidTrack ? style.invalidTrack : classes.invalidTrack
104
105
  }
105
106
  })), /*#__PURE__*/_react.default.createElement(_core.Box, {
106
- className: classes.lowerUpperBound
107
+ className: style && style.lowerUpperBound ? style.lowerUpperBound : classes.lowerUpperBound
107
108
  }, /*#__PURE__*/_react.default.createElement(_core.Typography, {
108
- className: classes.lowerBound
109
+ className: style && style.lowerBound ? style.lowerBound : classes.lowerBound
109
110
  }, minLowerBound), /*#__PURE__*/_react.default.createElement(_core.Typography, {
110
- className: classes.upperBound
111
+ className: style && style.upperBound ? style.upperBound : classes.upperBound
111
112
  }, maxUpperBound))), (sliderValue[0] > minLowerBound || sliderValue[1] < maxUpperBound) && /*#__PURE__*/_react.default.createElement(_core.Typography, {
112
- className: isValid() ? classes.sliderText : classes.invalidSliderText
113
+ className: isValid() ? style && style.sliderText ? style.sliderText : classes.sliderText : style && style.invalidSliderText ? style.invalidSliderText : classes.invalidSliderText
113
114
  }, sliderValue[0], ' - ', sliderValue[1], "\xA0", quantifier));
114
115
  };
115
116
  var _default = (0, _core.withStyles)(_SliderStyle.default)(SliderView);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bento-core/facet-filter",
3
- "version": "1.0.1-ccdihub.1",
3
+ "version": "1.0.1-ccdihub.2",
4
4
  "description": "### Bento core sidebar design:",
5
5
  "main": "dist/index.js",
6
6
  "scripts": {
package/src/FacetFilterController.js CHANGED
@@ -113,6 +113,7 @@ const FacetFilterController = (props) => {
113
113
  updateFacet.minLowerBound = lowerBound;
114
114
  updateFacet.maxUpperBound = upperBound;
115
115
  updateFacet.facetValues = [lowerBound, upperBound];
116
+ updateFacet.style = facet.style;
116
117
  }
117
118
  }
118
119
  updateFacets.push(updateFacet);
package/src/components/facet/FacetView.js CHANGED
@@ -92,7 +92,7 @@ const FacetView = ({
92
92
  </CustomAccordionSummary>
93
93
  )}
94
94
  {
95
- (facet.type === InputTypes.SLIDER || facetValues.length === 0)
95
+ (facetValues.length === 0)
96
96
  && (
97
97
  <div className={classes.NonSortGroup}>
98
98
  <span
package/src/components/inputs/slider/SliderView.js CHANGED
@@ -14,7 +14,7 @@ const SliderView = ({
14
14
  onSliderToggle,
15
15
  filterState,
16
16
  }) => {
17
- const { minLowerBound, maxUpperBound, quantifier, datafield, facetValues } = facet;
17
+ const { minLowerBound, maxUpperBound, quantifier, datafield, facetValues, style } = facet;
18
18
  const lowerBoundValue = facetValues[0];
19
19
  const upperBoundValue = facetValues[1];
20
20
 
@@ -52,10 +52,13 @@ const SliderView = ({
52
52
 
53
53
  return (
54
54
  <>
55
- <div className={classes.sliderRoot}>
56
- <div className={classes.minMaxInputs}>
57
- <div className={classes.minValue}>
58
- <Typography className={classes.minInputLabel}>
55
+ <div className={style && style.sliderRoot ? style.sliderRoot : classes.sliderRoot}>
56
+ <div className={style && style.minMaxInputs ? style.minMaxInputs : classes.minMaxInputs}>
57
+ <div className={style && style.minValue ? style.minValue : classes.minValue}>
58
+ <Typography className={style && style.minInputLabel
59
+ ? style.minInputLabel
60
+ : classes.minInputLabel}
61
+ >
59
62
  Min:
60
63
  </Typography>
61
64
  <InputMinMaxView
@@ -67,8 +70,11 @@ const SliderView = ({
67
70
  onInputChange={handleChangeCommittedSlider}
68
71
  />
69
72
  </div>
70
- <div className={classes.maxValue}>
71
- <Typography className={classes.maxInputLabel}>
73
+ <div className={style && style.maxValue ? style.maxValue : classes.maxValue}>
74
+ <Typography className={style && style.maxInputLabel
75
+ ? style.maxInputLabel
76
+ : classes.maxInputLabel}
77
+ >
72
78
  Max:
73
79
  </Typography>
74
80
  <InputMinMaxView
@@ -81,7 +87,7 @@ const SliderView = ({
81
87
  />
82
88
  </div>
83
89
  </div>
84
- <div className={classes.slider}>
90
+ <div className={style && style.slider ? style.slider : classes.slider}>
85
91
  {/* Change to red if invalid range */}
86
92
  <Slider
87
93
  disableSwap
@@ -93,17 +99,28 @@ const SliderView = ({
93
99
  min={minLowerBound}
94
100
  max={maxUpperBound}
95
101
  classes={{
96
- rail: classes.rail,
97
- thumb: isValid() ? classes.thumb : classes.invalidThumb,
98
- track: isValid() ? classes.track : classes.invalidTrack,
102
+ rail: style && style.rail ? style.rail : classes.rail,
103
+ thumb: isValid() ? (style && style.thumb ? style.thumb : classes.thumb)
104
+ : (style && style.invalidThumb ? style.invalidThumb : classes.invalidThumb),
105
+ track: isValid() ? (style && style.track ? style.track : classes.track)
106
+ : (style && style.invalidTrack ? style.invalidTrack : classes.invalidTrack),
99
107
  }}
100
108
  />
101
109
  </div>
102
- <Box className={classes.lowerUpperBound}>
103
- <Typography className={classes.lowerBound}>
110
+ <Box className={style && style.lowerUpperBound
111
+ ? style.lowerUpperBound
112
+ : classes.lowerUpperBound}
113
+ >
114
+ <Typography className={style && style.lowerBound
115
+ ? style.lowerBound
116
+ : classes.lowerBound}
117
+ >
104
118
  {minLowerBound}
105
119
  </Typography>
106
- <Typography className={classes.upperBound}>
120
+ <Typography className={style && style.upperBound
121
+ ? style.upperBound
122
+ : classes.upperBound}
123
+ >
107
124
  {maxUpperBound}
108
125
  </Typography>
109
126
  </Box>
@@ -114,8 +131,10 @@ const SliderView = ({
114
131
  && (
115
132
  <Typography
116
133
  className={isValid()
117
- ? classes.sliderText
118
- : classes.invalidSliderText}
134
+ ? (style && style.sliderText ? style.sliderText : classes.sliderText)
135
+ : (style && style.invalidSliderText
136
+ ? style.invalidSliderText
137
+ : classes.invalidSliderText)}
119
138
  >
120
139
  {sliderValue[0]}
121
140
  {' - '}