@carbon/react 1.35.0-rc.0 → 1.36.0-rc.0

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

@@ -0,0 +1,9 @@
+/**
+ * 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 ComboBox from './ComboBox';
+export default ComboBox;
+export { ComboBox };

package/lib/components/DataTableSkeleton/DataTableSkeleton.d.ts

@@ -45,6 +45,10 @@ export interface DataTableSkeletonProps extends TableHTMLAttributes<HTMLTableEle
      * Optionally specify whether you want the DataTable to be zebra striped
      */
     zebra?: boolean;
+    /**
+     * Optionally specify whether you want the DataTable to be styled
+     */
+    className?: string;
 }
 declare const DataTableSkeleton: FunctionComponent<DataTableSkeletonProps>;
 export default DataTableSkeleton;

package/lib/components/DatePicker/DatePicker.Skeleton.d.ts

@@ -8,14 +8,22 @@ import PropTypes from 'prop-types';
 import { type HTMLAttributes } from 'react';
 export interface DatePickerSkeletonProps extends HTMLAttributes<HTMLDivElement> {
     range?: boolean;
+    /**
+     * Specify whether the label should be hidden, or not
+     */
+    hideLabel?: boolean;
 }
 declare const DatePickerSkeleton: {
-    ({ range, id, className, ...rest }: DatePickerSkeletonProps): JSX.Element;
+    ({ range, id, hideLabel, className, ...rest }: DatePickerSkeletonProps): JSX.Element;
     propTypes: {
         /**
          * Specify an optional className to add.
          */
         className: PropTypes.Requireable<string>;
+        /**
+         * Specify whether the label should be hidden, or not
+         */
+        hideLabel: PropTypes.Requireable<boolean>;
         /**
          * Specify the id to add.
          */

package/lib/components/DatePicker/DatePicker.Skeleton.js

@@ -25,18 +25,16 @@ const DatePickerSkeleton = _ref => {
   let {
     range,
     id,
+    hideLabel,
     className,
     ...rest
   } = _ref;
   const prefix = usePrefix.usePrefix();
   const dateInput = /*#__PURE__*/React__default["default"].createElement("div", {
     className: `${prefix}--date-picker-container`
-  },
-  /*#__PURE__*/
-  /* eslint-disable jsx-a11y/label-has-for,jsx-a11y/label-has-associated-control */
-  React__default["default"].createElement("label", {
+  }, !hideLabel && /*#__PURE__*/React__default["default"].createElement("span", {
     className: `${prefix}--label`,
-    htmlFor: id
+    id: id
   }), /*#__PURE__*/React__default["default"].createElement("div", {
     className: `${prefix}--date-picker__input ${prefix}--skeleton`
   }));
@@ -58,6 +56,10 @@ DatePickerSkeleton.propTypes = {
    * Specify an optional className to add.
    */
   className: PropTypes__default["default"].string,
+  /**
+   * Specify whether the label should be hidden, or not
+   */
+  hideLabel: PropTypes__default["default"].bool,
   /**
    * Specify the id to add.
    */

package/lib/components/DatePicker/DatePicker.js

@@ -135,6 +135,7 @@ function updateClassNames(calendar, prefix) {
     });
     forEach.call(daysContainer.querySelectorAll('.flatpickr-day'), item => {
       item.classList.add(`${prefix}--date-picker__day`);
+      item.setAttribute('role', 'button');
       if (item.classList.contains('today') && calendar.selectedDates.length > 0) {
         item.classList.add('no-border');
       } else if (item.classList.contains('today') && calendar.selectedDates.length === 0) {

package/lib/components/DatePickerInput/DatePickerInput.js

@@ -261,6 +261,5 @@ DatePickerIcon.propTypes = {
    */
   warn: PropTypes__default["default"].bool
 };
-var DatePickerInput$1 = DatePickerInput;
 
-exports["default"] = DatePickerInput$1;
+exports["default"] = DatePickerInput;

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

@@ -0,0 +1,9 @@
+/**
+ * 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 DatePickerInput from './DatePickerInput';
+export default DatePickerInput;
+export { DatePickerInput };

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

@@ -0,0 +1,9 @@
+/**
+ * Copyright IBM Corp. 2021
+ *
+ * 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 ExpandableSearch from './ExpandableSearch';
+export default ExpandableSearch;
+export { ExpandableSearch };

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

@@ -0,0 +1,14 @@
+/**
+ * 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 FileUploader from './FileUploader';
+export default FileUploader;
+export { FileUploader };
+export { default as Filename } from './Filename';
+export { default as FileUploaderSkeleton } from './FileUploader.Skeleton';
+export { default as FileUploaderButton } from './FileUploaderButton';
+export { default as FileUploaderDropContainer } from './FileUploaderDropContainer';
+export { default as FileUploaderItem } from './FileUploaderItem';

package/lib/components/FormGroup/FormGroup.js

@@ -83,6 +83,5 @@ FormGroup.defaultProps = {
   message: false,
   messageText: ''
 };
-var FormGroup$1 = FormGroup;
 
-exports["default"] = FormGroup$1;
+exports["default"] = FormGroup;

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

@@ -0,0 +1,9 @@
+/**
+ * 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 FormGroup from './FormGroup';
+export default FormGroup;
+export { FormGroup };

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

@@ -0,0 +1,9 @@
+/**
+ * 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 Loading from './Loading';
+export default Loading;
+export { Loading };

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

@@ -0,0 +1,8 @@
+/**
+ * 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 as NumberInputSkeleton } from './NumberInput.Skeleton';
+export { NumberInput } from './NumberInput';

package/lib/components/OverflowMenuItem/OverflowMenuItem.js

@@ -163,6 +163,5 @@ OverflowMenuItem.propTypes = {
    */
   wrapperClassName: PropTypes__default["default"].string
 };
-var OverflowMenuItem$1 = OverflowMenuItem;
 
-exports["default"] = OverflowMenuItem$1;
+exports["default"] = OverflowMenuItem;

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

@@ -0,0 +1,9 @@
+/**
+ * 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 OverflowMenuItem from './OverflowMenuItem';
+export default OverflowMenuItem;
+export { OverflowMenuItem };

package/lib/components/RadioButton/RadioButton.js

@@ -125,6 +125,5 @@ RadioButton.propTypes = {
    */
   value: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number])
 };
-var RadioButton$1 = RadioButton;
 
-exports["default"] = RadioButton$1;
+exports["default"] = RadioButton;

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

@@ -0,0 +1,9 @@
+/**
+ * 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 RadioButton from './RadioButton';
+export default RadioButton;
+export { RadioButton };

package/lib/components/RadioButtonGroup/RadioButtonGroup.js

@@ -200,6 +200,5 @@ RadioButtonGroup.propTypes = {
   warnText: PropTypes__default["default"].node
 };
 RadioButtonGroup.displayName = 'RadioButtonGroup';
-var RadioButtonGroup$1 = RadioButtonGroup;
 
-exports["default"] = RadioButtonGroup$1;
+exports["default"] = RadioButtonGroup;

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

@@ -0,0 +1,9 @@
+/**
+ * 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 RadioButtonGroup from './RadioButtonGroup';
+export default RadioButtonGroup;
+export { RadioButtonGroup };

package/lib/components/Search/Search.js

@@ -145,7 +145,7 @@ const Search = /*#__PURE__*/React__default["default"].forwardRef(function Search
     id: searchId,
     htmlFor: uniqueId,
     className: `${prefix}--label`
-  }, labelText), /*#__PURE__*/React__default["default"].createElement("input", _rollupPluginBabelHelpers["extends"]({}, rest, {
+  }, labelText), /*#__PURE__*/React__default["default"].createElement("input", _rollupPluginBabelHelpers["extends"]({
     autoComplete: autoComplete,
     className: `${prefix}--search-input`,
     defaultValue: defaultValue,
@@ -159,7 +159,7 @@ const Search = /*#__PURE__*/React__default["default"].forwardRef(function Search
     type: type,
     value: value,
     tabIndex: onExpand && !isExpanded ? -1 : undefined
-  })), /*#__PURE__*/React__default["default"].createElement("button", {
+  }, rest)), /*#__PURE__*/React__default["default"].createElement("button", {
     "aria-label": closeButtonLabelText,
     className: clearClasses,
     disabled: disabled,

package/lib/components/Select/Select.Skeleton.js

@@ -48,7 +48,6 @@ SelectSkeleton.propTypes = {
    */
   hideLabel: PropTypes__default["default"].bool
 };
-var SelectSkeleton$1 = SelectSkeleton;
 
 exports.SelectSkeleton = SelectSkeleton;
-exports["default"] = SelectSkeleton$1;
+exports["default"] = SelectSkeleton;

package/lib/components/Select/Select.js

@@ -19,6 +19,7 @@ var usePrefix = require('../../internal/usePrefix.js');
 require('../FluidForm/FluidForm.js');
 var FormContext = require('../FluidForm/FormContext.js');
 var setupGetInstanceId = require('../../tools/setupGetInstanceId.js');
+var events = require('../../tools/events.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -47,6 +48,7 @@ const Select = /*#__PURE__*/React__default["default"].forwardRef(function Select
     size,
     warn = false,
     warnText,
+    onChange,
     ...other
   } = _ref;
   const prefix = usePrefix.usePrefix();
@@ -54,6 +56,7 @@ const Select = /*#__PURE__*/React__default["default"].forwardRef(function Select
     isFluid
   } = React.useContext(FormContext.FormContext);
   const [isFocused, setIsFocused] = React.useState(false);
+  const [title, setTitle] = React.useState('');
   const {
     current: selectInstanceId
   } = React.useRef(getInstanceId());
@@ -106,6 +109,9 @@ const Select = /*#__PURE__*/React__default["default"].forwardRef(function Select
   const handleFocus = evt => {
     setIsFocused(evt.type === 'focus' ? true : false);
   };
+  const handleChange = evt => {
+    setTitle(evt?.target?.value);
+  };
   const readOnlyEventHandlers = {
     onMouseDown: evt => {
       // NOTE: does not prevent click
@@ -129,7 +135,9 @@ const Select = /*#__PURE__*/React__default["default"].forwardRef(function Select
       className: inputClasses,
       disabled: disabled || undefined,
       "aria-invalid": invalid || undefined,
-      "aria-readonly": readOnly || undefined
+      "aria-readonly": readOnly || undefined,
+      title: title,
+      onChange: events.composeEventHandlers([onChange, handleChange])
     }, readOnlyEventHandlers, {
       ref: ref
     }), children), /*#__PURE__*/React__default["default"].createElement(iconsReact.ChevronDown, {
@@ -248,6 +256,5 @@ Select.defaultProps = {
   invalidText: '',
   helperText: ''
 };
-var Select$1 = Select;
 
-exports["default"] = Select$1;
+exports["default"] = Select;

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

@@ -0,0 +1,10 @@
+/**
+ * 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 Select from './Select';
+export { default as SelectSkeleton } from './Select.Skeleton';
+export default Select;
+export { Select };

package/lib/components/SelectItem/SelectItem.js

@@ -72,6 +72,5 @@ SelectItem.defaultProps = {
   value: '',
   text: ''
 };
-var SelectItem$1 = SelectItem;
 
-exports["default"] = SelectItem$1;
+exports["default"] = SelectItem;

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

@@ -0,0 +1,9 @@
+/**
+ * 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 SelectItem from './SelectItem';
+export default SelectItem;
+export { SelectItem };

package/lib/components/SelectItemGroup/SelectItemGroup.js

@@ -58,6 +58,5 @@ SelectItemGroup.propTypes = {
 SelectItemGroup.defaultProps = {
   disabled: false
 };
-var SelectItemGroup$1 = SelectItemGroup;
 
-exports["default"] = SelectItemGroup$1;
+exports["default"] = SelectItemGroup;

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

@@ -0,0 +1,9 @@
+/**
+ * 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 SelectItemGroup from './SelectItemGroup';
+export default SelectItemGroup;
+export { SelectItemGroup };

package/lib/components/StructuredList/StructuredList.js

@@ -152,6 +152,7 @@ function StructuredListRow(props) {
     children,
     className,
     head,
+    onClick,
     ...other
   } = props;
   const [hasFocusWithin, setHasFocusWithin] = React.useState(false);
@@ -177,7 +178,10 @@ function StructuredListRow(props) {
   React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, other, {
     role: "row",
     className: classes,
-    onClick: () => setSelectedRow(id),
+    onClick: () => {
+      setSelectedRow(id);
+      onClick && onClick();
+    },
     onFocus: () => {
       setHasFocusWithin(true);
     },
@@ -206,6 +210,10 @@ StructuredListRow.propTypes = {
    * 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 click,
+   */
+  onClick: PropTypes__default["default"].func,
   /**
    * Provide a handler that is invoked on the key down event for the control,
    */
@@ -237,7 +245,7 @@ function StructuredListInput(props) {
     value: row?.id ?? '',
     onChange: event => {
       setSelectedRow(event.target.value);
-      onChange(event);
+      onChange && onChange(event);
     },
     id: id ?? defaultId,
     className: classes,

package/lib/components/TimePicker/TimePicker.js

@@ -254,6 +254,5 @@ TimePicker.propTypes = {
    */
   warningText: PropTypes__default["default"].node
 };
-var TimePicker$1 = TimePicker;
 
-exports["default"] = TimePicker$1;
+exports["default"] = TimePicker;

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

@@ -0,0 +1,9 @@
+/**
+ * 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 TimePicker from './TimePicker';
+export default TimePicker;
+export { TimePicker };

package/lib/components/TimePickerSelect/TimePickerSelect.js

@@ -74,6 +74,5 @@ TimePickerSelect.propTypes = {
    */
   id: PropTypes__default["default"].string.isRequired
 };
-var TimePickerSelect$1 = TimePickerSelect;
 
-exports["default"] = TimePickerSelect$1;
+exports["default"] = TimePickerSelect;

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

@@ -0,0 +1,9 @@
+/**
+ * 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 { default as TimePickerSelect } from './TimePickerSelect';
+export default TimePickerSelect;
+export { TimePickerSelect };

package/lib/components/UIShell/HeaderPanel.js

@@ -25,13 +25,14 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 
+const noopFn = () => {};
 const HeaderPanel = /*#__PURE__*/React__default["default"].forwardRef(function HeaderPanel(_ref, ref) {
   let {
     children,
     className: customClassName,
     expanded,
     addFocusListeners = true,
-    onHeaderPanelFocus,
+    onHeaderPanelFocus = noopFn,
     href,
     ...other
   } = _ref;
@@ -105,7 +106,6 @@ HeaderPanel.propTypes = {
   /**
    * An optional listener that is called a callback to collapse the HeaderPanel
    */
-
   onHeaderPanelFocus: PropTypes__default["default"].func
 };
 HeaderPanel.displayName = 'HeaderPanel';