@mskcc/carbon-react/lib/components/MskTheme/MskTheme.js

Carbon react components for the MSKCC DSM

/**
 * MSKCC 2021, 2024
 */

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var React = require('react');

function _interopNamespace(e) {
  if (e && e.__esModule) return e;
  var n = Object.create(null);
  if (e) {
    Object.keys(e).forEach(function (k) {
      if (k !== 'default') {
        var d = Object.getOwnPropertyDescriptor(e, k);
        Object.defineProperty(n, k, d.get ? d : {
          enumerable: true,
          get: function () { return e[k]; }
        });
      }
    });
  }
  n["default"] = e;
  return Object.freeze(n);
}

var React__namespace = /*#__PURE__*/_interopNamespace(React);

const MskThemeContext = /*#__PURE__*/React__namespace.createContext({
  theme: 'light',
  setTheme: () => {}
});
function MskThemeProvider(_ref) {
  let {
    children,
    theme: initialTheme = 'light'
  } = _ref;
  const [theme, setTheme] = React__namespace.useState(initialTheme);
  React__namespace.useEffect(() => {
    const root = document.documentElement;
    root.setAttribute('data-theme', theme);
  }, [theme]);
  return /*#__PURE__*/React__namespace.createElement(MskThemeContext.Provider, {
    value: {
      theme,
      setTheme
    }
  }, children);
}

/**
 * Get access to the current theme
 */
function useMskTheme() {
  return React__namespace.useContext(MskThemeContext);
}

exports.MskThemeContext = MskThemeContext;
exports.MskThemeProvider = MskThemeProvider;
exports.useMskTheme = useMskTheme;