@carbon/react 1.8.0 → 1.9.0-rc.0

package/lib/index.js

@@ -46,8 +46,6 @@ var Loading = require('./components/Loading/Loading.js');
 var Modal = require('./components/Modal/Modal.js');
 var ModalWrapper = require('./components/ModalWrapper/ModalWrapper.js');
 require('./components/MultiSelect/index.js');
-var NumberInput_Skeleton = require('./components/NumberInput/NumberInput.Skeleton.js');
-var NumberInput = require('./components/NumberInput/NumberInput.js');
 var OrderedList = require('./components/OrderedList/OrderedList.js');
 var index$2 = require('./components/OverflowMenu/index.js');
 var index$3 = require('./components/OverflowMenuItem/index.js');
@@ -120,6 +118,7 @@ var FileUploaderDropContainer = require('./components/FileUploader/FileUploaderD
 var FileUploaderItem = require('./components/FileUploader/FileUploaderItem.js');
 var Row = require('./components/Grid/Row.js');
 var Column = require('./components/Grid/Column.js');
+var NumberInput_Skeleton = require('./components/NumberInput/NumberInput.Skeleton.js');
 var HeaderMenuButton = require('./components/UIShell/HeaderMenuButton.js');
 var HeaderName = require('./components/UIShell/HeaderName.js');
 var SkipToContent = require('./components/UIShell/SkipToContent.js');
@@ -172,6 +171,7 @@ var Grid = require('./components/Grid/Grid.js');
 var ColumnHang = require('./components/Grid/ColumnHang.js');
 var FlexGrid = require('./components/Grid/FlexGrid.js');
 var Notification = require('./components/Notification/Notification.js');
+var NumberInput = require('./components/NumberInput/NumberInput.js');
 var ControlledPasswordInput = require('./components/TextInput/ControlledPasswordInput.js');
 var PasswordInput = require('./components/TextInput/PasswordInput.js');
 var ProgressIndicator = require('./components/ProgressIndicator/ProgressIndicator.js');
@@ -240,8 +240,6 @@ exports.ListItem = ListItem["default"];
 exports.Loading = Loading["default"];
 exports.Modal = Modal["default"];
 exports.ModalWrapper = ModalWrapper["default"];
-exports.NumberInputSkeleton = NumberInput_Skeleton["default"];
-exports.NumberInput = NumberInput["default"];
 exports.OrderedList = OrderedList["default"];
 exports.OverflowMenu = index$2["default"];
 exports.OverflowMenuItem = index$3["default"];
@@ -333,6 +331,7 @@ exports.FileUploaderDropContainer = FileUploaderDropContainer["default"];
 exports.FileUploaderItem = FileUploaderItem["default"];
 exports.Row = Row["default"];
 exports.Column = Column["default"];
+exports.NumberInputSkeleton = NumberInput_Skeleton["default"];
 exports.HeaderMenuButton = HeaderMenuButton["default"];
 exports.HeaderName = HeaderName["default"];
 exports.SkipToContent = SkipToContent["default"];
@@ -389,6 +388,7 @@ exports.InlineNotification = Notification.InlineNotification;
 exports.NotificationActionButton = Notification.NotificationActionButton;
 exports.NotificationButton = Notification.NotificationButton;
 exports.ToastNotification = Notification.ToastNotification;
+exports.NumberInput = NumberInput.NumberInput;
 exports.ControlledPasswordInput = ControlledPasswordInput["default"];
 exports.PasswordInput = PasswordInput["default"];
 exports.ProgressStep = ProgressIndicator.ProgressStep;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/react",
   "description": "React components for the Carbon Design System",
-  "version": "1.8.0",
+  "version": "1.9.0-rc.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -44,9 +44,9 @@
   "dependencies": {
     "@babel/runtime": "^7.18.3",
     "@carbon/feature-flags": "^0.8.0",
-    "@carbon/icons-react": "^11.6.0",
-    "@carbon/layout": "^11.4.0",
-    "@carbon/styles": "^1.8.0",
+    "@carbon/icons-react": "^11.7.0-rc.0",
+    "@carbon/layout": "^11.5.0-rc.0",
+    "@carbon/styles": "^1.9.0-rc.0",
     "@carbon/telemetry": "0.1.0",
     "classnames": "2.3.1",
     "copy-to-clipboard": "^3.3.1",
@@ -73,7 +73,7 @@
     "@babel/preset-env": "^7.18.2",
     "@babel/preset-react": "^7.17.12",
     "@carbon/test-utils": "^10.25.0",
-    "@carbon/themes": "^11.5.0",
+    "@carbon/themes": "^11.6.0-rc.0",
     "@rollup/plugin-babel": "^5.3.0",
     "@rollup/plugin-commonjs": "^21.0.0",
     "@rollup/plugin-node-resolve": "^13.0.0",
@@ -129,5 +129,5 @@
     "**/*.scss",
     "**/*.css"
   ],
-  "gitHead": "d263183ca413f661dc4d2ece09833d846b32328f"
+  "gitHead": "5a23e3960d9bf5b652b96b6a051ae2b04cfa9a08"
 }

package/scss/utilities/_hide-at-breakpoint.scss

@@ -0,0 +1,9 @@
+// Code generated by @carbon/react. DO NOT EDIT.
+//
+// Copyright IBM Corp. 2018, 2018
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
+@forward '@carbon/styles/scss/utilities/hide-at-breakpoint';

package/es/internal/FeatureFlags.js

@@ -1,52 +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 { enabled } from '@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 = enabled('enable-use-controlled-state-with-value');
-
-export { useControlledStateWithValue };

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/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;