@carbon/react 1.28.0-rc.0 → 1.29.0-rc.0

package/lib/index.js

@@ -15,6 +15,8 @@ var Checkbox_Skeleton = require('./components/Checkbox/Checkbox.Skeleton.js');
 var index$4 = require('./components/ClassPrefix/index.js');
 var index$5 = require('./components/ContentSwitcher/index.js');
 require('./components/DataTable/index.js');
+var DatePicker = require('./components/DatePicker/DatePicker.js');
+var DatePicker_Skeleton = require('./components/DatePicker/DatePicker.Skeleton.js');
 var Dropdown = require('./components/Dropdown/Dropdown.js');
 var Dropdown_Skeleton = require('./components/Dropdown/Dropdown.Skeleton.js');
 var FluidForm = require('./components/FluidForm/FluidForm.js');
@@ -96,6 +98,7 @@ var TreeView = require('./components/TreeView/TreeView.js');
 var HeaderMenuButton = require('./components/UIShell/HeaderMenuButton.js');
 var HeaderName = require('./components/UIShell/HeaderName.js');
 var HeaderNavigation = require('./components/UIShell/HeaderNavigation.js');
+var HeaderSideNavItems = require('./components/UIShell/HeaderSideNavItems.js');
 var SkipToContent = require('./components/UIShell/SkipToContent.js');
 var SideNavDivider = require('./components/UIShell/SideNavDivider.js');
 var SideNavFooter = require('./components/UIShell/SideNavFooter.js');
@@ -153,8 +156,6 @@ var TableToolbarAction = require('./components/DataTable/TableToolbarAction.js')
 var TableToolbarContent = require('./components/DataTable/TableToolbarContent.js');
 var TableToolbarSearch = require('./components/DataTable/TableToolbarSearch.js');
 var TableToolbarMenu = require('./components/DataTable/TableToolbarMenu.js');
-var DatePicker_Skeleton = require('./components/DatePicker/DatePicker.Skeleton.js');
-var DatePicker = require('./components/DatePicker/DatePicker.js');
 var DatePickerInput = require('./components/DatePickerInput/DatePickerInput.js');
 var ErrorBoundaryContext = require('./components/ErrorBoundary/ErrorBoundaryContext.js');
 var FilterableMultiSelect = require('./components/MultiSelect/FilterableMultiSelect.js');
@@ -209,7 +210,6 @@ var HeaderGlobalBar = require('./components/UIShell/HeaderGlobalBar.js');
 var HeaderMenu = require('./components/UIShell/HeaderMenu.js');
 var HeaderMenuItem = require('./components/UIShell/HeaderMenuItem.js');
 var HeaderPanel = require('./components/UIShell/HeaderPanel.js');
-var HeaderSideNavItems = require('./components/UIShell/HeaderSideNavItems.js');
 var Switcher = require('./components/UIShell/Switcher.js');
 var SwitcherItem = require('./components/UIShell/SwitcherItem.js');
 var SwitcherDivider = require('./components/UIShell/SwitcherDivider.js');
@@ -229,6 +229,8 @@ exports.Checkbox = Checkbox["default"];
 exports.CheckboxSkeleton = Checkbox_Skeleton["default"];
 exports.ClassPrefix = index$4.ClassPrefix;
 exports.ContentSwitcher = index$5["default"];
+exports.DatePicker = DatePicker["default"];
+exports.DatePickerSkeleton = DatePicker_Skeleton["default"];
 exports.Dropdown = Dropdown["default"];
 exports.DropdownSkeleton = Dropdown_Skeleton["default"];
 exports.FluidForm = FluidForm["default"];
@@ -323,6 +325,7 @@ exports.TreeView = TreeView["default"];
 exports.HeaderMenuButton = HeaderMenuButton["default"];
 exports.HeaderName = HeaderName["default"];
 exports.HeaderNavigation = HeaderNavigation["default"];
+exports.HeaderSideNavItems = HeaderSideNavItems["default"];
 exports.SkipToContent = SkipToContent["default"];
 exports.SideNavDivider = SideNavDivider["default"];
 exports.SideNavFooter = SideNavFooter["default"];
@@ -385,8 +388,6 @@ exports.TableToolbarAction = TableToolbarAction["default"];
 exports.TableToolbarContent = TableToolbarContent["default"];
 exports.TableToolbarSearch = TableToolbarSearch["default"];
 exports.TableToolbarMenu = TableToolbarMenu["default"];
-exports.DatePickerSkeleton = DatePicker_Skeleton["default"];
-exports.DatePicker = DatePicker["default"];
 exports.DatePickerInput = DatePickerInput["default"];
 exports.ErrorBoundaryContext = ErrorBoundaryContext.ErrorBoundaryContext;
 exports.FilterableMultiSelect = FilterableMultiSelect["default"];
@@ -461,7 +462,6 @@ exports.HeaderGlobalBar = HeaderGlobalBar["default"];
 exports.HeaderMenu = HeaderMenu["default"];
 exports.HeaderMenuItem = HeaderMenuItem["default"];
 exports.HeaderPanel = HeaderPanel["default"];
-exports.HeaderSideNavItems = HeaderSideNavItems["default"];
 exports.Switcher = Switcher["default"];
 exports.SwitcherItem = SwitcherItem["default"];
 exports.SwitcherDivider = SwitcherDivider["default"];

package/lib/internal/useEvent.js

@@ -11,6 +11,25 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 
+function useEvent(elementOrRef, eventName, callback) {
+  const savedCallback = React.useRef(null);
+  React.useEffect(() => {
+    savedCallback.current = callback;
+  });
+  React.useEffect(() => {
+    function handler(event) {
+      if (savedCallback.current) {
+        savedCallback.current(event);
+      }
+    }
+
+    const element = elementOrRef.current ?? elementOrRef;
+    element.addEventListener(eventName, handler);
+    return () => {
+      element.removeEventListener(eventName, handler);
+    };
+  }, [elementOrRef, eventName]);
+}
 function useWindowEvent(eventName, callback) {
   const savedCallback = React.useRef(null);
   React.useEffect(() => {
@@ -30,4 +49,5 @@ function useWindowEvent(eventName, callback) {
   }, [eventName]);
 }
 
+exports.useEvent = useEvent;
 exports.useWindowEvent = useWindowEvent;

package/lib/types/common.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+export type ReactAttr<T = HTMLElement> = React.HTMLAttributes<T>;
+export type ForwardRefProps<T, P = unknown> = React.PropsWithoutRef<React.PropsWithChildren<P>> & React.RefAttributes<T>;
+export type ForwardRefReturn<T, P = unknown> = React.ForwardRefExoticComponent<ForwardRefProps<T, P>>;
+/**
+ * For "as" props.  Creates an "as" property that supports native html tags such as 'span', 'a', 'button' as well as custom functional components
+ * All native props for the supplied html tag/component are inferred as part of the base component props, allowing us to use props like `href` on an 'a' element ect
+ */
+export type PolymorphicProps<Element extends React.ElementType, Props> = Props & Omit<React.ComponentProps<Element>, 'as'> & {
+    as?: Element;
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/react",
   "description": "React components for the Carbon Design System",
-  "version": "1.28.0-rc.0",
+  "version": "1.29.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.13.0",
-    "@carbon/icons-react": "^11.19.0-rc.0",
+    "@carbon/icons-react": "^11.19.0",
     "@carbon/layout": "^11.13.0",
-    "@carbon/styles": "^1.28.0-rc.0",
+    "@carbon/styles": "^1.29.0-rc.0",
     "@carbon/telemetry": "0.1.0",
     "classnames": "2.3.2",
     "copy-to-clipboard": "^3.3.1",
@@ -92,9 +92,9 @@
     "autoprefixer": "^10.4.0",
     "babel-loader": "^9.0.0",
     "babel-plugin-dev-expression": "^0.2.3",
-    "babel-preset-carbon": "^0.5.0-rc.0",
+    "babel-preset-carbon": "^0.5.0",
     "browserify-zlib": "^0.2.0",
-    "browserslist-config-carbon": "^11.2.0-rc.0",
+    "browserslist-config-carbon": "^11.2.0",
     "clipboardy": "^2.1.0",
     "css-loader": "^6.5.1",
     "enquirer": "^2.3.6",
@@ -109,7 +109,7 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "requestanimationframe": "^0.0.23",
-    "rimraf": "^4.0.0",
+    "rimraf": "^5.0.0",
     "rollup": "^2.79.1",
     "rollup-plugin-strip-banner": "^2.0.0",
     "rtlcss": "^4.0.0",
@@ -133,5 +133,5 @@
     "**/*.scss",
     "**/*.css"
   ],
-  "gitHead": "419643a2b37523e0d4add7245c4762e51356e91b"
+  "gitHead": "e25cb04ffef0834eac0ef6f05bc9f7978fb4b796"
 }