@mskcc/carbon-react/lib/components/ToggleSmall/ToggleSmall.Skeleton.js

Carbon react components for the MSKCC DSM

/**
 * MSKCC 2021, 2024
 */

'use strict';

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

var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
var PropTypes = require('prop-types');
var React = require('react');
var cx = require('classnames');
var usePrefix = require('../../internal/usePrefix.js');

function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);

var _path;
class ToggleSmallSkeleton extends React__default["default"].Component {
  render() {
    const {
      id,
      labelText,
      className,
      ...rest
    } = this.props;
    return /*#__PURE__*/React__default["default"].createElement(usePrefix.PrefixContext.Consumer, null, prefix => {
      return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
        className: cx__default["default"](`${prefix}--form-item`, className)
      }, rest), /*#__PURE__*/React__default["default"].createElement("input", {
        type: "checkbox",
        id: id,
        className: `${prefix}--toggle ${prefix}--toggle--small ${prefix}--skeleton`
      }), /*#__PURE__*/React__default["default"].createElement("label", {
        className: `${prefix}--toggle__label ${prefix}--skeleton`,
        htmlFor: id
      }, labelText && /*#__PURE__*/React__default["default"].createElement("span", {
        className: `${prefix}--toggle__label-text`
      }, labelText), /*#__PURE__*/React__default["default"].createElement("span", {
        className: `${prefix}--toggle__appearance`
      }, /*#__PURE__*/React__default["default"].createElement("svg", {
        className: `${prefix}--toggle__check`,
        width: "6px",
        height: "5px",
        viewBox: "0 0 6 5"
      }, _path || (_path = /*#__PURE__*/React__default["default"].createElement("path", {
        d: "M2.2403 2.7299L4.9245 0 6 1.1117 2.2384 5 0 2.6863 1.0612 1.511z"
      }))))));
    });
  }
}
_rollupPluginBabelHelpers.defineProperty(ToggleSmallSkeleton, "propTypes", {
  ['aria-label']: PropTypes__default["default"].string.isRequired,
  /**
   * Specify an optional className to add to the form item wrapper.
   */
  className: PropTypes__default["default"].string,
  /**
   * Provide an id that unique represents the underlying `<input>`
   */
  id: PropTypes__default["default"].string,
  /**
   * Provide the text that will be read by a screen reader when visiting this
   * control
   * `aria-label` is always required but will be null if `labelText` is also
   * provided
   */
  labelText: PropTypes__default["default"].string
});
_rollupPluginBabelHelpers.defineProperty(ToggleSmallSkeleton, "defaultProps", {
  ['aria-label']: 'Toggle is loading'
});

exports.ToggleSmallSkeleton = ToggleSmallSkeleton;
exports["default"] = ToggleSmallSkeleton;