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.
Files changed (209) hide show
  1. package/build/components/InputHeader/InputHeader.js +258 -323
  2. package/build/components/InputHeader/InputHeader.js.map +1 -1
  3. package/build/components/InputHeader/InputHeaderContext.js +6 -8
  4. package/build/components/InputHeader/InputHeaderContext.js.map +1 -1
  5. package/build/components/InputHeader/index.js +4 -6
  6. package/build/components/InputHeader/index.js.map +1 -1
  7. package/build/components/InputHeader/withInputHeaderContext.js +9 -13
  8. package/build/components/InputHeader/withInputHeaderContext.js.map +1 -1
  9. package/build/components/base/input/BaseInput.js +334 -418
  10. package/build/components/base/input/BaseInput.js.map +1 -1
  11. package/build/components/base/input/index.js +1 -1
  12. package/build/components/base/input/index.js.map +1 -1
  13. package/build/components/bookingCalendar/BookingCalendar.js +68 -85
  14. package/build/components/bookingCalendar/BookingCalendar.js.map +1 -1
  15. package/build/components/bookingCalendar/bookingCalendarControls/BookingCalendarControls.js +40 -71
  16. package/build/components/bookingCalendar/bookingCalendarControls/BookingCalendarControls.js.map +1 -1
  17. package/build/components/bookingCalendar/bookingCalendarControls/classes.js +1 -1
  18. package/build/components/bookingCalendar/bookingCalendarControls/classes.js.map +1 -1
  19. package/build/components/bookingCalendar/bookingCalendarControls/index.js +2 -2
  20. package/build/components/bookingCalendar/bookingCalendarControls/index.js.map +1 -1
  21. package/build/components/bookingCalendar/bookingCalendarDatePicker/BookingCalendarDatePicker.js +22 -41
  22. package/build/components/bookingCalendar/bookingCalendarDatePicker/BookingCalendarDatePicker.js.map +1 -1
  23. package/build/components/bookingCalendar/bookingCalendarDatePicker/classes.js +1 -1
  24. package/build/components/bookingCalendar/bookingCalendarDatePicker/classes.js.map +1 -1
  25. package/build/components/bookingCalendar/bookingCalendarDatePicker/index.js +2 -2
  26. package/build/components/bookingCalendar/bookingCalendarDatePicker/index.js.map +1 -1
  27. package/build/components/bookingCalendar/bookingCalendarGrid/BookingCalendarGrid.js +20 -24
  28. package/build/components/bookingCalendar/bookingCalendarGrid/BookingCalendarGrid.js.map +1 -1
  29. package/build/components/bookingCalendar/bookingCalendarGrid/classes.js +1 -1
  30. package/build/components/bookingCalendar/bookingCalendarGrid/classes.js.map +1 -1
  31. package/build/components/bookingCalendar/bookingCalendarItem/BookingCalendarItem.js +9 -12
  32. package/build/components/bookingCalendar/bookingCalendarItem/BookingCalendarItem.js.map +1 -1
  33. package/build/components/bookingCalendar/bookingCalendarItem/classes.js +1 -1
  34. package/build/components/bookingCalendar/bookingCalendarItem/classes.js.map +1 -1
  35. package/build/components/bookingCalendar/bookingCalendarItem/index.js +2 -2
  36. package/build/components/bookingCalendar/bookingCalendarItem/index.js.map +1 -1
  37. package/build/components/bookingCalendar/bookingCalendarLane/BookingCalendarLane.js +23 -28
  38. package/build/components/bookingCalendar/bookingCalendarLane/BookingCalendarLane.js.map +1 -1
  39. package/build/components/bookingCalendar/bookingCalendarLane/classes.js +1 -1
  40. package/build/components/bookingCalendar/bookingCalendarLane/classes.js.map +1 -1
  41. package/build/components/bookingCalendar/bookingCalendarLane/index.js +2 -2
  42. package/build/components/bookingCalendar/bookingCalendarLane/index.js.map +1 -1
  43. package/build/components/bookingCalendar/bookingCalendarLaneHeader/BookingCalendarLaneHeader.js +6 -6
  44. package/build/components/bookingCalendar/bookingCalendarLaneHeader/BookingCalendarLaneHeader.js.map +1 -1
  45. package/build/components/bookingCalendar/bookingCalendarLaneHeader/classes.js +1 -1
  46. package/build/components/bookingCalendar/bookingCalendarLaneHeader/classes.js.map +1 -1
  47. package/build/components/bookingCalendar/bookingCalendarLaneHeader/index.js +1 -1
  48. package/build/components/bookingCalendar/bookingCalendarLaneHeader/index.js.map +1 -1
  49. package/build/components/bookingCalendar/bookingCalendarLanesHeader/BookingCalendarLanesHeader.js +12 -16
  50. package/build/components/bookingCalendar/bookingCalendarLanesHeader/BookingCalendarLanesHeader.js.map +1 -1
  51. package/build/components/bookingCalendar/bookingCalendarLanesHeader/BookingCalendarLanesHeaderRenderItem.js +27 -31
  52. package/build/components/bookingCalendar/bookingCalendarLanesHeader/BookingCalendarLanesHeaderRenderItem.js.map +1 -1
  53. package/build/components/bookingCalendar/bookingCalendarLanesHeader/classes.js +1 -1
  54. package/build/components/bookingCalendar/bookingCalendarLanesHeader/classes.js.map +1 -1
  55. package/build/components/bookingCalendar/bookingCalendarLanesHeader/index.js +2 -2
  56. package/build/components/bookingCalendar/bookingCalendarLanesHeader/index.js.map +1 -1
  57. package/build/components/bookingCalendar/bookingCalendarRenderItem/BookingCalendarRenderItem.js +19 -19
  58. package/build/components/bookingCalendar/bookingCalendarRenderItem/BookingCalendarRenderItem.js.map +1 -1
  59. package/build/components/bookingCalendar/bookingCalendarRenderItem/classes.js +1 -1
  60. package/build/components/bookingCalendar/bookingCalendarRenderItem/classes.js.map +1 -1
  61. package/build/components/bookingCalendar/bookingCalendarRenderItem/index.js +1 -1
  62. package/build/components/bookingCalendar/bookingCalendarRenderItem/index.js.map +1 -1
  63. package/build/components/bookingCalendar/bookingCalendarSelection/BookingCalendarSelection.js +133 -175
  64. package/build/components/bookingCalendar/bookingCalendarSelection/BookingCalendarSelection.js.map +1 -1
  65. package/build/components/bookingCalendar/bookingCalendarTimeAxis/BookingCalendarTimeAxis.js +17 -19
  66. package/build/components/bookingCalendar/bookingCalendarTimeAxis/BookingCalendarTimeAxis.js.map +1 -1
  67. package/build/components/bookingCalendar/bookingCalendarTimeAxis/classes.js +1 -1
  68. package/build/components/bookingCalendar/bookingCalendarTimeAxis/classes.js.map +1 -1
  69. package/build/components/bookingCalendar/classes.js +1 -1
  70. package/build/components/bookingCalendar/classes.js.map +1 -1
  71. package/build/components/bookingCalendar/common.js +5 -7
  72. package/build/components/bookingCalendar/common.js.map +1 -1
  73. package/build/components/bookingCalendar/index.js +3 -3
  74. package/build/components/bookingCalendar/index.js.map +1 -1
  75. package/build/components/bookingCalendar/utils.js +143 -205
  76. package/build/components/bookingCalendar/utils.js.map +1 -1
  77. package/build/components/button/Button.js +101 -123
  78. package/build/components/button/Button.js.map +1 -1
  79. package/build/components/button/index.js +4 -6
  80. package/build/components/button/index.js.map +1 -1
  81. package/build/components/checkbox/Checkbox.js +102 -145
  82. package/build/components/checkbox/Checkbox.js.map +1 -1
  83. package/build/components/checkbox/index.js +4 -6
  84. package/build/components/checkbox/index.js.map +1 -1
  85. package/build/components/dropdown/Dropdown.js +41 -57
  86. package/build/components/dropdown/Dropdown.js.map +1 -1
  87. package/build/components/dropdown/index.js +4 -6
  88. package/build/components/dropdown/index.js.map +1 -1
  89. package/build/components/dynamicSubmit/DynamicSubmit.js +81 -123
  90. package/build/components/dynamicSubmit/DynamicSubmit.js.map +1 -1
  91. package/build/components/dynamicSubmit/index.js +4 -6
  92. package/build/components/dynamicSubmit/index.js.map +1 -1
  93. package/build/components/form/Form.js +139 -193
  94. package/build/components/form/Form.js.map +1 -1
  95. package/build/components/form/FormContext.js +6 -8
  96. package/build/components/form/FormContext.js.map +1 -1
  97. package/build/components/form/FormValidationSummary.js +57 -105
  98. package/build/components/form/FormValidationSummary.js.map +1 -1
  99. package/build/components/form/index.js +5 -7
  100. package/build/components/form/index.js.map +1 -1
  101. package/build/components/form/withFormContext.js +9 -13
  102. package/build/components/form/withFormContext.js.map +1 -1
  103. package/build/components/inputGroup/InputGroup.js +16 -48
  104. package/build/components/inputGroup/InputGroup.js.map +1 -1
  105. package/build/components/inputGroup/index.js +4 -6
  106. package/build/components/inputGroup/index.js.map +1 -1
  107. package/build/components/money/Money.js +137 -211
  108. package/build/components/money/Money.js.map +1 -1
  109. package/build/components/money/index.js +4 -6
  110. package/build/components/money/index.js.map +1 -1
  111. package/build/components/numberInput/NumberInput.js +106 -144
  112. package/build/components/numberInput/NumberInput.js.map +1 -1
  113. package/build/components/numberInput/index.js +4 -6
  114. package/build/components/numberInput/index.js.map +1 -1
  115. package/build/components/openingHours/openingHoursDay/OpeningHoursDay.js +162 -220
  116. package/build/components/openingHours/openingHoursDay/OpeningHoursDay.js.map +1 -1
  117. package/build/components/openingHours/openingHoursDay/index.js +4 -6
  118. package/build/components/openingHours/openingHoursDay/index.js.map +1 -1
  119. package/build/components/openingHours/openingHoursSpecial/OpeningHoursSpecial.js +114 -191
  120. package/build/components/openingHours/openingHoursSpecial/OpeningHoursSpecial.js.map +1 -1
  121. package/build/components/openingHours/openingHoursSpecial/index.js +4 -6
  122. package/build/components/openingHours/openingHoursSpecial/index.js.map +1 -1
  123. package/build/components/openingHours/openingHoursWeek/OpeningHoursWeek.js +150 -209
  124. package/build/components/openingHours/openingHoursWeek/OpeningHoursWeek.js.map +1 -1
  125. package/build/components/openingHours/openingHoursWeek/index.js +4 -6
  126. package/build/components/openingHours/openingHoursWeek/index.js.map +1 -1
  127. package/build/components/openingHours/utils/OpeningHoursUtil.js +51 -76
  128. package/build/components/openingHours/utils/OpeningHoursUtil.js.map +1 -1
  129. package/build/components/radio/Radio.js +38 -75
  130. package/build/components/radio/Radio.js.map +1 -1
  131. package/build/components/radio/index.js +4 -6
  132. package/build/components/radio/index.js.map +1 -1
  133. package/build/components/radioContainer/RadioContainer.js +19 -49
  134. package/build/components/radioContainer/RadioContainer.js.map +1 -1
  135. package/build/components/radioContainer/index.js +4 -6
  136. package/build/components/radioContainer/index.js.map +1 -1
  137. package/build/components/select/Select.js +186 -264
  138. package/build/components/select/Select.js.map +1 -1
  139. package/build/components/select/index.js +4 -6
  140. package/build/components/select/index.js.map +1 -1
  141. package/build/components/submit/Submit.js +50 -87
  142. package/build/components/submit/Submit.js.map +1 -1
  143. package/build/components/submit/index.js +4 -6
  144. package/build/components/submit/index.js.map +1 -1
  145. package/build/components/submit/subComponents/SubmitValidationSummary.js +5 -7
  146. package/build/components/submit/subComponents/SubmitValidationSummary.js.map +1 -1
  147. package/build/components/tags/Tags.js +365 -565
  148. package/build/components/tags/Tags.js.map +1 -1
  149. package/build/components/tags/index.js +4 -6
  150. package/build/components/tags/index.js.map +1 -1
  151. package/build/components/tags/subComponents/TagsSuggestions.js +29 -30
  152. package/build/components/tags/subComponents/TagsSuggestions.js.map +1 -1
  153. package/build/components/text/Text.js +95 -138
  154. package/build/components/text/Text.js.map +1 -1
  155. package/build/components/text/index.js +4 -6
  156. package/build/components/text/index.js.map +1 -1
  157. package/build/components/textArea/TextArea.js +52 -91
  158. package/build/components/textArea/TextArea.js.map +1 -1
  159. package/build/components/textArea/index.js +4 -6
  160. package/build/components/textArea/index.js.map +1 -1
  161. package/build/components/themeProvider/ThemeContext.js +6 -8
  162. package/build/components/themeProvider/ThemeContext.js.map +1 -1
  163. package/build/components/themeProvider/ThemeProvider.js +3 -5
  164. package/build/components/themeProvider/ThemeProvider.js.map +1 -1
  165. package/build/components/themeProvider/index.js +4 -6
  166. package/build/components/themeProvider/index.js.map +1 -1
  167. package/build/components/themeProvider/withThemeContext.js +10 -14
  168. package/build/components/themeProvider/withThemeContext.js.map +1 -1
  169. package/build/components/time/Time.js +184 -228
  170. package/build/components/time/Time.js.map +1 -1
  171. package/build/components/time/index.js +4 -6
  172. package/build/components/time/index.js.map +1 -1
  173. package/build/components/timeSpan/TimeSpan.js +226 -280
  174. package/build/components/timeSpan/TimeSpan.js.map +1 -1
  175. package/build/components/timeSpan/index.js +4 -6
  176. package/build/components/timeSpan/index.js.map +1 -1
  177. package/build/components/utils/Guid.js +3 -5
  178. package/build/components/utils/Guid.js.map +1 -1
  179. package/build/components/utils/ShallowEqual.js +5 -11
  180. package/build/components/utils/ShallowEqual.js.map +1 -1
  181. package/build/components/utils/TimeUtil.js +8 -22
  182. package/build/components/utils/TimeUtil.js.map +1 -1
  183. package/build/components/utils/Typescript.js.map +1 -1
  184. package/build/dist/guestbell-forms.css +0 -6
  185. package/build/dist/guestbell-forms.css.map +1 -1
  186. package/build/dist/guestbell-forms.min.css +1 -1
  187. package/build/dist/guestbell-forms.min.js +1 -1
  188. package/build/dist/guestbell-forms.min.js.map +1 -1
  189. package/build/dist/report.html +2 -2
  190. package/build/index.js +23 -23
  191. package/build/index.js.map +1 -1
  192. package/build/types/ElementOverrideProp.js.map +1 -1
  193. package/build/types/Theme.js.map +1 -1
  194. package/build/types/ThemeOverrides.js.map +1 -1
  195. package/build/validators/EmailValidator.js +8 -22
  196. package/build/validators/EmailValidator.js.map +1 -1
  197. package/build/validators/LatitudeValidator.js +13 -27
  198. package/build/validators/LatitudeValidator.js.map +1 -1
  199. package/build/validators/LongitudeValidator.js +13 -27
  200. package/build/validators/LongitudeValidator.js.map +1 -1
  201. package/build/validators/NumberValidator.js +27 -39
  202. package/build/validators/NumberValidator.js.map +1 -1
  203. package/build/validators/UrlValidator.js +9 -23
  204. package/build/validators/UrlValidator.js.map +1 -1
  205. package/build/validators/base.js.map +1 -1
  206. package/build/validators/index.js +6 -6
  207. package/build/validators/index.js.map +1 -1
  208. package/package.json +8 -5
  209. 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.NumberInput = exports.NumberInputRaw = void 0;
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 _BaseInput2 = require("../base/input/BaseInput");
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 _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
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 _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); 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); }; }
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 _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
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
- var NumberInputRaw = /*#__PURE__*/function (_BaseInput) {
66
- _inherits(NumberInputRaw, _BaseInput);
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(_assertThisInitialized(_this), "onBlur", function (e) {
78
- _this.commitState();
79
-
80
- _this.handleBlur(e);
47
+ _defineProperty(this, "onBlur", e => {
48
+ this.commitState();
49
+ this.handleBlur(e);
81
50
  });
82
51
 
83
- _defineProperty(_assertThisInitialized(_this), "removeUnitClick", function (e) {
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(_assertThisInitialized(_this), "onUnitChanged", function (e) {
90
- _this.setState({
57
+ _defineProperty(this, "onUnitChanged", e => {
58
+ this.setState({
91
59
  currentText: e.target.value
92
60
  });
93
61
  });
94
62
 
95
- _defineProperty(_assertThisInitialized(_this), "onKeyDown", function (e) {
63
+ _defineProperty(this, "onKeyDown", e => {
96
64
  if (e.key === 'Enter') {
97
- _this.commitState();
65
+ this.commitState();
98
66
  }
99
67
  });
100
68
 
101
- _defineProperty(_assertThisInitialized(_this), "addUnitClick", function (e) {
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
- _this.removeUnitClick = _this.removeUnitClick.bind(_assertThisInitialized(_this));
108
- _this.addUnitClick = _this.addUnitClick.bind(_assertThisInitialized(_this));
109
- _this.onUnitChanged = _this.onUnitChanged.bind(_assertThisInitialized(_this));
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
- _createClass(NumberInputRaw, [{
114
- key: "render",
115
- value: function render() {
116
- var unit = this.props.unit;
117
- return /*#__PURE__*/React.createElement(_InputGroup.default, {
118
- title: this.props.title
119
- }, /*#__PURE__*/React.createElement("div", _extends({}, this.props.id && {
120
- id: this.props.id
121
- }, {
122
- className: 'input__base number-input ' + this.getValidationClass() + ' ' + (this.props.className ? this.props.className : ''),
123
- ref: this.containerRef
124
- }), /*#__PURE__*/React.createElement("div", {
125
- className: ""
126
- }, /*#__PURE__*/React.createElement("div", {
127
- className: "number-input__arrows__container"
128
- }, /*#__PURE__*/React.createElement("button", _extends({
129
- className: "plus",
130
- onClick: this.addUnitClick
131
- }, this.props.id && {
132
- id: this.props.id + '-add-hours-button'
133
- }, {
134
- tabIndex: 0
135
- }), /*#__PURE__*/React.createElement(ArrowIcon, null)), /*#__PURE__*/React.createElement("div", {
136
- className: "input-padding"
137
- }, /*#__PURE__*/React.createElement("input", _extends({}, this.props.id && {
138
- id: this.props.id + '-input'
139
- }, {
140
- disabled: this.getDisabled(),
141
- required: this.props.required,
142
- className: classNames('number-input__time', {
143
- filled: this.props.number !== undefined
144
- }),
145
- onChange: this.onUnitChanged,
146
- value: this.state.currentText !== undefined ? this.state.currentText : this.props.number,
147
- onBlur: this.onBlur,
148
- onFocus: this.handleFocus,
149
- type: "number",
150
- onKeyDown: this.onKeyDown
151
- })), /*#__PURE__*/React.createElement("span", {
152
- className: "highlight"
153
- })), /*#__PURE__*/React.createElement("button", _extends({
154
- className: "minus",
155
- onClick: this.removeUnitClick
156
- }, this.props.id && {
157
- id: this.props.id + '-subtract-hours-button'
158
- }, {
159
- tabIndex: 0
160
- }), /*#__PURE__*/React.createElement(ArrowIcon, null))), unit), this.renderDefaultValidation(), /*#__PURE__*/React.createElement("span", {
161
- className: "highlight"
162
- }), /*#__PURE__*/React.createElement("span", {
163
- className: 'bar ' + (this.state.focused ? 'focused' : '')
164
- }), this.props.label && /*#__PURE__*/React.createElement("label", {
165
- className: classNames('number-input__label label--focused')
166
- }, this.renderLabel())));
167
- }
168
- }, {
169
- key: "commitState",
170
- value: function commitState() {
171
- if (this.state.currentText) {
172
- var num = Number(this.state.currentText);
173
-
174
- if (!isNaN(num)) {
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
- if (this.props.max !== undefined) {
194
- if (this.props.max - num <= 0) {
195
- this.props.onNumberChange(this.props.max);
196
- return;
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
- this.props.onNumberChange(num);
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
- return NumberInputRaw;
205
- }(_BaseInput2.BaseInput);
164
+ this.props.onNumberChange(num);
165
+ }
166
+
167
+ }
206
168
 
207
169
  exports.NumberInputRaw = NumberInputRaw;
208
170
 
209
- _defineProperty(NumberInputRaw, "defaultProps", Object.assign({}, _BaseInput2.BaseInput.defaultProps, {
171
+ _defineProperty(NumberInputRaw, "defaultProps", Object.assign({}, _BaseInput.BaseInput.defaultProps, {
210
172
  type: 'time',
211
173
  placeholder: ''
212
174
  }));
213
175
 
214
- var NumberInput = (0, _withThemeContext.withThemeContext)((0, _withFormContext.withFormContext)(NumberInputRaw), 'numberInput');
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":"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"}
@@ -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 get() {
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 get() {
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 _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
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 || _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; }
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"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from './NumberInput';\r\nexport { default } from './NumberInput';\r\n"],"file":"index.js"}
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"}