baseui 11.0.3 → 11.1.2

package/file-uploader/file-uploader.js

@@ -105,10 +105,25 @@ function FileUploader(props) {
       ButtonComponent = _getOverrides14[0],
       buttonProps = _getOverrides14[1];
 
-  var _getOverrides15 = (0, _overrides.getOverrides)(overrides.Spinner, _index5.Spinner),
+  var _getOverrides15 = (0, _overrides.getOverrides)(overrides.RetryButtonComponent, _index3.Button),
       _getOverrides16 = _slicedToArray(_getOverrides15, 2),
-      SpinnerComponent = _getOverrides16[0],
-      spinnerProps = _getOverrides16[1];
+      RetryButtonComponent = _getOverrides16[0],
+      retryButtonProps = _getOverrides16[1];
+
+  var _getOverrides17 = (0, _overrides.getOverrides)(overrides.CancelButtonComponent, _index3.Button),
+      _getOverrides18 = _slicedToArray(_getOverrides17, 2),
+      CancelButtonComponent = _getOverrides18[0],
+      cancelButtonProps = _getOverrides18[1];
+
+  var _getOverrides19 = (0, _overrides.getOverrides)(overrides.Spinner, _index5.Spinner),
+      _getOverrides20 = _slicedToArray(_getOverrides19, 2),
+      SpinnerComponent = _getOverrides20[0],
+      spinnerProps = _getOverrides20[1];
+
+  var _getOverrides21 = (0, _overrides.getOverrides)(overrides.ProgressBar, _index4.ProgressBar),
+      _getOverrides22 = _slicedToArray(_getOverrides21, 2),
+      ProgressBarComponent = _getOverrides22[0],
+      progressBarProps = _getOverrides22[1];
 
   var afterFileDrop = !!(props.progressAmount || props.progressMessage || props.errorMessage);
   return /*#__PURE__*/React.createElement(_reactDropzone.default, _extends({}, props, {
@@ -152,7 +167,7 @@ function FileUploader(props) {
             }
           }
         }
-      }, prefixedStyledProps, buttonProps), locale.fileuploader.browseFiles)), afterFileDrop && /*#__PURE__*/React.createElement(React.Fragment, null, typeof props.progressAmount === 'number' ? /*#__PURE__*/React.createElement(_index4.ProgressBar, {
+      }, prefixedStyledProps, buttonProps), locale.fileuploader.browseFiles)), afterFileDrop && /*#__PURE__*/React.createElement(React.Fragment, null, typeof props.progressAmount === 'number' ? /*#__PURE__*/React.createElement(ProgressBarComponent, _extends({
         value: props.progressAmount,
         overrides: {
           BarProgress: {
@@ -164,12 +179,12 @@ function FileUploader(props) {
             }
           }
         }
-      }) : props.errorMessage ? null : /*#__PURE__*/React.createElement(SpinnerComponent, _extends({
+      }, progressBarProps)) : props.errorMessage ? null : /*#__PURE__*/React.createElement(SpinnerComponent, _extends({
         $size: _index5.SIZE.medium,
         $style: {
           marginBottom: theme.sizing.scale300
         }
-      }, spinnerProps)), (props.errorMessage || props.progressMessage) && props.errorMessage ? /*#__PURE__*/React.createElement(ErrorMessage, _extends({}, prefixedStyledProps, errorMessageProps), props.errorMessage) : /*#__PURE__*/React.createElement(ContentMessage, _extends({}, prefixedStyledProps, contentMessageProps), props.progressMessage), props.errorMessage ? /*#__PURE__*/React.createElement(ButtonComponent, {
+      }, spinnerProps)), (props.errorMessage || props.progressMessage) && props.errorMessage ? /*#__PURE__*/React.createElement(ErrorMessage, _extends({}, prefixedStyledProps, errorMessageProps), props.errorMessage) : /*#__PURE__*/React.createElement(ContentMessage, _extends({}, prefixedStyledProps, contentMessageProps), props.progressMessage), props.errorMessage ? /*#__PURE__*/React.createElement(RetryButtonComponent, _extends({
         kind: _index3.KIND.tertiary,
         onClick: function onClick() {
           props.onRetry && props.onRetry();
@@ -177,7 +192,7 @@ function FileUploader(props) {
         "aria-invalid": Boolean(props.errorMessage),
         "aria-describedby": props['aria-describedby'],
         "aria-errormessage": props.errorMessage
-      }, locale.fileuploader.retry) : /*#__PURE__*/React.createElement(ButtonComponent, {
+      }, retryButtonProps), locale.fileuploader.retry) : /*#__PURE__*/React.createElement(CancelButtonComponent, _extends({
         kind: _index3.KIND.tertiary,
         onClick: function onClick() {
           props.onCancel && props.onCancel();
@@ -193,7 +208,7 @@ function FileUploader(props) {
             }
           }
         }
-      }, locale.fileuploader.cancel))), /*#__PURE__*/React.createElement(HiddenInput, _extends({
+      }, cancelButtonProps), locale.fileuploader.cancel))), /*#__PURE__*/React.createElement(HiddenInput, _extends({
         "aria-invalid": Boolean(props.errorMessage) || null,
         "aria-describedby": props['aria-describedby'],
         "aria-errormessage": props.errorMessage || null

package/file-uploader/file-uploader.js.flow

@@ -58,7 +58,17 @@ function FileUploader(props: PropsT) {
   const [HiddenInput, hiddenInputProps] = getOverrides(overrides.HiddenInput, StyledHiddenInput);
   const [ButtonComponent, buttonProps] = getOverrides(overrides.ButtonComponent, Button);
 
+  const [RetryButtonComponent, retryButtonProps] = getOverrides(
+    overrides.RetryButtonComponent,
+    Button
+  );
+  const [CancelButtonComponent, cancelButtonProps] = getOverrides(
+    overrides.CancelButtonComponent,
+    Button
+  );
+
   const [SpinnerComponent, spinnerProps] = getOverrides(overrides.Spinner, Spinner);
+  const [ProgressBarComponent, progressBarProps] = getOverrides(overrides.ProgressBar, ProgressBar);
 
   const afterFileDrop = !!(props.progressAmount || props.progressMessage || props.errorMessage);
 
@@ -130,7 +140,7 @@ function FileUploader(props: PropsT) {
                        * future. We do not want to flash the spinner in this case.
                        */}
                       {typeof props.progressAmount === 'number' ? (
-                        <ProgressBar
+                        <ProgressBarComponent
                           value={props.progressAmount}
                           overrides={{
                             BarProgress: {
@@ -141,6 +151,7 @@ function FileUploader(props: PropsT) {
                               }),
                             },
                           }}
+                          {...progressBarProps}
                         />
                       ) : props.errorMessage ? null : (
                         <SpinnerComponent
@@ -159,7 +170,7 @@ function FileUploader(props: PropsT) {
                         </ContentMessage>
                       )}
                       {props.errorMessage ? (
-                        <ButtonComponent
+                        <RetryButtonComponent
                           kind={KIND.tertiary}
                           onClick={() => {
                             props.onRetry && props.onRetry();
@@ -167,11 +178,12 @@ function FileUploader(props: PropsT) {
                           aria-invalid={Boolean(props.errorMessage)}
                           aria-describedby={props['aria-describedby']}
                           aria-errormessage={props.errorMessage}
+                          {...retryButtonProps}
                         >
                           {locale.fileuploader.retry}
-                        </ButtonComponent>
+                        </RetryButtonComponent>
                       ) : (
-                        <ButtonComponent
+                        <CancelButtonComponent
                           kind={KIND.tertiary}
                           onClick={() => {
                             props.onCancel && props.onCancel();
@@ -184,9 +196,10 @@ function FileUploader(props: PropsT) {
                               }),
                             },
                           }}
+                          {...cancelButtonProps}
                         >
                           {locale.fileuploader.cancel}
-                        </ButtonComponent>
+                        </CancelButtonComponent>
                       )}
                     </React.Fragment>
                   )}

package/file-uploader/index.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import {StyletronComponent} from 'styletron-react';
-import {Override} from '../overrides';
+import { StyletronComponent } from 'styletron-react';
+import { Override } from '../overrides';
 
 export interface FileUploaderOverrides<T> {
   Root?: Override<T>;
@@ -26,16 +26,16 @@ export interface StyleProps {
 export type DropFilesEventHandler = (
   accepted: File[],
   rejected: File[],
-  event: React.SyntheticEvent<HTMLElement>,
+  event: React.SyntheticEvent<HTMLElement>
 ) => any;
 
 export type DropFileEventHandler = (
   acceptedOrRejected: File[],
-  event: React.SyntheticEvent<HTMLElement>,
+  event: React.SyntheticEvent<HTMLElement>
 ) => any;
 
 export type GetDataTransferItems = (
-  event: React.SyntheticEvent<any>,
+  event: React.SyntheticEvent<any>
 ) => Promise<Array<File | DataTransferItem>>;
 
 export interface FileUploaderProps {
@@ -67,10 +67,10 @@ export interface FileUploaderProps {
   progressAmount?: number;
   progressMessage?: string;
 }
-export const FileUploader: React.FC<FileUploaderProps>;
+export declare const FileUploader: React.FC<FileUploaderProps>;
 
-export const StyledRoot: StyletronComponent<any>;
-export const StyledFileDragAndDrop: StyletronComponent<any>;
-export const StyledContentMessage: StyletronComponent<any>;
-export const StyledErrorMessage: StyletronComponent<any>;
-export const StyledHiddenInput: StyletronComponent<any>;
+export declare const StyledRoot: StyletronComponent<any>;
+export declare const StyledFileDragAndDrop: StyletronComponent<any>;
+export declare const StyledContentMessage: StyletronComponent<any>;
+export declare const StyledErrorMessage: StyletronComponent<any>;
+export declare const StyledHiddenInput: StyletronComponent<any>;

package/file-uploader/types.js.flow

@@ -26,7 +26,10 @@ export type OverridesT = {
   ProgressMessage?: OverrideT,
   ErrorMessage?: OverrideT,
   ButtonComponent?: OverrideT,
+  CancelButtonComponent?: OverrideT,
+  RetryButtonComponent?: OverrideT,
   Spinner?: OverrideT,
+  ProgressBar?: OverrideT,
 };
 
 export type PropsT = {|

package/flex-grid/index.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import {BlockProps, Responsive, Scale} from '../block';
+import { BlockProps, Responsive, Scale } from '../block';
 
 export interface FlexGridProps extends BlockProps {
   flexGridColumnCount?: Responsive<number>;
@@ -7,11 +7,11 @@ export interface FlexGridProps extends BlockProps {
   flexGridRowGap?: Responsive<Scale>;
 }
 
-export const FlexGrid: React.FC<FlexGridProps>;
+export declare const FlexGrid: React.FC<FlexGridProps>;
 
 export interface FlexGridItemProps extends FlexGridProps {
   flexGridItemIndex?: number;
   flexGridItemCount?: number;
 }
 
-export const FlexGridItem: React.FC<FlexGridItemProps>;
+export declare const FlexGridItem: React.FC<FlexGridItemProps>;

package/form-control/index.d.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
-import {StyletronComponent} from 'styletron-react';
-import {Override} from '../overrides';
+import { StyletronComponent } from 'styletron-react';
+import { Override } from '../overrides';
 
-export const StyledLabel: StyletronComponent<any>;
-export const StyledCaption: StyletronComponent<any>;
-export const StyledControlContainer: StyletronComponent<any>;
+export declare const StyledLabel: StyletronComponent<any>;
+export declare const StyledCaption: StyletronComponent<any>;
+export declare const StyledControlContainer: StyletronComponent<any>;
 
 export interface FormControlOverrides {
   Label?: Override<any>;
@@ -25,19 +25,7 @@ export interface FormControlProps {
   error?: boolean | React.ReactNode;
   positive?: React.ReactNode;
   htmlFor?: string;
-  counter?: boolean | {length?: number; maxLength?: number; error?: boolean};
+  counter?: boolean | { length?: number; maxLength?: number; error?: boolean };
 }
 
-export class FormControl extends React.Component<
-  FormControlProps,
-  FormControlState
-> {}
-
-export interface FormControlChildProps {
-  'aria-describedby': string | null,
-  'aria-errormessage': string | null,
-  key: React.Key,
-  disabled: boolean,
-  error: boolean,
-  positive: boolean
-}
+export class FormControl extends React.Component<FormControlProps, FormControlState> {}

package/header-navigation/index.d.ts

@@ -1,12 +1,12 @@
 import * as React from 'react';
-import {StyletronComponent} from 'styletron-react';
-import {Override} from '../overrides';
+import { StyletronComponent } from 'styletron-react';
+import { Override } from '../overrides';
 
-export interface ALIGN {
+export declare const ALIGN: {
   right: 'flex-end';
   left: 'flex-start';
   center: 'center';
-}
+};
 
 export interface HeaderNavigationOverrides {
   Root?: Override<any>;
@@ -14,12 +14,11 @@ export interface HeaderNavigationOverrides {
 
 export interface HeaderNavigationProps {
   overrides?: HeaderNavigationOverrides;
+  children?: React.ReactNode;
 }
 
 export class HeaderNavigation extends React.Component<HeaderNavigationProps> {}
 
-export const StyledRoot: StyletronComponent<any>;
-export const StyledNavigationItem: StyletronComponent<any>;
-export const StyledNavigationList: StyletronComponent<any>;
-
-export const ALIGN: ALIGN;
+export declare const StyledRoot: StyletronComponent<any>;
+export declare const StyledNavigationItem: StyletronComponent<any>;
+export declare const StyledNavigationList: StyletronComponent<any>;

package/heading/index.d.ts

@@ -1,15 +1,14 @@
 import * as React from 'react';
-import {StyletronComponent} from 'styletron-react';
-import {BlockProps} from '../block';
+import { BlockProps } from '../block';
 
 export interface HeadingLevelProps {
   children: React.ReactNode;
 }
 
-export const HeadingLevel: React.FC<HeadingLevelProps>;
+export declare const HeadingLevel: React.FC<HeadingLevelProps>;
 
 export type HeadingProps = {
   styleLevel?: number;
 } & BlockProps;
 
-export const Heading: React.FC<HeadingProps>;
+export declare const Heading: React.FC<HeadingProps>;

package/helper/helper-steps.js

@@ -9,11 +9,17 @@ exports.HelperSteps = HelperSteps;
 
 var React = _interopRequireWildcard(require("react"));
 
-var _index = require("../icon/index.js");
+var _arrowLeft = _interopRequireDefault(require("../icon/arrow-left.js"));
 
-var _index2 = require("../button/index.js");
+var _arrowRight = _interopRequireDefault(require("../icon/arrow-right.js"));
 
-var _index3 = require("../styles/index.js");
+var _check = _interopRequireDefault(require("../icon/check.js"));
+
+var _index = require("../button/index.js");
+
+var _index2 = require("../styles/index.js");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
 
@@ -38,7 +44,7 @@ function HelperSteps(_ref) {
       onPrev = _ref.onPrev,
       onNext = _ref.onNext;
 
-  var _useStyletron = (0, _index3.useStyletron)(),
+  var _useStyletron = (0, _index2.useStyletron)(),
       _useStyletron2 = _slicedToArray(_useStyletron, 2),
       css = _useStyletron2[0],
       theme = _useStyletron2[1];
@@ -50,12 +56,12 @@ function HelperSteps(_ref) {
       display: 'flex',
       justifyContent: 'space-between'
     })
-  }, /*#__PURE__*/React.createElement(_index2.Button, {
+  }, /*#__PURE__*/React.createElement(_index.Button, {
     disabled: index === 0,
-    kind: _index2.KIND.secondary,
+    kind: _index.KIND.secondary,
     onClick: onPrev,
-    shape: _index2.SHAPE.circle
-  }, /*#__PURE__*/React.createElement(_index.ArrowLeft, {
+    shape: _index.SHAPE.circle
+  }, /*#__PURE__*/React.createElement(_arrowLeft.default, {
     size: 20
   })), /*#__PURE__*/React.createElement("div", {
     className: css({
@@ -77,13 +83,13 @@ function HelperSteps(_ref) {
         }
       })
     });
-  })), /*#__PURE__*/React.createElement(_index2.Button, {
-    kind: isLast ? _index2.KIND.primary : _index2.KIND.secondary,
+  })), /*#__PURE__*/React.createElement(_index.Button, {
+    kind: isLast ? _index.KIND.primary : _index.KIND.secondary,
     onClick: isLast ? onFinish : onNext,
-    shape: _index2.SHAPE.circle
-  }, isLast ? /*#__PURE__*/React.createElement(_index.Check, {
+    shape: _index.SHAPE.circle
+  }, isLast ? /*#__PURE__*/React.createElement(_check.default, {
     size: 20
-  }) : /*#__PURE__*/React.createElement(_index.ArrowRight, {
+  }) : /*#__PURE__*/React.createElement(_arrowRight.default, {
     size: 20
   })));
 }

package/helper/helper-steps.js.flow

@@ -9,7 +9,9 @@ LICENSE file in the root directory of this source tree.
 
 import * as React from 'react';
 
-import { ArrowLeft, ArrowRight, Check } from '../icon/index.js';
+import ArrowLeft from '../icon/arrow-left.js';
+import ArrowRight from '../icon/arrow-right.js';
+import Check from '../icon/check.js';
 import { Button, KIND, SHAPE } from '../button/index.js';
 import { useStyletron } from '../styles/index.js';
 

package/helper/index.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import {StyletronComponent} from 'styletron-react';
+import { StyletronComponent } from 'styletron-react';
 
 import {
   ACCESSIBILITY_TYPE,
@@ -20,11 +20,11 @@ export type HelperStepsPropsT = {
   onNext: () => any;
 };
 
-export {ACCESSIBILITY_TYPE, PLACEMENT, TRIGGER_TYPE};
+export { ACCESSIBILITY_TYPE, PLACEMENT, TRIGGER_TYPE };
 
-export const StyledArrow: StyletronComponent<any>;
-export const StyledBody: StyletronComponent<any>;
+export declare const StyledArrow: StyletronComponent<any>;
+export declare const StyledBody: StyletronComponent<any>;
 
-export const Unstable_Helper: React.FC<PropsT>;
-export const Unstable_StatefulHelper: React.FC<StatefulPropsT>;
-export const Unstable_HelperSteps: React.FC<HelperStepsPropsT>;
+export declare const Unstable_Helper: React.FC<PropsT>;
+export declare const Unstable_StatefulHelper: React.FC<StatefulPropsT>;
+export declare const Unstable_HelperSteps: React.FC<HelperStepsPropsT>;

package/helpers/base-provider.d.ts

@@ -0,0 +1,16 @@
+import { Override } from './overrides';
+import * as React from 'react';
+import { Theme } from '../styles';
+
+export interface BaseProviderOverrides {
+  AppContainer?: Override<any>;
+  LayersContainer?: Override<any>;
+}
+
+export interface BaseProviderProps {
+  children: React.ReactNode;
+  theme: Theme;
+  overrides?: BaseProviderOverrides;
+  zIndex?: number;
+}
+export declare const BaseProvider: React.FC<BaseProviderProps>;

package/helpers/overrides.d.ts

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import { StyleObject } from 'styletron-react';
+import { Theme } from '../styles';
+
+type StyleOverride<T> =
+  | StyleObject
+  | ((props: { $theme: Theme } & React.PropsWithChildren<T>) => StyleObject);
+
+type ComponentOverride<T> = React.ComponentType<T> | React.RefForwardingComponent<T>;
+
+interface OverrideObject<T> {
+  component?: ComponentOverride<T>;
+  props?: any;
+  style?: StyleOverride<T>;
+}
+
+export type Override<T> = OverrideObject<T> | React.ComponentType<T>;
+
+export interface Overrides<T> {
+  [key: string]: Override<T>;
+}
+
+export function mergeOverrides<T>(target?: Overrides<T>, source?: Overrides<T>): Overrides<T>;

package/icon/index.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import {StyletronComponent} from 'styletron-react';
-import {Override} from '../overrides';
+import { StyletronComponent } from 'styletron-react';
+import { Override } from '../overrides';
 
 export interface StyledComponentArgsT {
   $size?: number | string;
@@ -19,35 +19,35 @@ export interface IconProps {
   overrides?: IconOverrides;
 }
 
-export const Icon: React.FC<IconProps>;
+export declare const Icon: React.FC<IconProps>;
 
-export const StyledSvg: StyletronComponent<any>;
+export declare const StyledSvg: StyletronComponent<any>;
 
-export const Alert: React.FC<IconProps>;
-export const ArrowDown: React.FC<IconProps>;
-export const ArrowLeft: React.FC<IconProps>;
-export const ArrowRight: React.FC<IconProps>;
-export const ArrowUp: React.FC<IconProps>;
-export const Blank: React.FC<IconProps>;
-export const CheckIndeterminate: React.FC<IconProps>;
-export const Check: React.FC<IconProps>;
-export const ChevronDown: React.FC<IconProps>;
-export const ChevronLeft: React.FC<IconProps>;
-export const ChevronRight: React.FC<IconProps>;
-export const ChevronUp: React.FC<IconProps>;
-export const DeleteAlt: React.FC<IconProps>;
-export const Delete: React.FC<IconProps>;
-export const Filter: React.FC<IconProps>;
-export const Grab: React.FC<IconProps>;
-export const Hide: React.FC<IconProps>;
-export const Menu: React.FC<IconProps>;
-export const Overflow: React.FC<IconProps>;
-export const Plus: React.FC<IconProps>;
-export const Search: React.FC<IconProps>;
-export const Show: React.FC<IconProps>;
-export const Spinner: React.FC<IconProps>;
-export const TriangleDown: React.FC<IconProps>;
-export const TriangleLeft: React.FC<IconProps>;
-export const TriangleRight: React.FC<IconProps>;
-export const TriangleUp: React.FC<IconProps>;
-export const Upload: React.FC<IconProps>;
+export declare const Alert: React.FC<IconProps>;
+export declare const ArrowDown: React.FC<IconProps>;
+export declare const ArrowLeft: React.FC<IconProps>;
+export declare const ArrowRight: React.FC<IconProps>;
+export declare const ArrowUp: React.FC<IconProps>;
+export declare const Blank: React.FC<IconProps>;
+export declare const CheckIndeterminate: React.FC<IconProps>;
+export declare const Check: React.FC<IconProps>;
+export declare const ChevronDown: React.FC<IconProps>;
+export declare const ChevronLeft: React.FC<IconProps>;
+export declare const ChevronRight: React.FC<IconProps>;
+export declare const ChevronUp: React.FC<IconProps>;
+export declare const DeleteAlt: React.FC<IconProps>;
+export declare const Delete: React.FC<IconProps>;
+export declare const Filter: React.FC<IconProps>;
+export declare const Grab: React.FC<IconProps>;
+export declare const Hide: React.FC<IconProps>;
+export declare const Menu: React.FC<IconProps>;
+export declare const Overflow: React.FC<IconProps>;
+export declare const Plus: React.FC<IconProps>;
+export declare const Search: React.FC<IconProps>;
+export declare const Show: React.FC<IconProps>;
+export declare const Spinner: React.FC<IconProps>;
+export declare const TriangleDown: React.FC<IconProps>;
+export declare const TriangleLeft: React.FC<IconProps>;
+export declare const TriangleRight: React.FC<IconProps>;
+export declare const TriangleUp: React.FC<IconProps>;
+export declare const Upload: React.FC<IconProps>;