@carbon/react 1.17.0-rc.2 → 1.17.0

package/lib/components/StructuredList/next/StructuredList.js

@@ -1,357 +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 cx = require('classnames');
-var useId = require('../../../internal/useId.js');
-var deprecate = require('../../../prop-types/deprecate.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 _excluded = ["children", "selection", "className", "ariaLabel", "isCondensed", "isFlush"],
-    _excluded2 = ["children", "className"],
-    _excluded3 = ["children", "className"],
-    _excluded4 = ["onKeyDown", "children", "className", "head"],
-    _excluded5 = ["className", "name", "title", "id"],
-    _excluded6 = ["children", "className", "head", "noWrap"];
-var GridSelectedRowStateContext = /*#__PURE__*/React__default["default"].createContext(null);
-var GridSelectedRowDispatchContext = /*#__PURE__*/React__default["default"].createContext(null);
-function StructuredListWrapper(props) {
-  var _classNames;
-
-  var children = props.children,
-      selection = props.selection,
-      className = props.className,
-      ariaLabel = props.ariaLabel,
-      isCondensed = props.isCondensed,
-      isFlush = props.isFlush,
-      other = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
-
-  var prefix = usePrefix.usePrefix();
-  var classes = cx__default["default"]("".concat(prefix, "--structured-list"), className, (_classNames = {}, _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--structured-list--selection"), selection), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--structured-list--condensed"), isCondensed), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--structured-list--flush"), isFlush), _classNames));
-
-  var _React$useState = React__default["default"].useState(null),
-      _React$useState2 = _rollupPluginBabelHelpers.slicedToArray(_React$useState, 2),
-      selectedRow = _React$useState2[0],
-      setSelectedRow = _React$useState2[1];
-
-  return /*#__PURE__*/React__default["default"].createElement(GridSelectedRowStateContext.Provider, {
-    value: selectedRow
-  }, /*#__PURE__*/React__default["default"].createElement(GridSelectedRowDispatchContext.Provider, {
-    value: setSelectedRow
-  }, /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
-    role: "table",
-    className: classes
-  }, other, {
-    "aria-label": ariaLabel
-  }), children)));
-}
-StructuredListWrapper.propTypes = {
-  /**
-   * Specify a label to be read by screen readers on the container node
-   */
-  ariaLabel: PropTypes__default["default"].string,
-
-  /**
-   * Provide the contents of your StructuredListWrapper
-   */
-  children: PropTypes__default["default"].node,
-
-  /**
-   * Specify an optional className to be applied to the container node
-   */
-  className: PropTypes__default["default"].string,
-
-  /**
-   * Specify if structured list is condensed, default is false
-   */
-  isCondensed: PropTypes__default["default"].bool,
-
-  /**
-   * Specify if structured list is flush, default is false
-   */
-  isFlush: PropTypes__default["default"].bool,
-
-  /**
-   * Specify whether your StructuredListWrapper should have selections
-   */
-  selection: PropTypes__default["default"].bool
-};
-StructuredListWrapper.defaultProps = {
-  selection: false,
-  isCondensed: false,
-  isFlush: false,
-  ariaLabel: 'Structured list section'
-};
-function StructuredListHead(props) {
-  var children = props.children,
-      className = props.className,
-      other = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded2);
-
-  var prefix = usePrefix.usePrefix();
-  var classes = cx__default["default"]("".concat(prefix, "--structured-list-thead"), className);
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
-    role: "rowgroup",
-    className: classes
-  }, other), children);
-}
-StructuredListHead.propTypes = {
-  /**
-   * Provide the contents of your StructuredListHead
-   */
-  children: PropTypes__default["default"].node,
-
-  /**
-   * Specify an optional className to be applied to the node
-   */
-  className: PropTypes__default["default"].string
-};
-function StructuredListBody(props) {
-  var children = props.children,
-      className = props.className,
-      other = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded3);
-
-  var prefix = usePrefix.usePrefix();
-  var classes = cx__default["default"]("".concat(prefix, "--structured-list-tbody"), className);
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
-    className: classes,
-    role: "rowgroup"
-  }, other), children);
-}
-StructuredListBody.propTypes = {
-  /**
-   * Provide the contents of your StructuredListBody
-   */
-  children: PropTypes__default["default"].node,
-
-  /**
-   * Specify an optional className to be applied to the container node
-   */
-  className: PropTypes__default["default"].string,
-  head: PropTypes__default["default"].bool,
-
-  /**
-   * Provide a handler that is invoked on the key down event for the control
-   */
-  onKeyDown: PropTypes__default["default"].func
-};
-StructuredListBody.defaultProps = {
-  onKeyDown: function onKeyDown() {}
-};
-var GridRowContext = /*#__PURE__*/React__default["default"].createContext(null);
-function StructuredListRow(props) {
-  var _classNames2;
-
-  var onKeyDown = props.onKeyDown,
-      children = props.children,
-      className = props.className,
-      head = props.head,
-      other = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded4);
-
-  var _useState = React.useState(false),
-      _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
-      hasFocusWithin = _useState2[0],
-      setHasFocusWithin = _useState2[1];
-
-  var id = useId.useId('grid-input');
-  var setSelectedRow = React__default["default"].useContext(GridSelectedRowDispatchContext);
-  var prefix = usePrefix.usePrefix();
-  var value = {
-    id: id
-  };
-  var classes = cx__default["default"]("".concat(prefix, "--structured-list-row"), className, (_classNames2 = {}, _rollupPluginBabelHelpers.defineProperty(_classNames2, "".concat(prefix, "--structured-list-row--header-row"), head), _rollupPluginBabelHelpers.defineProperty(_classNames2, "".concat(prefix, "--structured-list-row--focused-within"), hasFocusWithin), _classNames2));
-  return head ? /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
-    role: "row"
-  }, other, {
-    className: classes
-  }), children) :
-  /*#__PURE__*/
-  // eslint-disable-next-line jsx-a11y/interactive-supports-focus
-  React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, other, {
-    role: "row",
-    className: classes,
-    onClick: function onClick() {
-      return setSelectedRow(id);
-    },
-    onFocus: function onFocus() {
-      setHasFocusWithin(true);
-    },
-    onBlur: function onBlur() {
-      setHasFocusWithin(false);
-    },
-    onKeyDown: onKeyDown
-  }), /*#__PURE__*/React__default["default"].createElement(GridRowContext.Provider, {
-    value: value
-  }, children));
-}
-StructuredListRow.propTypes = {
-  /**
-   * Provide the contents of your StructuredListRow
-   */
-  children: PropTypes__default["default"].node,
-
-  /**
-   * Specify an optional className to be applied to the container node
-   */
-  className: PropTypes__default["default"].string,
-
-  /**
-   * Specify whether your StructuredListRow should be used as a header row
-   */
-  head: PropTypes__default["default"].bool,
-
-  /**
-   * Specify whether a `<label>` should be used
-   */
-  label: deprecate["default"](PropTypes__default["default"].bool, "\nThe `label` prop is no longer needed and will be removed in the next major version of Carbon."),
-
-  /**
-   * Provide a handler that is invoked on the key down event for the control,
-   */
-  onKeyDown: PropTypes__default["default"].func
-};
-StructuredListRow.defaultProps = {
-  head: false,
-  onKeyDown: function onKeyDown() {}
-};
-function StructuredListInput(props) {
-  var _row$id;
-
-  var defaultId = useId.useId('structureListInput');
-
-  var className = props.className,
-      _props$name = props.name,
-      name = _props$name === void 0 ? "structured-list-input-".concat(defaultId) : _props$name,
-      title = props.title,
-      id = props.id,
-      other = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded5);
-
-  var prefix = usePrefix.usePrefix();
-  var classes = cx__default["default"]("".concat(prefix, "--structured-list-input"), "".concat(prefix, "--visually-hidden"), className);
-  var row = React__default["default"].useContext(GridRowContext);
-  var selectedRow = React__default["default"].useContext(GridSelectedRowStateContext);
-  var setSelectedRow = React__default["default"].useContext(GridSelectedRowDispatchContext);
-  return /*#__PURE__*/React__default["default"].createElement("input", _rollupPluginBabelHelpers["extends"]({}, other, {
-    type: "radio",
-    tabIndex: 0,
-    checked: row && row.id === selectedRow,
-    value: (_row$id = row === null || row === void 0 ? void 0 : row.id) !== null && _row$id !== void 0 ? _row$id : '',
-    onChange: function onChange(event) {
-      setSelectedRow(event.target.value);
-    },
-    id: id !== null && id !== void 0 ? id : defaultId,
-    className: classes,
-    name: name,
-    title: title
-  }));
-}
-StructuredListInput.propTypes = {
-  /**
-   * Specify an optional className to be applied to the input
-   */
-  className: PropTypes__default["default"].string,
-
-  /**
-   * Specify whether the underlying input should be checked by default
-   */
-  defaultChecked: deprecate["default"](PropTypes__default["default"].bool, "\nThe prop `defaultChecked` is no longer needed and will be removed in the next major version of Carbon."),
-
-  /**
-   * Specify a custom `id` for the input
-   */
-  id: PropTypes__default["default"].string,
-
-  /**
-   * Provide a `name` for the input
-   */
-  name: PropTypes__default["default"].string,
-
-  /**
-   * Provide an optional hook that is called each time the input is updated
-   */
-  onChange: deprecate["default"](PropTypes__default["default"].func, "\nThe prop `onChange` will be removed in the next major version of Carbon."),
-
-  /**
-   * Provide a `title` for the input
-   */
-  title: PropTypes__default["default"].string,
-
-  /**
-   * Specify the value of the input
-   */
-  value: deprecate["default"](PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number]).isRequired, "\nThe prop `value` will be removed in the next major version of Carbon.")
-};
-StructuredListInput.defaultProps = {
-  title: 'title'
-};
-function StructuredListCell(props) {
-  var _classNames3;
-
-  var children = props.children,
-      className = props.className,
-      head = props.head,
-      noWrap = props.noWrap,
-      other = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded6);
-
-  var prefix = usePrefix.usePrefix();
-  var classes = cx__default["default"](className, (_classNames3 = {}, _rollupPluginBabelHelpers.defineProperty(_classNames3, "".concat(prefix, "--structured-list-th"), head), _rollupPluginBabelHelpers.defineProperty(_classNames3, "".concat(prefix, "--structured-list-td"), !head), _rollupPluginBabelHelpers.defineProperty(_classNames3, "".concat(prefix, "--structured-list-content--nowrap"), noWrap), _classNames3));
-
-  if (head) {
-    return /*#__PURE__*/React__default["default"].createElement("span", _rollupPluginBabelHelpers["extends"]({
-      className: classes,
-      role: "columnheader"
-    }, other), children);
-  }
-
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
-    className: classes,
-    role: "cell"
-  }, other), children);
-}
-StructuredListCell.propTypes = {
-  /**
-   * Provide the contents of your StructuredListCell
-   */
-  children: PropTypes__default["default"].node,
-
-  /**
-   * Specify an optional className to be applied to the container node
-   */
-  className: PropTypes__default["default"].string,
-
-  /**
-   * Specify whether your StructuredListCell should be used as a header cell
-   */
-  head: PropTypes__default["default"].bool,
-
-  /**
-   * Specify whether your StructuredListCell should have text wrapping
-   */
-  noWrap: PropTypes__default["default"].bool
-};
-StructuredListCell.defaultProps = {
-  head: false,
-  noWrap: false
-};
-
-exports.StructuredListBody = StructuredListBody;
-exports.StructuredListCell = StructuredListCell;
-exports.StructuredListHead = StructuredListHead;
-exports.StructuredListInput = StructuredListInput;
-exports.StructuredListRow = StructuredListRow;
-exports.StructuredListWrapper = StructuredListWrapper;

package/lib/internal/ComponentToggle.js

@@ -1,50 +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 index = require('../components/FeatureFlags/index.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-function createComponentToggle(spec) {
-  var name = spec.name,
-      _spec$flag = spec.flag,
-      flag = _spec$flag === void 0 ? 'enable-v11-release' : _spec$flag,
-      next = spec.next,
-      classic = spec.classic;
-
-  function ComponentToggle(props, ref) {
-    var enabled = index.useFeatureFlag(flag);
-
-    if (enabled) {
-      if (next) {
-        return /*#__PURE__*/React__default["default"].createElement(next, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, props), {}, {
-          ref: ref
-        }));
-      }
-
-      return null;
-    }
-
-    return /*#__PURE__*/React__default["default"].createElement(classic, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, props), {}, {
-      ref: ref
-    }));
-  }
-
-  var wrappedComponent = /*#__PURE__*/React__default["default"].forwardRef(ComponentToggle);
-  wrappedComponent.displayName = "FeatureToggle(".concat(name, ")");
-  return wrappedComponent;
-}
-
-exports.createComponentToggle = createComponentToggle;