react-elegant-ui/esm/hocs/state/withOpenedStateManager.js

Elegant UI components, made by BEM best practices for react

var __assign = this && this.__assign || function () {
  __assign = Object.assign || function (t) {
    for (var s, i = 1, n = arguments.length; i < n; i++) {
      s = arguments[i];
      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
    }
    return t;
  };
  return __assign.apply(this, arguments);
};
var __read = this && this.__read || function (o, n) {
  var m = typeof Symbol === "function" && o[Symbol.iterator];
  if (!m) return o;
  var i = m.call(o),
    r,
    ar = [],
    e;
  try {
    while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
  } catch (error) {
    e = {
      error: error
    };
  } finally {
    try {
      if (r && !r.done && (m = i["return"])) m.call(i);
    } finally {
      if (e) throw e.error;
    }
  }
  return ar;
};
import React, { useCallback, useState } from 'react';
/**
 * HOC for control a togglable state
 *
 * This HOC for use as is, user defined `opened` and `setOpened` props will ignored
 */
export var withOpenedStateManager = function (WrappedComponent) {
  var WithTogglable = function (props) {
    // Use init value
    var opened = props.opened;
    var _a = __read(useState(!!opened), 2),
      isOpened = _a[0],
      setIsOpened = _a[1];
    var setOpened = useCallback(function (state) {
      setIsOpened(state);
    }, [setIsOpened]);
    return /*#__PURE__*/React.createElement(WrappedComponent, __assign({}, props, {
      opened: isOpened,
      setOpened: setOpened
    }));
  };
  return WithTogglable;
};