baseui/switch/stateful-switch-container.js

A React Component library implementing the Base design language

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var React = _interopRequireWildcard(require("react"));
var _constants = require("./constants");
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (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 && Object.prototype.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; }
/*
Copyright (c) Uber Technologies, Inc.

This source code is licensed under the MIT license found in the
LICENSE file in the root directory of this source tree.
*/

const defaultStateReducer = (type, nextState, currentState) => ({
  ...currentState,
  ...nextState
});
const StatefulSwitchContainer = props => {
  const {
    initialState = {
      checked: false
    },
    stateReducer = defaultStateReducer,
    onChange = () => {},
    onMouseEnter = () => {},
    onMouseLeave = () => {},
    onMouseDown = () => {},
    onMouseUp = () => {},
    onFocus = () => {},
    onBlur = () => {},
    onKeyDown = () => {},
    onKeyUp = () => {},
    children = childProps => null,
    ...restProps
  } = props;
  const [checked, setChecked] = React.useState(initialState.checked);
  const updateState = React.useCallback((type, e) => {
    let nextState = {};
    switch (type) {
      case _constants.STATE_TYPE.change:
        nextState = {
          checked: e.target.checked
        };
        break;
    }
    const newState = stateReducer(type, nextState, {
      checked
    }, e);
    setChecked(newState.checked);
  }, [checked, stateReducer]);
  const onChangeHandler = React.useCallback(e => {
    updateState(_constants.STATE_TYPE.change, e);
    onChange && onChange(e);
  }, [updateState, onChange]);
  const onMouseEnterHandler = React.useCallback(e => {
    onMouseEnter && onMouseEnter(e);
  }, [onMouseEnter]);
  const onMouseLeaveHandler = React.useCallback(e => {
    onMouseLeave && onMouseLeave(e);
  }, [onMouseLeave]);
  const onFocusHandler = React.useCallback(e => {
    onFocus && onFocus(e);
  }, [onFocus]);
  const onBlurHandler = React.useCallback(e => {
    onBlur && onBlur(e);
  }, [onBlur]);
  const onMouseDownHandler = React.useCallback(e => {
    onMouseDown && onMouseDown(e);
  }, [onMouseDown]);
  const onMouseUpHandler = React.useCallback(e => {
    onMouseUp && onMouseUp(e);
  }, [onMouseUp]);
  const onKeyDownHandler = React.useCallback(event => {
    onKeyDown && onKeyDown(event);
  }, [onKeyDown]);
  const onKeyUpHandler = React.useCallback(event => {
    onKeyUp && onKeyUp(event);
  }, [onKeyUp]);
  return children({
    ...restProps,
    checked,
    onChange: onChangeHandler,
    onMouseEnter: onMouseEnterHandler,
    onMouseLeave: onMouseLeaveHandler,
    onMouseDown: onMouseDownHandler,
    onMouseUp: onMouseUpHandler,
    onFocus: onFocusHandler,
    onBlur: onBlurHandler,
    onKeyDown: onKeyDownHandler,
    onKeyUp: onKeyUpHandler
  });
};
var _default = exports.default = StatefulSwitchContainer;