baseui 0.0.0-next-a3fb288 → 0.0.0-next-913cc0e

package/es/notification/notification.js

@@ -10,11 +10,22 @@ LICENSE file in the root directory of this source tree.
 */
 import * as React from 'react';
 import { Toast, TYPE } from '../toast/index.js';
+import { mergeOverrides } from '../helpers/overrides.js';
 export default class Notification extends React.Component {
   render() {
+    const overrides = mergeOverrides({
+      Body: {
+        style: {
+          marginTop: 0,
+          marginBottom: 0
+        }
+      }
+    }, this.props.overrides);
     return /*#__PURE__*/React.createElement(Toast, _extends({
       "data-baseweb": "notification"
-    }, this.props));
+    }, this.props, {
+      overrides: overrides
+    }));
   }
 
 }

package/es/select/utils/default-filter-options.js

@@ -37,7 +37,7 @@ const filterOptions = (options, filterValue, excludeOptions, newProps) => {
     acc.add(option[props.valueKey]);
     return acc;
   }, new Set());
-  const re = new RegExp(`${props.matchPos === 'start' ? '$' : ''}${escapeRegExp(filterValue)}`, props.ignoreCase ? 'i' : ''); // $FlowFixMe
+  const re = new RegExp(`${props.matchPos === 'start' ? '^' : ''}${escapeRegExp(filterValue)}`, props.ignoreCase ? 'i' : ''); // $FlowFixMe
 
   return options.filter(option => {
     if (excludeValues.has(option[props.valueKey])) return false;

package/esm/notification/notification.js

@@ -32,6 +32,7 @@ LICENSE file in the root directory of this source tree.
 */
 import * as React from 'react';
 import { Toast, TYPE } from '../toast/index.js';
+import { mergeOverrides } from '../helpers/overrides.js';
 
 var Notification = /*#__PURE__*/function (_React$Component) {
   _inherits(Notification, _React$Component);
@@ -47,9 +48,19 @@ var Notification = /*#__PURE__*/function (_React$Component) {
   _createClass(Notification, [{
     key: "render",
     value: function render() {
+      var overrides = mergeOverrides({
+        Body: {
+          style: {
+            marginTop: 0,
+            marginBottom: 0
+          }
+        }
+      }, this.props.overrides);
       return /*#__PURE__*/React.createElement(Toast, _extends({
         "data-baseweb": "notification"
-      }, this.props));
+      }, this.props, {
+        overrides: overrides
+      }));
     }
   }]);
 

package/esm/select/utils/default-filter-options.js

@@ -43,7 +43,7 @@ var filterOptions = function filterOptions(options, filterValue, excludeOptions,
     acc.add(option[props.valueKey]);
     return acc;
   }, new Set());
-  var re = new RegExp("".concat(props.matchPos === 'start' ? '$' : '').concat(escapeRegExp(filterValue)), props.ignoreCase ? 'i' : ''); // $FlowFixMe
+  var re = new RegExp("".concat(props.matchPos === 'start' ? '^' : '').concat(escapeRegExp(filterValue)), props.ignoreCase ? 'i' : ''); // $FlowFixMe
 
   return options.filter(function (option) {
     if (excludeValues.has(option[props.valueKey])) return false;

package/index.d.ts

@@ -5,53 +5,47 @@ import {
   WithStyleFn as StyletronWithStyleFn,
   StyledFn as StyletronStyledFn,
 } from 'styletron-react';
-import {Override, Overrides} from './overrides';
-import {Locale} from './locale';
-import {Theme, ThemePrimitives} from './theme';
+import { Override, Overrides } from './overrides';
+import { Locale } from './locale';
+import { Theme, ThemePrimitives } from './theme';
 
 type UseStyletronFn<Theme> = () => [(arg: StyleObject) => string, Theme];
 export function createThemedUseStyletron<Theme>(): UseStyletronFn<Theme>;
 export const useStyletron: UseStyletronFn<Theme>;
-export function withWrapper<
-  C extends StyletronComponent<any>,
-  P extends object
->(
+export function withWrapper<C extends StyletronComponent<any>, P extends object>(
   component: C,
-  wrapper: (component: C) => React.ComponentType<P>,
+  wrapper: (component: C) => React.ComponentType<P>
 ): StyletronComponent<React.ComponentProps<C> & P>;
 
 export function createTheme<P extends object>(
   primitives: Partial<ThemePrimitives>,
-  overrides?: P,
+  overrides?: P
 ): Theme & P;
 export function createLightTheme<P extends object>(
   primitives: Partial<ThemePrimitives>,
-  overrides?: P,
+  overrides?: P
 ): Theme & P;
 export function createDarkTheme<P extends object>(
   primitives: Partial<ThemePrimitives>,
-  overrides?: P,
+  overrides?: P
 ): Theme & P;
-export function mergeOverrides<T>(
-  target?: Overrides<T>,
-  source?: Overrides<T>,
-): Overrides<T>;
+export function mergeOverrides<T>(target?: Overrides<T>, source?: Overrides<T>): Overrides<T>;
 export function styled<
   P extends object,
   C extends keyof JSX.IntrinsicElements | React.ComponentType<any>,
   T = Theme
 >(
   component: C,
-  styledFn: StyleObject | ((props: {$theme: T} & P) => StyleObject),
+  styledFn: StyleObject | ((props: { $theme: T } & P) => StyleObject)
 ): StyletronComponent<
-  Pick<
-    React.ComponentProps<C>,
-    Exclude<keyof React.ComponentProps<C>, {className: string}>
-  > &
-    P
+  Pick<React.ComponentProps<C>, Exclude<keyof React.ComponentProps<C>, { className: string }>> & P
 >;
+export function withStyle<C extends StyletronComponent<any>, P extends object, T = Theme>(
+  component: C,
+  styledFn: StyleObject | ((props: { $theme: T } & P) => StyleObject)
+): StyletronComponent<React.ComponentProps<C> & P>;
 
-export {Theme} from 'baseui/theme';
+export { Theme } from 'baseui/theme';
 export const LightTheme: Theme;
 export const LightThemeMove: Theme;
 export const lightThemePrimitives: ThemePrimitives;
@@ -85,18 +79,11 @@ export interface ThemeProviderProps {
 export const ThemeProvider: React.FC<ThemeProviderProps>;
 
 export interface StyledFn<T> extends StyletronStyledFn {
-  <
-    C extends keyof JSX.IntrinsicElements | React.ComponentType<any>,
-    P extends object
-  >(
+  <C extends keyof JSX.IntrinsicElements | React.ComponentType<any>, P extends object>(
     component: C,
-    style: (props: {$theme: T} & P) => StyleObject,
+    style: (props: { $theme: T } & P) => StyleObject
   ): StyletronComponent<
-    Pick<
-      React.ComponentProps<C>,
-      Exclude<keyof React.ComponentProps<C>, {className: string}>
-    > &
-      P
+    Pick<React.ComponentProps<C>, Exclude<keyof React.ComponentProps<C>, { className: string }>> & P
   >;
 }
 
@@ -105,10 +92,8 @@ export function createThemedStyled<Theme>(): StyledFn<Theme>;
 export interface WithStyleFn<T = Theme> extends StyletronWithStyleFn {
   <C extends StyletronComponent<any>, P extends object, T1 = T>(
     component: C,
-    style: (props: P & {$theme: T1}) => StyleObject,
+    style: (props: P & { $theme: T1 }) => StyleObject
   ): StyletronComponent<React.ComponentProps<C> & P>;
 }
 
-export const withStyle: WithStyleFn;
-
 export function createThemedWithStyle<Theme>(): WithStyleFn<Theme>;

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,19 @@ var Notification = /*#__PURE__*/function (_React$Component) {
   _createClass(Notification, [{
     key: "render",
     value: function render() {
+      var overrides = (0, _overrides.mergeOverrides)({
+        Body: {
+          style: {
+            marginTop: 0,
+            marginBottom: 0
+          }
+        }
+      }, 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,11 @@ export default class Notification extends React.Component<ToastPropsT> {
   };
 
   render() {
-    return <Toast data-baseweb="notification" {...this.props} />;
+    const overrides = mergeOverrides(
+      { Body: { style: { marginTop: 0, marginBottom: 0 } } },
+      this.props.overrides
+    );
+    return <Toast data-baseweb="notification" {...this.props} overrides={overrides} />;
   }
 }
 

package/package.json

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

package/select/utils/default-filter-options.js

@@ -50,7 +50,7 @@ var filterOptions = function filterOptions(options, filterValue, excludeOptions,
     acc.add(option[props.valueKey]);
     return acc;
   }, new Set());
-  var re = new RegExp("".concat(props.matchPos === 'start' ? '$' : '').concat(escapeRegExp(filterValue)), props.ignoreCase ? 'i' : ''); // $FlowFixMe
+  var re = new RegExp("".concat(props.matchPos === 'start' ? '^' : '').concat(escapeRegExp(filterValue)), props.ignoreCase ? 'i' : ''); // $FlowFixMe
 
   return options.filter(function (option) {
     if (excludeValues.has(option[props.valueKey])) return false;

package/select/utils/default-filter-options.js.flow

@@ -58,7 +58,7 @@ const filterOptions = (
   }, new Set());
 
   const re = new RegExp(
-    `${props.matchPos === 'start' ? '$' : ''}${escapeRegExp(filterValue)}`,
+    `${props.matchPos === 'start' ? '^' : ''}${escapeRegExp(filterValue)}`,
     props.ignoreCase ? 'i' : ''
   );
 

package/spinner/index.d.ts

@@ -1,5 +1,5 @@
-import {StyletronComponent} from 'styletron-react';
-import {Sizing} from '../theme.ts';
+import { StyletronComponent } from 'styletron-react';
+import { Sizing } from '../theme.ts';
 
 export enum SIZE {
   small = 'small',
@@ -8,6 +8,7 @@ export enum SIZE {
 }
 
 export interface SpinnerProps {
+  [key: string]: any;
   $color?: string;
   $borderWidth?: number | string | SIZE | Sizing;
   $size?: number | string | SIZE | Sizing;