kitchen-simulator 1.1.1-test.41 → 1.1.1-test.42

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 (3) hide show
  1. package/es/components/style/form-slider.js +22 -6
  2. package/lib/components/style/form-slider.js +22 -6
  3. package/package.json +1 -3
package/es/components/style/form-slider.js CHANGED
@@ -1,9 +1,8 @@
1
- var _excluded = ["value", "onChange"];
1
+ var _excluded = ["value", "onChange", "min", "max", "step"];
2
2
  function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
3
3
  function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
4
4
  function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
5
5
  import React from 'react';
6
- import ReactRange from '@mapbox/react-range';
7
6
  import FormTextInput from "./form-text-input";
8
7
  var sliderContainerStyle = {
9
8
  display: 'inline-block',
@@ -27,19 +26,36 @@ var textStyle = {
27
26
  export default function FormNumberInput(_ref) {
28
27
  var value = _ref.value,
29
28
  onChange = _ref.onChange,
29
+ _ref$min = _ref.min,
30
+ min = _ref$min === void 0 ? 0 : _ref$min,
31
+ _ref$max = _ref.max,
32
+ max = _ref$max === void 0 ? 100 : _ref$max,
33
+ _ref$step = _ref.step,
34
+ step = _ref$step === void 0 ? 1 : _ref$step,
30
35
  rest = _objectWithoutProperties(_ref, _excluded);
36
+ // Handle both slider and text input changes
37
+ var handleSliderChange = function handleSliderChange(e) {
38
+ onChange(Number(e.target.value));
39
+ };
40
+ var handleTextChange = function handleTextChange(e) {
41
+ var val = e.target.value === '' ? '' : Number(e.target.value);
42
+ onChange(val);
43
+ };
31
44
  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
32
45
  style: sliderContainerStyle
33
- }, /*#__PURE__*/React.createElement(ReactRange, _extends({
46
+ }, /*#__PURE__*/React.createElement("input", _extends({
34
47
  type: "range",
35
48
  style: sliderStyle,
36
- onChange: onChange,
37
- value: value
49
+ min: min,
50
+ max: max,
51
+ step: step,
52
+ value: value,
53
+ onChange: handleSliderChange
38
54
  }, rest))), /*#__PURE__*/React.createElement("div", {
39
55
  style: textContainerStyle
40
56
  }, /*#__PURE__*/React.createElement(FormTextInput, {
41
57
  value: value,
42
- onChange: onChange,
58
+ onChange: handleTextChange,
43
59
  style: textStyle
44
60
  })));
45
61
  }
package/lib/components/style/form-slider.js CHANGED
@@ -5,9 +5,8 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports["default"] = FormNumberInput;
7
7
  var _react = _interopRequireDefault(require("react"));
8
- var _reactRange = _interopRequireDefault(require("@mapbox/react-range"));
9
8
  var _formTextInput = _interopRequireDefault(require("./form-text-input"));
10
- var _excluded = ["value", "onChange"];
9
+ var _excluded = ["value", "onChange", "min", "max", "step"];
11
10
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
12
11
  function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
13
12
  function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
@@ -34,19 +33,36 @@ var textStyle = {
34
33
  function FormNumberInput(_ref) {
35
34
  var value = _ref.value,
36
35
  onChange = _ref.onChange,
36
+ _ref$min = _ref.min,
37
+ min = _ref$min === void 0 ? 0 : _ref$min,
38
+ _ref$max = _ref.max,
39
+ max = _ref$max === void 0 ? 100 : _ref$max,
40
+ _ref$step = _ref.step,
41
+ step = _ref$step === void 0 ? 1 : _ref$step,
37
42
  rest = _objectWithoutProperties(_ref, _excluded);
43
+ // Handle both slider and text input changes
44
+ var handleSliderChange = function handleSliderChange(e) {
45
+ onChange(Number(e.target.value));
46
+ };
47
+ var handleTextChange = function handleTextChange(e) {
48
+ var val = e.target.value === '' ? '' : Number(e.target.value);
49
+ onChange(val);
50
+ };
38
51
  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
39
52
  style: sliderContainerStyle
40
- }, /*#__PURE__*/_react["default"].createElement(_reactRange["default"], _extends({
53
+ }, /*#__PURE__*/_react["default"].createElement("input", _extends({
41
54
  type: "range",
42
55
  style: sliderStyle,
43
- onChange: onChange,
44
- value: value
56
+ min: min,
57
+ max: max,
58
+ step: step,
59
+ value: value,
60
+ onChange: handleSliderChange
45
61
  }, rest))), /*#__PURE__*/_react["default"].createElement("div", {
46
62
  style: textContainerStyle
47
63
  }, /*#__PURE__*/_react["default"].createElement(_formTextInput["default"], {
48
64
  value: value,
49
- onChange: onChange,
65
+ onChange: handleTextChange,
50
66
  style: textStyle
51
67
  })));
52
68
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "kitchen-simulator",
3
- "version": "1.1.1-test.41",
3
+ "version": "1.1.1-test.42",
4
4
  "description": "It is a kitchen simulator.",
5
5
  "license": "MIT",
6
6
  "main": "lib/index.js",
@@ -61,7 +61,6 @@
61
61
  "react": ">=16.9 <19",
62
62
  "react-dom": ">=16.9 <19",
63
63
  "prop-types": "^15.8.1",
64
- "@mapbox/react-range": "0.0.7",
65
64
  "immutable": "3.8.2",
66
65
  "immutablediff": "0.4.4",
67
66
  "immutablepatch": "0.5.0",
@@ -93,7 +92,6 @@
93
92
  "immutable": "3.8.2",
94
93
  "immutablediff": "0.4.4",
95
94
  "immutablepatch": "0.5.0",
96
- "@mapbox/react-range": "0.0.7",
97
95
  "prop-types": "^15.8.1",
98
96
  "@babel/cli": "^7.28.3",
99
97
  "@babel/core": "^7.28.4",