@carbon/react 1.17.0-rc.2 → 1.18.0-rc.0

package/lib/internal/useId.js

@@ -13,6 +13,7 @@ var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.j
 var React = require('react');
 var setupGetInstanceId = require('../tools/setupGetInstanceId.js');
 var environment = require('./environment.js');
+var useIdPrefix = require('./useIdPrefix.js');
 
 var getId = setupGetInstanceId["default"]();
 var useIsomorphicLayoutEffect = environment.canUseDOM ? React.useLayoutEffect : React.useEffect;
@@ -26,9 +27,11 @@ var serverHandoffCompleted = false;
 function useId() {
   var prefix = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'id';
 
+  var _prefix = useIdPrefix.useIdPrefix();
+
   var _useState = React.useState(function () {
     if (serverHandoffCompleted) {
-      return "".concat(prefix, "-").concat(getId());
+      return "".concat(_prefix ? "".concat(_prefix, "-") : "").concat(prefix, "-").concat(getId());
     }
 
     return null;
@@ -39,7 +42,7 @@ function useId() {
 
   useIsomorphicLayoutEffect(function () {
     if (id === null) {
-      setId("".concat(prefix, "-").concat(getId()));
+      setId("".concat(_prefix ? "".concat(_prefix, "-") : "").concat(prefix, "-").concat(getId()));
     }
   }, [getId]);
   React.useEffect(function () {

package/lib/internal/useIdPrefix.js

@@ -0,0 +1,24 @@
+/**
+ * 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 React = require('react');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var IdPrefixContext = /*#__PURE__*/React__default["default"].createContext(null);
+function useIdPrefix() {
+  return React__default["default"].useContext(IdPrefixContext);
+}
+
+exports.IdPrefixContext = IdPrefixContext;
+exports.useIdPrefix = useIdPrefix;

package/lib/internal/useIsomorphicEffect.js

@@ -12,6 +12,5 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 
 var useIsomorphicEffect = typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;
-var useIsomorphicEffect$1 = useIsomorphicEffect;
 
-exports["default"] = useIsomorphicEffect$1;
+exports["default"] = useIsomorphicEffect;

package/lib/tools/mergeRefs.js

@@ -30,6 +30,4 @@ var mergeRefs = function mergeRefs() {
   };
 };
 
-var mergeRefs$1 = mergeRefs;
-
-exports["default"] = mergeRefs$1;
+exports["default"] = mergeRefs;

package/lib/tools/wrapComponent.js

@@ -49,6 +49,4 @@ var wrapComponent = function wrapComponent(_ref) {
   return Component;
 };
 
-var wrapComponent$1 = wrapComponent;
-
-exports["default"] = wrapComponent$1;
+exports["default"] = wrapComponent;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/react",
   "description": "React components for the Carbon Design System",
-  "version": "1.17.0-rc.2",
+  "version": "1.18.0-rc.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -43,10 +43,10 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.18.3",
-    "@carbon/feature-flags": "^0.9.0",
-    "@carbon/icons-react": "^11.10.0",
-    "@carbon/layout": "^11.7.0",
-    "@carbon/styles": "^1.17.0-rc.2",
+    "@carbon/feature-flags": "^0.10.0-rc.0",
+    "@carbon/icons-react": "^11.12.0-rc.0",
+    "@carbon/layout": "^11.8.0-rc.0",
+    "@carbon/styles": "^1.18.0-rc.0",
     "@carbon/telemetry": "0.1.0",
     "classnames": "2.3.2",
     "copy-to-clipboard": "^3.3.1",
@@ -73,11 +73,11 @@
     "@babel/preset-env": "^7.18.2",
     "@babel/preset-react": "^7.17.12",
     "@carbon/test-utils": "^10.26.0",
-    "@carbon/themes": "^11.11.1-rc.0",
+    "@carbon/themes": "^11.13.0-rc.0",
     "@rollup/plugin-babel": "^5.3.0",
     "@rollup/plugin-commonjs": "^21.0.0",
-    "@rollup/plugin-node-resolve": "^13.0.0",
-    "@rollup/plugin-typescript": "^8.5.0",
+    "@rollup/plugin-node-resolve": "^15.0.0",
+    "@rollup/plugin-typescript": "^9.0.0",
     "@storybook/addon-a11y": "^6.5.6",
     "@storybook/addon-actions": "^6.5.6",
     "@storybook/addon-docs": "^6.5.6",
@@ -112,7 +112,7 @@
     "react-dom": "^17.0.2",
     "requestanimationframe": "^0.0.23",
     "rimraf": "^3.0.2",
-    "rollup": "^2.46.0",
+    "rollup": "^2.79.1",
     "rollup-plugin-strip-banner": "^2.0.0",
     "rtlcss": "^4.0.0",
     "sass": "^1.51.0",
@@ -135,5 +135,5 @@
     "**/*.scss",
     "**/*.css"
   ],
-  "gitHead": "a6650fd95565a79d30bef8ba0e0c4ed011d25931"
+  "gitHead": "50cfaf729cfe80fecb6f7371ef13b53b25514145"
 }

package/es/components/StructuredList/index.js

@@ -1,43 +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 { StructuredListWrapper as StructuredListWrapper$1, StructuredListHead as StructuredListHead$1, StructuredListInput as StructuredListInput$1, StructuredListBody as StructuredListBody$1, StructuredListRow as StructuredListRow$1, StructuredListCell as StructuredListCell$1 } from './next/StructuredList.js';
-import { StructuredListWrapper as StructuredListWrapper$2, StructuredListHead as StructuredListHead$2, StructuredListInput as StructuredListInput$2, StructuredListBody as StructuredListBody$2, StructuredListRow as StructuredListRow$2, StructuredListCell as StructuredListCell$2 } from './StructuredList.js';
-import { createComponentToggle } from '../../internal/ComponentToggle.js';
-
-var StructuredListWrapper = createComponentToggle({
-  name: 'StructuredListWrapper',
-  next: StructuredListWrapper$1,
-  classic: StructuredListWrapper$2
-});
-var StructuredListHead = createComponentToggle({
-  name: 'StructuredListHead',
-  next: StructuredListHead$1,
-  classic: StructuredListHead$2
-});
-var StructuredListInput = createComponentToggle({
-  name: 'StructuredListInput',
-  next: StructuredListInput$1,
-  classic: StructuredListInput$2
-});
-var StructuredListBody = createComponentToggle({
-  name: 'StructuredListBody',
-  next: StructuredListBody$1,
-  classic: StructuredListBody$2
-});
-var StructuredListRow = createComponentToggle({
-  name: 'StructuredListRow',
-  next: StructuredListRow$1,
-  classic: StructuredListRow$2
-});
-var StructuredListCell = createComponentToggle({
-  name: 'StructuredListCell',
-  next: StructuredListCell$1,
-  classic: StructuredListCell$2
-});
-
-export { StructuredListBody, StructuredListCell, StructuredListHead, StructuredListInput, StructuredListRow, StructuredListWrapper };

package/es/components/StructuredList/next/StructuredList.js

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

package/es/components/TimePicker/index.js

@@ -1,15 +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 * as FeatureFlags from '@carbon/feature-flags';
-import TimePickerNext from './next/TimePicker.js';
-import TimePicker$2 from './TimePicker.js';
-
-var TimePicker = FeatureFlags.enabled('enable-v11-release') ? TimePickerNext : TimePicker$2;
-var TimePicker$1 = TimePicker;
-
-export { TimePicker$1 as default };