pebble-web 2.2.7 → 2.3.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.
- package/dist/components/Calendar.d.ts +1 -1
- package/dist/components/Rating.d.ts +9 -0
- package/dist/components/index.d.ts +2 -1
- package/dist/components/styles/Rating.styles.d.ts +4 -0
- package/dist/components/typings/Calendar.d.ts +5 -0
- package/dist/components/typings/Rating.d.ts +13 -0
- package/dist/components/typings/Search.d.ts +1 -0
- package/dist/pebble-web.dev.js +213 -83
- package/dist/pebble-web.dev.js.map +1 -1
- package/dist/pebble-web.es.dev.js +154 -36
- package/dist/pebble-web.es.dev.js.map +1 -1
- package/dist/pebble-web.es.js +124 -9
- package/dist/pebble-web.es.js.map +1 -1
- package/dist/pebble-web.js +183 -56
- package/dist/pebble-web.js.map +1 -1
- package/dist/pebble-web.module.dev.js +213 -84
- package/dist/pebble-web.module.dev.js.map +1 -1
- package/dist/pebble-web.module.js +183 -57
- package/dist/pebble-web.module.js.map +1 -1
- package/dist/pebble-web.umd.dev.js +242 -94
- package/dist/pebble-web.umd.dev.js.map +1 -1
- package/dist/pebble-web.umd.js +212 -67
- package/dist/pebble-web.umd.js.map +1 -1
- package/package.json +3 -3
- package/src/components/Calendar.tsx +20 -4
- package/src/components/Rating.tsx +82 -0
- package/src/components/Search.tsx +5 -1
- package/src/components/__tests__/rating.test.tsx +35 -0
- package/src/components/index.ts +2 -0
- package/src/components/styles/Rating.styles.ts +22 -0
- package/src/components/typings/Calendar.ts +5 -0
- package/src/components/typings/Rating.ts +12 -0
- package/src/components/typings/Search.ts +1 -0
package/dist/pebble-web.umd.js
CHANGED
|
@@ -4700,6 +4700,17 @@
|
|
|
4700
4700
|
marginTop: 20
|
|
4701
4701
|
}), ";label:buttonsWrapper;" + ( "" ));
|
|
4702
4702
|
|
|
4703
|
+
function toInteger$1(dirtyNumber) {
|
|
4704
|
+
if (dirtyNumber === null || dirtyNumber === true || dirtyNumber === false) {
|
|
4705
|
+
return NaN;
|
|
4706
|
+
}
|
|
4707
|
+
var number = Number(dirtyNumber);
|
|
4708
|
+
if (isNaN(number)) {
|
|
4709
|
+
return number;
|
|
4710
|
+
}
|
|
4711
|
+
return number < 0 ? Math.ceil(number) : Math.floor(number);
|
|
4712
|
+
}
|
|
4713
|
+
|
|
4703
4714
|
function requiredArgs(required, args) {
|
|
4704
4715
|
if (args.length < required) {
|
|
4705
4716
|
throw new TypeError(required + ' argument' + (required > 1 ? 's' : '') + ' required, but only ' + args.length + ' present');
|
|
@@ -4722,6 +4733,26 @@
|
|
|
4722
4733
|
}
|
|
4723
4734
|
}
|
|
4724
4735
|
|
|
4736
|
+
function addDays(dirtyDate, dirtyAmount) {
|
|
4737
|
+
requiredArgs(2, arguments);
|
|
4738
|
+
var date = toDate(dirtyDate);
|
|
4739
|
+
var amount = toInteger$1(dirtyAmount);
|
|
4740
|
+
if (isNaN(amount)) {
|
|
4741
|
+
return new Date(NaN);
|
|
4742
|
+
}
|
|
4743
|
+
if (!amount) {
|
|
4744
|
+
return date;
|
|
4745
|
+
}
|
|
4746
|
+
date.setDate(date.getDate() + amount);
|
|
4747
|
+
return date;
|
|
4748
|
+
}
|
|
4749
|
+
|
|
4750
|
+
function subDays(dirtyDate, dirtyAmount) {
|
|
4751
|
+
requiredArgs(2, arguments);
|
|
4752
|
+
var amount = toInteger$1(dirtyAmount);
|
|
4753
|
+
return addDays(dirtyDate, -amount);
|
|
4754
|
+
}
|
|
4755
|
+
|
|
4725
4756
|
function startOfDay(dirtyDate) {
|
|
4726
4757
|
requiredArgs(1, arguments);
|
|
4727
4758
|
var date = toDate(dirtyDate);
|
|
@@ -4763,7 +4794,8 @@
|
|
|
4763
4794
|
if (Array.isArray(value) && value.length === 2) {
|
|
4764
4795
|
_this.setState({
|
|
4765
4796
|
value: value,
|
|
4766
|
-
singleSelectedDate: null
|
|
4797
|
+
singleSelectedDate: null,
|
|
4798
|
+
maxRangeDates: undefined
|
|
4767
4799
|
}, function () {
|
|
4768
4800
|
return props.onChange(value);
|
|
4769
4801
|
});
|
|
@@ -4772,7 +4804,8 @@
|
|
|
4772
4804
|
if (!Array.isArray(value)) {
|
|
4773
4805
|
_this.setState({
|
|
4774
4806
|
value: value,
|
|
4775
|
-
singleSelectedDate: null
|
|
4807
|
+
singleSelectedDate: null,
|
|
4808
|
+
maxRangeDates: undefined
|
|
4776
4809
|
}, function () {
|
|
4777
4810
|
return props.onChange(value);
|
|
4778
4811
|
});
|
|
@@ -4781,6 +4814,15 @@
|
|
|
4781
4814
|
};
|
|
4782
4815
|
_this.onDayClick = function (day) {
|
|
4783
4816
|
var onClickDay = _this.props.onClickDay;
|
|
4817
|
+
if (_this.props.range && _this.props.maxRange) {
|
|
4818
|
+
var maxRange = _this.props.maxRange;
|
|
4819
|
+
_this.setState({
|
|
4820
|
+
maxRangeDates: {
|
|
4821
|
+
future: addDays(day, maxRange),
|
|
4822
|
+
past: subDays(day, maxRange)
|
|
4823
|
+
}
|
|
4824
|
+
});
|
|
4825
|
+
}
|
|
4784
4826
|
_this.setState({
|
|
4785
4827
|
singleSelectedDate: [startOfDay(day), endOfDay(day)]
|
|
4786
4828
|
});
|
|
@@ -4849,7 +4891,10 @@
|
|
|
4849
4891
|
className = _this$props.className,
|
|
4850
4892
|
onApply = _this$props.onApply,
|
|
4851
4893
|
onClear = _this$props.onClear,
|
|
4852
|
-
|
|
4894
|
+
maxDate = _this$props.maxDate,
|
|
4895
|
+
minDate = _this$props.minDate,
|
|
4896
|
+
rest = objectWithoutProperties(_this$props, ["range", "selected", "hideShadow", "className", "onApply", "onClear", "maxDate", "minDate"]);
|
|
4897
|
+
var maxRangeDates = this.state.maxRangeDates;
|
|
4853
4898
|
return /*#__PURE__*/React.createElement("div", {
|
|
4854
4899
|
className: cx(wrapperStyle, defineProperty({}, /*#__PURE__*/css( {
|
|
4855
4900
|
name: "3jm1n8-Calendar",
|
|
@@ -4879,7 +4924,9 @@
|
|
|
4879
4924
|
fontSize: 14
|
|
4880
4925
|
},
|
|
4881
4926
|
className: "pi pi-arrow-right"
|
|
4882
|
-
})
|
|
4927
|
+
}),
|
|
4928
|
+
maxDate: maxDate || maxRangeDates && maxRangeDates.future,
|
|
4929
|
+
minDate: minDate || maxRangeDates && maxRangeDates.past
|
|
4883
4930
|
})), (onClear || onApply) && /*#__PURE__*/React.createElement("div", {
|
|
4884
4931
|
className: buttonsWrapper
|
|
4885
4932
|
}, onClear && /*#__PURE__*/React.createElement(Button, {
|
|
@@ -9636,17 +9683,6 @@
|
|
|
9636
9683
|
}
|
|
9637
9684
|
};
|
|
9638
9685
|
|
|
9639
|
-
function toInteger$1(dirtyNumber) {
|
|
9640
|
-
if (dirtyNumber === null || dirtyNumber === true || dirtyNumber === false) {
|
|
9641
|
-
return NaN;
|
|
9642
|
-
}
|
|
9643
|
-
var number = Number(dirtyNumber);
|
|
9644
|
-
if (isNaN(number)) {
|
|
9645
|
-
return number;
|
|
9646
|
-
}
|
|
9647
|
-
return number < 0 ? Math.ceil(number) : Math.floor(number);
|
|
9648
|
-
}
|
|
9649
|
-
|
|
9650
9686
|
function addMilliseconds(dirtyDate, dirtyAmount) {
|
|
9651
9687
|
requiredArgs(2, arguments);
|
|
9652
9688
|
var timestamp = toDate(dirtyDate).getTime();
|
|
@@ -11787,7 +11823,8 @@
|
|
|
11787
11823
|
showSearchIcon = _this$props.showSearchIcon,
|
|
11788
11824
|
className = _this$props.className,
|
|
11789
11825
|
clearable = _this$props.clearable,
|
|
11790
|
-
value = _this$props.value
|
|
11826
|
+
value = _this$props.value,
|
|
11827
|
+
loading = _this$props.loading;
|
|
11791
11828
|
var wrapperClassName = cx(searchWrapperStyle, {
|
|
11792
11829
|
__pebble__search__small: type === "small",
|
|
11793
11830
|
__pebble__search__large: type === "large",
|
|
@@ -11807,7 +11844,10 @@
|
|
|
11807
11844
|
},
|
|
11808
11845
|
ref: this.searchInputRef,
|
|
11809
11846
|
value: value
|
|
11810
|
-
}, inputProps)),
|
|
11847
|
+
}, inputProps)), loading && /*#__PURE__*/React.createElement(Loader, {
|
|
11848
|
+
scale: 0.4,
|
|
11849
|
+
color: colors.violet.base
|
|
11850
|
+
}), clearable && /*#__PURE__*/React.createElement("div", {
|
|
11811
11851
|
className: cx(clearContainer, {
|
|
11812
11852
|
__display: !!value && !!value.length
|
|
11813
11853
|
}),
|
|
@@ -12823,6 +12863,110 @@
|
|
|
12823
12863
|
|
|
12824
12864
|
function ownKeys$k(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
|
|
12825
12865
|
function _objectSpread$k(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$k(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$k(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
12866
|
+
var wrapStyle = /*#__PURE__*/css(_objectSpread$k(_objectSpread$k({}, flexRow), {}, {
|
|
12867
|
+
cursor: "pointer"
|
|
12868
|
+
}), ";label:wrapStyle;" + ( "" ));
|
|
12869
|
+
var disabledStyle = /*#__PURE__*/css( {
|
|
12870
|
+
name: "pl7a4e-disabledStyle",
|
|
12871
|
+
styles: "cursor:not-allowed;;label:disabledStyle;"
|
|
12872
|
+
} );
|
|
12873
|
+
var unSelectedStar = /*#__PURE__*/css({
|
|
12874
|
+
marginLeft: "2px",
|
|
12875
|
+
color: colors.gray.border,
|
|
12876
|
+
fontSize: "20px"
|
|
12877
|
+
}, ";label:unSelectedStar;" + ( "" ));
|
|
12878
|
+
var selectedStar = /*#__PURE__*/css({
|
|
12879
|
+
color: colors.yellow.base
|
|
12880
|
+
}, ";label:selectedStar;" + ( "" ));
|
|
12881
|
+
|
|
12882
|
+
function _createSuper$k(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$k(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
|
|
12883
|
+
function _isNativeReflectConstruct$k() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
|
|
12884
|
+
function generateStars(maxRating, selectedValue) {
|
|
12885
|
+
return Array.from({
|
|
12886
|
+
length: maxRating
|
|
12887
|
+
}, function (_, i) {
|
|
12888
|
+
return {
|
|
12889
|
+
active: i + 1 <= selectedValue
|
|
12890
|
+
};
|
|
12891
|
+
});
|
|
12892
|
+
}
|
|
12893
|
+
var Rating = /*#__PURE__*/function (_React$PureComponent) {
|
|
12894
|
+
inherits(Rating, _React$PureComponent);
|
|
12895
|
+
var _super = _createSuper$k(Rating);
|
|
12896
|
+
function Rating(props) {
|
|
12897
|
+
var _this;
|
|
12898
|
+
classCallCheck(this, Rating);
|
|
12899
|
+
_this = _super.call(this, props);
|
|
12900
|
+
_this.setRating = function (rating) {
|
|
12901
|
+
var _this$props = _this.props,
|
|
12902
|
+
maxRating = _this$props.maxRating,
|
|
12903
|
+
disabled = _this$props.disabled;
|
|
12904
|
+
if (disabled) {
|
|
12905
|
+
return;
|
|
12906
|
+
}
|
|
12907
|
+
_this.setState({
|
|
12908
|
+
stars: generateStars(maxRating, rating)
|
|
12909
|
+
});
|
|
12910
|
+
};
|
|
12911
|
+
_this.state = {
|
|
12912
|
+
stars: generateStars(props.maxRating, props.value)
|
|
12913
|
+
};
|
|
12914
|
+
return _this;
|
|
12915
|
+
}
|
|
12916
|
+
createClass(Rating, [{
|
|
12917
|
+
key: "componentDidUpdate",
|
|
12918
|
+
value: function componentDidUpdate(prevProps) {
|
|
12919
|
+
var _this$props2 = this.props,
|
|
12920
|
+
maxRating = _this$props2.maxRating,
|
|
12921
|
+
value = _this$props2.value;
|
|
12922
|
+
if (prevProps.maxRating !== maxRating) {
|
|
12923
|
+
this.setState({
|
|
12924
|
+
stars: generateStars(maxRating, value)
|
|
12925
|
+
});
|
|
12926
|
+
}
|
|
12927
|
+
}
|
|
12928
|
+
}, {
|
|
12929
|
+
key: "render",
|
|
12930
|
+
value: function render() {
|
|
12931
|
+
var _this2 = this;
|
|
12932
|
+
var _this$props3 = this.props,
|
|
12933
|
+
name = _this$props3.name,
|
|
12934
|
+
value = _this$props3.value,
|
|
12935
|
+
onChange = _this$props3.onChange,
|
|
12936
|
+
disabled = _this$props3.disabled,
|
|
12937
|
+
className = _this$props3.className;
|
|
12938
|
+
var stars = this.state.stars;
|
|
12939
|
+
var _className = cx(wrapStyle, className, disabled && disabledStyle);
|
|
12940
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
12941
|
+
className: _className
|
|
12942
|
+
}, stars.map(function (star, starIndex) {
|
|
12943
|
+
var rating = starIndex + 1;
|
|
12944
|
+
return /*#__PURE__*/React.createElement("span", {
|
|
12945
|
+
key: "".concat(name, "-").concat(rating),
|
|
12946
|
+
onMouseEnter: function onMouseEnter() {
|
|
12947
|
+
return _this2.setRating(rating);
|
|
12948
|
+
},
|
|
12949
|
+
onMouseLeave: function onMouseLeave() {
|
|
12950
|
+
return _this2.setRating(value);
|
|
12951
|
+
},
|
|
12952
|
+
onClick: function onClick() {
|
|
12953
|
+
if (disabled) {
|
|
12954
|
+
return;
|
|
12955
|
+
}
|
|
12956
|
+
_this2.setRating(rating);
|
|
12957
|
+
onChange(rating);
|
|
12958
|
+
}
|
|
12959
|
+
}, /*#__PURE__*/React.createElement("i", {
|
|
12960
|
+
className: cx("pi pi-grade", unSelectedStar, star.active && selectedStar)
|
|
12961
|
+
}));
|
|
12962
|
+
}));
|
|
12963
|
+
}
|
|
12964
|
+
}]);
|
|
12965
|
+
return Rating;
|
|
12966
|
+
}(React.PureComponent);
|
|
12967
|
+
|
|
12968
|
+
function ownKeys$l(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
|
|
12969
|
+
function _objectSpread$l(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$l(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$l(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
12826
12970
|
var inputReadOnlyStyle$1 = /*#__PURE__*/css({
|
|
12827
12971
|
color: colors.gray.dark
|
|
12828
12972
|
}, ";label:inputReadOnlyStyle;" + ( "" ));
|
|
@@ -12831,12 +12975,12 @@
|
|
|
12831
12975
|
pointerEvents: "none",
|
|
12832
12976
|
color: colors.gray.base
|
|
12833
12977
|
}, ";label:inputDisabledStyle;" + ( "" ));
|
|
12834
|
-
var messageStyle$1 = /*#__PURE__*/css(_objectSpread$
|
|
12978
|
+
var messageStyle$1 = /*#__PURE__*/css(_objectSpread$l(_objectSpread$l({}, typography.s.regular), {}, {
|
|
12835
12979
|
marginTop: 10,
|
|
12836
12980
|
lineHeight: "10px",
|
|
12837
12981
|
textAlign: "left"
|
|
12838
12982
|
}), ";label:messageStyle;" + ( "" ));
|
|
12839
|
-
var infoTextStyle = /*#__PURE__*/css(_objectSpread$
|
|
12983
|
+
var infoTextStyle = /*#__PURE__*/css(_objectSpread$l(_objectSpread$l({}, typography.s.light), {}, {
|
|
12840
12984
|
marginRight: "15px",
|
|
12841
12985
|
lineHeight: "12px"
|
|
12842
12986
|
}), ";label:infoTextStyle;" + ( "" ));
|
|
@@ -12853,7 +12997,7 @@
|
|
|
12853
12997
|
transform: "translate(0, -10px)"
|
|
12854
12998
|
}
|
|
12855
12999
|
}, ";label:placeholderStyle;" + ( "" ));
|
|
12856
|
-
var inputStyle$2 = /*#__PURE__*/css(_objectSpread$
|
|
13000
|
+
var inputStyle$2 = /*#__PURE__*/css(_objectSpread$l(_objectSpread$l({
|
|
12857
13001
|
border: 0,
|
|
12858
13002
|
outline: 0,
|
|
12859
13003
|
borderRadius: "3px",
|
|
@@ -12880,8 +13024,8 @@
|
|
|
12880
13024
|
styles: "width:100%;height:70px;;label:wrapperStyle;"
|
|
12881
13025
|
} );
|
|
12882
13026
|
|
|
12883
|
-
function _createSuper$
|
|
12884
|
-
function _isNativeReflectConstruct$
|
|
13027
|
+
function _createSuper$l(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$l(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
|
|
13028
|
+
function _isNativeReflectConstruct$l() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
|
|
12885
13029
|
function getColor$1(error, success, isFocused, isBorder) {
|
|
12886
13030
|
var color = isBorder ? colors.gray.light : colors.gray.dark;
|
|
12887
13031
|
if (error) {
|
|
@@ -12895,7 +13039,7 @@
|
|
|
12895
13039
|
}
|
|
12896
13040
|
var SecondaryInput = /*#__PURE__*/function (_React$PureComponent) {
|
|
12897
13041
|
inherits(SecondaryInput, _React$PureComponent);
|
|
12898
|
-
var _super = _createSuper$
|
|
13042
|
+
var _super = _createSuper$l(SecondaryInput);
|
|
12899
13043
|
function SecondaryInput() {
|
|
12900
13044
|
var _this;
|
|
12901
13045
|
classCallCheck(this, SecondaryInput);
|
|
@@ -13030,8 +13174,8 @@
|
|
|
13030
13174
|
webkitOverflowScrolling: "touch"
|
|
13031
13175
|
}, ";label:sidebarStyle;" + ( "" ));
|
|
13032
13176
|
|
|
13033
|
-
function _createSuper$
|
|
13034
|
-
function _isNativeReflectConstruct$
|
|
13177
|
+
function _createSuper$m(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$m(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
|
|
13178
|
+
function _isNativeReflectConstruct$m() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
|
|
13035
13179
|
var transitionProps = {
|
|
13036
13180
|
from: {
|
|
13037
13181
|
opacity: 0
|
|
@@ -13045,7 +13189,7 @@
|
|
|
13045
13189
|
};
|
|
13046
13190
|
var SideBar = /*#__PURE__*/function (_React$PureComponent) {
|
|
13047
13191
|
inherits(SideBar, _React$PureComponent);
|
|
13048
|
-
var _super = _createSuper$
|
|
13192
|
+
var _super = _createSuper$m(SideBar);
|
|
13049
13193
|
function SideBar() {
|
|
13050
13194
|
var _this;
|
|
13051
13195
|
classCallCheck(this, SideBar);
|
|
@@ -13969,10 +14113,10 @@
|
|
|
13969
14113
|
});
|
|
13970
14114
|
var Rheostat = unwrapExports(Slider);
|
|
13971
14115
|
|
|
13972
|
-
function ownKeys$
|
|
13973
|
-
function _objectSpread$
|
|
14116
|
+
function ownKeys$m(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
|
|
14117
|
+
function _objectSpread$m(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$m(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$m(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
13974
14118
|
var rheostatOverrides = "\n.rheostat {\n overflow: visible;\n}\n\n.rheostat-background {\n background-color: ".concat(colors.violet.lightest, ";\n position: relative;\n border-radius: 2px;\n overflow: hidden;\n height: 4px;\n top: 0;\n width: 100%;\n}\n\n.rheostat-progress {\n background-color: ").concat(colors.violet.base, ";\n position: absolute;\n height: 4px;\n border-radius: 2px;\n top: 0;\n}\n\n.rheostat-handle {\n background-color: ").concat(colors.violet.base, ";\n border-radius: 50%;\n height: 20px;\n outline: none;\n z-index: 2;\n width: 20px;\n margin-left: -10px;\n top: -8px;\n border: 0;\n cursor: pointer;\n box-shadow: ").concat(constants.boxShadow.xElevated, ";\n}\n\n.__pebble__slider__large .rheostat-handle {\n width: 24px;\n height: 24px;\n margin-left: -12px;\n top: -10px;\n}\n\n.rheostat-handle:hover {\n background-color: ").concat(colors.violet.light, ";\n}\n\n.__pebble__slider__disabled .rheostat-handle {\n background-color: ").concat(colors.violet.lighter, ";\n cursor: inherit;\n}\n\n.rheostat-horizontal {\n height: 4px;\n}\n");
|
|
13975
|
-
var sliderHeader = /*#__PURE__*/css(_objectSpread$
|
|
14119
|
+
var sliderHeader = /*#__PURE__*/css(_objectSpread$m(_objectSpread$m({}, flexSpaceBetween), {}, {
|
|
13976
14120
|
marginBottom: 25,
|
|
13977
14121
|
alignItems: "center",
|
|
13978
14122
|
".__pebble__slider__large &": {
|
|
@@ -14564,8 +14708,8 @@
|
|
|
14564
14708
|
}
|
|
14565
14709
|
var asyncToGenerator = _asyncToGenerator;
|
|
14566
14710
|
|
|
14567
|
-
function ownKeys$
|
|
14568
|
-
function _objectSpread$
|
|
14711
|
+
function ownKeys$n(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
|
|
14712
|
+
function _objectSpread$n(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$n(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$n(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
14569
14713
|
var headStyle = /*#__PURE__*/css( {
|
|
14570
14714
|
name: "1ehjdcc-headStyle",
|
|
14571
14715
|
styles: "display:flex;flex-direction:row;position:relative;;label:headStyle;"
|
|
@@ -14574,7 +14718,7 @@
|
|
|
14574
14718
|
name: "1hilual-headSection",
|
|
14575
14719
|
styles: "flex:1;display:flex;flex-direction:column;align-items:center;cursor:pointer;> div{font-size:14px;};label:headSection;"
|
|
14576
14720
|
} );
|
|
14577
|
-
var headingStyle = /*#__PURE__*/css(_objectSpread$
|
|
14721
|
+
var headingStyle = /*#__PURE__*/css(_objectSpread$n({}, typography.normal.regular), ";label:headingStyle;" + ( "" ));
|
|
14578
14722
|
var dotStyle$1 = /*#__PURE__*/css({
|
|
14579
14723
|
height: 20,
|
|
14580
14724
|
width: 20,
|
|
@@ -14603,14 +14747,14 @@
|
|
|
14603
14747
|
backgroundColor: colors.violet.base
|
|
14604
14748
|
}, ";label:stepperLineStyle;" + ( "" ));
|
|
14605
14749
|
|
|
14606
|
-
function ownKeys$
|
|
14607
|
-
function _objectSpread$
|
|
14608
|
-
function _createSuper$
|
|
14609
|
-
function _isNativeReflectConstruct$
|
|
14750
|
+
function ownKeys$o(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
|
|
14751
|
+
function _objectSpread$o(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$o(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$o(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
14752
|
+
function _createSuper$n(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$n(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
|
|
14753
|
+
function _isNativeReflectConstruct$n() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
|
|
14610
14754
|
function noop$2() {}
|
|
14611
14755
|
var Stepper = /*#__PURE__*/function (_React$PureComponent) {
|
|
14612
14756
|
inherits(Stepper, _React$PureComponent);
|
|
14613
|
-
var _super = _createSuper$
|
|
14757
|
+
var _super = _createSuper$n(Stepper);
|
|
14614
14758
|
function Stepper() {
|
|
14615
14759
|
var _this;
|
|
14616
14760
|
classCallCheck(this, Stepper);
|
|
@@ -14763,11 +14907,11 @@
|
|
|
14763
14907
|
name: "fxyzre-Stepper",
|
|
14764
14908
|
styles: "display:none;;label:Stepper;"
|
|
14765
14909
|
} ), i !== _this2.state.active))
|
|
14766
|
-
}, renderContentElement(_objectSpread$
|
|
14910
|
+
}, renderContentElement(_objectSpread$o({
|
|
14767
14911
|
item: datum,
|
|
14768
14912
|
isSelected: i === _this2.state.active
|
|
14769
14913
|
}, args)));
|
|
14770
|
-
}), renderFooterElement(_objectSpread$
|
|
14914
|
+
}), renderFooterElement(_objectSpread$o({
|
|
14771
14915
|
activeIndex: this.state.active
|
|
14772
14916
|
}, args), this.props)));
|
|
14773
14917
|
}
|
|
@@ -14808,13 +14952,13 @@
|
|
|
14808
14952
|
}
|
|
14809
14953
|
};
|
|
14810
14954
|
|
|
14811
|
-
function ownKeys$
|
|
14812
|
-
function _objectSpread$
|
|
14813
|
-
var labelTextStyle = /*#__PURE__*/css(_objectSpread$
|
|
14955
|
+
function ownKeys$p(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
|
|
14956
|
+
function _objectSpread$p(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$p(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$p(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
14957
|
+
var labelTextStyle = /*#__PURE__*/css(_objectSpread$p(_objectSpread$p({}, typography.s.bold), {}, {
|
|
14814
14958
|
color: colors.gray.dark,
|
|
14815
14959
|
marginRight: "10px"
|
|
14816
14960
|
}), ";label:labelTextStyle;" + ( "" ));
|
|
14817
|
-
var disabledStyle = /*#__PURE__*/css( {
|
|
14961
|
+
var disabledStyle$1 = /*#__PURE__*/css( {
|
|
14818
14962
|
name: "pl7a4e-disabledStyle",
|
|
14819
14963
|
styles: "cursor:not-allowed;;label:disabledStyle;"
|
|
14820
14964
|
} );
|
|
@@ -14853,11 +14997,11 @@
|
|
|
14853
14997
|
styles: "transform:translateX(14px);;label:selectedSwitch;"
|
|
14854
14998
|
} );
|
|
14855
14999
|
|
|
14856
|
-
function _createSuper$
|
|
14857
|
-
function _isNativeReflectConstruct$
|
|
15000
|
+
function _createSuper$o(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$o(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
|
|
15001
|
+
function _isNativeReflectConstruct$o() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
|
|
14858
15002
|
var Switch = /*#__PURE__*/function (_React$PureComponent) {
|
|
14859
15003
|
inherits(Switch, _React$PureComponent);
|
|
14860
|
-
var _super = _createSuper$
|
|
15004
|
+
var _super = _createSuper$o(Switch);
|
|
14861
15005
|
function Switch() {
|
|
14862
15006
|
var _this;
|
|
14863
15007
|
classCallCheck(this, Switch);
|
|
@@ -14880,11 +15024,11 @@
|
|
|
14880
15024
|
disabled = _this$props.disabled;
|
|
14881
15025
|
var value = this.state.value;
|
|
14882
15026
|
return /*#__PURE__*/React.createElement("label", {
|
|
14883
|
-
className: cx(className, fixedLabelStyle, defineProperty({}, disabledStyle, !!disabled))
|
|
15027
|
+
className: cx(className, fixedLabelStyle, defineProperty({}, disabledStyle$1, !!disabled))
|
|
14884
15028
|
}, /*#__PURE__*/React.createElement("span", {
|
|
14885
15029
|
className: labelTextStyle
|
|
14886
15030
|
}, label), /*#__PURE__*/React.createElement("div", {
|
|
14887
|
-
className: cx(labelStyle$1, (_cx3 = {}, defineProperty(_cx3, selectedLabel, value), defineProperty(_cx3, disabledStyle, !!disabled), _cx3))
|
|
15031
|
+
className: cx(labelStyle$1, (_cx3 = {}, defineProperty(_cx3, selectedLabel, value), defineProperty(_cx3, disabledStyle$1, !!disabled), _cx3))
|
|
14888
15032
|
}, /*#__PURE__*/React.createElement("input", {
|
|
14889
15033
|
type: "checkbox",
|
|
14890
15034
|
checked: value,
|
|
@@ -14906,9 +15050,9 @@
|
|
|
14906
15050
|
return Switch;
|
|
14907
15051
|
}(React.PureComponent);
|
|
14908
15052
|
|
|
14909
|
-
function ownKeys$
|
|
14910
|
-
function _objectSpread$
|
|
14911
|
-
var tagStyle = /*#__PURE__*/css(_objectSpread$
|
|
15053
|
+
function ownKeys$q(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
|
|
15054
|
+
function _objectSpread$q(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$q(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$q(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
15055
|
+
var tagStyle = /*#__PURE__*/css(_objectSpread$q(_objectSpread$q(_objectSpread$q({}, typography.s.bold), flexSpaceBetween), {}, {
|
|
14912
15056
|
borderRadius: constants.borderRadius,
|
|
14913
15057
|
padding: "0 10px",
|
|
14914
15058
|
height: 28,
|
|
@@ -14955,15 +15099,15 @@
|
|
|
14955
15099
|
}, /*#__PURE__*/React.createElement(Ink, null)));
|
|
14956
15100
|
};
|
|
14957
15101
|
|
|
14958
|
-
function ownKeys$
|
|
14959
|
-
function _objectSpread$
|
|
15102
|
+
function ownKeys$r(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
|
|
15103
|
+
function _objectSpread$r(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$r(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$r(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
14960
15104
|
var Text = function Text(_ref) {
|
|
14961
15105
|
var typography = _ref.typography,
|
|
14962
15106
|
_ref$color = _ref.color,
|
|
14963
15107
|
color = _ref$color === void 0 ? colors.gray.darker : _ref$color,
|
|
14964
15108
|
children = _ref.children,
|
|
14965
15109
|
className = _ref.className;
|
|
14966
|
-
var _className = /*#__PURE__*/css(_objectSpread$
|
|
15110
|
+
var _className = /*#__PURE__*/css(_objectSpread$r(_objectSpread$r({}, typography), {}, {
|
|
14967
15111
|
color: color
|
|
14968
15112
|
}), "" );
|
|
14969
15113
|
return /*#__PURE__*/React__default.createElement("span", {
|
|
@@ -15179,9 +15323,9 @@
|
|
|
15179
15323
|
}));
|
|
15180
15324
|
};
|
|
15181
15325
|
|
|
15182
|
-
function ownKeys$
|
|
15183
|
-
function _objectSpread$
|
|
15184
|
-
var textStyle = /*#__PURE__*/css(_objectSpread$
|
|
15326
|
+
function ownKeys$s(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
|
|
15327
|
+
function _objectSpread$s(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$s(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$s(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
15328
|
+
var textStyle = /*#__PURE__*/css(_objectSpread$s(_objectSpread$s({}, typography.s.regular), {}, {
|
|
15185
15329
|
color: colors.white.base,
|
|
15186
15330
|
display: "block",
|
|
15187
15331
|
padding: "10px 16px"
|
|
@@ -15191,11 +15335,11 @@
|
|
|
15191
15335
|
styles: "margin:4px;box-shadow:none;max-width:320px;;label:popperStyle;"
|
|
15192
15336
|
} );
|
|
15193
15337
|
|
|
15194
|
-
function _createSuper$
|
|
15195
|
-
function _isNativeReflectConstruct$
|
|
15338
|
+
function _createSuper$p(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$p(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
|
|
15339
|
+
function _isNativeReflectConstruct$p() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
|
|
15196
15340
|
var Tooltip = /*#__PURE__*/function (_React$PureComponent) {
|
|
15197
15341
|
inherits(Tooltip, _React$PureComponent);
|
|
15198
|
-
var _super = _createSuper$
|
|
15342
|
+
var _super = _createSuper$p(Tooltip);
|
|
15199
15343
|
function Tooltip() {
|
|
15200
15344
|
var _this;
|
|
15201
15345
|
classCallCheck(this, Tooltip);
|
|
@@ -15286,19 +15430,19 @@
|
|
|
15286
15430
|
transformOrigin: "0 0"
|
|
15287
15431
|
}, ";label:optionsWrapper;" + ( "" ));
|
|
15288
15432
|
|
|
15289
|
-
function _createSuper$
|
|
15290
|
-
function _isNativeReflectConstruct$
|
|
15291
|
-
function ownKeys$
|
|
15292
|
-
function _objectSpread$
|
|
15433
|
+
function _createSuper$q(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$q(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
|
|
15434
|
+
function _isNativeReflectConstruct$q() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
|
|
15435
|
+
function ownKeys$t(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
|
|
15436
|
+
function _objectSpread$t(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$t(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$t(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
15293
15437
|
function defaultSearchBox(_ref, props) {
|
|
15294
15438
|
var registerChange = _ref.registerChange,
|
|
15295
15439
|
onFocus = _ref.onFocus,
|
|
15296
15440
|
value = _ref.value;
|
|
15297
|
-
var _inputProps = props.inputProps ? _objectSpread$
|
|
15441
|
+
var _inputProps = props.inputProps ? _objectSpread$t({}, props.inputProps.inputProps) : {};
|
|
15298
15442
|
return /*#__PURE__*/React.createElement(Input, Object.assign({}, props.inputProps, {
|
|
15299
15443
|
onChange: registerChange,
|
|
15300
15444
|
placeholder: props.placeholder,
|
|
15301
|
-
inputProps: _objectSpread$
|
|
15445
|
+
inputProps: _objectSpread$t(_objectSpread$t({}, _inputProps), {}, {
|
|
15302
15446
|
onFocus: onFocus,
|
|
15303
15447
|
onKeyDown: function onKeyDown(e) {
|
|
15304
15448
|
if (e.ctrlKey || e.metaKey || e.shiftKey || e.altKey) return;
|
|
@@ -15317,7 +15461,7 @@
|
|
|
15317
15461
|
}
|
|
15318
15462
|
var TypeAhead = /*#__PURE__*/function (_React$PureComponent) {
|
|
15319
15463
|
inherits(TypeAhead, _React$PureComponent);
|
|
15320
|
-
var _super = _createSuper$
|
|
15464
|
+
var _super = _createSuper$q(TypeAhead);
|
|
15321
15465
|
function TypeAhead() {
|
|
15322
15466
|
var _this;
|
|
15323
15467
|
classCallCheck(this, TypeAhead);
|
|
@@ -15478,6 +15622,7 @@
|
|
|
15478
15622
|
exports.PresetCalendar = PresetCalendar;
|
|
15479
15623
|
exports.Radio = Radio;
|
|
15480
15624
|
exports.RadioGroup = RadioGroup;
|
|
15625
|
+
exports.Rating = Rating;
|
|
15481
15626
|
exports.Search = Search;
|
|
15482
15627
|
exports.SecondaryInput = SecondaryInput;
|
|
15483
15628
|
exports.Select = Select;
|