baseui 0.0.0-next-f3c2f6a → 0.0.0-next-48fd521

package/drawer/close-icon.js

@@ -23,9 +23,10 @@ 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.
 */
-function CloseIcon() {
+function CloseIcon(props) {
   return /*#__PURE__*/React.createElement(_delete.default, {
     size: "inherit",
-    color: "inherit"
+    color: "inherit",
+    title: props.title
   });
 }

package/drawer/close-icon.js.flow

@@ -8,8 +8,8 @@ LICENSE file in the root directory of this source tree.
 import * as React from 'react';
 import Delete from '../icon/delete.js';
 
-export function CloseIcon() {
-  return <Delete size="inherit" color="inherit" />;
+export function CloseIcon(props: {title: string}) {
+  return <Delete size="inherit" color="inherit" title={props.title} />;
 }
 
 declare var __DEV__: boolean;

package/drawer/drawer.js

@@ -354,7 +354,9 @@ var Drawer = /*#__PURE__*/function (_React$Component) {
         }, sharedProps, closeProps, {
           onFocus: (0, _focusVisible.forkFocus)(closeProps, _this3.handleFocus),
           onBlur: (0, _focusVisible.forkBlur)(closeProps, _this3.handleBlur)
-        }), /*#__PURE__*/React.createElement(_closeIcon.CloseIcon, null)) : null)));
+        }), /*#__PURE__*/React.createElement(_closeIcon.CloseIcon, {
+          title: locale.drawer.close
+        })) : null)));
       });
     }
   }, {

package/drawer/drawer.js.flow

@@ -278,7 +278,7 @@ class Drawer extends React.Component<DrawerPropsT, DrawerStateT> {
                       onFocus={forkFocus(closeProps, this.handleFocus)}
                       onBlur={forkBlur(closeProps, this.handleBlur)}
                     >
-                      <CloseIcon />
+                      <CloseIcon title={locale.drawer.close} />
                     </Close>
                   ) : null}
                 </DrawerContainer>

package/es/drawer/close-icon.js

@@ -6,9 +6,10 @@ LICENSE file in the root directory of this source tree.
 */
 import * as React from 'react';
 import Delete from '../icon/delete.js';
-export function CloseIcon() {
+export function CloseIcon(props) {
   return /*#__PURE__*/React.createElement(Delete, {
     size: "inherit",
-    color: "inherit"
+    color: "inherit",
+    title: props.title
   });
 }

package/es/drawer/drawer.js

@@ -264,7 +264,9 @@ class Drawer extends React.Component {
       }, sharedProps, closeProps, {
         onFocus: forkFocus(closeProps, this.handleFocus),
         onBlur: forkBlur(closeProps, this.handleBlur)
-      }), /*#__PURE__*/React.createElement(CloseIcon, null)) : null)));
+      }), /*#__PURE__*/React.createElement(CloseIcon, {
+        title: locale.drawer.close
+      })) : null)));
     });
   }
 

package/es/list/list-heading.js

@@ -7,7 +7,7 @@ This source code is licensed under the MIT license found in the
 LICENSE file in the root directory of this source tree.
 */
 import React from 'react';
-import ReactIs from 'react-is';
+import * as ReactIs from 'react-is';
 import { getOverrides } from '../helpers/overrides.js';
 import { StyledHeadingRoot, StyledHeadingContent, StyledHeadingContentRow, StyledHeadingEndEnhancerContainer, StyledHeadingEndEnhancerDescriptionContainer, StyledHeadingMainHeading, StyledHeadingSubHeading } from './styled-components.js';
 
@@ -35,9 +35,14 @@ function RenderNode(props) {
   return Component;
 }
 
+function isMaxLinesValid(maxLines) {
+  return maxLines === 1 || maxLines === 2;
+}
+
 const ListHeading = /*#__PURE__*/React.forwardRef((props, ref) => {
   const {
-    overrides = {}
+    overrides = {},
+    maxLines
   } = props;
   const EndEnhancer = props.endEnhancer;
   const EndEnhancerDescription = props.endEnhancerDescription;
@@ -50,15 +55,21 @@ const ListHeading = /*#__PURE__*/React.forwardRef((props, ref) => {
   const [EndEnhancerDescriptionContainer, endEnhancerDescriptionContainerProps] = getOverrides(overrides.EndEnhancerDescriptionContainer, StyledHeadingEndEnhancerDescriptionContainer);
   const isEndEnhancerString = typeof EndEnhancer === 'string';
 
-  if (isEndEnhancerString && EndEnhancerDescription) {
-    console.warn('endEnhancerDescription will not be rendered if endEnhancer is not a string');
+  if (process.env.NODE_ENV !== "production") {
+    if (isEndEnhancerString && EndEnhancerDescription) {
+      console.warn('endEnhancerDescription will not be rendered if endEnhancer is not a string');
+    }
+
+    if (maxLines && !isMaxLinesValid(maxLines)) {
+      console.warn('maxLines must be 1 or 2.');
+    }
   }
 
   return /*#__PURE__*/React.createElement(Root // eslint-disable-next-line flowtype/no-weak-types
   , _extends({
     ref: ref
   }, rootProps), /*#__PURE__*/React.createElement(Content, contentProps, /*#__PURE__*/React.createElement(StyledHeadingContentRow, null, /*#__PURE__*/React.createElement(HeadingContainer, _extends({
-    $maxLines: props.maxLines
+    $maxLines: isMaxLinesValid(maxLines) ? maxLines : 1
   }, headingContainerProps), /*#__PURE__*/React.createElement(RenderNode, {
     component: props.heading
   })), EndEnhancer && /*#__PURE__*/React.createElement(EndEnhancerContainer, _extends({
@@ -66,7 +77,7 @@ const ListHeading = /*#__PURE__*/React.forwardRef((props, ref) => {
   }, endEnhancerContainerProps), /*#__PURE__*/React.createElement(RenderNode, {
     component: EndEnhancer
   }))), (SubHeading || EndEnhancerDescription) && /*#__PURE__*/React.createElement(StyledHeadingContentRow, null, /*#__PURE__*/React.createElement(SubHeadingContainer, _extends({
-    $maxLines: props.maxLines
+    $maxLines: isMaxLinesValid(maxLines) ? maxLines : 1
   }, subHeadingContainerProps), /*#__PURE__*/React.createElement(RenderNode, {
     component: SubHeading
   })), EndEnhancerDescription && isEndEnhancerString && /*#__PURE__*/React.createElement(EndEnhancerDescriptionContainer, endEnhancerDescriptionContainerProps, /*#__PURE__*/React.createElement(RenderNode, {

package/esm/drawer/close-icon.js

@@ -6,9 +6,10 @@ LICENSE file in the root directory of this source tree.
 */
 import * as React from 'react';
 import Delete from '../icon/delete.js';
-export function CloseIcon() {
+export function CloseIcon(props) {
   return /*#__PURE__*/React.createElement(Delete, {
     size: "inherit",
-    color: "inherit"
+    color: "inherit",
+    title: props.title
   });
 }

package/esm/drawer/drawer.js

@@ -343,7 +343,9 @@ var Drawer = /*#__PURE__*/function (_React$Component) {
         }, sharedProps, closeProps, {
           onFocus: forkFocus(closeProps, _this3.handleFocus),
           onBlur: forkBlur(closeProps, _this3.handleBlur)
-        }), /*#__PURE__*/React.createElement(CloseIcon, null)) : null)));
+        }), /*#__PURE__*/React.createElement(CloseIcon, {
+          title: locale.drawer.close
+        })) : null)));
       });
     }
   }, {

package/esm/list/list-heading.js

@@ -23,7 +23,7 @@ This source code is licensed under the MIT license found in the
 LICENSE file in the root directory of this source tree.
 */
 import React from 'react';
-import ReactIs from 'react-is';
+import * as ReactIs from 'react-is';
 import { getOverrides } from '../helpers/overrides.js';
 import { StyledHeadingRoot, StyledHeadingContent, StyledHeadingContentRow, StyledHeadingEndEnhancerContainer, StyledHeadingEndEnhancerDescriptionContainer, StyledHeadingMainHeading, StyledHeadingSubHeading } from './styled-components.js';
 
@@ -50,9 +50,14 @@ function RenderNode(props) {
   return Component;
 }
 
+function isMaxLinesValid(maxLines) {
+  return maxLines === 1 || maxLines === 2;
+}
+
 var ListHeading = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _props$overrides = props.overrides,
-      overrides = _props$overrides === void 0 ? {} : _props$overrides;
+      overrides = _props$overrides === void 0 ? {} : _props$overrides,
+      maxLines = props.maxLines;
   var EndEnhancer = props.endEnhancer;
   var EndEnhancerDescription = props.endEnhancerDescription;
   var SubHeading = props.subHeading;
@@ -89,15 +94,21 @@ var ListHeading = /*#__PURE__*/React.forwardRef(function (props, ref) {
 
   var isEndEnhancerString = typeof EndEnhancer === 'string';
 
-  if (isEndEnhancerString && EndEnhancerDescription) {
-    console.warn('endEnhancerDescription will not be rendered if endEnhancer is not a string');
+  if (process.env.NODE_ENV !== "production") {
+    if (isEndEnhancerString && EndEnhancerDescription) {
+      console.warn('endEnhancerDescription will not be rendered if endEnhancer is not a string');
+    }
+
+    if (maxLines && !isMaxLinesValid(maxLines)) {
+      console.warn('maxLines must be 1 or 2.');
+    }
   }
 
   return /*#__PURE__*/React.createElement(Root // eslint-disable-next-line flowtype/no-weak-types
   , _extends({
     ref: ref
   }, rootProps), /*#__PURE__*/React.createElement(Content, contentProps, /*#__PURE__*/React.createElement(StyledHeadingContentRow, null, /*#__PURE__*/React.createElement(HeadingContainer, _extends({
-    $maxLines: props.maxLines
+    $maxLines: isMaxLinesValid(maxLines) ? maxLines : 1
   }, headingContainerProps), /*#__PURE__*/React.createElement(RenderNode, {
     component: props.heading
   })), EndEnhancer && /*#__PURE__*/React.createElement(EndEnhancerContainer, _extends({
@@ -105,7 +116,7 @@ var ListHeading = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, endEnhancerContainerProps), /*#__PURE__*/React.createElement(RenderNode, {
     component: EndEnhancer
   }))), (SubHeading || EndEnhancerDescription) && /*#__PURE__*/React.createElement(StyledHeadingContentRow, null, /*#__PURE__*/React.createElement(SubHeadingContainer, _extends({
-    $maxLines: props.maxLines
+    $maxLines: isMaxLinesValid(maxLines) ? maxLines : 1
   }, subHeadingContainerProps), /*#__PURE__*/React.createElement(RenderNode, {
     component: SubHeading
   })), EndEnhancerDescription && isEndEnhancerString && /*#__PURE__*/React.createElement(EndEnhancerDescriptionContainer, endEnhancerDescriptionContainerProps, /*#__PURE__*/React.createElement(RenderNode, {

package/list/index.d.ts

@@ -1,3 +1,4 @@
+import {HeaderNavigationOverrides} from 'baseui/header-navigation';
 import * as React from 'react';
 import {StyletronComponent} from 'styletron-react';
 import {Override} from '../overrides';
@@ -84,3 +85,38 @@ export const StyledEndEnhancerContainer: StyletronComponent<{}>;
 export const StyledArtworkContainer: StyletronComponent<
   StyledArtworkContainerPropsT
 >;
+
+export interface HeadingPropsT {
+  heading: React.ReactNode;
+  subHeading?: React.ReactNode;
+  endEnhancer?: React.ReactNode;
+  endEnhancerDescription?: React.ReactNode;
+  overrides?: HeaderNavigationOverrides;
+  maxLines?: number;
+}
+
+export interface StyledHeadingEndEnhancerContainerPropsT {
+  $isText: boolean;
+}
+
+export type StyledHeadingHeadingPropsT = {
+  $maxLines: 1 | 2;
+};
+
+export const ListHeading: React.ForwardRefExoticComponent<
+  HeadingPropsT & React.RefAttributes<HTMLLIElement>
+>;
+
+export const StyledHeadingRoot: StyletronComponent<{}>;
+export const StyledHeadingContent: StyletronComponent<{}>;
+export const StyledHeadingContentRow: StyletronComponent<{}>;
+export const StyledHeadingMainHeading: StyletronComponent<
+  StyledHeadingHeadingPropsT
+>;
+export const StyledHeadingSubHeading: StyletronComponent<
+  StyledHeadingHeadingPropsT
+>;
+export const StyledHeadingEndEnhancerContainer: StyletronComponent<
+  StyledHeadingEndEnhancerContainerPropsT
+>;
+export const StyledHeadingEndEnhancerDescriptionContainer: StyletronComponent<{}>;

package/list/list-heading.js

@@ -1,5 +1,7 @@
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -7,12 +9,16 @@ exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _reactIs = _interopRequireDefault(require("react-is"));
+var ReactIs = _interopRequireWildcard(require("react-is"));
 
 var _overrides = require("../helpers/overrides.js");
 
 var _styledComponents = require("./styled-components.js");
 
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -47,7 +53,7 @@ function RenderNode(props) {
     return Component;
   }
 
-  if (_reactIs.default.isValidElementType(Component)) {
+  if (ReactIs.isValidElementType(Component)) {
     // $FlowFixMe
     return /*#__PURE__*/_react.default.createElement(Component, restProps);
   } // $FlowFixMe
@@ -56,9 +62,14 @@ function RenderNode(props) {
   return Component;
 }
 
+function isMaxLinesValid(maxLines) {
+  return maxLines === 1 || maxLines === 2;
+}
+
 var ListHeading = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _props$overrides = props.overrides,
-      overrides = _props$overrides === void 0 ? {} : _props$overrides;
+      overrides = _props$overrides === void 0 ? {} : _props$overrides,
+      maxLines = props.maxLines;
   var EndEnhancer = props.endEnhancer;
   var EndEnhancerDescription = props.endEnhancerDescription;
   var SubHeading = props.subHeading;
@@ -95,15 +106,21 @@ var ListHeading = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 
   var isEndEnhancerString = typeof EndEnhancer === 'string';
 
-  if (isEndEnhancerString && EndEnhancerDescription) {
-    console.warn('endEnhancerDescription will not be rendered if endEnhancer is not a string');
+  if (process.env.NODE_ENV !== "production") {
+    if (isEndEnhancerString && EndEnhancerDescription) {
+      console.warn('endEnhancerDescription will not be rendered if endEnhancer is not a string');
+    }
+
+    if (maxLines && !isMaxLinesValid(maxLines)) {
+      console.warn('maxLines must be 1 or 2.');
+    }
   }
 
   return /*#__PURE__*/_react.default.createElement(Root // eslint-disable-next-line flowtype/no-weak-types
   , _extends({
     ref: ref
   }, rootProps), /*#__PURE__*/_react.default.createElement(Content, contentProps, /*#__PURE__*/_react.default.createElement(_styledComponents.StyledHeadingContentRow, null, /*#__PURE__*/_react.default.createElement(HeadingContainer, _extends({
-    $maxLines: props.maxLines
+    $maxLines: isMaxLinesValid(maxLines) ? maxLines : 1
   }, headingContainerProps), /*#__PURE__*/_react.default.createElement(RenderNode, {
     component: props.heading
   })), EndEnhancer && /*#__PURE__*/_react.default.createElement(EndEnhancerContainer, _extends({
@@ -111,7 +128,7 @@ var ListHeading = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   }, endEnhancerContainerProps), /*#__PURE__*/_react.default.createElement(RenderNode, {
     component: EndEnhancer
   }))), (SubHeading || EndEnhancerDescription) && /*#__PURE__*/_react.default.createElement(_styledComponents.StyledHeadingContentRow, null, /*#__PURE__*/_react.default.createElement(SubHeadingContainer, _extends({
-    $maxLines: props.maxLines
+    $maxLines: isMaxLinesValid(maxLines) ? maxLines : 1
   }, subHeadingContainerProps), /*#__PURE__*/_react.default.createElement(RenderNode, {
     component: SubHeading
   })), EndEnhancerDescription && isEndEnhancerString && /*#__PURE__*/_react.default.createElement(EndEnhancerDescriptionContainer, endEnhancerDescriptionContainerProps, /*#__PURE__*/_react.default.createElement(RenderNode, {

package/list/list-heading.js.flow

@@ -7,7 +7,7 @@ LICENSE file in the root directory of this source tree.
 // @flow
 
 import React from 'react';
-import ReactIs from 'react-is';
+import * as ReactIs from 'react-is';
 
 import {getOverrides} from '../helpers/overrides.js';
 
@@ -39,9 +39,13 @@ function RenderNode(props) {
   return Component;
 }
 
+function isMaxLinesValid(maxLines) {
+  return maxLines === 1 || maxLines === 2;
+}
+
 const ListHeading = React.forwardRef<HeadingPropsT, HTMLLIElement>(
   (props: HeadingPropsT, ref) => {
-    const {overrides = {}} = props;
+    const {overrides = {}, maxLines} = props;
     const EndEnhancer = props.endEnhancer;
     const EndEnhancerDescription = props.endEnhancerDescription;
     const SubHeading = props.subHeading;
@@ -73,10 +77,15 @@ const ListHeading = React.forwardRef<HeadingPropsT, HTMLLIElement>(
 
     const isEndEnhancerString = typeof EndEnhancer === 'string';
 
-    if (isEndEnhancerString && EndEnhancerDescription) {
-      console.warn(
-        'endEnhancerDescription will not be rendered if endEnhancer is not a string',
-      );
+    if (__DEV__) {
+      if (isEndEnhancerString && EndEnhancerDescription) {
+        console.warn(
+          'endEnhancerDescription will not be rendered if endEnhancer is not a string',
+        );
+      }
+      if (maxLines && !isMaxLinesValid(maxLines)) {
+        console.warn('maxLines must be 1 or 2.');
+      }
     }
 
     return (
@@ -89,7 +98,7 @@ const ListHeading = React.forwardRef<HeadingPropsT, HTMLLIElement>(
           {/* ----- Top Row -------------------------- */}
           <StyledHeadingContentRow>
             <HeadingContainer
-              $maxLines={props.maxLines}
+              $maxLines={isMaxLinesValid(maxLines) ? maxLines : 1}
               {...headingContainerProps}
             >
               <RenderNode component={props.heading} />
@@ -109,7 +118,7 @@ const ListHeading = React.forwardRef<HeadingPropsT, HTMLLIElement>(
           {(SubHeading || EndEnhancerDescription) && (
             <StyledHeadingContentRow>
               <SubHeadingContainer
-                $maxLines={props.maxLines}
+                $maxLines={isMaxLinesValid(maxLines) ? maxLines : 1}
                 {...subHeadingContainerProps}
               >
                 <RenderNode component={SubHeading} />

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "baseui",
-  "version": "0.0.0-next-f3c2f6a",
+  "version": "0.0.0-next-48fd521",
   "description": "A React Component library implementing the Base design language",
   "keywords": [
     "react",