intergalactic 15.129.0 → 15.130.0

package/time-picker/lib/esm/PickerInput.mjs

@@ -1,196 +1,270 @@
-import h from "@babel/runtime/helpers/esm/objectSpread2";
-import R from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import I from "@babel/runtime/helpers/esm/slicedToArray";
-import b from "@babel/runtime/helpers/esm/classCallCheck";
-import P from "@babel/runtime/helpers/esm/createClass";
-import l from "@babel/runtime/helpers/esm/assertThisInitialized";
-import x from "@babel/runtime/helpers/esm/inherits";
-import M from "@babel/runtime/helpers/esm/createSuper";
-import u from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled as L, assignProps as $, Component as H } from 'intergalactic/core';
-import m from "react";
-import K from 'intergalactic/input';
-import d from 'intergalactic/select';
-import { withLeadingZero as B, intOrDefault as W } from "./TimePicker.mjs";
-import { callAllEventHandlers as E } from 'intergalactic/utils/lib/assignProps';
-var j = ["styles", "step", "onSelect", "time", "size", "disabled", "onVisibleChange"], F = {
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled, assignProps, Component } from 'intergalactic/core';
+import React from "react";
+import Input from 'intergalactic/input';
+import Select from 'intergalactic/select';
+import { withLeadingZero, intOrDefault } from "./TimePicker.mjs";
+import { callAllEventHandlers } from 'intergalactic/utils/lib/assignProps';
+var _excluded = ["styles", "step", "onSelect", "time", "size", "disabled", "onVisibleChange"];
+var MAP_FIELD_TO_TIME = {
   hours: 0,
   minutes: 1
-}, U = {
+};
+var MAP_SIZE_SELECT = {
   m: "m",
   l: "l"
 };
-function Z(f, o) {
-  var n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 1, e = Number(((o + 1 - f) / n).toFixed(0)), s = Array(e).fill(""), r = f;
-  return s.map(function(a, t) {
-    r = t === 0 ? r : r + n;
-    var i = B(String(r));
-    return /* @__PURE__ */ m.createElement(d.Option, {
-      value: i,
-      key: i
-    }, i);
+function getOptions(min, max) {
+  var step = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 1;
+  var length = Number(((max + 1 - min) / step).toFixed(0));
+  var options = Array(length).fill("");
+  var numValue = min;
+  return options.map(function(i, index) {
+    numValue = index === 0 ? numValue : numValue + step;
+    var value = withLeadingZero(String(numValue));
+    return /* @__PURE__ */ React.createElement(Select.Option, {
+      value,
+      key: value
+    }, value);
   });
 }
-var q = [-8, 4], p = /* @__PURE__ */ function(f) {
-  x(n, f);
-  var o = M(n);
-  function n() {
-    var e;
-    b(this, n);
-    for (var s = arguments.length, r = new Array(s), a = 0; a < s; a++)
-      r[a] = arguments[a];
-    return e = o.call.apply(o, [this].concat(r)), u(l(e), "inputRef", /* @__PURE__ */ m.createRef()), u(l(e), "state", {
+var defaultPopperOffset = [-8, 4];
+var ItemPicker = /* @__PURE__ */ function(_Component) {
+  _inherits(ItemPicker2, _Component);
+  var _super = _createSuper(ItemPicker2);
+  function ItemPicker2() {
+    var _this;
+    _classCallCheck(this, ItemPicker2);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "inputRef", /* @__PURE__ */ React.createRef());
+    _defineProperty(_assertThisInitialized(_this), "state", {
       dirtyValue: void 0,
-      visible: !1
-    }), u(l(e), "parseValueWithMinMax", function(t) {
-      var i = e.minMax(), c = I(i, 2), v = c[0], g = c[1];
-      return String(Math.max(v, Math.min(g, t)));
-    }), u(l(e), "handleChange", function(t, i) {
-      i.stopPropagation();
-      var c = W(Number(t), NaN);
-      Number.isNaN(c) || e.setState({
-        dirtyValue: t.slice(-2)
-      });
-    }), u(l(e), "handleBlur", function(t) {
-      return e.submitChanges(t);
-    }), u(l(e), "handleKeyDown", function() {
-    }), u(l(e), "handleSelect", function(t, i) {
-      e.dispatchOnChange(t, i);
-    }), u(l(e), "handleVisibleChange", function(t) {
-      return e.setState({
-        visible: t
+      visible: false
+    });
+    _defineProperty(_assertThisInitialized(_this), "parseValueWithMinMax", function(value) {
+      var _this$minMax = _this.minMax(), _this$minMax2 = _slicedToArray(_this$minMax, 2), min = _this$minMax2[0], max = _this$minMax2[1];
+      return String(Math.max(min, Math.min(max, value)));
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleChange", function(value, event) {
+      event.stopPropagation();
+      var numberValue = intOrDefault(Number(value), NaN);
+      if (!Number.isNaN(numberValue)) {
+        _this.setState({
+          dirtyValue: value.slice(-2)
+        });
+      }
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleBlur", function(event) {
+      return _this.submitChanges(event);
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleKeyDown", function() {
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleSelect", function(value, event) {
+      _this.dispatchOnChange(value, event);
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleVisibleChange", function(visible) {
+      return _this.setState({
+        visible
       });
-    }), u(l(e), "getAriaLabel", function() {
-      var t = e.asProps._getI18nText;
-      if (e.field === "hours") return t("hours");
-      if (e.field === "minutes") return t("minutes");
-    }), e;
+    });
+    _defineProperty(_assertThisInitialized(_this), "getAriaLabel", function() {
+      var getI18nText = _this.asProps._getI18nText;
+      if (_this.field === "hours") return getI18nText("hours");
+      if (_this.field === "minutes") return getI18nText("minutes");
+      return void 0;
+    });
+    return _this;
   }
-  return P(n, [{
+  _createClass(ItemPicker2, [{
     key: "minMax",
-    value: function() {
+    value: function minMax() {
       return [];
     }
   }, {
     key: "dispatchOnChange",
-    value: function(s, r) {
+    value: function dispatchOnChange(value, event) {
       this.setState({
         dirtyValue: void 0
-      }), this.asProps.$onValueChange(s, this.field, r);
+      });
+      this.asProps.$onValueChange(value, this.field, event);
     }
   }, {
     key: "submitChanges",
-    value: function(s) {
-      var r = this.state.dirtyValue;
-      r !== void 0 && (r && (r = this.parseValueWithMinMax(r)), this.dispatchOnChange(r, s));
+    value: function submitChanges(event) {
+      var dirtyValue = this.state.dirtyValue;
+      if (dirtyValue !== void 0) {
+        if (dirtyValue) dirtyValue = this.parseValueWithMinMax(dirtyValue);
+        this.dispatchOnChange(dirtyValue, event);
+      }
     }
   }, {
     key: "render",
-    value: function() {
-      var s = this.asProps, r, a = d.Trigger, t = this.asProps, i = t.styles, c = t.step, v = t.onSelect, g = t.time, y = t.size, k = t.disabled, A = t.onVisibleChange, D = R(t, j), C = this.state, V = C.dirtyValue, T = C.visible, S = g[F[this.field]], w = V === void 0 ? S : V, N = this.minMax(), _ = I(N, 2), z = _[0], O = _[1];
-      return r = L(i), /* @__PURE__ */ m.createElement(d, r.cn("Select", h(h({}, D), {}, {
-        interaction: "focus",
-        size: y ? U[y] : !1,
-        onChange: E(v, this.handleSelect),
-        onVisibleChange: E(A, this.handleVisibleChange),
-        visible: T,
-        value: S
-      })), /* @__PURE__ */ m.createElement(a, r.cn("SPickerInput", h({}, $({
-        tag: K.Value,
-        ref: this.inputRef,
-        inputMode: "numeric",
-        size: y,
-        disabled: k,
-        neighborLocation: !1,
-        value: w,
+    value: function render() {
+      var _ref = this.asProps, _ref2;
+      var SPickerInput = Select.Trigger;
+      var _this$asProps = this.asProps, styles = _this$asProps.styles, step = _this$asProps.step, onSelect = _this$asProps.onSelect, time = _this$asProps.time, size = _this$asProps.size, disabled = _this$asProps.disabled, onVisibleChange = _this$asProps.onVisibleChange, other = _objectWithoutProperties(_this$asProps, _excluded);
+      var _this$state = this.state, dirtyValue = _this$state.dirtyValue, visible = _this$state.visible;
+      var timeValue = time[MAP_FIELD_TO_TIME[this.field]];
+      var value = dirtyValue === void 0 ? timeValue : dirtyValue;
+      var _this$minMax3 = this.minMax(), _this$minMax4 = _slicedToArray(_this$minMax3, 2), min = _this$minMax4[0], max = _this$minMax4[1];
+      return _ref2 = sstyled(styles), /* @__PURE__ */ React.createElement(Select, _ref2.cn("Select", _objectSpread(_objectSpread({}, other), {}, {
+        "interaction": "focus",
+        "size": size ? MAP_SIZE_SELECT[size] : false,
+        "onChange": callAllEventHandlers(onSelect, this.handleSelect),
+        "onVisibleChange": callAllEventHandlers(onVisibleChange, this.handleVisibleChange),
+        "visible": visible,
+        "value": timeValue
+      })), /* @__PURE__ */ React.createElement(SPickerInput, _ref2.cn("SPickerInput", _objectSpread({}, assignProps({
+        "tag": Input.Value,
+        "ref": this.inputRef,
+        "inputMode": "numeric",
+        "size": size,
+        "disabled": disabled,
+        "neighborLocation": false,
+        "value": value,
         "aria-label": this.getAriaLabel(),
-        onChange: this.handleChange,
-        onBlur: this.handleBlur,
-        onKeyDown: this.handleKeyDown
-      }, s)))), /* @__PURE__ */ m.createElement(d.Menu, {
+        "onChange": this.handleChange,
+        "onBlur": this.handleBlur,
+        "onKeyDown": this.handleKeyDown
+      }, _ref)))), /* @__PURE__ */ React.createElement(Select.Menu, {
         hMax: 180
-      }, Z(z, O, c)));
+      }, getOptions(min, max, step)));
     }
-  }]), n;
-}(H);
-u(p, "defaultProps", {
+  }]);
+  return ItemPicker2;
+}(Component);
+_defineProperty(ItemPicker, "defaultProps", {
   placeholder: "00",
-  offset: q
+  offset: defaultPopperOffset
 });
-var G = /* @__PURE__ */ function(f) {
-  x(n, f);
-  var o = M(n);
-  function n() {
-    var e;
-    b(this, n);
-    for (var s = arguments.length, r = new Array(s), a = 0; a < s; a++)
-      r[a] = arguments[a];
-    return e = o.call.apply(o, [this].concat(r)), u(l(e), "field", "hours"), u(l(e), "handleKeyDown", function(t) {
-      var i = t.currentTarget;
-      t.key === "Enter" && e.submitChanges(t), t.key === "ArrowRight" && i.selectionStart >= i.value.length && i.selectionStart === i.selectionEnd && (t.preventDefault(), e.focusNext());
-    }), e;
+var Hours = /* @__PURE__ */ function(_ItemPicker) {
+  _inherits(Hours2, _ItemPicker);
+  var _super2 = _createSuper(Hours2);
+  function Hours2() {
+    var _this2;
+    _classCallCheck(this, Hours2);
+    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+      args[_key2] = arguments[_key2];
+    }
+    _this2 = _super2.call.apply(_super2, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this2), "field", "hours");
+    _defineProperty(_assertThisInitialized(_this2), "handleKeyDown", function(event) {
+      var currentTarget = event.currentTarget;
+      if (event.key === "Enter") {
+        _this2.submitChanges(event);
+      }
+      if (event.key === "ArrowRight") {
+        if (currentTarget.selectionStart >= currentTarget.value.length && currentTarget.selectionStart === currentTarget.selectionEnd) {
+          event.preventDefault();
+          _this2.focusNext();
+        }
+      }
+    });
+    return _this2;
   }
-  return P(n, [{
+  _createClass(Hours2, [{
     key: "minMax",
-    value: function() {
-      var s = this.asProps.is12Hour;
-      return s ? [1, 12] : [0, 23];
+    value: function minMax() {
+      var is12Hour = this.asProps.is12Hour;
+      if (is12Hour) {
+        return [1, 12];
+      } else {
+        return [0, 23];
+      }
     }
   }, {
     key: "focusNext",
-    value: function() {
-      this.asProps.minutesInputRef.current && (this.setState({
-        visible: !1
-      }), this.asProps.minutesInputRef.current.focus());
+    value: function focusNext() {
+      if (this.asProps.minutesInputRef.current) {
+        this.setState({
+          visible: false
+        });
+        this.asProps.minutesInputRef.current.focus();
+      }
     }
   }, {
     key: "componentDidUpdate",
-    value: function(s, r) {
-      var a = this.state.dirtyValue;
-      r.dirtyValue === void 0 || a === void 0 || r.dirtyValue.length === 1 && a.length === 2 && this.focusNext();
+    value: function componentDidUpdate(_prevProps, prevState) {
+      var dirtyValue = this.state.dirtyValue;
+      if (prevState.dirtyValue === void 0 || dirtyValue === void 0) return;
+      if (prevState.dirtyValue.length === 1 && dirtyValue.length === 2) {
+        this.focusNext();
+      }
     }
-  }]), n;
-}(p);
-u(G, "defaultProps", function(f) {
-  var o = f.size;
-  return h(h({}, p.defaultProps), {}, {
-    ml: o === "l" ? 3 : void 0
+  }]);
+  return Hours2;
+}(ItemPicker);
+_defineProperty(Hours, "defaultProps", function(_ref3) {
+  var size = _ref3.size;
+  return _objectSpread(_objectSpread({}, ItemPicker.defaultProps), {}, {
+    ml: size === "l" ? 3 : void 0
   });
 });
-var J = /* @__PURE__ */ function(f) {
-  x(n, f);
-  var o = M(n);
-  function n() {
-    var e;
-    b(this, n);
-    for (var s = arguments.length, r = new Array(s), a = 0; a < s; a++)
-      r[a] = arguments[a];
-    return e = o.call.apply(o, [this].concat(r)), u(l(e), "field", "minutes"), u(l(e), "handleKeyDown", function(t) {
-      var i = t.currentTarget;
-      t.key === "ArrowLeft" && i.selectionStart <= 0 && i.selectionStart === i.selectionEnd && (t.preventDefault(), e.focusPrev()), t.key === "Backspace" && i.value.length === 0 && (t.preventDefault(), e.focusPrev()), t.key === "Enter" && e.submitChanges(t);
-    }), e;
+var Minutes = /* @__PURE__ */ function(_ItemPicker2) {
+  _inherits(Minutes2, _ItemPicker2);
+  var _super3 = _createSuper(Minutes2);
+  function Minutes2() {
+    var _this3;
+    _classCallCheck(this, Minutes2);
+    for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+      args[_key3] = arguments[_key3];
+    }
+    _this3 = _super3.call.apply(_super3, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this3), "field", "minutes");
+    _defineProperty(_assertThisInitialized(_this3), "handleKeyDown", function(event) {
+      var currentTarget = event.currentTarget;
+      if (event.key === "ArrowLeft") {
+        if (currentTarget.selectionStart <= 0 && currentTarget.selectionStart === currentTarget.selectionEnd) {
+          event.preventDefault();
+          _this3.focusPrev();
+        }
+      }
+      if (event.key === "Backspace") {
+        if (currentTarget.value.length === 0) {
+          event.preventDefault();
+          _this3.focusPrev();
+        }
+      }
+      if (event.key === "Enter") _this3.submitChanges(event);
+    });
+    return _this3;
   }
-  return P(n, [{
+  _createClass(Minutes2, [{
     key: "minMax",
-    value: function() {
+    value: function minMax() {
       return [0, 59];
     }
   }, {
     key: "focusPrev",
-    value: function() {
-      this.asProps.hoursInputRef.current && (this.setState({
-        visible: !1
-      }), this.asProps.hoursInputRef.current.focus());
+    value: function focusPrev() {
+      if (this.asProps.hoursInputRef.current) {
+        this.setState({
+          visible: false
+        });
+        this.asProps.hoursInputRef.current.focus();
+      }
     }
-  }]), n;
-}(p);
-u(J, "defaultProps", function(f) {
-  var o = f.size;
-  return h(h({}, p.defaultProps), {}, {
-    mr: o === "l" ? 3 : void 0
+  }]);
+  return Minutes2;
+}(ItemPicker);
+_defineProperty(Minutes, "defaultProps", function(_ref4) {
+  var size = _ref4.size;
+  return _objectSpread(_objectSpread({}, ItemPicker.defaultProps), {}, {
+    mr: size === "l" ? 3 : void 0
   });
 });
 export {
-  G as Hours,
-  J as Minutes
+  Hours,
+  Minutes
 };