baseui 11.0.3 → 11.1.2

package/menu/index.d.ts

@@ -1,8 +1,8 @@
 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 KEY_STRINGS {
+export declare const KEY_STRINGS: {
   ArrowUp: 'ArrowUp';
   ArrowDown: 'ArrowDown';
   ArrowLeft: 'ArrowLeft';
@@ -11,8 +11,8 @@ export interface KEY_STRINGS {
   Space: ' ';
   Escape: 'Escape';
   Backspace: 'Backspace';
-}
-export interface STATE_CHANGE_TYPES {
+};
+export declare const STATE_CHANGE_TYPES: {
   click: 'click';
   moveUp: 'moveUp';
   moveDown: 'moveDown';
@@ -21,12 +21,12 @@ export interface STATE_CHANGE_TYPES {
   reset: 'reset';
   character: 'character';
   enter: 'enter';
-}
+};
 
-export interface OPTION_LIST_SIZE {
+export declare const OPTION_LIST_SIZE: {
   default: 'default';
   compact: 'compact';
-}
+};
 
 export interface MenuOverrides {
   EmptyState?: Override<any>;
@@ -48,7 +48,7 @@ export interface MenuOverrides {
 }
 
 export interface MenuProps extends BaseMenuPropsT {
-  size?: keyof OPTION_LIST_SIZE;
+  size?: typeof OPTION_LIST_SIZE[keyof typeof OPTION_LIST_SIZE];
   overrides?: MenuOverrides;
 }
 
@@ -77,15 +77,12 @@ export type OnItemSelect = (args: {
 }) => any;
 
 export type StateReducer = (
-  changeType: STATE_CHANGE_TYPES[keyof STATE_CHANGE_TYPES],
+  changeType: typeof STATE_CHANGE_TYPES[keyof typeof STATE_CHANGE_TYPES],
   changes: StatefulContainerState,
-  currentState: StatefulContainerState,
+  currentState: StatefulContainerState
 ) => StatefulContainerState;
 
-export type GetRequiredItemProps = (
-  item: any,
-  index: number,
-) => RenderItemProps;
+export type GetRequiredItemProps = (item: any, index: number) => RenderItemProps;
 
 export type RenderProps = StatefulContainerState & {
   items: ItemsT;
@@ -126,7 +123,7 @@ export interface OptionListProps extends BaseMenuPropsT {
   getChildMenu?: (item: any) => React.ReactNode;
   onMouseDown?: (event: MouseEvent) => any;
   onMouseEnter?: (event: MouseEvent) => any;
-  size?: OPTION_LIST_SIZE[keyof OPTION_LIST_SIZE];
+  size?: typeof OPTION_LIST_SIZE[keyof typeof OPTION_LIST_SIZE];
   overrides?: {
     ListItem?: Override<any>;
     ChildMenuPopover?: Override<any>;
@@ -141,7 +138,7 @@ export interface OptionListProps extends BaseMenuPropsT {
   id?: string;
   role?: string;
 }
-export const OptionList: React.FC<OptionListProps>;
+export declare const OptionList: React.FC<OptionListProps>;
 
 export interface OptionProfileProps extends BaseMenuPropsT {
   item: any;
@@ -165,7 +162,7 @@ export interface OptionProfileProps extends BaseMenuPropsT {
   };
   $isHighlighted?: boolean;
 }
-export const OptionProfile: React.FC<OptionProfileProps>;
+export declare const OptionProfile: React.FC<OptionProfileProps>;
 
 export interface SharedStatelessProps {
   activedescendantId?: string;
@@ -185,7 +182,7 @@ export interface SharedStatelessProps {
 }
 
 export type StatelessMenuProps = SharedStatelessProps & MenuProps;
-export const Menu: React.FC<StatelessMenuProps>;
+export declare const Menu: React.FC<StatelessMenuProps>;
 
 export interface NestedMenuProps {
   children: React.ReactNode;
@@ -193,10 +190,7 @@ export interface NestedMenuProps {
 export interface NestedMenuState {
   menus: Array<React.Ref<HTMLElement>>;
 }
-export class NestedMenus extends React.Component<
-  NestedMenuProps,
-  NestedMenuState
-> {
+export class NestedMenus extends React.Component<NestedMenuProps, NestedMenuState> {
   addMenuToNesting(ref: React.Ref<HTMLElement>): void;
   removeMenuFromNesting(ref: React.Ref<HTMLElement>): void;
   findMenuIndexByRef(ref: React.Ref<HTMLElement>): number;
@@ -206,17 +200,13 @@ export class NestedMenus extends React.Component<
   isNestedMenuVisible(ref: React.Ref<HTMLElement>): boolean;
 }
 
-export const StyledEmptyState: StyletronComponent<any>;
-export const StyledList: StyletronComponent<any>;
-export const StyledListItem: StyletronComponent<any>;
-export const StyledListItemProfile: StyletronComponent<any>;
-export const StyledProfileImgContainer: StyletronComponent<any>;
-export const StyledProfileImg: StyletronComponent<any>;
-export const StyledProfileLabelsContainer: StyletronComponent<any>;
-export const StyledProfileTitle: StyletronComponent<any>;
-export const StyledProfileSubtitle: StyletronComponent<any>;
-export const StyledProfileBody: StyletronComponent<any>;
-
-export const KEY_STRINGS: KEY_STRINGS;
-export const STATE_CHANGE_TYPES: STATE_CHANGE_TYPES;
-export const OPTION_LIST_SIZE: OPTION_LIST_SIZE;
+export declare const StyledEmptyState: StyletronComponent<any>;
+export declare const StyledList: StyletronComponent<any>;
+export declare const StyledListItem: StyletronComponent<any>;
+export declare const StyledListItemProfile: StyletronComponent<any>;
+export declare const StyledProfileImgContainer: StyletronComponent<any>;
+export declare const StyledProfileImg: StyletronComponent<any>;
+export declare const StyledProfileLabelsContainer: StyletronComponent<any>;
+export declare const StyledProfileTitle: StyletronComponent<any>;
+export declare const StyledProfileSubtitle: StyletronComponent<any>;
+export declare const StyledProfileBody: StyletronComponent<any>;

package/modal/index.d.ts

@@ -1,36 +1,36 @@
 import * as React from 'react';
-import {StyletronComponent} from 'styletron-react';
-import {ButtonProps} from '../button';
-import {Override} from '../overrides';
+import { StyletronComponent } from 'styletron-react';
+import { ButtonProps } from '../button';
+import { Override } from '../overrides';
 
-export interface SIZE {
+export declare const SIZE: {
   default: 'default';
   full: 'full';
   auto: 'auto';
-}
+};
 
-export interface SIZE_WIDTHS {
+export declare const SIZE_WIDTHS: {
   default: '500px';
   full: '100%';
   auto: 'auto';
-}
-export interface ROLE {
+};
+export declare const ROLE: {
   dialog: 'dialog';
   alertdialog: 'alertdialog';
-}
-export interface CLOSE_SOURCE {
+};
+export declare const CLOSE_SOURCE: {
   closeButton: 'closeButton';
   backdrop: 'backdrop';
   escape: 'escape';
-}
+};
 
 export interface SharedStylePropsArg {
   children?: React.ReactNode;
   $animate?: boolean;
   $isVisible?: boolean;
   $isOpen?: boolean;
-  $size?: SIZE[keyof SIZE];
-  $role?: ROLE[keyof ROLE];
+  $size?: typeof SIZE[keyof typeof SIZE];
+  $role?: typeof ROLE[keyof typeof ROLE];
   $closeable?: boolean;
 }
 
@@ -44,18 +44,15 @@ export interface ModalProps {
   animate?: boolean;
   autoFocus?: boolean;
   focusLock?: boolean;
-  returnFocus?:
-    | boolean
-    | FocusOptions
-    | ((returnTo: Element) => boolean | FocusOptions);
+  returnFocus?: boolean | FocusOptions | ((returnTo: Element) => boolean | FocusOptions);
   children?: React.ReactNode;
   closeable?: boolean;
   isOpen?: boolean;
   mountNode?: HTMLElement;
-  onClose?: (args: {closeSource?: CLOSE_SOURCE[keyof CLOSE_SOURCE]}) => any;
+  onClose?: (args: { closeSource?: typeof CLOSE_SOURCE[keyof typeof CLOSE_SOURCE] }) => any;
   overrides?: ModalOverrides;
-  role?: ROLE[keyof ROLE];
-  size?: SIZE[keyof SIZE];
+  role?: typeof ROLE[keyof typeof ROLE];
+  size?: typeof SIZE[keyof typeof SIZE];
 }
 export interface ModalState {
   isVisible: boolean;
@@ -72,33 +69,26 @@ export class Modal extends React.Component<ModalProps, ModalState> {
   clearTimers(): void;
   didOpen(): void;
   didClose(): void;
-  triggerClose(source: CLOSE_SOURCE[keyof CLOSE_SOURCE]): void;
+  triggerClose(source: typeof CLOSE_SOURCE[keyof typeof CLOSE_SOURCE]): void;
   captureLastFocus(): void;
   restoreLastFocus(): void;
   autoFocus(): void;
   animateOutComplete(): void;
-  getSharedProps(): SharedStylePropsArg & {children: React.ReactNode};
+  getSharedProps(): SharedStylePropsArg & { children: React.ReactNode };
   getMountNode(): HTMLElement;
   getChildren(): React.ReactNode;
   getRef(component: string): React.Ref<any>;
   renderModal(): React.ReactNode;
 }
 
-export class ModalButton extends React.Component<
-  ButtonProps & {autoFocus?: boolean}
-> {}
-
-export class FocusOnce extends React.Component<{children: React.ReactNode}> {}
+export class ModalButton extends React.Component<ButtonProps & { autoFocus?: boolean }> {}
 
-export const StyledRoot: StyletronComponent<any>;
-export const StyledDialog: StyletronComponent<any>;
-export const StyledDialogContainer: StyletronComponent<any>;
-export const StyledClose: StyletronComponent<any>;
-export const ModalHeader: StyletronComponent<any>;
-export const ModalBody: StyletronComponent<any>;
-export const ModalFooter: StyletronComponent<any>;
+export class FocusOnce extends React.Component<{ children: React.ReactNode }> {}
 
-export const SIZE: SIZE;
-export const SIZE_WIDTHS: SIZE_WIDTHS;
-export const ROLE: ROLE;
-export const CLOSE_SOURCE: CLOSE_SOURCE;
+export declare const StyledRoot: StyletronComponent<any>;
+export declare const StyledDialog: StyletronComponent<any>;
+export declare const StyledDialogContainer: StyletronComponent<any>;
+export declare const StyledClose: StyletronComponent<any>;
+export declare const ModalHeader: StyletronComponent<any>;
+export declare const ModalBody: StyletronComponent<any>;
+export declare const ModalFooter: StyletronComponent<any>;

package/notification/index.d.ts

@@ -1,6 +1,5 @@
 import * as React from 'react';
-import {StyletronComponent} from 'styletron-react';
-import {KIND, ToastProps} from '../toast';
+import { KIND, ToastProps } from '../toast';
 
 export class Notification extends React.Component<ToastProps> {}
-export {KIND};
+export { KIND };

package/notification/notification.js

@@ -11,6 +11,8 @@ var React = _interopRequireWildcard(require("react"));
 
 var _index = require("../toast/index.js");
 
+var _overrides = require("../helpers/overrides.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; }
@@ -53,9 +55,24 @@ var Notification = /*#__PURE__*/function (_React$Component) {
   _createClass(Notification, [{
     key: "render",
     value: function render() {
+      var overrides = (0, _overrides.mergeOverrides)({
+        Body: {
+          style: function style(_ref) {
+            var $theme = _ref.$theme;
+            return {
+              marginTop: $theme.sizing.scale600,
+              marginRight: $theme.sizing.scale600,
+              marginBottom: $theme.sizing.scale600,
+              marginLeft: $theme.sizing.scale600
+            };
+          }
+        }
+      }, this.props.overrides);
       return /*#__PURE__*/React.createElement(_index.Toast, _extends({
         "data-baseweb": "notification"
-      }, this.props));
+      }, this.props, {
+        overrides: overrides
+      }));
     }
   }]);
 

package/notification/notification.js.flow

@@ -9,6 +9,7 @@ import * as React from 'react';
 
 import { Toast, TYPE } from '../toast/index.js';
 import type { ToastPropsT, ToastPropsShapeT } from '../toast/types.js';
+import { mergeOverrides } from '../helpers/overrides.js';
 
 export default class Notification extends React.Component<ToastPropsT> {
   static defaultProps: ToastPropsShapeT = {
@@ -17,7 +18,20 @@ export default class Notification extends React.Component<ToastPropsT> {
   };
 
   render() {
-    return <Toast data-baseweb="notification" {...this.props} />;
+    const overrides = mergeOverrides(
+      {
+        Body: {
+          style: ({ $theme }) => ({
+            marginTop: $theme.sizing.scale600,
+            marginRight: $theme.sizing.scale600,
+            marginBottom: $theme.sizing.scale600,
+            marginLeft: $theme.sizing.scale600,
+          }),
+        },
+      },
+      this.props.overrides
+    );
+    return <Toast data-baseweb="notification" {...this.props} overrides={overrides} />;
   }
 }
 

package/overrides.ts

@@ -1,23 +1,3 @@
-import * as React from 'react';
-import {StyleObject} from 'styletron-react';
-import {Theme} from './theme';
+import type { Override, Overrides } from './helpers/overrides';
 
-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 type { Override, Overrides };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "baseui",
-  "version": "11.0.3",
+  "version": "11.1.2",
   "description": "A React Component library implementing the Base design language",
   "keywords": [
     "react",
@@ -24,23 +24,23 @@
     "build:copy-files": "shx cp README.md dist/README.md",
     "build:copy-flow-files": "node ./scripts/flow-copy-src.js",
     "build:copy-ts-files": "node ./scripts/ts-copy.js",
-    "build:package-json": "shx cp package.json dist/package.json && node ./scripts/build-package-json.js",
+    "build:package-json": "shx cp package.json dist/package.json && shx cp .npmrc dist/.npmrc && node ./scripts/build-package-json.js",
     "build:cjs": "cross-env NODE_ENV=production BABEL_ENV=cjs babel ./src --out-dir ./dist --ignore **.test.js,**/__tests__/**,**/e2e.js,**/template-component/**,**/test/**",
     "build:esm": "cross-env NODE_ENV=production BABEL_ENV=esm babel ./src --out-dir ./dist/esm --ignore **.test.js,**/__tests__/**,**/e2e.js,**/template-component/**,**/test/**",
     "build:es": "cross-env NODE_ENV=production BABEL_ENV=es babel ./src --out-dir ./dist/es --ignore **.test.js,**/__tests__/**,**/e2e.js,**/template-component/**,**/test/**",
     "build": "yarn build:cjs && yarn build:esm && yarn build:es && yarn build:copy-files && yarn build:copy-flow-files && yarn build:copy-ts-files && yarn build:package-json",
-    "build:docs-and-ladle": "yarn documentation:build && yarn ladle build --base-url /ladle/ && mv build public/ladle",
+    "build:docs-and-ladle": "yarn documentation:build && yarn ladle build && mv build public/ladle",
     "build:documentation-site-files": "node ./scripts/build-documentation-site-files.js",
     "unit-test": "yarn jest --coverage",
-    "e2e:build": "yarn ladle build --out build-ladle",
+    "e2e:build": "yarn ladle build --outDir build-ladle",
     "e2e:serve": "static-server build-ladle --port 8080",
-    "e2e:test": "jest --runInBand -c jest.e2e.config.js",
-    "e2e:test:ci": "PUPPETEER_TARGET_URL=http://e2e-server:8080 jest -c jest.e2e.config.js",
-    "vrt": "jest -c jest.vrt.config.js",
+    "e2e:test": "playwright test",
+    "e2e:test:ci": "PUPPETEER_TARGET_URL=http://e2e-server:8080 yarn e2e:test",
+    "vrt": "playwright test --config playwright-vrt.config.js",
     "vrt:docker:run": "docker-compose run e2e-test bash -c 'PUPPETEER_TARGET_URL=http://e2e-server:8080 yarn vrt'",
-    "vrt:docker:update": "docker-compose run e2e-test bash -c 'PUPPETEER_TARGET_URL=http://e2e-server:8080 yarn vrt -u'",
+    "vrt:docker:update": "docker-compose run e2e-test bash -c 'PUPPETEER_TARGET_URL=http://e2e-server:8080 yarn vrt --update'",
     "vrt:ci": "PUPPETEER_TARGET_URL=http://e2e-server:8080 node ./vrt/ci.js",
-    "vrt:reset": "shx rm -rf vrt/__image_snapshots__",
+    "vrt:reset": "shx rm -rf vrt/tests.vrt.js-snapshots",
     "icon:generate": "node ./src/icon/build-icons.js",
     "thumbs:generate": "svgr --template ./documentation-site/components/thumbs/template.js --replace-attr-values \"#F6F6F6={props.colors[0]}\" --replace-attr-values \"#E2E2E2={props.colors[1]}\" --replace-attr-values \"#CBCBCB={props.colors[2]}\" -d ./documentation-site/components/thumbs/components ./documentation-site/components/thumbs/svg",
     "install": "node -e \"console.log('If you are using Webpack, please make sure to update to version ^4.32.0, as this Base Web version depends on a webpack fix delivered in that version. If you are using Fusion.js make sure to upgrade fusion-cli to ^2.4.2 as it has the Webpack upgrade.')\"",
@@ -55,12 +55,13 @@
     "next:dev": "next dev documentation-site",
     "next:build": "NODE_OPTIONS=--max_old_space_size=4096 next build documentation-site",
     "next:export": "next export documentation-site -o public",
-    "tsc": "tsc --skipLibCheck",
+    "tsc": "tsc",
     "validate:examples": "node ./scripts/validate-examples.js"
   },
   "devDependencies": {
     "@babel/cli": "^7.6.0",
     "@babel/core": "^7.8.4",
+    "@babel/generator": "^7.17.3",
     "@babel/helper-builder-react-jsx": "^7.12.13",
     "@babel/parser": "^7.7.3",
     "@babel/plugin-external-helpers": "^7.2.0",
@@ -76,15 +77,18 @@
     "@babel/preset-flow": "^7.0.0",
     "@babel/preset-react": "^7.0.0",
     "@babel/preset-typescript": "^7.13.0",
+    "@babel/template": "^7.16.7",
     "@babel/traverse": "^7.7.0",
     "@babel/types": "^7.7.1",
     "@commitlint/cli": "^8.0.0",
     "@commitlint/config-conventional": "^8.0.0",
     "@date-io/luxon": "^2.7.0",
     "@date-io/moment": "^2.7.0",
-    "@ladle/react": "^0.10.2",
+    "@dubstep/core": "^3.5.3",
+    "@ladle/react": "^1.0.1",
     "@mdx-js/tag": "^0.20.0",
     "@octokit/rest": "^16.33.1",
+    "@playwright/test": "^1.22.2",
     "@svgr/cli": "^4.3.2",
     "@testing-library/jest-dom": "^5.16.3",
     "@testing-library/react": "^12.1.4",
@@ -105,9 +109,12 @@
     "@types/react-dom": "^16.8.4",
     "@types/react-virtualized": "^9.21.3",
     "@types/react-window": "^1.8.1",
-    "@types/styletron-engine-atomic": "^1.1.0",
-    "@types/styletron-react": "^5.0.1",
-    "@types/styletron-standard": "^2.0.0",
+    "@types/styletron-engine-atomic": "^1.1.1",
+    "@types/styletron-react": "^5.0.3",
+    "@types/styletron-standard": "^2.0.2",
+    "@types/webpack": "^4.41.32",
+    "@typescript-eslint/eslint-plugin": "^5.26.0",
+    "@typescript-eslint/parser": "^5.26.0",
     "@zeit/next-css": "^1.0.1",
     "@zeit/next-mdx": "^1.2.0",
     "axe-core": "^4.2.2",
@@ -139,6 +146,7 @@
     "extract-react-types": "^0.26.0",
     "extract-react-types-loader": "^0.3.13",
     "flow-bin": "0.131.0",
+    "flow-remove-types": "^2.179.0",
     "globby": "^10.0.1",
     "husky": "^3.0.0",
     "isomorphic-fetch": "^2.2.1",
@@ -148,7 +156,6 @@
     "jest-environment-jsdom-global": "1.2.1",
     "jest-image-snapshot": "^2.11.0",
     "jest-matcher-utils": "^26.6.1",
-    "jest-puppeteer": "^5.0.4",
     "jscodeshift": "^0.6.4",
     "just-omit": "^1.1.0",
     "just-pick": "^2.1.0",
@@ -162,11 +169,11 @@
     "node-fetch": "^2.6.1",
     "now": "16.5.2",
     "npm-run-all": "^4.1.5",
+    "playwright": "^1.22.2",
     "prettier": "^2.5.1",
     "pretty-proptypes": "^1.0.5",
     "pretty-quick": "^1.4.1",
     "prism-react-renderer": "^1.0.1",
-    "puppeteer": "^9.1.1",
     "query-string": "^6.14.0",
     "raw-loader": "^3.1.0",
     "react": "^17.0.2",
@@ -177,10 +184,12 @@
     "react-icons": "^3.8.0",
     "react-map-gl": "^5.3.19",
     "react-markdown": "^4.0.3",
+    "react-simple-code-editor": "^0.10.0",
     "react-twitter-embed": "^2.0.8",
     "react-view": "^2.3.3",
     "react-vis": "^1.11.6",
     "remove-flow-types-loader": "^1.1.0",
+    "rollup-pluginutils": "^2.8.2",
     "semver": "^6.2.0",
     "shx": "^0.3.2",
     "static-server": "^2.2.1",
@@ -189,7 +198,7 @@
     "styletron-standard": "^3.0.3",
     "tar": "^5.0.0",
     "tsconfig-paths": "^3.9.0",
-    "typescript": "^3.8.0",
+    "typescript": "^4.7.2",
     "universal-cookie": "^4.0.2",
     "webpack": "^4.17.1",
     "webpack-bundle-analyzer": "^3.5.0",

package/pagination/index.d.ts

@@ -1,14 +1,14 @@
 import * as React from 'react';
-import {StyletronComponent} from 'styletron-react';
-import {Override} from '../overrides';
-import {Locale} from '../locale';
-import {SIZE} from '../input';
+import { StyletronComponent } from 'styletron-react';
+import { Override } from '../overrides';
+import { Locale } from '../locale';
+import { SIZE } from '../input';
 
-export {SIZE};
+export { SIZE };
 
-export interface STATE_CHANGE_TYPE {
+export declare const STATE_CHANGE_TYPE: {
   change: 'change';
-}
+};
 
 export interface Labels {
   prevButton?: string;
@@ -21,9 +21,9 @@ export interface State {
 }
 
 export type StateReducer = (
-  changeType: STATE_CHANGE_TYPE[keyof STATE_CHANGE_TYPE],
+  changeType: typeof STATE_CHANGE_TYPE[keyof typeof STATE_CHANGE_TYPE],
   changes: State,
-  currentState: State,
+  currentState: State
 ) => State;
 
 export interface PaginationOverrides {
@@ -36,9 +36,9 @@ export interface PaginationOverrides {
 }
 
 export interface Callbacks {
-  onPrevClick?: (args: {event: any}) => any;
-  onNextClick?: (args: {event: any}) => any;
-  onPageChange?: (args: {nextPage: number; prevPage: number}) => any;
+  onPrevClick?: (args: { event: any }) => any;
+  onNextClick?: (args: { event: any }) => any;
+  onPageChange?: (args: { nextPage: number; prevPage: number }) => any;
 }
 
 export interface PaginationProps extends Callbacks {
@@ -46,7 +46,7 @@ export interface PaginationProps extends Callbacks {
   currentPage: number;
   labels?: Labels;
   overrides?: PaginationOverrides;
-  size?: SIZE[keyof SIZE];
+  size?: typeof SIZE[keyof typeof SIZE];
 }
 
 export interface PageOption {
@@ -55,7 +55,7 @@ export interface PageOption {
 
 export class Pagination extends React.PureComponent<PaginationProps> {
   getMenuOptions(numPages: number): [];
-  onMenuItemSelect(data: {value: ReadonlyArray<PageOption>}): void;
+  onMenuItemSelect(data: { value: ReadonlyArray<PageOption> }): void;
   onPrevClick(event: React.SyntheticEvent<any>): void;
   onNextClick(event: React.SyntheticEvent<any>): void;
   constructAriaWayfinderLabel(locale: Locale, prefix: string): string;
@@ -69,7 +69,7 @@ export interface StatefulPaginationProps extends Callbacks {
   overrides?: PaginationOverrides;
 }
 
-export const StatefulPagination: React.FC<StatefulPaginationProps>;
+export declare const StatefulPagination: React.FC<StatefulPaginationProps>;
 
 export interface StatefulContainerProps {
   children: React.ReactNode;
@@ -79,18 +79,14 @@ export interface StatefulContainerProps {
   onPageChange?: Callbacks['onPageChange'];
 }
 
-export class StatefulContainer extends React.Component<
-  StatefulContainerProps,
-  State
-> {
+export class StatefulContainer extends React.Component<StatefulContainerProps, State> {
   internalSetState(
-    changeType: STATE_CHANGE_TYPE[keyof STATE_CHANGE_TYPE],
-    changes: State,
+    changeType: typeof STATE_CHANGE_TYPE[keyof typeof STATE_CHANGE_TYPE],
+    changes: State
   ): void;
-  onPageChange(args: {nextPage: number}): void;
+  onPageChange(args: { nextPage: number }): void;
 }
 
-export const StyledRoot: StyletronComponent<any>;
-export const StyledMaxLabel: StyletronComponent<any>;
-export const StyledDropdownContainer: StyletronComponent<any>;
-export const STATE_CHANGE_TYPE: STATE_CHANGE_TYPE;
+export declare const StyledRoot: StyletronComponent<any>;
+export declare const StyledMaxLabel: StyletronComponent<any>;
+export declare const StyledDropdownContainer: StyletronComponent<any>;

package/payment-card/custom-cards.config.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CUSTOM_CARDS_CONFIGURATION = void 0;
+
+/*
+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.
+*/
+
+/*
+  This file should be used for adding new card type configuration
+*/
+var UATP_CARD_TYPE_CONFIG = {
+  niceType: 'Uatp',
+  type: 'uatp',
+  patterns: [[1001, 1999]],
+  gaps: [4, 9],
+  lengths: [15],
+  code: {
+    name: 'CVV',
+    size: 0
+  }
+};
+var CUSTOM_CARDS_CONFIGURATION = [UATP_CARD_TYPE_CONFIG];
+exports.CUSTOM_CARDS_CONFIGURATION = CUSTOM_CARDS_CONFIGURATION;

package/payment-card/custom-cards.config.js.flow

@@ -0,0 +1,29 @@
+/*
+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.
+*/
+//@flow
+
+/*
+  This file should be used for adding new card type configuration
+*/
+
+const UATP_CARD_TYPE_CONFIG = {
+  niceType: 'Uatp',
+  type: 'uatp',
+  patterns: [[1001, 1999]],
+  gaps: [4, 9],
+  lengths: [15],
+  code: {
+    name: 'CVV',
+    size: 0,
+  },
+};
+
+export const CUSTOM_CARDS_CONFIGURATION = [UATP_CARD_TYPE_CONFIG];
+
+declare var __DEV__: boolean;
+declare var __NODE__: boolean;
+declare var __BROWSER__: boolean;