@carbon/react 1.7.0 → 1.9.0-rc.0

package/lib/components/RadioButton/next/RadioButton.js

@@ -1,140 +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.
- */
-
-'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');
-var useId = require('../../../internal/useId.js');
-require('../../Text/index.js');
-var Text = require('../../Text/Text.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 _excluded = ["className", "disabled", "hideLabel", "id", "labelPosition", "labelText", "name", "onChange", "value"];
-var RadioButton = /*#__PURE__*/React__default["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 = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-
-  var prefix = usePrefix.usePrefix();
-  var uid = useId.useId('radio-button');
-  var uniqueId = id || uid;
-
-  function handleOnChange(event) {
-    onChange(value, name, event);
-  }
-
-  var innerLabelClasses = cx__default["default"](_rollupPluginBabelHelpers.defineProperty({}, "".concat(prefix, "--visually-hidden"), hideLabel));
-  var wrapperClasses = cx__default["default"](className, "".concat(prefix, "--radio-button-wrapper"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(prefix, "--radio-button-wrapper--label-").concat(labelPosition), labelPosition !== 'right'));
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: wrapperClasses
-  }, /*#__PURE__*/React__default["default"].createElement("input", _rollupPluginBabelHelpers["extends"]({}, rest, {
-    type: "radio",
-    className: "".concat(prefix, "--radio-button"),
-    onChange: handleOnChange,
-    id: uniqueId,
-    ref: ref,
-    disabled: disabled,
-    value: value,
-    name: name
-  })), /*#__PURE__*/React__default["default"].createElement("label", {
-    htmlFor: uniqueId,
-    className: "".concat(prefix, "--radio-button__label")
-  }, /*#__PURE__*/React__default["default"].createElement("span", {
-    className: "".concat(prefix, "--radio-button__appearance")
-  }), labelText && /*#__PURE__*/React__default["default"].createElement(Text.Text, {
-    className: innerLabelClasses
-  }, labelText)));
-});
-RadioButton.propTypes = {
-  /**
-   * Specify whether the `<RadioButton>` is currently checked
-   */
-  checked: PropTypes__default["default"].bool,
-
-  /**
-   * Provide an optional className to be applied to the containing node
-   */
-  className: PropTypes__default["default"].string,
-
-  /**
-   * Specify whether the `<RadioButton>` should be checked by default
-   */
-  defaultChecked: PropTypes__default["default"].bool,
-
-  /**
-   * Specify whether the control is disabled
-   */
-  disabled: PropTypes__default["default"].bool,
-
-  /**
-   * Specify whether the label should be hidden, or not
-   */
-  hideLabel: PropTypes__default["default"].bool,
-
-  /**
-   * Provide a unique id for the underlying `<input>` node
-   */
-  id: PropTypes__default["default"].string,
-
-  /**
-   * Provide where label text should be placed
-   * NOTE: `top`/`bottom` are deprecated
-   */
-  labelPosition: PropTypes__default["default"].oneOf(['right', 'left']),
-
-  /**
-   * Provide label text to be read by screen readers when interacting with the
-   * control
-   */
-  labelText: PropTypes__default["default"].node.isRequired,
-
-  /**
-   * Provide a name for the underlying `<input>` node
-   */
-  name: PropTypes__default["default"].string,
-
-  /**
-   * Provide an optional `onChange` hook that is called each time the value of
-   * the underlying `<input>` changes
-   */
-  onChange: PropTypes__default["default"].func,
-
-  /**
-   * Provide a handler that is invoked when a user clicks on the control
-   */
-  onClick: PropTypes__default["default"].func,
-
-  /**
-   * Specify the value of the `<RadioButton>`
-   */
-  value: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number]).isRequired
-};
-var RadioButtonNext = RadioButton;
-
-exports["default"] = RadioButtonNext;

package/lib/components/RadioButtonGroup/next/RadioButtonGroup.js

@@ -1,151 +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.
- */
-
-'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 index = require('../../Text/index.js');
-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 RadioButtonGroup = /*#__PURE__*/React__default["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.usePrefix();
-
-  var _useState = React.useState(valueSelected !== null && valueSelected !== void 0 ? valueSelected : defaultSelected),
-      _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
-      selected = _useState2[0],
-      setSelected = _useState2[1];
-
-  var _useState3 = React.useState(valueSelected),
-      _useState4 = _rollupPluginBabelHelpers.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["default"].Children.map(children, function (radioButton) {
-      var value = radioButton.props.value;
-      return /*#__PURE__*/React__default["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__default["default"]("".concat(prefix, "--radio-button-group"), (_classNames = {}, _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--radio-button-group--").concat(orientation), orientation === 'vertical'), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--radio-button-group--label-").concat(labelPosition), labelPosition), _classNames));
-  var wrapperClasses = cx__default["default"]("".concat(prefix, "--form-item"), className);
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: wrapperClasses,
-    ref: ref
-  }, /*#__PURE__*/React__default["default"].createElement("fieldset", {
-    className: fieldsetClasses,
-    disabled: disabled
-  }, legendText && /*#__PURE__*/React__default["default"].createElement(index.Legend, {
-    className: "".concat(prefix, "--label")
-  }, legendText), getRadioButtons()));
-});
-RadioButtonGroup.propTypes = {
-  /**
-   * Provide a collection of `<RadioButton>` components to render in the group
-   */
-  children: PropTypes__default["default"].node,
-
-  /**
-   * Provide an optional className to be applied to the container node
-   */
-  className: PropTypes__default["default"].string,
-
-  /**
-   * Specify the `<RadioButton>` to be selected by default
-   */
-  defaultSelected: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number]),
-
-  /**
-   * Specify whether the group is disabled
-   */
-  disabled: PropTypes__default["default"].bool,
-
-  /**
-   * Provide where label text should be placed
-   */
-  labelPosition: PropTypes__default["default"].oneOf(['left', 'right']),
-
-  /**
-   * Provide a legend to the RadioButtonGroup input that you are
-   * exposing to the user
-   */
-  legendText: PropTypes__default["default"].node,
-
-  /**
-   * Specify the name of the underlying `<input>` nodes
-   */
-  name: PropTypes__default["default"].string.isRequired,
-
-  /**
-   * Provide an optional `onChange` hook that is called whenever the value of
-   * the group changes
-   */
-  onChange: PropTypes__default["default"].func,
-
-  /**
-   * Provide where radio buttons should be placed
-   */
-  orientation: PropTypes__default["default"].oneOf(['horizontal', 'vertical']),
-
-  /**
-   * Specify the value that is currently selected in the group
-   */
-  valueSelected: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number])
-};
-var RadioButtonGroupNext = RadioButtonGroup;
-
-exports["default"] = RadioButtonGroupNext;

package/lib/internal/FeatureFlags.js

@@ -1,56 +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.
- */
-
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var FeatureFlags = require('@carbon/feature-flags');
-
-/**
- * This file contains the list of the default values of compile-time feature flags.
- *
- * Build toolchain can replace variable here and/or the references
- * in order to apply non-default values to those feature flags.
- *
- * @example Render `foo` if `aFeatureFlag` is `true`, render `bar` otherwise.
- * import { aFeatureFlag } from '/path/to/FeatureFlags';
- * ...
- * const MyComponent = props => (<div {...props}>{aFeatureFlag ? 'foo' : 'bar'}</div>);
- */
-
-/**
- * With this flag, certain components will be created in either a controlled or controlled
- * mode based on the existence of a value prop.
- *
- * The following components will have the significance of their props slightly altered as outlined below.
- *
- * Components: `<NumberInput>`
- *
- * * `value` → when provided, enables controlled mode.
- *   For the rest of the component's lifecycle, it will be controlled by this prop as it's single source of truth.
- * * `defaultValue` → Optional starting value, used for for uncontrolled mode only (no value prop).
- *   The value prop takes precedence over defaultValue.
- * * `onChange` → Optional event handler.
- *   However, if value is provided and a handler is not, we'll throw a warning indicating the component is now read-only
- * * `readOnly` → silences the above warning, acknowledging the read-only state of the component
- *
- * This flag also disables prop -> state sync in several components, notably `<NumberInput>`.
- *
- * This flag also updates event handlers to pass an up-to-date value in the second parameter,
- * so applications can use it in both controlled and uncontrolled components.
- *
- * * _With_ this feature flag, the signature of the event handler will be altered to provide additional context in the second parameter: `onChange(event, { value, ...rest })` where:
- *   * `event` is the (React) raw event
- *   * `value` is the new value
- *   * `rest` tells you additional information based on the source component
- * * _Without_ this feature flag the event handler has component-specific signature, e.g. `onChange(event, direction)`.
- */
-
-var useControlledStateWithValue = FeatureFlags.enabled('enable-use-controlled-state-with-value');
-
-exports.useControlledStateWithValue = useControlledStateWithValue;

package/lib/prop-types/requiredIfValueExists.js

@@ -1,36 +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.
- */
-
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-/**
- * @param {Function} propType The original prop type checker.
- * @returns {Function} The new prop type checker for `onChange` that makes it required if `value` exists and `readOnly` does not exist.
- */
-function requiredIfValueExists(propType) {
-  return function check(props, propName, componentName) {
-    var onChange = props[propName],
-        value = props.value,
-        readOnly = props.readOnly;
-    var exists = onChange !== undefined;
-    var valueExists = value !== undefined;
-
-    if (process.env.NODE_ENV !== "production" && !exists && valueExists && !readOnly) {
-      return new Error("You provided a value prop to `".concat(componentName, "` without an `onChange` handler. ") + 'This will render a read-only field. ' + 'If the field should be mutable use `defaultValue`. Otherwise, set either `onChange` or `readOnly`.');
-    }
-
-    for (var _len = arguments.length, rest = new Array(_len > 3 ? _len - 3 : 0), _key = 3; _key < _len; _key++) {
-      rest[_key - 3] = arguments[_key];
-    }
-
-    return propType.apply(void 0, [props, propName, componentName].concat(rest));
-  };
-}
-
-exports["default"] = requiredIfValueExists;