baseui 0.0.0-next-2113e1821 → 0.0.0-next-e19fc5fd2

package/accordion/stateless-accordion.js

@@ -33,13 +33,13 @@ function StatelessAccordion({
   return /*#__PURE__*/React.createElement(Root, _extends({
     "data-baseweb": "accordion"
   }, rootProps), React.Children.map(children, (child, index) => {
-    let normalizedChild = (0, _reactIs.isElement)(child) || (0, _reactIs.isPortal)(child) ? child :
-    /*#__PURE__*/
-    // if primitive value - wrap it in a fragment
-    React.createElement(React.Fragment, null, child);
-    const key = normalizedChild.key || String(index);
-    return /*#__PURE__*/React.cloneElement(normalizedChild, {
-      disabled: normalizedChild.props.disabled || disabled,
+    if (!(0, _reactIs.isElement)(child) && !(0, _reactIs.isPortal)(child)) {
+      return child;
+    }
+    const element = child;
+    const key = element.key || String(index);
+    return /*#__PURE__*/React.cloneElement(element, {
+      disabled: element.props.disabled || disabled,
       expanded: expanded.includes(key),
       key,
       onChange:
@@ -66,7 +66,7 @@ function StatelessAccordion({
           expanded: next
         });
       } : onChange,
-      overrides: normalizedChild.props.overrides || PanelOverrides,
+      overrides: element.props.overrides || PanelOverrides,
       renderAll
     });
   }));

package/bottom-navigation/bottom-navigation.js

@@ -34,7 +34,6 @@ const BottomNavigation = ({
   const [displayOverflow, setDisplayOverflow] = React.useState(false);
   const NavItemPanelRefs = React.useRef([]);
   function scrollToTop(idx) {
-    // @ts-expect-error todo(ts-migration) TS2339 Property 'scrollTo' does not exist on type 'never'.
     NavItemPanelRefs.current[idx].scrollTo({
       top: 0,
       left: 0,
@@ -45,7 +44,6 @@ const BottomNavigation = ({
     if (displayOverflow) {
       setDisplayOverflow(false);
     }
-    // @ts-expect-error todo(ts-migration) TS2722 Cannot invoke an object which is possibly 'undefined'.
     onChange({
       activeKey
     });
@@ -79,9 +77,7 @@ const BottomNavigation = ({
     if (!navItem) return;
     const isActive = activeKey === idx && !displayOverflow;
     return /*#__PURE__*/React.createElement(_panel.Panel, {
-      isActive: isActive
-      // @ts-expect-error todo(ts-migration) TS2345 Argument of type 'unknown' is not assignable to parameter of type 'never'.
-      ,
+      isActive: isActive,
       ref: element => NavItemPanelRefs.current.push(element),
       overrides: navItem.props.overrides,
       key: idx,

package/data-table/column-numerical.js

@@ -66,7 +66,6 @@ function validateInput(input) {
 
 // @ts-ignore
 const bisect = (0, _d.bisector)(d => d.x0);
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
 const Histogram = /*#__PURE__*/React.memo(function Histogram({
   data,
   lower,
@@ -83,9 +82,7 @@ const Histogram = /*#__PURE__*/React.memo(function Histogram({
     yScale
   } = React.useMemo(() => {
     const bins = (0, _d.bin)().thresholds(Math.min(data.length, _constants.MAX_BIN_COUNT))(data);
-    const xScale = (0, _d.scaleLinear)()
-    // @ts-expect-error todo(ts-migration) TS2345 Argument of type '(number | undefined)[]' is not assignable to parameter of type 'Iterable<NumberValue>'.
-    .domain([bins[0].x0, bins[bins.length - 1].x1]).range([0, _constants.HISTOGRAM_SIZE.width]).clamp(true);
+    const xScale = (0, _d.scaleLinear)().domain([bins[0].x0, bins[bins.length - 1].x1]).range([0, _constants.HISTOGRAM_SIZE.width]).clamp(true);
     const yScale = (0, _d.scaleLinear)()
     // @ts-ignore
     .domain([0, (0, _d.max)(bins, d => d.length)]).nice().range([_constants.HISTOGRAM_SIZE.height, 0]);
@@ -114,19 +111,15 @@ const Histogram = /*#__PURE__*/React.memo(function Histogram({
       overflow: 'visible'
     })
   }, /*#__PURE__*/React.createElement("svg", _constants.HISTOGRAM_SIZE, bins.map((d, index) => {
-    // @ts-expect-error todo(ts-migration) TS2345 Argument of type 'number | undefined' is not assignable to parameter of type 'NumberValue'.
     const x = xScale(d.x0) + 1;
     const y = yScale(d.length);
-    // @ts-expect-error todo(ts-migration) TS2345 Argument of type 'number | undefined' is not assignable to parameter of type 'NumberValue'.
     const width = Math.max(0, xScale(d.x1) - xScale(d.x0) - 1);
     const height = yScale(0) - yScale(d.length);
     let included;
     if (singleIndexNearest != null) {
       included = index === singleIndexNearest;
     } else {
-      // @ts-expect-error todo(ts-migration) TS18048 'd.x1' is possibly 'undefined'.
       const withinLower = d.x1 > lower;
-      // @ts-expect-error todo(ts-migration) TS18048 'd.x0' is possibly 'undefined'.
       const withinUpper = d.x0 <= upper;
       included = withinLower && withinUpper;
     }
@@ -201,19 +194,14 @@ function NumericalFilter(props) {
     // once the user is done inputting.
     // we validate then format to the given precision
     let l = isRange ? lv : sv;
-    // @ts-expect-error todo(ts-migration) TS2322 Type 'string | number | undefined' is not assignable to type 'number'.
     l = validateInput(l) ? l : min;
     let h = validateInput(uv) ? uv : max;
-
-    // @ts-expect-error todo(ts-migration) TS2345 Argument of type 'string | number | undefined' is not assignable to parameter of type 'number'.
     return [roundToFixed(l, precision), roundToFixed(h, precision)];
   }, [isRange, focused, sv, lv, uv, precision]);
 
   // We have our slider values range from 1 to the bin size, so we have a scale which
   // takes in the data driven range and maps it to values the scale can always handle
-  const sliderScale = React.useMemo(() => (0, _d.scaleLinear)()
-  // @ts-expect-error todo(ts-migration) TS2345 Argument of type '(string | undefined)[]' is not assignable to parameter of type 'Iterable<NumberValue>'.
-  .domain([min, max]).rangeRound([1, _constants.MAX_BIN_COUNT])
+  const sliderScale = React.useMemo(() => (0, _d.scaleLinear)().domain([min, max]).rangeRound([1, _constants.MAX_BIN_COUNT])
   // We clamp the values within our min and max even if a user enters a huge number
   .clamp(true), [min, max]);
   let sliderValue = isRange ? [sliderScale(inputValueLower), sliderScale(inputValueUpper)] : [sliderScale(inputValueLower)];
@@ -395,10 +383,7 @@ function NumericalFilter(props) {
     },
     onFocus: () => setFocus(true),
     onBlur: () => setFocus(false)
-  }), isRange &&
-  /*#__PURE__*/
-  // @ts-expect-error todo(ts-migration) TS2769 No overload matches this call.
-  React.createElement(_input.Input, {
+  }), isRange && /*#__PURE__*/React.createElement(_input.Input, {
     min: min,
     max: max,
     size: _input.SIZE.mini,

package/dnd-list/list.js

@@ -23,7 +23,7 @@ Copyright (c) Uber Technologies, Inc.
 
 This source code is licensed under the MIT license found in the
 LICENSE file in the root directory of this source tree.
-*/
+*/ // @ts-ignore - react-movable is an ES module but we're in a CommonJS context
 const ItemLayer = ({
   children,
   dragged

package/dnd-list/stateful-list-container.js

@@ -15,7 +15,7 @@ Copyright (c) Uber Technologies, Inc.
 
 This source code is licensed under the MIT license found in the
 LICENSE file in the root directory of this source tree.
-*/
+*/ // @ts-ignore - react-movable is an ES module but we're in a CommonJS context
 const defaultStateReducer = (type, nextState) => nextState;
 class StatefulListContainer extends React.Component {
   constructor(...args) {

package/file-uploader/locale.js

@@ -12,7 +12,7 @@ LICENSE file in the root directory of this source tree.
 */
 
 const locale = {
-  added: 'Description',
+  added: 'Uploading',
   buttonText: 'Browse files',
   contentMessage: 'or drop to upload',
   error: 'Upload failed: ',

package/file-uploader-basic/file-uploader-basic.js

@@ -86,7 +86,6 @@ function FileUploaderBasic(props) {
       shape: _button.SHAPE.pill,
       size: _button.SIZE.compact,
       onClick: open,
-      role: "button",
       overrides: {
         BaseButton: {
           // @ts-ignore
@@ -106,7 +105,6 @@ function FileUploaderBasic(props) {
       shape: _button.SHAPE.pill,
       size: _button.SIZE.compact,
       onClick: open,
-      role: "button",
       overrides: {
         BaseButton: {
           // @ts-ignore

package/helpers/react-helpers.js

@@ -18,7 +18,7 @@ LICENSE file in the root directory of this source tree.
 const flattenFragments = (children, ChildWrapper, depth = 0) =>
 // @ts-ignore
 React.Children.toArray(children).reduce((acc, child, i) => {
-  if ((0, _reactIs.isFragment)(child)) {
+  if ((0, _reactIs.isFragment)(child) && /*#__PURE__*/React.isValidElement(child)) {
     acc.push(...flattenFragments(child.props.children, ChildWrapper, depth + 1));
   } else if ( /*#__PURE__*/React.isValidElement(child)) {
     if (ChildWrapper) {

package/list/list-item.js

@@ -53,8 +53,6 @@ const ListItem = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const listItemName = _react.default.Children.count(props.children) === 0 ? ['List item'] : _react.default.Children.map(props.children, child => {
     return getMainTextFromChild(child);
   });
-
-  // @ts-expect-error todo(ts-migration) TS18049 'listItemName' is possibly 'null' or 'undefined'.
   const ariaLabel = props.hasOwnProperty('aria-label') ? props['aria-label'] : listItemName[0];
   return /*#__PURE__*/_react.default.createElement(Root
   // eslint-disable-next-line @typescript-eslint/no-explicit-any

package/locale/index.js

@@ -30,7 +30,6 @@ const LocaleProvider = props => {
     /*#__PURE__*/
     // this is poorly documented but specifying true enforces that the object is deeply extended
     // https://www.npmjs.com/package/just-extend
-    // @ts-expect-error todo(ts-migration) TS2740 Type '{}' is missing the following properties from type 'Locale': accordion, breadcrumbs, datepicker, datatable, and 8 more.
     React.createElement(LocaleContext.Provider, {
       value: (0, _justExtend.default)(true, {}, _en_US.default, parentLocale, locale)
     }, children)

package/mobile-header/mobile-header.js

@@ -95,7 +95,6 @@ function MobileHeader({
     $type: type,
     $expanded: expanded
   }, titleProps), title), actionButtons.length > 0 && /*#__PURE__*/React.createElement(ActionButtonsContainer, actionButtonsContainerProps, actionButtons.map((button, idx) => {
-    // @ts-expect-error todo(ts-migration) TS2339 Property 'renderIcon' does not exist on type 'IconButton | undefined'.
     const {
       renderIcon,
       onClick,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "baseui",
-  "version": "0.0.0-next-2113e1821",
+  "version": "0.0.0-next-e19fc5fd2",
   "description": "A React Component library implementing the Base design language",
   "keywords": [
     "react",
@@ -16,6 +16,7 @@
     "dev:docs": "next dev documentation-site",
     "dev:ladle": "ladle serve",
     "build:docs": "next build documentation-site",
+    "start:docs": "npx serve@latest documentation-site/out",
     "build:ladle": "ladle build",
     "build:lib": "NODE_ENV=production babel ./src --out-dir ./dist --config-file ./publish/.babelrc.js --extensions '.ts,.tsx,.js' --ignore **.test.*,**/__tests__/**,**/e2e.*,**/template-component/**,**/test/**",
     "build:lib:dts": "tsc -p tsconfig.dist.json || true",
@@ -24,7 +25,7 @@
   "dependencies": {
     "@date-io/date-fns": "^2.13.1",
     "@date-io/moment": "^2.13.1",
-    "baseui": "^14.0.0",
+    "axe-core": "^4.11.0",
     "card-validator": "^6.2.0",
     "csstype": "2.6.11",
     "d3": "^6.7.0",
@@ -57,7 +58,7 @@
   "peerDependencies": {
     "react": ">=18",
     "react-dom": ">=18",
-    "styletron-react": "^6.1.1"
+    "styletron-react": ">=6"
   },
   "devDependencies": {
     "@babel/cli": "^7.23.4",

package/page-control/page-control.js

@@ -91,9 +91,7 @@ const PageControl = ({
       checked: isActive(page),
       key: page,
       "aria-label": `page ${page}`,
-      name: name
-      // @ts-expect-error todo(ts-migration) TS2722 Cannot invoke an object which is possibly 'undefined'.
-      ,
+      name: name,
       onChange: () => onPageChange({
         nextPage: page
       }),

package/segmented-control/segmented-control.js

@@ -81,8 +81,7 @@ function SegmentedControl({
   activateOnFocus = true,
   onChange,
   overrides = {},
-  // @ts-expect-error todo(ts-migration) TS2322 Type 'null' is not assignable to type 'string'.
-  uid: customUid = null,
+  uid: customUid,
   width,
   height
 }) {

package/segmented-control/stateful-segmented-control.js

@@ -19,10 +19,9 @@ const getInitialState = (children, initialState) => {
   if (initialState && initialState.activeKey) {
     return initialState;
   } else {
-    // @ts-expect-error todo(ts-migration) TS2533 Object is possibly 'null' or 'undefined'.
     const firstKey = React.Children.map(children,
     // @ts-expect-error todo(flow->ts) child might be not a ReactElement, theoretically including null
-    (child, index) => child.key || String(index))[0];
+    (child, index) => child.key || String(index))?.[0];
     return {
       activeKey: firstKey
     };

package/sheet/sheet.js

@@ -85,9 +85,7 @@ const Sheet = ({
     onClick: trailingAction.onClick,
     "aria-label": trailingAction.label,
     size: buttonSize
-  }, actionButtonProps), renderActionButtonContent(trailingAction.renderIcon || trailingAction.label, buttonSize)), !trailingAction && leadingAction && /*#__PURE__*/React.createElement(EmptyDiv, emptyDivProps)), progressBar ? /*#__PURE__*/React.createElement(_progressBar.ProgressBar
-  // @ts-expect-error todo(ts-migration) TS2783 'size' is specified more than once, so this usage will be overwritten.
-  , _extends({
+  }, actionButtonProps), renderActionButtonContent(trailingAction.renderIcon || trailingAction.label, buttonSize)), !trailingAction && leadingAction && /*#__PURE__*/React.createElement(EmptyDiv, emptyDivProps)), progressBar ? /*#__PURE__*/React.createElement(_progressBar.ProgressBar, _extends({
     size: _progressBar.SIZE.small,
     overrides: {
       BarContainer: {

package/stepper/stepper.js

@@ -84,9 +84,7 @@ function Stepper({
     disabled: disabled,
     "aria-label": "value"
   }, inputProps)), /*#__PURE__*/React.createElement(IncrementButton, _extends({
-    onClick: () => setValue(value + 1)
-    // @ts-expect-error todo(ts-migration) TS18048 'maxValue' is possibly 'undefined'.
-    ,
+    onClick: () => setValue(value + 1),
     disabled: disabled || value >= maxValue,
     "aria-label": "increment value"
   }, incrementButtonProps), /*#__PURE__*/React.createElement(IncrementButtonIcon, incrementButtonIconProps)));

package/system-banner/system-banner.js

@@ -67,9 +67,7 @@ function SystemBanner(props) {
     MessageContent: hasTwoActions ? (0, _overrides.mergeOverride)(systemBannerMessageContentOverrides, MessageContent || {}) : {},
     ...restOverrides
   };
-  return /*#__PURE__*/React.createElement(_banner.Banner
-  // @ts-expect-error todo(ts-migration) TS2322 Type '{ icon?: ArtworkIcon | undefined; onClick: ((a: SyntheticEvent<HTMLButtonElement, Event>) => unknown) | null; label: string; } | { ...; } | null' is not assignable to type 'ActionContent | undef...
-  , _extends({
+  return /*#__PURE__*/React.createElement(_banner.Banner, _extends({
     action: secondaryAction ? {
       onClick: null,
       ...secondaryAction