guestbell-forms 2.0.298 → 2.0.299
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/build/components/InputHeader/InputHeader.js +258 -323
- package/build/components/InputHeader/InputHeader.js.map +1 -1
- package/build/components/InputHeader/InputHeaderContext.js +6 -8
- package/build/components/InputHeader/InputHeaderContext.js.map +1 -1
- package/build/components/InputHeader/index.js +4 -6
- package/build/components/InputHeader/index.js.map +1 -1
- package/build/components/InputHeader/withInputHeaderContext.js +9 -13
- package/build/components/InputHeader/withInputHeaderContext.js.map +1 -1
- package/build/components/base/input/BaseInput.js +334 -418
- package/build/components/base/input/BaseInput.js.map +1 -1
- package/build/components/base/input/index.js +1 -1
- package/build/components/base/input/index.js.map +1 -1
- package/build/components/bookingCalendar/BookingCalendar.js +68 -85
- package/build/components/bookingCalendar/BookingCalendar.js.map +1 -1
- package/build/components/bookingCalendar/bookingCalendarControls/BookingCalendarControls.js +40 -71
- package/build/components/bookingCalendar/bookingCalendarControls/BookingCalendarControls.js.map +1 -1
- package/build/components/bookingCalendar/bookingCalendarControls/classes.js +1 -1
- package/build/components/bookingCalendar/bookingCalendarControls/classes.js.map +1 -1
- package/build/components/bookingCalendar/bookingCalendarControls/index.js +2 -2
- package/build/components/bookingCalendar/bookingCalendarControls/index.js.map +1 -1
- package/build/components/bookingCalendar/bookingCalendarDatePicker/BookingCalendarDatePicker.js +22 -41
- package/build/components/bookingCalendar/bookingCalendarDatePicker/BookingCalendarDatePicker.js.map +1 -1
- package/build/components/bookingCalendar/bookingCalendarDatePicker/classes.js +1 -1
- package/build/components/bookingCalendar/bookingCalendarDatePicker/classes.js.map +1 -1
- package/build/components/bookingCalendar/bookingCalendarDatePicker/index.js +2 -2
- package/build/components/bookingCalendar/bookingCalendarDatePicker/index.js.map +1 -1
- package/build/components/bookingCalendar/bookingCalendarGrid/BookingCalendarGrid.js +20 -24
- package/build/components/bookingCalendar/bookingCalendarGrid/BookingCalendarGrid.js.map +1 -1
- package/build/components/bookingCalendar/bookingCalendarGrid/classes.js +1 -1
- package/build/components/bookingCalendar/bookingCalendarGrid/classes.js.map +1 -1
- package/build/components/bookingCalendar/bookingCalendarItem/BookingCalendarItem.js +9 -12
- package/build/components/bookingCalendar/bookingCalendarItem/BookingCalendarItem.js.map +1 -1
- package/build/components/bookingCalendar/bookingCalendarItem/classes.js +1 -1
- package/build/components/bookingCalendar/bookingCalendarItem/classes.js.map +1 -1
- package/build/components/bookingCalendar/bookingCalendarItem/index.js +2 -2
- package/build/components/bookingCalendar/bookingCalendarItem/index.js.map +1 -1
- package/build/components/bookingCalendar/bookingCalendarLane/BookingCalendarLane.js +23 -28
- package/build/components/bookingCalendar/bookingCalendarLane/BookingCalendarLane.js.map +1 -1
- package/build/components/bookingCalendar/bookingCalendarLane/classes.js +1 -1
- package/build/components/bookingCalendar/bookingCalendarLane/classes.js.map +1 -1
- package/build/components/bookingCalendar/bookingCalendarLane/index.js +2 -2
- package/build/components/bookingCalendar/bookingCalendarLane/index.js.map +1 -1
- package/build/components/bookingCalendar/bookingCalendarLaneHeader/BookingCalendarLaneHeader.js +6 -6
- package/build/components/bookingCalendar/bookingCalendarLaneHeader/BookingCalendarLaneHeader.js.map +1 -1
- package/build/components/bookingCalendar/bookingCalendarLaneHeader/classes.js +1 -1
- package/build/components/bookingCalendar/bookingCalendarLaneHeader/classes.js.map +1 -1
- package/build/components/bookingCalendar/bookingCalendarLaneHeader/index.js +1 -1
- package/build/components/bookingCalendar/bookingCalendarLaneHeader/index.js.map +1 -1
- package/build/components/bookingCalendar/bookingCalendarLanesHeader/BookingCalendarLanesHeader.js +12 -16
- package/build/components/bookingCalendar/bookingCalendarLanesHeader/BookingCalendarLanesHeader.js.map +1 -1
- package/build/components/bookingCalendar/bookingCalendarLanesHeader/BookingCalendarLanesHeaderRenderItem.js +27 -31
- package/build/components/bookingCalendar/bookingCalendarLanesHeader/BookingCalendarLanesHeaderRenderItem.js.map +1 -1
- package/build/components/bookingCalendar/bookingCalendarLanesHeader/classes.js +1 -1
- package/build/components/bookingCalendar/bookingCalendarLanesHeader/classes.js.map +1 -1
- package/build/components/bookingCalendar/bookingCalendarLanesHeader/index.js +2 -2
- package/build/components/bookingCalendar/bookingCalendarLanesHeader/index.js.map +1 -1
- package/build/components/bookingCalendar/bookingCalendarRenderItem/BookingCalendarRenderItem.js +19 -19
- package/build/components/bookingCalendar/bookingCalendarRenderItem/BookingCalendarRenderItem.js.map +1 -1
- package/build/components/bookingCalendar/bookingCalendarRenderItem/classes.js +1 -1
- package/build/components/bookingCalendar/bookingCalendarRenderItem/classes.js.map +1 -1
- package/build/components/bookingCalendar/bookingCalendarRenderItem/index.js +1 -1
- package/build/components/bookingCalendar/bookingCalendarRenderItem/index.js.map +1 -1
- package/build/components/bookingCalendar/bookingCalendarSelection/BookingCalendarSelection.js +133 -175
- package/build/components/bookingCalendar/bookingCalendarSelection/BookingCalendarSelection.js.map +1 -1
- package/build/components/bookingCalendar/bookingCalendarTimeAxis/BookingCalendarTimeAxis.js +17 -19
- package/build/components/bookingCalendar/bookingCalendarTimeAxis/BookingCalendarTimeAxis.js.map +1 -1
- package/build/components/bookingCalendar/bookingCalendarTimeAxis/classes.js +1 -1
- package/build/components/bookingCalendar/bookingCalendarTimeAxis/classes.js.map +1 -1
- package/build/components/bookingCalendar/classes.js +1 -1
- package/build/components/bookingCalendar/classes.js.map +1 -1
- package/build/components/bookingCalendar/common.js +5 -7
- package/build/components/bookingCalendar/common.js.map +1 -1
- package/build/components/bookingCalendar/index.js +3 -3
- package/build/components/bookingCalendar/index.js.map +1 -1
- package/build/components/bookingCalendar/utils.js +143 -205
- package/build/components/bookingCalendar/utils.js.map +1 -1
- package/build/components/button/Button.js +101 -123
- package/build/components/button/Button.js.map +1 -1
- package/build/components/button/index.js +4 -6
- package/build/components/button/index.js.map +1 -1
- package/build/components/checkbox/Checkbox.js +102 -145
- package/build/components/checkbox/Checkbox.js.map +1 -1
- package/build/components/checkbox/index.js +4 -6
- package/build/components/checkbox/index.js.map +1 -1
- package/build/components/dropdown/Dropdown.js +41 -57
- package/build/components/dropdown/Dropdown.js.map +1 -1
- package/build/components/dropdown/index.js +4 -6
- package/build/components/dropdown/index.js.map +1 -1
- package/build/components/dynamicSubmit/DynamicSubmit.js +81 -123
- package/build/components/dynamicSubmit/DynamicSubmit.js.map +1 -1
- package/build/components/dynamicSubmit/index.js +4 -6
- package/build/components/dynamicSubmit/index.js.map +1 -1
- package/build/components/form/Form.js +139 -193
- package/build/components/form/Form.js.map +1 -1
- package/build/components/form/FormContext.js +6 -8
- package/build/components/form/FormContext.js.map +1 -1
- package/build/components/form/FormValidationSummary.js +57 -105
- package/build/components/form/FormValidationSummary.js.map +1 -1
- package/build/components/form/index.js +5 -7
- package/build/components/form/index.js.map +1 -1
- package/build/components/form/withFormContext.js +9 -13
- package/build/components/form/withFormContext.js.map +1 -1
- package/build/components/inputGroup/InputGroup.js +16 -48
- package/build/components/inputGroup/InputGroup.js.map +1 -1
- package/build/components/inputGroup/index.js +4 -6
- package/build/components/inputGroup/index.js.map +1 -1
- package/build/components/money/Money.js +137 -211
- package/build/components/money/Money.js.map +1 -1
- package/build/components/money/index.js +4 -6
- package/build/components/money/index.js.map +1 -1
- package/build/components/numberInput/NumberInput.js +106 -144
- package/build/components/numberInput/NumberInput.js.map +1 -1
- package/build/components/numberInput/index.js +4 -6
- package/build/components/numberInput/index.js.map +1 -1
- package/build/components/openingHours/openingHoursDay/OpeningHoursDay.js +162 -220
- package/build/components/openingHours/openingHoursDay/OpeningHoursDay.js.map +1 -1
- package/build/components/openingHours/openingHoursDay/index.js +4 -6
- package/build/components/openingHours/openingHoursDay/index.js.map +1 -1
- package/build/components/openingHours/openingHoursSpecial/OpeningHoursSpecial.js +114 -191
- package/build/components/openingHours/openingHoursSpecial/OpeningHoursSpecial.js.map +1 -1
- package/build/components/openingHours/openingHoursSpecial/index.js +4 -6
- package/build/components/openingHours/openingHoursSpecial/index.js.map +1 -1
- package/build/components/openingHours/openingHoursWeek/OpeningHoursWeek.js +150 -209
- package/build/components/openingHours/openingHoursWeek/OpeningHoursWeek.js.map +1 -1
- package/build/components/openingHours/openingHoursWeek/index.js +4 -6
- package/build/components/openingHours/openingHoursWeek/index.js.map +1 -1
- package/build/components/openingHours/utils/OpeningHoursUtil.js +51 -76
- package/build/components/openingHours/utils/OpeningHoursUtil.js.map +1 -1
- package/build/components/radio/Radio.js +38 -75
- package/build/components/radio/Radio.js.map +1 -1
- package/build/components/radio/index.js +4 -6
- package/build/components/radio/index.js.map +1 -1
- package/build/components/radioContainer/RadioContainer.js +19 -49
- package/build/components/radioContainer/RadioContainer.js.map +1 -1
- package/build/components/radioContainer/index.js +4 -6
- package/build/components/radioContainer/index.js.map +1 -1
- package/build/components/select/Select.js +186 -264
- package/build/components/select/Select.js.map +1 -1
- package/build/components/select/index.js +4 -6
- package/build/components/select/index.js.map +1 -1
- package/build/components/submit/Submit.js +50 -87
- package/build/components/submit/Submit.js.map +1 -1
- package/build/components/submit/index.js +4 -6
- package/build/components/submit/index.js.map +1 -1
- package/build/components/submit/subComponents/SubmitValidationSummary.js +5 -7
- package/build/components/submit/subComponents/SubmitValidationSummary.js.map +1 -1
- package/build/components/tags/Tags.js +365 -565
- package/build/components/tags/Tags.js.map +1 -1
- package/build/components/tags/index.js +4 -6
- package/build/components/tags/index.js.map +1 -1
- package/build/components/tags/subComponents/TagsSuggestions.js +29 -30
- package/build/components/tags/subComponents/TagsSuggestions.js.map +1 -1
- package/build/components/text/Text.js +95 -138
- package/build/components/text/Text.js.map +1 -1
- package/build/components/text/index.js +4 -6
- package/build/components/text/index.js.map +1 -1
- package/build/components/textArea/TextArea.js +52 -91
- package/build/components/textArea/TextArea.js.map +1 -1
- package/build/components/textArea/index.js +4 -6
- package/build/components/textArea/index.js.map +1 -1
- package/build/components/themeProvider/ThemeContext.js +6 -8
- package/build/components/themeProvider/ThemeContext.js.map +1 -1
- package/build/components/themeProvider/ThemeProvider.js +3 -5
- package/build/components/themeProvider/ThemeProvider.js.map +1 -1
- package/build/components/themeProvider/index.js +4 -6
- package/build/components/themeProvider/index.js.map +1 -1
- package/build/components/themeProvider/withThemeContext.js +10 -14
- package/build/components/themeProvider/withThemeContext.js.map +1 -1
- package/build/components/time/Time.js +184 -228
- package/build/components/time/Time.js.map +1 -1
- package/build/components/time/index.js +4 -6
- package/build/components/time/index.js.map +1 -1
- package/build/components/timeSpan/TimeSpan.js +226 -280
- package/build/components/timeSpan/TimeSpan.js.map +1 -1
- package/build/components/timeSpan/index.js +4 -6
- package/build/components/timeSpan/index.js.map +1 -1
- package/build/components/utils/Guid.js +3 -5
- package/build/components/utils/Guid.js.map +1 -1
- package/build/components/utils/ShallowEqual.js +5 -11
- package/build/components/utils/ShallowEqual.js.map +1 -1
- package/build/components/utils/TimeUtil.js +8 -22
- package/build/components/utils/TimeUtil.js.map +1 -1
- package/build/components/utils/Typescript.js.map +1 -1
- package/build/dist/guestbell-forms.css +0 -6
- package/build/dist/guestbell-forms.css.map +1 -1
- package/build/dist/guestbell-forms.min.css +1 -1
- package/build/dist/guestbell-forms.min.js +1 -1
- package/build/dist/guestbell-forms.min.js.map +1 -1
- package/build/dist/report.html +2 -2
- package/build/index.js +23 -23
- package/build/index.js.map +1 -1
- package/build/types/ElementOverrideProp.js.map +1 -1
- package/build/types/Theme.js.map +1 -1
- package/build/types/ThemeOverrides.js.map +1 -1
- package/build/validators/EmailValidator.js +8 -22
- package/build/validators/EmailValidator.js.map +1 -1
- package/build/validators/LatitudeValidator.js +13 -27
- package/build/validators/LatitudeValidator.js.map +1 -1
- package/build/validators/LongitudeValidator.js +13 -27
- package/build/validators/LongitudeValidator.js.map +1 -1
- package/build/validators/NumberValidator.js +27 -39
- package/build/validators/NumberValidator.js.map +1 -1
- package/build/validators/UrlValidator.js +9 -23
- package/build/validators/UrlValidator.js.map +1 -1
- package/build/validators/base.js.map +1 -1
- package/build/validators/index.js +6 -6
- package/build/validators/index.js.map +1 -1
- package/package.json +8 -5
- package/tsconfig.json +0 -1
@@ -1,17 +1,15 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
4
|
-
|
5
3
|
Object.defineProperty(exports, "__esModule", {
|
6
4
|
value: true
|
7
5
|
});
|
8
|
-
exports.default = exports.
|
6
|
+
exports.default = exports.NumberInputRaw = exports.NumberInput = void 0;
|
9
7
|
|
10
8
|
var React = _interopRequireWildcard(require("react"));
|
11
9
|
|
12
10
|
var _InputGroup = _interopRequireDefault(require("../inputGroup/InputGroup"));
|
13
11
|
|
14
|
-
var
|
12
|
+
var _BaseInput = require("../base/input/BaseInput");
|
15
13
|
|
16
14
|
var _withFormContext = require("../form/withFormContext");
|
17
15
|
|
@@ -19,31 +17,11 @@ var _withThemeContext = require("../themeProvider/withThemeContext");
|
|
19
17
|
|
20
18
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
21
19
|
|
22
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function
|
23
|
-
|
24
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
25
|
-
|
26
|
-
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
27
|
-
|
28
|
-
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
29
|
-
|
30
|
-
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
31
|
-
|
32
|
-
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
33
|
-
|
34
|
-
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
35
|
-
|
36
|
-
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
20
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
37
21
|
|
38
|
-
function
|
22
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
39
23
|
|
40
|
-
function
|
41
|
-
|
42
|
-
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
43
|
-
|
44
|
-
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
45
|
-
|
46
|
-
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
24
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
47
25
|
|
48
26
|
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
49
27
|
|
@@ -62,156 +40,140 @@ ArrowIcon.defaultProps = {
|
|
62
40
|
|
63
41
|
var classNames = require('classnames');
|
64
42
|
|
65
|
-
|
66
|
-
|
67
|
-
|
68
|
-
var _super = _createSuper(NumberInputRaw);
|
69
|
-
|
70
|
-
function NumberInputRaw(props) {
|
71
|
-
var _this;
|
72
|
-
|
73
|
-
_classCallCheck(this, NumberInputRaw);
|
74
|
-
|
75
|
-
_this = _super.call(this, props);
|
43
|
+
class NumberInputRaw extends _BaseInput.BaseInput {
|
44
|
+
constructor(props) {
|
45
|
+
super(props);
|
76
46
|
|
77
|
-
_defineProperty(
|
78
|
-
|
79
|
-
|
80
|
-
_this.handleBlur(e);
|
47
|
+
_defineProperty(this, "onBlur", e => {
|
48
|
+
this.commitState();
|
49
|
+
this.handleBlur(e);
|
81
50
|
});
|
82
51
|
|
83
|
-
_defineProperty(
|
52
|
+
_defineProperty(this, "removeUnitClick", e => {
|
84
53
|
e.preventDefault();
|
85
|
-
|
86
|
-
_this.handleLimits((_this.props.number || 0) - 1);
|
54
|
+
this.handleLimits((this.props.number || 0) - 1);
|
87
55
|
});
|
88
56
|
|
89
|
-
_defineProperty(
|
90
|
-
|
57
|
+
_defineProperty(this, "onUnitChanged", e => {
|
58
|
+
this.setState({
|
91
59
|
currentText: e.target.value
|
92
60
|
});
|
93
61
|
});
|
94
62
|
|
95
|
-
_defineProperty(
|
63
|
+
_defineProperty(this, "onKeyDown", e => {
|
96
64
|
if (e.key === 'Enter') {
|
97
|
-
|
65
|
+
this.commitState();
|
98
66
|
}
|
99
67
|
});
|
100
68
|
|
101
|
-
_defineProperty(
|
69
|
+
_defineProperty(this, "addUnitClick", e => {
|
102
70
|
e.preventDefault();
|
103
|
-
|
104
|
-
_this.handleLimits((_this.props.number || 0) + 1);
|
71
|
+
this.handleLimits((this.props.number || 0) + 1);
|
105
72
|
});
|
106
73
|
|
107
|
-
|
108
|
-
|
109
|
-
|
110
|
-
return _this;
|
74
|
+
this.removeUnitClick = this.removeUnitClick.bind(this);
|
75
|
+
this.addUnitClick = this.addUnitClick.bind(this);
|
76
|
+
this.onUnitChanged = this.onUnitChanged.bind(this);
|
111
77
|
}
|
112
78
|
|
113
|
-
|
114
|
-
|
115
|
-
|
116
|
-
|
117
|
-
|
118
|
-
|
119
|
-
|
120
|
-
|
121
|
-
|
122
|
-
|
123
|
-
|
124
|
-
|
125
|
-
|
126
|
-
|
127
|
-
|
128
|
-
|
129
|
-
|
130
|
-
|
131
|
-
|
132
|
-
|
133
|
-
|
134
|
-
|
135
|
-
|
136
|
-
|
137
|
-
|
138
|
-
|
139
|
-
|
140
|
-
|
141
|
-
|
142
|
-
|
143
|
-
|
144
|
-
|
145
|
-
|
146
|
-
|
147
|
-
|
148
|
-
|
149
|
-
|
150
|
-
|
151
|
-
|
152
|
-
|
153
|
-
|
154
|
-
|
155
|
-
|
156
|
-
|
157
|
-
|
158
|
-
|
159
|
-
|
160
|
-
|
161
|
-
|
162
|
-
|
163
|
-
|
164
|
-
|
165
|
-
|
166
|
-
|
167
|
-
|
168
|
-
|
169
|
-
|
170
|
-
|
171
|
-
|
172
|
-
|
173
|
-
|
174
|
-
|
175
|
-
this.handleLimits(num);
|
176
|
-
}
|
177
|
-
|
178
|
-
this.setState({
|
179
|
-
currentText: undefined
|
180
|
-
});
|
79
|
+
render() {
|
80
|
+
const {
|
81
|
+
unit
|
82
|
+
} = this.props;
|
83
|
+
return /*#__PURE__*/React.createElement(_InputGroup.default, {
|
84
|
+
title: this.props.title
|
85
|
+
}, /*#__PURE__*/React.createElement("div", _extends({}, this.props.id && {
|
86
|
+
id: this.props.id
|
87
|
+
}, {
|
88
|
+
className: 'input__base number-input ' + this.getValidationClass() + ' ' + (this.props.className ? this.props.className : ''),
|
89
|
+
ref: this.containerRef
|
90
|
+
}), /*#__PURE__*/React.createElement("div", {
|
91
|
+
className: ""
|
92
|
+
}, /*#__PURE__*/React.createElement("div", {
|
93
|
+
className: "number-input__arrows__container"
|
94
|
+
}, /*#__PURE__*/React.createElement("button", _extends({
|
95
|
+
className: "plus",
|
96
|
+
onClick: this.addUnitClick
|
97
|
+
}, this.props.id && {
|
98
|
+
id: this.props.id + '-add-hours-button'
|
99
|
+
}, {
|
100
|
+
tabIndex: 0
|
101
|
+
}), /*#__PURE__*/React.createElement(ArrowIcon, null)), /*#__PURE__*/React.createElement("div", {
|
102
|
+
className: "input-padding"
|
103
|
+
}, /*#__PURE__*/React.createElement("input", _extends({}, this.props.id && {
|
104
|
+
id: this.props.id + '-input'
|
105
|
+
}, {
|
106
|
+
disabled: this.getDisabled(),
|
107
|
+
required: this.props.required,
|
108
|
+
className: classNames('number-input__time', {
|
109
|
+
filled: this.props.number !== undefined
|
110
|
+
}),
|
111
|
+
onChange: this.onUnitChanged,
|
112
|
+
value: this.state.currentText !== undefined ? this.state.currentText : this.props.number,
|
113
|
+
onBlur: this.onBlur,
|
114
|
+
onFocus: this.handleFocus,
|
115
|
+
type: "number",
|
116
|
+
onKeyDown: this.onKeyDown
|
117
|
+
})), /*#__PURE__*/React.createElement("span", {
|
118
|
+
className: "highlight"
|
119
|
+
})), /*#__PURE__*/React.createElement("button", _extends({
|
120
|
+
className: "minus",
|
121
|
+
onClick: this.removeUnitClick
|
122
|
+
}, this.props.id && {
|
123
|
+
id: this.props.id + '-subtract-hours-button'
|
124
|
+
}, {
|
125
|
+
tabIndex: 0
|
126
|
+
}), /*#__PURE__*/React.createElement(ArrowIcon, null))), unit), this.renderDefaultValidation(), /*#__PURE__*/React.createElement("span", {
|
127
|
+
className: "highlight"
|
128
|
+
}), /*#__PURE__*/React.createElement("span", {
|
129
|
+
className: 'bar ' + (this.state.focused ? 'focused' : '')
|
130
|
+
}), this.props.label && /*#__PURE__*/React.createElement("label", {
|
131
|
+
className: classNames('number-input__label label--focused')
|
132
|
+
}, this.renderLabel())));
|
133
|
+
}
|
134
|
+
|
135
|
+
commitState() {
|
136
|
+
if (this.state.currentText) {
|
137
|
+
var num = Number(this.state.currentText);
|
138
|
+
|
139
|
+
if (!isNaN(num)) {
|
140
|
+
this.handleLimits(num);
|
181
141
|
}
|
142
|
+
|
143
|
+
this.setState({
|
144
|
+
currentText: undefined
|
145
|
+
});
|
182
146
|
}
|
183
|
-
}
|
184
|
-
key: "handleLimits",
|
185
|
-
value: function handleLimits(num) {
|
186
|
-
if (this.props.min !== undefined) {
|
187
|
-
if (num - this.props.min <= 0) {
|
188
|
-
this.props.onNumberChange(this.props.min);
|
189
|
-
return;
|
190
|
-
}
|
191
|
-
}
|
147
|
+
}
|
192
148
|
|
193
|
-
|
194
|
-
|
195
|
-
|
196
|
-
|
197
|
-
|
149
|
+
handleLimits(num) {
|
150
|
+
if (this.props.min !== undefined) {
|
151
|
+
if (num - this.props.min <= 0) {
|
152
|
+
this.props.onNumberChange(this.props.min);
|
153
|
+
return;
|
198
154
|
}
|
155
|
+
}
|
199
156
|
|
200
|
-
|
157
|
+
if (this.props.max !== undefined) {
|
158
|
+
if (this.props.max - num <= 0) {
|
159
|
+
this.props.onNumberChange(this.props.max);
|
160
|
+
return;
|
161
|
+
}
|
201
162
|
}
|
202
|
-
}]);
|
203
163
|
|
204
|
-
|
205
|
-
}
|
164
|
+
this.props.onNumberChange(num);
|
165
|
+
}
|
166
|
+
|
167
|
+
}
|
206
168
|
|
207
169
|
exports.NumberInputRaw = NumberInputRaw;
|
208
170
|
|
209
|
-
_defineProperty(NumberInputRaw, "defaultProps", Object.assign({},
|
171
|
+
_defineProperty(NumberInputRaw, "defaultProps", Object.assign({}, _BaseInput.BaseInput.defaultProps, {
|
210
172
|
type: 'time',
|
211
173
|
placeholder: ''
|
212
174
|
}));
|
213
175
|
|
214
|
-
|
176
|
+
const NumberInput = (0, _withThemeContext.withThemeContext)((0, _withFormContext.withFormContext)(NumberInputRaw), 'numberInput');
|
215
177
|
exports.NumberInput = NumberInput;
|
216
178
|
var _default = NumberInput;
|
217
179
|
exports.default = _default;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/lib/components/numberInput/NumberInput.tsx"],"names":["ArrowIcon","classNames","require","NumberInputRaw","props","e","commitState","handleBlur","preventDefault","handleLimits","number","setState","currentText","target","value","key","removeUnitClick","bind","addUnitClick","onUnitChanged","unit","title","id","getValidationClass","className","containerRef","getDisabled","required","filled","undefined","state","onBlur","handleFocus","onKeyDown","renderDefaultValidation","focused","label","renderLabel","num","Number","isNaN","min","onNumberChange","max","BaseInput","Object","assign","defaultProps","type","placeholder","NumberInput"],"mappings":"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","sourcesContent":["import * as ArrowIcon from 'material-design-icons/hardware/svg/production/ic_keyboard_arrow_down_24px.svg';\r\n\r\n// Libs\r\nimport * as React from 'react';\r\n\r\n// Misc\r\nimport InputGroup from '../inputGroup/InputGroup';\r\nimport {\r\n BaseInputProps,\r\n BaseInputState,\r\n BaseInput,\r\n} from '../base/input/BaseInput';\r\nimport { withFormContext } from '../form/withFormContext';\r\nimport { withThemeContext } from '../themeProvider/withThemeContext';\r\nvar classNames = require('classnames');\r\n\r\nexport interface NumberInputProps extends BaseInputProps<HTMLInputElement> {\r\n value?: never;\r\n onChange?: never;\r\n onNumberChange: (num: number) => void;\r\n number: number;\r\n min?: number;\r\n max?: number;\r\n unit?: string;\r\n}\r\n\r\nexport interface NumberInputState extends BaseInputState {\r\n currentText: string;\r\n}\r\n\r\nexport class NumberInputRaw extends BaseInput<\r\n NumberInputProps,\r\n NumberInputState,\r\n HTMLInputElement\r\n> {\r\n public static defaultProps = (Object.assign({}, BaseInput.defaultProps, {\r\n type: 'time',\r\n placeholder: '',\r\n }) as unknown) as Partial<NumberInputProps>;\r\n\r\n constructor(props: NumberInputProps) {\r\n super(props);\r\n this.removeUnitClick = this.removeUnitClick.bind(this);\r\n this.addUnitClick = this.addUnitClick.bind(this);\r\n this.onUnitChanged = this.onUnitChanged.bind(this);\r\n }\r\n\r\n public render() {\r\n const { unit } = this.props;\r\n return (\r\n <InputGroup title={this.props.title}>\r\n <div\r\n {...(this.props.id && {\r\n id: this.props.id,\r\n })}\r\n className={\r\n 'input__base number-input ' +\r\n this.getValidationClass() +\r\n ' ' +\r\n (this.props.className ? this.props.className : '')\r\n }\r\n ref={this.containerRef}\r\n >\r\n <div className=\"\">\r\n <div className=\"number-input__arrows__container\">\r\n <button\r\n className=\"plus\"\r\n onClick={this.addUnitClick}\r\n {...(this.props.id && {\r\n id: this.props.id + '-add-hours-button',\r\n })}\r\n tabIndex={0}\r\n >\r\n <ArrowIcon />\r\n </button>\r\n <div className=\"input-padding\">\r\n <input\r\n {...(this.props.id && {\r\n id: this.props.id + '-input',\r\n })}\r\n disabled={this.getDisabled()}\r\n required={this.props.required}\r\n className={classNames('number-input__time', {\r\n filled: this.props.number !== undefined,\r\n })}\r\n onChange={this.onUnitChanged}\r\n value={\r\n this.state.currentText !== undefined\r\n ? this.state.currentText\r\n : this.props.number\r\n }\r\n onBlur={this.onBlur}\r\n onFocus={this.handleFocus}\r\n type=\"number\"\r\n onKeyDown={this.onKeyDown}\r\n />\r\n <span className=\"highlight\" />\r\n </div>\r\n <button\r\n className=\"minus\"\r\n onClick={this.removeUnitClick}\r\n {...(this.props.id && {\r\n id: this.props.id + '-subtract-hours-button',\r\n })}\r\n tabIndex={0}\r\n >\r\n <ArrowIcon />\r\n </button>\r\n </div>\r\n {unit}\r\n </div>\r\n {this.renderDefaultValidation()}\r\n <span className=\"highlight\" />\r\n <span className={'bar ' + (this.state.focused ? 'focused' : '')} />\r\n {this.props.label && (\r\n <label className={classNames('number-input__label label--focused')}>\r\n {this.renderLabel()}\r\n </label>\r\n )}\r\n </div>\r\n </InputGroup>\r\n );\r\n }\r\n\r\n private commitState() {\r\n if (this.state.currentText) {\r\n var num = Number(this.state.currentText);\r\n if (!isNaN(num)) {\r\n this.handleLimits(num);\r\n }\r\n this.setState({ currentText: undefined });\r\n }\r\n }\r\n\r\n private onBlur = (e: React.FocusEvent<HTMLInputElement>) => {\r\n this.commitState();\r\n this.handleBlur(e);\r\n };\r\n\r\n private removeUnitClick = (e: React.MouseEvent<HTMLButtonElement>) => {\r\n e.preventDefault();\r\n this.handleLimits((this.props.number || 0) - 1);\r\n };\r\n\r\n private onUnitChanged = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n this.setState({ currentText: e.target.value });\r\n };\r\n\r\n private onKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\r\n if (e.key === 'Enter') {\r\n this.commitState();\r\n }\r\n };\r\n\r\n private addUnitClick = (e: React.MouseEvent<HTMLButtonElement>) => {\r\n e.preventDefault();\r\n this.handleLimits((this.props.number || 0) + 1);\r\n };\r\n\r\n private handleLimits(num: number) {\r\n if (this.props.min !== undefined) {\r\n if (num - this.props.min <= 0) {\r\n this.props.onNumberChange(this.props.min);\r\n return;\r\n }\r\n }\r\n if (this.props.max !== undefined) {\r\n if (this.props.max - num <= 0) {\r\n this.props.onNumberChange(this.props.max);\r\n return;\r\n }\r\n }\r\n this.props.onNumberChange(num);\r\n }\r\n}\r\n\r\nexport const NumberInput = withThemeContext<\r\n NumberInputProps,\r\n InstanceType<typeof NumberInputRaw>\r\n>(withFormContext<NumberInputProps>(NumberInputRaw), 'numberInput');\r\n\r\nexport default NumberInput;\r\n"],"file":"NumberInput.js"}
|
1
|
+
{"version":3,"file":"NumberInput.js","names":["ArrowIcon","classNames","require","NumberInputRaw","BaseInput","constructor","props","e","commitState","handleBlur","preventDefault","handleLimits","number","setState","currentText","target","value","key","removeUnitClick","bind","addUnitClick","onUnitChanged","render","unit","title","id","getValidationClass","className","containerRef","getDisabled","required","filled","undefined","state","onBlur","handleFocus","onKeyDown","renderDefaultValidation","focused","label","renderLabel","num","Number","isNaN","min","onNumberChange","max","Object","assign","defaultProps","type","placeholder","NumberInput","withThemeContext","withFormContext"],"sources":["../../../src/lib/components/numberInput/NumberInput.tsx"],"sourcesContent":["import * as ArrowIcon from 'material-design-icons/hardware/svg/production/ic_keyboard_arrow_down_24px.svg';\r\n\r\n// Libs\r\nimport * as React from 'react';\r\n\r\n// Misc\r\nimport InputGroup from '../inputGroup/InputGroup';\r\nimport {\r\n BaseInputProps,\r\n BaseInputState,\r\n BaseInput,\r\n} from '../base/input/BaseInput';\r\nimport { withFormContext } from '../form/withFormContext';\r\nimport { withThemeContext } from '../themeProvider/withThemeContext';\r\nvar classNames = require('classnames');\r\n\r\nexport interface NumberInputProps extends BaseInputProps<HTMLInputElement> {\r\n value?: never;\r\n onChange?: never;\r\n onNumberChange: (num: number) => void;\r\n number: number;\r\n min?: number;\r\n max?: number;\r\n unit?: string;\r\n}\r\n\r\nexport interface NumberInputState extends BaseInputState {\r\n currentText: string;\r\n}\r\n\r\nexport class NumberInputRaw extends BaseInput<\r\n NumberInputProps,\r\n NumberInputState,\r\n HTMLInputElement\r\n> {\r\n public static defaultProps = (Object.assign({}, BaseInput.defaultProps, {\r\n type: 'time',\r\n placeholder: '',\r\n }) as unknown) as Partial<NumberInputProps>;\r\n\r\n constructor(props: NumberInputProps) {\r\n super(props);\r\n this.removeUnitClick = this.removeUnitClick.bind(this);\r\n this.addUnitClick = this.addUnitClick.bind(this);\r\n this.onUnitChanged = this.onUnitChanged.bind(this);\r\n }\r\n\r\n public render() {\r\n const { unit } = this.props;\r\n return (\r\n <InputGroup title={this.props.title}>\r\n <div\r\n {...(this.props.id && {\r\n id: this.props.id,\r\n })}\r\n className={\r\n 'input__base number-input ' +\r\n this.getValidationClass() +\r\n ' ' +\r\n (this.props.className ? this.props.className : '')\r\n }\r\n ref={this.containerRef}\r\n >\r\n <div className=\"\">\r\n <div className=\"number-input__arrows__container\">\r\n <button\r\n className=\"plus\"\r\n onClick={this.addUnitClick}\r\n {...(this.props.id && {\r\n id: this.props.id + '-add-hours-button',\r\n })}\r\n tabIndex={0}\r\n >\r\n <ArrowIcon />\r\n </button>\r\n <div className=\"input-padding\">\r\n <input\r\n {...(this.props.id && {\r\n id: this.props.id + '-input',\r\n })}\r\n disabled={this.getDisabled()}\r\n required={this.props.required}\r\n className={classNames('number-input__time', {\r\n filled: this.props.number !== undefined,\r\n })}\r\n onChange={this.onUnitChanged}\r\n value={\r\n this.state.currentText !== undefined\r\n ? this.state.currentText\r\n : this.props.number\r\n }\r\n onBlur={this.onBlur}\r\n onFocus={this.handleFocus}\r\n type=\"number\"\r\n onKeyDown={this.onKeyDown}\r\n />\r\n <span className=\"highlight\" />\r\n </div>\r\n <button\r\n className=\"minus\"\r\n onClick={this.removeUnitClick}\r\n {...(this.props.id && {\r\n id: this.props.id + '-subtract-hours-button',\r\n })}\r\n tabIndex={0}\r\n >\r\n <ArrowIcon />\r\n </button>\r\n </div>\r\n {unit}\r\n </div>\r\n {this.renderDefaultValidation()}\r\n <span className=\"highlight\" />\r\n <span className={'bar ' + (this.state.focused ? 'focused' : '')} />\r\n {this.props.label && (\r\n <label className={classNames('number-input__label label--focused')}>\r\n {this.renderLabel()}\r\n </label>\r\n )}\r\n </div>\r\n </InputGroup>\r\n );\r\n }\r\n\r\n private commitState() {\r\n if (this.state.currentText) {\r\n var num = Number(this.state.currentText);\r\n if (!isNaN(num)) {\r\n this.handleLimits(num);\r\n }\r\n this.setState({ currentText: undefined });\r\n }\r\n }\r\n\r\n private onBlur = (e: React.FocusEvent<HTMLInputElement>) => {\r\n this.commitState();\r\n this.handleBlur(e);\r\n };\r\n\r\n private removeUnitClick = (e: React.MouseEvent<HTMLButtonElement>) => {\r\n e.preventDefault();\r\n this.handleLimits((this.props.number || 0) - 1);\r\n };\r\n\r\n private onUnitChanged = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n this.setState({ currentText: e.target.value });\r\n };\r\n\r\n private onKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\r\n if (e.key === 'Enter') {\r\n this.commitState();\r\n }\r\n };\r\n\r\n private addUnitClick = (e: React.MouseEvent<HTMLButtonElement>) => {\r\n e.preventDefault();\r\n this.handleLimits((this.props.number || 0) + 1);\r\n };\r\n\r\n private handleLimits(num: number) {\r\n if (this.props.min !== undefined) {\r\n if (num - this.props.min <= 0) {\r\n this.props.onNumberChange(this.props.min);\r\n return;\r\n }\r\n }\r\n if (this.props.max !== undefined) {\r\n if (this.props.max - num <= 0) {\r\n this.props.onNumberChange(this.props.max);\r\n return;\r\n }\r\n }\r\n this.props.onNumberChange(num);\r\n }\r\n}\r\n\r\nexport const NumberInput = withThemeContext<\r\n NumberInputProps,\r\n InstanceType<typeof NumberInputRaw>\r\n>(withFormContext<NumberInputProps>(NumberInputRaw), 'numberInput');\r\n\r\nexport default NumberInput;\r\n"],"mappings":";;;;;;;AAGA;;AAGA;;AACA;;AAKA;;AACA;;;;;;;;;;;;IAbYA,S,YAAAA,S;;;;;;AAAAA,S;;;;;GAEZ;;AAYA,IAAIC,UAAU,GAAGC,OAAO,CAAC,YAAD,CAAxB;;AAgBO,MAAMC,cAAN,SAA6BC,oBAA7B,CAIL;EAMAC,WAAW,CAACC,KAAD,EAA0B;IACnC,MAAMA,KAAN;;IADmC,gCA8FnBC,CAAD,IAA2C;MAC1D,KAAKC,WAAL;MACA,KAAKC,UAAL,CAAgBF,CAAhB;IACD,CAjGoC;;IAAA,yCAmGVA,CAAD,IAA4C;MACpEA,CAAC,CAACG,cAAF;MACA,KAAKC,YAAL,CAAkB,CAAC,KAAKL,KAAL,CAAWM,MAAX,IAAqB,CAAtB,IAA2B,CAA7C;IACD,CAtGoC;;IAAA,uCAwGZL,CAAD,IAA4C;MAClE,KAAKM,QAAL,CAAc;QAAEC,WAAW,EAAEP,CAAC,CAACQ,MAAF,CAASC;MAAxB,CAAd;IACD,CA1GoC;;IAAA,mCA4GhBT,CAAD,IAA8C;MAChE,IAAIA,CAAC,CAACU,GAAF,KAAU,OAAd,EAAuB;QACrB,KAAKT,WAAL;MACD;IACF,CAhHoC;;IAAA,sCAkHbD,CAAD,IAA4C;MACjEA,CAAC,CAACG,cAAF;MACA,KAAKC,YAAL,CAAkB,CAAC,KAAKL,KAAL,CAAWM,MAAX,IAAqB,CAAtB,IAA2B,CAA7C;IACD,CArHoC;;IAEnC,KAAKM,eAAL,GAAuB,KAAKA,eAAL,CAAqBC,IAArB,CAA0B,IAA1B,CAAvB;IACA,KAAKC,YAAL,GAAoB,KAAKA,YAAL,CAAkBD,IAAlB,CAAuB,IAAvB,CAApB;IACA,KAAKE,aAAL,GAAqB,KAAKA,aAAL,CAAmBF,IAAnB,CAAwB,IAAxB,CAArB;EACD;;EAEMG,MAAM,GAAG;IACd,MAAM;MAAEC;IAAF,IAAW,KAAKjB,KAAtB;IACA,oBACE,oBAAC,mBAAD;MAAY,KAAK,EAAE,KAAKA,KAAL,CAAWkB;IAA9B,gBACE,wCACO,KAAKlB,KAAL,CAAWmB,EAAX,IAAiB;MACpBA,EAAE,EAAE,KAAKnB,KAAL,CAAWmB;IADK,CADxB;MAIE,SAAS,EACP,8BACA,KAAKC,kBAAL,EADA,GAEA,GAFA,IAGC,KAAKpB,KAAL,CAAWqB,SAAX,GAAuB,KAAKrB,KAAL,CAAWqB,SAAlC,GAA8C,EAH/C,CALJ;MAUE,GAAG,EAAE,KAAKC;IAVZ,iBAYE;MAAK,SAAS,EAAC;IAAf,gBACE;MAAK,SAAS,EAAC;IAAf,gBACE;MACE,SAAS,EAAC,MADZ;MAEE,OAAO,EAAE,KAAKR;IAFhB,GAGO,KAAKd,KAAL,CAAWmB,EAAX,IAAiB;MACpBA,EAAE,EAAE,KAAKnB,KAAL,CAAWmB,EAAX,GAAgB;IADA,CAHxB;MAME,QAAQ,EAAE;IANZ,iBAQE,oBAAC,SAAD,OARF,CADF,eAWE;MAAK,SAAS,EAAC;IAAf,gBACE,0CACO,KAAKnB,KAAL,CAAWmB,EAAX,IAAiB;MACpBA,EAAE,EAAE,KAAKnB,KAAL,CAAWmB,EAAX,GAAgB;IADA,CADxB;MAIE,QAAQ,EAAE,KAAKI,WAAL,EAJZ;MAKE,QAAQ,EAAE,KAAKvB,KAAL,CAAWwB,QALvB;MAME,SAAS,EAAE7B,UAAU,CAAC,oBAAD,EAAuB;QAC1C8B,MAAM,EAAE,KAAKzB,KAAL,CAAWM,MAAX,KAAsBoB;MADY,CAAvB,CANvB;MASE,QAAQ,EAAE,KAAKX,aATjB;MAUE,KAAK,EACH,KAAKY,KAAL,CAAWnB,WAAX,KAA2BkB,SAA3B,GACI,KAAKC,KAAL,CAAWnB,WADf,GAEI,KAAKR,KAAL,CAAWM,MAbnB;MAeE,MAAM,EAAE,KAAKsB,MAff;MAgBE,OAAO,EAAE,KAAKC,WAhBhB;MAiBE,IAAI,EAAC,QAjBP;MAkBE,SAAS,EAAE,KAAKC;IAlBlB,GADF,eAqBE;MAAM,SAAS,EAAC;IAAhB,EArBF,CAXF,eAkCE;MACE,SAAS,EAAC,OADZ;MAEE,OAAO,EAAE,KAAKlB;IAFhB,GAGO,KAAKZ,KAAL,CAAWmB,EAAX,IAAiB;MACpBA,EAAE,EAAE,KAAKnB,KAAL,CAAWmB,EAAX,GAAgB;IADA,CAHxB;MAME,QAAQ,EAAE;IANZ,iBAQE,oBAAC,SAAD,OARF,CAlCF,CADF,EA8CGF,IA9CH,CAZF,EA4DG,KAAKc,uBAAL,EA5DH,eA6DE;MAAM,SAAS,EAAC;IAAhB,EA7DF,eA8DE;MAAM,SAAS,EAAE,UAAU,KAAKJ,KAAL,CAAWK,OAAX,GAAqB,SAArB,GAAiC,EAA3C;IAAjB,EA9DF,EA+DG,KAAKhC,KAAL,CAAWiC,KAAX,iBACC;MAAO,SAAS,EAAEtC,UAAU,CAAC,oCAAD;IAA5B,GACG,KAAKuC,WAAL,EADH,CAhEJ,CADF,CADF;EAyED;;EAEOhC,WAAW,GAAG;IACpB,IAAI,KAAKyB,KAAL,CAAWnB,WAAf,EAA4B;MAC1B,IAAI2B,GAAG,GAAGC,MAAM,CAAC,KAAKT,KAAL,CAAWnB,WAAZ,CAAhB;;MACA,IAAI,CAAC6B,KAAK,CAACF,GAAD,CAAV,EAAiB;QACf,KAAK9B,YAAL,CAAkB8B,GAAlB;MACD;;MACD,KAAK5B,QAAL,CAAc;QAAEC,WAAW,EAAEkB;MAAf,CAAd;IACD;EACF;;EA2BOrB,YAAY,CAAC8B,GAAD,EAAc;IAChC,IAAI,KAAKnC,KAAL,CAAWsC,GAAX,KAAmBZ,SAAvB,EAAkC;MAChC,IAAIS,GAAG,GAAG,KAAKnC,KAAL,CAAWsC,GAAjB,IAAwB,CAA5B,EAA+B;QAC7B,KAAKtC,KAAL,CAAWuC,cAAX,CAA0B,KAAKvC,KAAL,CAAWsC,GAArC;QACA;MACD;IACF;;IACD,IAAI,KAAKtC,KAAL,CAAWwC,GAAX,KAAmBd,SAAvB,EAAkC;MAChC,IAAI,KAAK1B,KAAL,CAAWwC,GAAX,GAAiBL,GAAjB,IAAwB,CAA5B,EAA+B;QAC7B,KAAKnC,KAAL,CAAWuC,cAAX,CAA0B,KAAKvC,KAAL,CAAWwC,GAArC;QACA;MACD;IACF;;IACD,KAAKxC,KAAL,CAAWuC,cAAX,CAA0BJ,GAA1B;EACD;;AA3ID;;;;gBAJWtC,c,kBAKmB4C,MAAM,CAACC,MAAP,CAAc,EAAd,EAAkB5C,oBAAA,CAAU6C,YAA5B,EAA0C;EACtEC,IAAI,EAAE,MADgE;EAEtEC,WAAW,EAAE;AAFyD,CAA1C,C;;AA6IzB,MAAMC,WAAW,GAAG,IAAAC,kCAAA,EAGzB,IAAAC,gCAAA,EAAkCnD,cAAlC,CAHyB,EAG0B,aAH1B,CAApB;;eAKQiD,W"}
|
@@ -1,14 +1,12 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
4
|
-
|
5
3
|
Object.defineProperty(exports, "__esModule", {
|
6
4
|
value: true
|
7
5
|
});
|
8
6
|
var _exportNames = {};
|
9
7
|
Object.defineProperty(exports, "default", {
|
10
8
|
enumerable: true,
|
11
|
-
get: function
|
9
|
+
get: function () {
|
12
10
|
return _NumberInput.default;
|
13
11
|
}
|
14
12
|
});
|
@@ -21,13 +19,13 @@ Object.keys(_NumberInput).forEach(function (key) {
|
|
21
19
|
if (key in exports && exports[key] === _NumberInput[key]) return;
|
22
20
|
Object.defineProperty(exports, key, {
|
23
21
|
enumerable: true,
|
24
|
-
get: function
|
22
|
+
get: function () {
|
25
23
|
return _NumberInput[key];
|
26
24
|
}
|
27
25
|
});
|
28
26
|
});
|
29
27
|
|
30
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function
|
28
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
31
29
|
|
32
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null ||
|
30
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
33
31
|
//# sourceMappingURL=index.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/lib/components/numberInput/index.tsx"],"
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../../src/lib/components/numberInput/index.tsx"],"sourcesContent":["export * from './NumberInput';\r\nexport { default } from './NumberInput';\r\n"],"mappings":";;;;;;;;;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
|