@carbon/react 1.6.0 → 1.8.0-rc.0

package/es/components/RadioButton/next/RadioButton.js

@@ -1,130 +0,0 @@
-/**
- * Copyright IBM Corp. 2016, 2022
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import PropTypes from 'prop-types';
-import React__default from 'react';
-import cx from 'classnames';
-import { usePrefix } from '../../../internal/usePrefix.js';
-import { useId } from '../../../internal/useId.js';
-import '../../Text/index.js';
-import { Text } from '../../Text/Text.js';
-
-var _excluded = ["className", "disabled", "hideLabel", "id", "labelPosition", "labelText", "name", "onChange", "value"];
-var RadioButton = /*#__PURE__*/React__default.forwardRef(function RadioButton(_ref, ref) {
-  var className = _ref.className,
-      disabled = _ref.disabled,
-      hideLabel = _ref.hideLabel,
-      id = _ref.id,
-      _ref$labelPosition = _ref.labelPosition,
-      labelPosition = _ref$labelPosition === void 0 ? 'right' : _ref$labelPosition,
-      _ref$labelText = _ref.labelText,
-      labelText = _ref$labelText === void 0 ? '' : _ref$labelText,
-      name = _ref.name,
-      _ref$onChange = _ref.onChange,
-      onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
-      _ref$value = _ref.value,
-      value = _ref$value === void 0 ? '' : _ref$value,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  var prefix = usePrefix();
-  var uid = useId('radio-button');
-  var uniqueId = id || uid;
-
-  function handleOnChange(event) {
-    onChange(value, name, event);
-  }
-
-  var innerLabelClasses = cx(_defineProperty({}, "".concat(prefix, "--visually-hidden"), hideLabel));
-  var wrapperClasses = cx(className, "".concat(prefix, "--radio-button-wrapper"), _defineProperty({}, "".concat(prefix, "--radio-button-wrapper--label-").concat(labelPosition), labelPosition !== 'right'));
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: wrapperClasses
-  }, /*#__PURE__*/React__default.createElement("input", _extends({}, rest, {
-    type: "radio",
-    className: "".concat(prefix, "--radio-button"),
-    onChange: handleOnChange,
-    id: uniqueId,
-    ref: ref,
-    disabled: disabled,
-    value: value,
-    name: name
-  })), /*#__PURE__*/React__default.createElement("label", {
-    htmlFor: uniqueId,
-    className: "".concat(prefix, "--radio-button__label")
-  }, /*#__PURE__*/React__default.createElement("span", {
-    className: "".concat(prefix, "--radio-button__appearance")
-  }), labelText && /*#__PURE__*/React__default.createElement(Text, {
-    className: innerLabelClasses
-  }, labelText)));
-});
-RadioButton.propTypes = {
-  /**
-   * Specify whether the `<RadioButton>` is currently checked
-   */
-  checked: PropTypes.bool,
-
-  /**
-   * Provide an optional className to be applied to the containing node
-   */
-  className: PropTypes.string,
-
-  /**
-   * Specify whether the `<RadioButton>` should be checked by default
-   */
-  defaultChecked: PropTypes.bool,
-
-  /**
-   * Specify whether the control is disabled
-   */
-  disabled: PropTypes.bool,
-
-  /**
-   * Specify whether the label should be hidden, or not
-   */
-  hideLabel: PropTypes.bool,
-
-  /**
-   * Provide a unique id for the underlying `<input>` node
-   */
-  id: PropTypes.string,
-
-  /**
-   * Provide where label text should be placed
-   * NOTE: `top`/`bottom` are deprecated
-   */
-  labelPosition: PropTypes.oneOf(['right', 'left']),
-
-  /**
-   * Provide label text to be read by screen readers when interacting with the
-   * control
-   */
-  labelText: PropTypes.node.isRequired,
-
-  /**
-   * Provide a name for the underlying `<input>` node
-   */
-  name: PropTypes.string,
-
-  /**
-   * Provide an optional `onChange` hook that is called each time the value of
-   * the underlying `<input>` changes
-   */
-  onChange: PropTypes.func,
-
-  /**
-   * Provide a handler that is invoked when a user clicks on the control
-   */
-  onClick: PropTypes.func,
-
-  /**
-   * Specify the value of the `<RadioButton>`
-   */
-  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired
-};
-var RadioButtonNext = RadioButton;
-
-export { RadioButtonNext as default };

package/es/components/RadioButtonGroup/next/RadioButtonGroup.js

@@ -1,141 +0,0 @@
-/**
- * Copyright IBM Corp. 2016, 2022
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-import { slicedToArray as _slicedToArray, defineProperty as _defineProperty } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import PropTypes from 'prop-types';
-import React__default, { useState } from 'react';
-import cx from 'classnames';
-import { Legend } from '../../Text/index.js';
-import { usePrefix } from '../../../internal/usePrefix.js';
-
-var RadioButtonGroup = /*#__PURE__*/React__default.forwardRef(function RadioButtonGroup(_ref, ref) {
-  var _classNames;
-
-  var children = _ref.children,
-      className = _ref.className,
-      defaultSelected = _ref.defaultSelected,
-      disabled = _ref.disabled,
-      _ref$labelPosition = _ref.labelPosition,
-      labelPosition = _ref$labelPosition === void 0 ? 'right' : _ref$labelPosition,
-      legendText = _ref.legendText,
-      name = _ref.name,
-      _ref$onChange = _ref.onChange,
-      onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
-      _ref$orientation = _ref.orientation,
-      orientation = _ref$orientation === void 0 ? 'horizontal' : _ref$orientation,
-      valueSelected = _ref.valueSelected;
-  var prefix = usePrefix();
-
-  var _useState = useState(valueSelected !== null && valueSelected !== void 0 ? valueSelected : defaultSelected),
-      _useState2 = _slicedToArray(_useState, 2),
-      selected = _useState2[0],
-      setSelected = _useState2[1];
-
-  var _useState3 = useState(valueSelected),
-      _useState4 = _slicedToArray(_useState3, 2),
-      prevValueSelected = _useState4[0],
-      setPrevValueSelected = _useState4[1];
-  /**
-   * prop + state alignment - getDerivedStateFromProps
-   * only update if selected prop changes
-   */
-
-
-  if (valueSelected !== prevValueSelected) {
-    setSelected(valueSelected);
-    setPrevValueSelected(valueSelected);
-  }
-
-  function getRadioButtons() {
-    var mappedChildren = React__default.Children.map(children, function (radioButton) {
-      var value = radioButton.props.value;
-      return /*#__PURE__*/React__default.cloneElement(radioButton, {
-        name: name,
-        key: value,
-        value: value,
-        onChange: handleOnChange,
-        checked: value === selected
-      });
-    });
-    return mappedChildren;
-  }
-
-  function handleOnChange(newSelection, value, evt) {
-    if (newSelection !== selected) {
-      setSelected(newSelection);
-      onChange(newSelection, name, evt);
-    }
-  }
-
-  var fieldsetClasses = cx("".concat(prefix, "--radio-button-group"), (_classNames = {}, _defineProperty(_classNames, "".concat(prefix, "--radio-button-group--").concat(orientation), orientation === 'vertical'), _defineProperty(_classNames, "".concat(prefix, "--radio-button-group--label-").concat(labelPosition), labelPosition), _classNames));
-  var wrapperClasses = cx("".concat(prefix, "--form-item"), className);
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: wrapperClasses,
-    ref: ref
-  }, /*#__PURE__*/React__default.createElement("fieldset", {
-    className: fieldsetClasses,
-    disabled: disabled
-  }, legendText && /*#__PURE__*/React__default.createElement(Legend, {
-    className: "".concat(prefix, "--label")
-  }, legendText), getRadioButtons()));
-});
-RadioButtonGroup.propTypes = {
-  /**
-   * Provide a collection of `<RadioButton>` components to render in the group
-   */
-  children: PropTypes.node,
-
-  /**
-   * Provide an optional className to be applied to the container node
-   */
-  className: PropTypes.string,
-
-  /**
-   * Specify the `<RadioButton>` to be selected by default
-   */
-  defaultSelected: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-
-  /**
-   * Specify whether the group is disabled
-   */
-  disabled: PropTypes.bool,
-
-  /**
-   * Provide where label text should be placed
-   */
-  labelPosition: PropTypes.oneOf(['left', 'right']),
-
-  /**
-   * Provide a legend to the RadioButtonGroup input that you are
-   * exposing to the user
-   */
-  legendText: PropTypes.node,
-
-  /**
-   * Specify the name of the underlying `<input>` nodes
-   */
-  name: PropTypes.string.isRequired,
-
-  /**
-   * Provide an optional `onChange` hook that is called whenever the value of
-   * the group changes
-   */
-  onChange: PropTypes.func,
-
-  /**
-   * Provide where radio buttons should be placed
-   */
-  orientation: PropTypes.oneOf(['horizontal', 'vertical']),
-
-  /**
-   * Specify the value that is currently selected in the group
-   */
-  valueSelected: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
-};
-var RadioButtonGroupNext = RadioButtonGroup;
-
-export { RadioButtonGroupNext as default };