@carbon/react 1.29.0 → 1.30.0-rc.0

package/lib/components/NumberInput/NumberInput.js

@@ -75,11 +75,9 @@ const NumberInput = /*#__PURE__*/React__default["default"].forwardRef(function N
     if (controlledValue !== undefined) {
       return controlledValue;
     }
-
     if (defaultValue !== undefined) {
       return defaultValue;
     }
-
     return 0;
   });
   const [prevControlledValue, setPrevControlledValue] = React.useState(controlledValue);
@@ -118,43 +116,34 @@ const NumberInput = /*#__PURE__*/React__default["default"].forwardRef(function N
     [`${prefix}--number__invalid`]: normalizedProps.invalid || normalizedProps.warn,
     [`${prefix}--number__invalid--warning`]: normalizedProps.warn
   });
-
   if (controlledValue !== prevControlledValue) {
     // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
     setValue(controlledValue);
     setPrevControlledValue(controlledValue);
   }
-
   let ariaDescribedBy = undefined;
-
   if (normalizedProps.invalid) {
     ariaDescribedBy = normalizedProps.invalidId;
   }
-
   if (normalizedProps.warn) {
     ariaDescribedBy = normalizedProps.warnId;
   }
-
   if (!normalizedProps.validation) {
     ariaDescribedBy = helperText ? normalizedProps.helperId : undefined;
   }
-
   function handleOnChange(event) {
     if (disabled) {
       return;
     }
-
     const state = {
       value: event.target.value,
       direction: value < event.target.value ? 'up' : 'down'
     };
     setValue(state.value);
-
     if (onChange) {
       onChange(event, state);
     }
   }
-
   const handleFocus = evt => {
     if ('type' in evt.target && evt.target.type === 'button') {
       setIsFocused(false);
@@ -162,7 +151,6 @@ const NumberInput = /*#__PURE__*/React__default["default"].forwardRef(function N
       setIsFocused(evt.type === 'focus' ? true : false);
     }
   };
-
   const outerElementClasses = cx__default["default"](`${prefix}--form-item`, {
     // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
     [customClassName]: !!customClassName,
@@ -201,7 +189,6 @@ const NumberInput = /*#__PURE__*/React__default["default"].forwardRef(function N
       if (disableWheelProp) {
         e.target.addEventListener('wheel', disableWheel);
       }
-
       if (rest.onFocus) {
         rest.onFocus(e);
       }
@@ -210,7 +197,6 @@ const NumberInput = /*#__PURE__*/React__default["default"].forwardRef(function N
       if (disableWheelProp) {
         e.target.removeEventListener('wheel', disableWheel);
       }
-
       if (rest.onBlur) {
         rest.onBlur(e);
       }
@@ -234,11 +220,9 @@ const NumberInput = /*#__PURE__*/React__default["default"].forwardRef(function N
         direction: 'down'
       };
       setValue(state.value);
-
       if (onChange) {
         onChange(event, state);
       }
-
       if (onClick) {
         onClick(event, state);
       }
@@ -260,11 +244,9 @@ const NumberInput = /*#__PURE__*/React__default["default"].forwardRef(function N
         direction: 'up'
       };
       setValue(state.value);
-
       if (onChange) {
         onChange(event, state);
       }
-
       if (onClick) {
         onClick(event, state);
       }
@@ -289,136 +271,110 @@ NumberInput.propTypes = {
    * `true` to allow empty string.
    */
   allowEmpty: PropTypes__default["default"].bool,
-
   /**
    * Specify an optional className to be applied to the wrapper node
    */
   className: PropTypes__default["default"].string,
-
   /**
    * Optional starting value for uncontrolled state
    */
   defaultValue: PropTypes__default["default"].oneOfType([PropTypes__default["default"].number, PropTypes__default["default"].string]),
-
   /**
    * Specify if the wheel functionality for the input should be disabled, or not
    */
   disableWheel: PropTypes__default["default"].bool,
-
   /**
    * Specify if the control should be disabled, or not
    */
   disabled: PropTypes__default["default"].bool,
-
   /**
    * Provide text that is used alongside the control label for additional help
    */
   helperText: PropTypes__default["default"].node,
-
   /**
    * Specify whether you want the underlying label to be visually hidden
    */
   hideLabel: PropTypes__default["default"].bool,
-
   /**
    * Specify whether you want the steppers to be hidden
    */
   hideSteppers: PropTypes__default["default"].bool,
-
   /**
    * Provide a description for up/down icons that can be read by screen readers
    */
   iconDescription: PropTypes__default["default"].string,
-
   /**
    * Specify a custom `id` for the input
    */
   id: PropTypes__default["default"].string.isRequired,
-
   /**
    * Specify if the currently value is invalid.
    */
   invalid: PropTypes__default["default"].bool,
-
   /**
    * Message which is displayed if the value is invalid.
    */
   invalidText: PropTypes__default["default"].node,
-
   /**
    * Generic `label` that will be used as the textual representation of what
    * this field is for
    */
   label: PropTypes__default["default"].node,
-
   /**
    * `true` to use the light version.
    */
   light: deprecate["default"](PropTypes__default["default"].bool, 'The `light` prop for `NumberInput` is no longer needed and has ' + 'been deprecated in v11 in favor of the new `Layer` component. It will be moved in the next major release.'),
-
   /**
    * The maximum value.
    */
   max: PropTypes__default["default"].number,
-
   /**
    * The minimum value.
    */
   min: PropTypes__default["default"].number,
-
   /**
    * Provide an optional handler that is called when the internal state of
    * NumberInput changes. This handler is called with event and state info.
    * `(event, { value, direction }) => void`
    */
   onChange: PropTypes__default["default"].func,
-
   /**
    * Provide an optional function to be called when the up/down button is clicked
    */
   onClick: PropTypes__default["default"].func,
-
   /**
    * Provide an optional function to be called when a key is pressed in the number input
    */
   onKeyUp: PropTypes__default["default"].func,
-
   /**
    * Specify if the component should be read-only
    */
   readOnly: PropTypes__default["default"].bool,
-
   /**
    * Specify the size of the Number Input.
    */
   size: PropTypes__default["default"].oneOf(['sm', 'md', 'lg']),
-
   /**
    * Specify how much the values should increase/decrease upon clicking on up/down button
    */
   step: PropTypes__default["default"].number,
-
   /**
    * Provide custom text for the component for each translation id
    */
   translateWithId: PropTypes__default["default"].func,
-
   /**
    * Specify the value of the input
    */
   value: PropTypes__default["default"].oneOfType([PropTypes__default["default"].number, PropTypes__default["default"].string]),
-
   /**
    * Specify whether the control is currently in warning state
    */
   warn: PropTypes__default["default"].bool,
-
   /**
    * Provide the text that is displayed when the control is in warning state
    */
   warnText: PropTypes__default["default"].node
 };
-
 function Label(_ref) {
   let {
     disabled,
@@ -432,24 +388,20 @@ function Label(_ref) {
     [`${prefix}--label--disabled`]: disabled,
     [`${prefix}--visually-hidden`]: hideLabel
   });
-
   if (label) {
     return /*#__PURE__*/React__default["default"].createElement("label", {
       htmlFor: id,
       className: className
     }, label);
   }
-
   return null;
 }
-
 Label.propTypes = {
   disabled: PropTypes__default["default"].bool,
   hideLabel: PropTypes__default["default"].bool,
   id: PropTypes__default["default"].string,
   label: PropTypes__default["default"].node
 };
-
 function HelperText(_ref2) {
   let {
     disabled,
@@ -460,22 +412,20 @@ function HelperText(_ref2) {
   const className = cx__default["default"](`${prefix}--form__helper-text`, {
     [`${prefix}--form__helper-text--disabled`]: disabled
   });
-
   if (description) {
     return /*#__PURE__*/React__default["default"].createElement("div", {
       id: id,
       className: className
     }, description);
   }
-
   return null;
 }
-
 HelperText.propTypes = {
   description: PropTypes__default["default"].node,
   disabled: PropTypes__default["default"].bool,
   id: PropTypes__default["default"].string
 };
+
 /**
  * Determine if the given value is invalid based on the given max, min and
  * conditions like `allowEmpty`. If `invalid` is passed through, it will default
@@ -489,7 +439,6 @@ HelperText.propTypes = {
  * @param {number} config.min
  * @returns {boolean}
  */
-
 function getInputValidity(_ref3) {
   let {
     allowEmpty,
@@ -498,21 +447,18 @@ function getInputValidity(_ref3) {
     max,
     min
   } = _ref3;
-
   if (invalid) {
     return false;
   }
-
   if (value === '') {
     return allowEmpty;
   }
-
   if (value > max || value < min) {
     return false;
   }
-
   return true;
 }
+
 /**
  * It prevents any wheel event from emitting.
  *
@@ -527,11 +473,10 @@ function getInputValidity(_ref3) {
  * @see https://github.com/facebook/react/pull/19654
  * @param {WheelEvent} e A wheel event.
  */
-
-
 function disableWheel(e) {
   e.preventDefault();
 }
+
 /**
  * Clamp the given value between the upper bound `max` and the lower bound `min`
  *
@@ -541,8 +486,6 @@ function disableWheel(e) {
  * @param {number} min
  * @param {number} value
  */
-
-
 const boundLimit = 9000000000000000; // 16 digit, 9 quadrillion
 
 function clamp() {

package/lib/components/OrderedList/OrderedList.d.ts

@@ -0,0 +1,39 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * 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 PropTypes from 'prop-types';
+import { type ComponentProps } from 'react';
+interface OrderedListProps extends ComponentProps<'ol'> {
+    nested?: boolean | undefined;
+    native?: boolean | undefined;
+    isExpressive?: boolean | undefined;
+}
+declare function OrderedList({ className, nested, native, isExpressive, ...other }: OrderedListProps): JSX.Element;
+declare namespace OrderedList {
+    var propTypes: {
+        /**
+         * Provide list items to be rendered in the ordered list
+         */
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /**
+         * Provide an optional className to be applied to the containing <ol> node
+         */
+        className: PropTypes.Requireable<string>;
+        /**
+         * Specify whether this ordered list expressive or not
+         */
+        isExpressive: PropTypes.Requireable<boolean>;
+        /**
+         * Specify whether this ordered list should use native list styles instead of custom counter
+         */
+        native: PropTypes.Requireable<boolean>;
+        /**
+         * Specify whether this ordered list is nested inside of another nested list
+         */
+        nested: PropTypes.Requireable<boolean>;
+    };
+}
+export default OrderedList;

package/lib/components/OrderedList/OrderedList.js

@@ -21,13 +21,12 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
-const OrderedList = _ref => {
+function OrderedList(_ref) {
   let {
-    children,
     className,
-    nested,
-    native,
-    isExpressive,
+    nested = false,
+    native = false,
+    isExpressive = false,
     ...other
   } = _ref;
   const prefix = usePrefix.usePrefix();
@@ -39,40 +38,29 @@ const OrderedList = _ref => {
   }, className);
   return /*#__PURE__*/React__default["default"].createElement("ol", _rollupPluginBabelHelpers["extends"]({
     className: classNames
-  }, other), children);
-};
-
+  }, other));
+}
 OrderedList.propTypes = {
   /**
    * Provide list items to be rendered in the ordered list
    */
   children: PropTypes__default["default"].node,
-
   /**
    * Provide an optional className to be applied to the containing <ol> node
    */
   className: PropTypes__default["default"].string,
-
   /**
    * Specify whether this ordered list expressive or not
    */
   isExpressive: PropTypes__default["default"].bool,
-
   /**
    * Specify whether this ordered list should use native list styles instead of custom counter
    */
   native: PropTypes__default["default"].bool,
-
   /**
    * Specify whether this ordered list is nested inside of another nested list
    */
   nested: PropTypes__default["default"].bool
 };
-OrderedList.defaultProps = {
-  nested: false,
-  native: false,
-  isExpressive: false
-};
-var OrderedList$1 = OrderedList;
 
-exports["default"] = OrderedList$1;
+exports["default"] = OrderedList;

package/lib/components/OrderedList/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+export { default, default as OrderedList } from './OrderedList';