@ucloud-pccl/react-components/lib/hooks/useUncontrolled.js

UCloud pccl react components

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
var _typeof = require("@babel/runtime/helpers/typeof");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
var _newArrowCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/newArrowCheck"));
var _react = _interopRequireWildcard(require("react"));
var _this = void 0;
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
// import once from 'src/utils/once';

var useUncontrolled = function useUncontrolled(value, defaultValue, onChange, options) {
  var _this2 = this;
  (0, _newArrowCheck2.default)(this, _this);
  var _isControlled = (0, _react.useMemo)(function () {
    (0, _newArrowCheck2.default)(this, _this2);
    return value !== undefined;
  }.bind(this), [value]);
  var isControlledRef = (0, _react.useRef)(_isControlled);

  // const warningUncontrolledToControlled = useMemo(() => {
  //     return once(() => console.error(`Can't change Component from controlled to uncontrolled`));
  // }, []);
  // const warningControlledToUncontrolled = useMemo(() => {
  //     return once(() => console.error(`Can't change Component from controlled to uncontrolled`));
  // }, []);

  if (isControlledRef.current !== _isControlled) {
    if (_isControlled) {
      // warningUncontrolledToControlled();
      isControlledRef.current = _isControlled;
    } else {
      // warningControlledToUncontrolled();
      // don't change a controlled component to be uncontrolled to avoid unexpected undefined value
    }
  }
  var isControlled = isControlledRef.current;
  var _useState = (0, _react.useState)(function () {
      (0, _newArrowCheck2.default)(this, _this2);
      return isControlled ? value : defaultValue;
    }.bind(this)),
    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
    v = _useState2[0],
    setV = _useState2[1];
  var cacheVRef = (0, _react.useRef)(v);
  var finalValue = isControlled ? value : cacheVRef.current;
  var o = (0, _react.useCallback)(function (v) {
    var r = options !== null && options !== void 0 && options.setter ? options === null || options === void 0 ? void 0 : options.setter(v) : v;
    // save value for controlled change to be uncontrolled
    // don't use state for reduce necessary update
    // still keep state for uncontrolled update
    cacheVRef.current = r;
    if (!isControlled) setV(r);
    for (var _len = arguments.length, rest = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
      rest[_key - 1] = arguments[_key];
    }
    onChange === null || onChange === void 0 || onChange.apply(void 0, [v].concat(rest));
  }, [options, isControlled, onChange]);
  var updateValueWithoutCallOnChange = (0, _react.useCallback)(function (v) {
    (0, _newArrowCheck2.default)(this, _this2);
    if (!isControlled) setV(v);
  }.bind(this), [isControlled]);
  return [finalValue, o, updateValueWithoutCallOnChange];
}.bind(void 0);
var _default = exports.default = useUncontrolled;