@carbon/react 1.8.0 → 1.10.0-rc.0

package/es/prop-types/requiredIfValueExists.js

@@ -1,32 +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.
- */
-
-/**
- * @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));
-  };
-}
-
-export { requiredIfValueExists as default };

package/lib/components/ComposedModal/index.js

@@ -1,45 +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');
-var ModalHeader$1 = require('./next/ModalHeader.js');
-var ModalFooter$1 = require('./next/ModalFooter.js');
-var ComposedModal$2 = require('./next/ComposedModal.js');
-var ComposedModal$1 = require('./ComposedModal.js');
-
-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 FeatureFlags__namespace = /*#__PURE__*/_interopNamespace(FeatureFlags);
-
-var ModalHeader = FeatureFlags__namespace.enabled('enable-v11-release') ? ModalHeader$1.ModalHeader : ComposedModal$1.ModalHeader;
-var ModalFooter = FeatureFlags__namespace.enabled('enable-v11-release') ? ModalFooter$1.ModalFooter : ComposedModal$1.ModalFooter;
-var ComposedModal = FeatureFlags__namespace.enabled('enable-v11-release') ? ComposedModal$2["default"] : ComposedModal$1["default"];
-
-exports.ModalBody = ComposedModal$1.ModalBody;
-exports.ComposedModal = ComposedModal;
-exports.ModalFooter = ModalFooter;
-exports.ModalHeader = ModalHeader;

package/lib/components/ComposedModal/next/ComposedModal.js

@@ -1,236 +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 React = require('react');
-var PropTypes = require('prop-types');
-var ModalHeader = require('./ModalHeader.js');
-var ComposedModal$1 = require('../ComposedModal.js');
-var cx = require('classnames');
-var toggleClass = require('../../../tools/toggleClass.js');
-var requiredIfGivenPropIsTruthy = require('../../../prop-types/requiredIfGivenPropIsTruthy.js');
-var wrapFocus = require('../../../internal/wrapFocus.js');
-var usePrefix = require('../../../internal/usePrefix.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
-var _ModalBody$propTypes, _ComposedModal$propTy;
-
-var _excluded = ["className", "children", "hasForm", "hasScrollingContent"],
-    _excluded2 = ["aria-labelledby", "aria-label", "children", "className", "containerClassName", "danger", "onClose", "onKeyDown", "open", "preventCloseOnClickOutside", "selectorPrimaryFocus", "selectorsFloatingMenus", "size"];
-var ModalBody = /*#__PURE__*/React__default["default"].forwardRef(function ModalBody(_ref, ref) {
-  var _cx;
-
-  var customClassName = _ref.className,
-      children = _ref.children,
-      hasForm = _ref.hasForm,
-      hasScrollingContent = _ref.hasScrollingContent,
-      rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-
-  var prefix = usePrefix.usePrefix();
-  var contentClass = cx__default["default"]((_cx = {}, _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--modal-content"), true), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--modal-content--with-form"), hasForm), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--modal-scroll-content"), hasScrollingContent), _rollupPluginBabelHelpers.defineProperty(_cx, customClassName, customClassName), _cx));
-  var hasScrollingContentProps = hasScrollingContent ? {
-    tabIndex: 0,
-    role: 'region'
-  } : {};
-  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
-    className: contentClass
-  }, hasScrollingContentProps, rest, {
-    ref: ref
-  }), children), hasScrollingContent && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "".concat(prefix, "--modal-content--overflow-indicator")
-  }));
-});
-ModalBody.propTypes = (_ModalBody$propTypes = {}, _rollupPluginBabelHelpers.defineProperty(_ModalBody$propTypes, 'aria-label', requiredIfGivenPropIsTruthy["default"]('hasScrollingContent', PropTypes__default["default"].string)), _rollupPluginBabelHelpers.defineProperty(_ModalBody$propTypes, "children", PropTypes__default["default"].node), _rollupPluginBabelHelpers.defineProperty(_ModalBody$propTypes, "className", PropTypes__default["default"].string), _rollupPluginBabelHelpers.defineProperty(_ModalBody$propTypes, "hasForm", PropTypes__default["default"].bool), _rollupPluginBabelHelpers.defineProperty(_ModalBody$propTypes, "hasScrollingContent", PropTypes__default["default"].bool), _ModalBody$propTypes);
-var ComposedModal = /*#__PURE__*/React__default["default"].forwardRef(function ComposedModal(_ref2, ref) {
-  var _cx2, _cx3;
-
-  var ariaLabelledBy = _ref2['aria-labelledby'],
-      ariaLabel = _ref2['aria-label'],
-      children = _ref2.children,
-      customClassName = _ref2.className,
-      containerClassName = _ref2.containerClassName,
-      danger = _ref2.danger,
-      onClose = _ref2.onClose,
-      onKeyDown = _ref2.onKeyDown,
-      open = _ref2.open,
-      preventCloseOnClickOutside = _ref2.preventCloseOnClickOutside,
-      selectorPrimaryFocus = _ref2.selectorPrimaryFocus,
-      selectorsFloatingMenus = _ref2.selectorsFloatingMenus,
-      size = _ref2.size,
-      rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref2, _excluded2);
-
-  var prefix = usePrefix.usePrefix();
-
-  var _useState = React.useState(open),
-      _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
-      isOpen = _useState2[0],
-      setisOpen = _useState2[1];
-
-  var _useState3 = React.useState(open),
-      _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
-      prevOpen = _useState4[0],
-      setPrevOpen = _useState4[1];
-
-  var innerModal = React.useRef();
-  var button = React.useRef();
-  var startSentinel = React.useRef();
-  var endSentinel = React.useRef();
-
-  if (open !== prevOpen) {
-    setisOpen(open);
-    setPrevOpen(open);
-  }
-
-  function handleKeyDown(evt) {
-    // Esc key
-    if (evt.which === 27) {
-      closeModal(evt);
-    }
-
-    onKeyDown(evt);
-  }
-
-  function handleClick(evt) {
-    if (!innerModal.current.contains(evt.target) && preventCloseOnClickOutside) {
-      return;
-    }
-
-    if (innerModal.current && !innerModal.current.contains(evt.target)) {
-      closeModal(evt);
-    }
-  }
-
-  function handleBlur(_ref3) {
-    var oldActiveNode = _ref3.target,
-        currentActiveNode = _ref3.relatedTarget;
-
-    if (open && currentActiveNode && oldActiveNode) {
-      var bodyNode = innerModal.current;
-      var startSentinelNode = startSentinel.current;
-      var endSentinelNode = endSentinel.current;
-      wrapFocus["default"]({
-        bodyNode: bodyNode,
-        startSentinelNode: startSentinelNode,
-        endSentinelNode: endSentinelNode,
-        currentActiveNode: currentActiveNode,
-        oldActiveNode: oldActiveNode,
-        selectorsFloatingMenus: selectorsFloatingMenus
-      });
-    }
-  }
-
-  function closeModal(evt) {
-    if (!onClose || onClose(evt) !== false) {
-      setisOpen(false);
-    }
-  }
-
-  var modalClass = cx__default["default"]((_cx2 = {}, _rollupPluginBabelHelpers.defineProperty(_cx2, "".concat(prefix, "--modal"), true), _rollupPluginBabelHelpers.defineProperty(_cx2, 'is-visible', isOpen), _rollupPluginBabelHelpers.defineProperty(_cx2, customClassName, customClassName), _rollupPluginBabelHelpers.defineProperty(_cx2, "".concat(prefix, "--modal--danger"), danger), _cx2));
-  var containerClass = cx__default["default"]((_cx3 = {}, _rollupPluginBabelHelpers.defineProperty(_cx3, "".concat(prefix, "--modal-container"), true), _rollupPluginBabelHelpers.defineProperty(_cx3, "".concat(prefix, "--modal-container--").concat(size), size), _rollupPluginBabelHelpers.defineProperty(_cx3, containerClassName, containerClassName), _cx3)); // Generate aria-label based on Modal Header label if one is not provided (L253)
-
-  var generatedAriaLabel;
-  var childrenWithProps = React__default["default"].Children.toArray(children).map(function (child) {
-    switch (child.type) {
-      case React__default["default"].createElement(ModalHeader.ModalHeader).type:
-        generatedAriaLabel = child.props.label;
-        return /*#__PURE__*/React__default["default"].cloneElement(child, {
-          closeModal: closeModal
-        });
-
-      case React__default["default"].createElement(ComposedModal$1.ModalFooter).type:
-        return /*#__PURE__*/React__default["default"].cloneElement(child, {
-          closeModal: closeModal,
-          inputref: button
-        });
-
-      default:
-        return child;
-    }
-  });
-  React.useEffect(function () {
-    if (prevOpen !== isOpen) {
-      toggleClass["default"](document.body, "".concat(prefix, "--body--with-modal-open"), isOpen);
-    }
-  });
-  React.useEffect(function () {
-    return function () {
-      return toggleClass["default"](document.body, "".concat(prefix, "--body--with-modal-open"), false);
-    };
-  });
-  React.useEffect(function () {
-    toggleClass["default"](document.body, "".concat(prefix, "--body--with-modal-open"), open);
-  }, [open, prefix]);
-  React.useEffect(function () {
-    var focusButton = function focusButton(focusContainerElement) {
-      if (focusContainerElement) {
-        var primaryFocusElement = focusContainerElement.querySelector(selectorPrimaryFocus);
-
-        if (primaryFocusElement) {
-          primaryFocusElement.focus();
-          return;
-        }
-
-        if (button.current) {
-          button.current.focus();
-        }
-      }
-    };
-
-    if (!open) {
-      return;
-    }
-
-    if (innerModal.current) {
-      focusButton(innerModal.current);
-    }
-  }, [open, selectorPrimaryFocus]);
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
-    role: "presentation",
-    ref: ref,
-    "aria-hidden": !open,
-    onBlur: handleBlur,
-    onClick: handleClick,
-    onKeyDown: handleKeyDown,
-    className: modalClass,
-    tabIndex: "-1"
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: containerClass,
-    role: "dialog",
-    "aria-modal": "true",
-    "aria-label": ariaLabel ? ariaLabel : generatedAriaLabel,
-    "aria-labelledby": ariaLabelledBy
-  }, /*#__PURE__*/React__default["default"].createElement("button", {
-    type: "button",
-    ref: startSentinel,
-    className: "".concat(prefix, "--visually-hidden")
-  }, "Focus sentinel"), /*#__PURE__*/React__default["default"].createElement("div", {
-    ref: innerModal,
-    className: "".concat(prefix, "--modal-container-body")
-  }, childrenWithProps), /*#__PURE__*/React__default["default"].createElement("button", {
-    type: "button",
-    ref: endSentinel,
-    className: "".concat(prefix, "--visually-hidden")
-  }, "Focus sentinel")));
-});
-ComposedModal.propTypes = (_ComposedModal$propTy = {}, _rollupPluginBabelHelpers.defineProperty(_ComposedModal$propTy, 'aria-label', PropTypes__default["default"].string), _rollupPluginBabelHelpers.defineProperty(_ComposedModal$propTy, 'aria-labelledby', PropTypes__default["default"].string), _rollupPluginBabelHelpers.defineProperty(_ComposedModal$propTy, "children", PropTypes__default["default"].node), _rollupPluginBabelHelpers.defineProperty(_ComposedModal$propTy, "className", PropTypes__default["default"].string), _rollupPluginBabelHelpers.defineProperty(_ComposedModal$propTy, "containerClassName", PropTypes__default["default"].string), _rollupPluginBabelHelpers.defineProperty(_ComposedModal$propTy, "danger", PropTypes__default["default"].bool), _rollupPluginBabelHelpers.defineProperty(_ComposedModal$propTy, "onClose", PropTypes__default["default"].func), _rollupPluginBabelHelpers.defineProperty(_ComposedModal$propTy, "onKeyDown", PropTypes__default["default"].func), _rollupPluginBabelHelpers.defineProperty(_ComposedModal$propTy, "open", PropTypes__default["default"].bool), _rollupPluginBabelHelpers.defineProperty(_ComposedModal$propTy, "preventCloseOnClickOutside", PropTypes__default["default"].bool), _rollupPluginBabelHelpers.defineProperty(_ComposedModal$propTy, "selectorPrimaryFocus", PropTypes__default["default"].string), _rollupPluginBabelHelpers.defineProperty(_ComposedModal$propTy, "selectorsFloatingMenus", PropTypes__default["default"].string), _rollupPluginBabelHelpers.defineProperty(_ComposedModal$propTy, "size", PropTypes__default["default"].oneOf(['xs', 'sm', 'md', 'lg'])), _ComposedModal$propTy);
-ComposedModal.defaultProps = {
-  onKeyDown: function onKeyDown() {},
-  selectorPrimaryFocus: '[data-modal-primary-focus]'
-};
-var ComposedModalNext = ComposedModal;
-
-exports.ModalBody = ModalBody;
-exports["default"] = ComposedModalNext;

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;