@carbon/react 1.35.0 → 1.36.0

package/es/components/Breadcrumb/index.d.ts

@@ -0,0 +1,11 @@
+/**
+ * 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 Breadcrumb from './Breadcrumb';
+import BreadcrumbItem from './BreadcrumbItem';
+import BreadcrumbSkeleton from './Breadcrumb.Skeleton';
+export { Breadcrumb, BreadcrumbItem, BreadcrumbSkeleton };
+export default Breadcrumb;

package/es/components/BreadcrumbItem/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 } from '../Breadcrumb/BreadcrumbItem';

package/es/components/ComboBox/ComboBox.js

@@ -560,6 +560,5 @@ ComboBox.defaultProps = {
   ['aria-label']: 'Choose an item',
   direction: 'bottom'
 };
-var ComboBox$1 = ComboBox;
 
-export { ComboBox$1 as default };
+export { ComboBox as default };

package/es/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/es/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/es/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/es/components/DatePicker/DatePicker.Skeleton.js

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

package/es/components/DatePicker/DatePicker.js

@@ -123,6 +123,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/es/components/DatePickerInput/DatePickerInput.js

@@ -251,6 +251,5 @@ DatePickerIcon.propTypes = {
    */
   warn: PropTypes.bool
 };
-var DatePickerInput$1 = DatePickerInput;
 
-export { DatePickerInput$1 as default };
+export { DatePickerInput as default };

package/es/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/es/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/es/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/es/components/FormGroup/FormGroup.js

@@ -73,6 +73,5 @@ FormGroup.defaultProps = {
   message: false,
   messageText: ''
 };
-var FormGroup$1 = FormGroup;
 
-export { FormGroup$1 as default };
+export { FormGroup as default };

package/es/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/es/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/es/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/es/components/OverflowMenuItem/OverflowMenuItem.js

@@ -153,6 +153,5 @@ OverflowMenuItem.propTypes = {
    */
   wrapperClassName: PropTypes.string
 };
-var OverflowMenuItem$1 = OverflowMenuItem;
 
-export { OverflowMenuItem$1 as default };
+export { OverflowMenuItem as default };

package/es/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/es/components/RadioButton/RadioButton.js

@@ -115,6 +115,5 @@ RadioButton.propTypes = {
    */
   value: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
-var RadioButton$1 = RadioButton;
 
-export { RadioButton$1 as default };
+export { RadioButton as default };

package/es/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/es/components/RadioButtonGroup/RadioButtonGroup.js

@@ -190,6 +190,5 @@ RadioButtonGroup.propTypes = {
   warnText: PropTypes.node
 };
 RadioButtonGroup.displayName = 'RadioButtonGroup';
-var RadioButtonGroup$1 = RadioButtonGroup;
 
-export { RadioButtonGroup$1 as default };
+export { RadioButtonGroup as default };

package/es/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/es/components/Search/Search.js

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

package/es/components/Select/Select.Skeleton.js

@@ -38,6 +38,5 @@ SelectSkeleton.propTypes = {
    */
   hideLabel: PropTypes.bool
 };
-var SelectSkeleton$1 = SelectSkeleton;
 
-export { SelectSkeleton, SelectSkeleton$1 as default };
+export { SelectSkeleton, SelectSkeleton as default };

package/es/components/Select/Select.js

@@ -246,6 +246,5 @@ Select.defaultProps = {
   invalidText: '',
   helperText: ''
 };
-var Select$1 = Select;
 
-export { Select$1 as default };
+export { Select as default };

package/es/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/es/components/SelectItem/SelectItem.js

@@ -62,6 +62,5 @@ SelectItem.defaultProps = {
   value: '',
   text: ''
 };
-var SelectItem$1 = SelectItem;
 
-export { SelectItem$1 as default };
+export { SelectItem as default };

package/es/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/es/components/SelectItemGroup/SelectItemGroup.js

@@ -48,6 +48,5 @@ SelectItemGroup.propTypes = {
 SelectItemGroup.defaultProps = {
   disabled: false
 };
-var SelectItemGroup$1 = SelectItemGroup;
 
-export { SelectItemGroup$1 as default };
+export { SelectItemGroup as default };

package/es/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/es/components/StructuredList/StructuredList.js

@@ -142,6 +142,7 @@ function StructuredListRow(props) {
     children,
     className,
     head,
+    onClick,
     ...other
   } = props;
   const [hasFocusWithin, setHasFocusWithin] = useState(false);
@@ -167,7 +168,10 @@ function StructuredListRow(props) {
   React__default.createElement("div", _extends({}, other, {
     role: "row",
     className: classes,
-    onClick: () => setSelectedRow(id),
+    onClick: () => {
+      setSelectedRow(id);
+      onClick && onClick();
+    },
     onFocus: () => {
       setHasFocusWithin(true);
     },
@@ -196,6 +200,10 @@ StructuredListRow.propTypes = {
    * 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 click,
+   */
+  onClick: PropTypes.func,
   /**
    * Provide a handler that is invoked on the key down event for the control,
    */
@@ -227,7 +235,7 @@ function StructuredListInput(props) {
     value: row?.id ?? '',
     onChange: event => {
       setSelectedRow(event.target.value);
-      onChange(event);
+      onChange && onChange(event);
     },
     id: id ?? defaultId,
     className: classes,

package/es/components/TimePicker/TimePicker.js

@@ -244,6 +244,5 @@ TimePicker.propTypes = {
    */
   warningText: PropTypes.node
 };
-var TimePicker$1 = TimePicker;
 
-export { TimePicker$1 as default };
+export { TimePicker as default };

package/es/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/es/components/TimePickerSelect/TimePickerSelect.js

@@ -64,6 +64,5 @@ TimePickerSelect.propTypes = {
    */
   id: PropTypes.string.isRequired
 };
-var TimePickerSelect$1 = TimePickerSelect;
 
-export { TimePickerSelect$1 as default };
+export { TimePickerSelect as default };

package/es/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/es/components/UIShell/HeaderPanel.js

@@ -15,13 +15,14 @@ import { useMergedRefs } from '../../internal/useMergedRefs.js';
 import { match } from '../../internal/keyboard/match.js';
 import { Escape } from '../../internal/keyboard/keys.js';
 
+const noopFn = () => {};
 const HeaderPanel = /*#__PURE__*/React__default.forwardRef(function HeaderPanel(_ref, ref) {
   let {
     children,
     className: customClassName,
     expanded,
     addFocusListeners = true,
-    onHeaderPanelFocus,
+    onHeaderPanelFocus = noopFn,
     href,
     ...other
   } = _ref;
@@ -95,7 +96,6 @@ HeaderPanel.propTypes = {
   /**
    * An optional listener that is called a callback to collapse the HeaderPanel
    */
-
   onHeaderPanelFocus: PropTypes.func
 };
 HeaderPanel.displayName = 'HeaderPanel';

package/es/components/UIShell/SideNav.js

@@ -15,6 +15,8 @@ import { usePrefix } from '../../internal/usePrefix.js';
 import { useMergedRefs } from '../../internal/useMergedRefs.js';
 import { useWindowEvent } from '../../internal/useEvent.js';
 import { useDelayedState } from '../../internal/useDelayedState.js';
+import { breakpoints } from '@carbon/layout';
+import { useMatchMedia } from '../../internal/useMatchMedia.js';
 import { match } from '../../internal/keyboard/match.js';
 import { Tab, Escape } from '../../internal/keyboard/keys.js';
 
@@ -152,6 +154,8 @@ function SideNavRenderFunction(_ref, ref) {
       sideNavRef.current.focus();
     }
   });
+  const lgMediaQuery = `(min-width: ${breakpoints.lg.width})`;
+  const isLg = useMatchMedia(lgMediaQuery);
   return /*#__PURE__*/React__default.createElement(SideNavContext.Provider, {
     value: {
       isRail
@@ -166,7 +170,7 @@ function SideNavRenderFunction(_ref, ref) {
     tabIndex: -1,
     ref: navRef,
     className: `${prefix}--side-nav__navigation ${className}`,
-    inert: !isRail && (expanded ? undefined : -1)
+    inert: !isRail && (expanded || isLg ? undefined : -1)
   }, accessibilityLabel, eventHandlers, other), childrenToRender));
 }
 const SideNav = /*#__PURE__*/React__default.forwardRef(SideNavRenderFunction);