Socket
Socket
Sign inDemoInstall

@rmwc/types

Package Overview
Dependencies
Maintainers
1
Versions
113
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@rmwc/types - npm Package Compare versions

Comparing version 5.0.4-alpha.0 to 5.0.6-alpha.0

flow-typed/base/with-theme.js

12

flow-typed/base/component.js

@@ -5,10 +5,6 @@ // @flow

import { type DeprecateT } from './utils/deprecation';
declare module './component' {
declare type ClassNamesInputT = ((props: any) => Array<string | typeof undefined | null | {
[className: string]: boolean | typeof undefined | string | number;
}>) | string[];
declare interface ComponentFactoryOpts<Props> {
interface ComponentFactoryOpts<Props> {
displayName: string;

@@ -22,5 +18,3 @@ classNames?: ClassNamesInputT;

}
declare export var componentFactory: <P: {}>(props: ComponentFactoryOpts<P>) => React.ComponentType<P & RMWC.ComponentProps>;
declare export {};
}
export var componentFactory: <P: {}>(props: ComponentFactoryOpts<P>) => React.ComponentType<P & RMWC.ComponentProps>;
export {};
// @flow
import * as RMWC from '@rmwc/types';
import * as React from 'react';
export class FoundationElement<Props: {}, ElementType = HTMLElement> {}
declare module './foundation-component' {
declare export class FoundationElement<Props: {}, ElementType = HTMLElement> {}
declare export interface FoundationProps extends RMWC.ComponentProps {
export interface FoundationProps extends RMWC.ComponentProps {
}
declare interface FoundationState {
interface FoundationState {
}
declare type FoundationPropsT<P> = RMWC.MergeInterfacesT<P, FoundationProps>;
declare type FoundationStateT<S> = S & FoundationState;
declare export class FoundationComponent<P, S: any = {}> extends React.Component<FoundationPropsT<P>, FoundationStateT<S>> {}
declare export {};
}
export class FoundationComponent<P, S: any = {}> extends React.Component<FoundationPropsT<P>, FoundationStateT<S>> {}
export {};
// @flow
import { type WithThemeProps as _WithThemeProps } from './withTheme';
import { type WithThemeProps as _WithThemeProps } from './with-theme';
import { type FoundationProps as _FoundationProps } from './foundation-component';
import { FocusTrap as _FocusTrap } from 'focus-trap';
declare module 'base' {
declare export type WithThemeProps = _WithThemeProps;
declare export interface FoundationProps extends _FoundationProps {
export { default as classNames } from 'classnames';
export { default as createFocusTrap } from 'focus-trap';
export * from './with-theme';
export * from './utils';
export { FoundationComponent } from './foundation-component';
export { componentFactory } from './component';
export type WithThemeProps = _WithThemeProps;
export interface FoundationProps extends _FoundationProps {
}
declare export { default as classNames } from 'classnames';
declare export { default as createFocusTrap } from 'focus-trap';
declare export interface FocusTrap extends _FocusTrap {
export interface FocusTrap extends _FocusTrap {
}
declare export * from './withTheme';
declare export { FoundationComponent } from './foundation-component';
declare export { componentFactory } from './component';
declare export * from './utils';
}
// @flow
declare export var debounce: (func: Function, wait: number) => () => void;
declare module './debounce' {
}
export var debounce: (func: Function, wait: number) => () => void;
// @flow
declare export type DeprecateT = {
export type DeprecateT = {
[oldPropName: string]: string | [string, (value: any) => void];
};
declare export var deprecationWarning: (message: string) => void;
declare export var handleDeprecations: (props: any, deprecate: DeprecateT, displayName: string) => any;
declare module './deprecation' {
}
export var deprecationWarning: (message: string) => void;
export var handleDeprecations: (props: any, deprecate: DeprecateT, displayName: string) => any;
// @flow
import * as React from 'react';
declare module './document-component' {
declare interface Type {
interface Type {
type: string;

@@ -26,3 +22,3 @@ name?: string;

}
declare interface Def {
interface Def {
comment: {

@@ -40,9 +36,7 @@ shortText?: string;

}
declare export interface DocsInterface {
export interface DocsInterface {
src: {};
components: string[];
}
declare export class Docs extends React.Component<DocsInterface> {}
declare export {};
}
export class Docs extends React.Component<DocsInterface> {}
export {};
// @flow
declare export var eventsMap: {
export var eventsMap: {
blur: string;

@@ -88,7 +88,1 @@ cancel: string;

};
declare module './events-map' {
}
// @flow
declare export * from './debounce';
declare export * from './deprecation';
declare export * from './document-component';
declare export * from './events-map';
declare export * from './ponyfills';
declare export * from './random-id';
declare export * from './strings';
declare export * from './wrap-child';
declare module 'base' {
}
export * from './debounce';
export * from './deprecation';
export * from './document-component';
export * from './events-map';
export * from './ponyfills';
export * from './random-id';
export * from './strings';
export * from './wrap-child';
// @flow
declare export var closest: (element: EventTarget | HTMLElement | null, selector: string) => Element | null;
declare export var matches: (element: HTMLElement, selector: string) => boolean;
declare module './ponyfills' {
}
export var closest: (element: EventTarget | HTMLElement | null, selector: string) => Element | null;
export var matches: (element: HTMLElement, selector: string) => boolean;

@@ -6,8 +6,2 @@ // @flow

*/
declare export var randomId: (prefix?: string | typeof undefined) => string;
declare module './random-id' {
}
export var randomId: (prefix?: string | typeof undefined) => string;
// @flow
declare export var toCamel: (str: string) => string;
declare export var toDashCase: (str: string) => string;
declare module './strings' {
}
export var toCamel: (str: string) => string;
export var toDashCase: (str: string) => string;
// @flow
import * as React from 'react';
declare module './wrap-child' {
declare interface WrapChildProps extends Object {
interface WrapChildProps extends Object {
[key: string]: any;
}
declare export var wrapChild: (props: WrapChildProps) => React.Element<any>;
declare export {};
}
export var wrapChild: (props: WrapChildProps) => React.Element<any>;
export {};

@@ -6,3 +6,3 @@ // @flow

declare module 'button' {
declare module '@rmwc/button' {

@@ -9,0 +9,0 @@

@@ -7,3 +7,3 @@ // @flow

declare module 'card' {
declare module '@rmwc/card' {

@@ -10,0 +10,0 @@

@@ -6,3 +6,3 @@ // @flow

declare module 'checkbox' {
declare module '@rmwc/checkbox' {

@@ -9,0 +9,0 @@

@@ -7,3 +7,3 @@ // @flow

declare module 'chip' {
declare module '@rmwc/chip' {

@@ -10,0 +10,0 @@

@@ -5,3 +5,3 @@ // @flow

declare module 'circular-progress' {
declare module '@rmwc/circular-progress' {

@@ -8,0 +8,0 @@

@@ -5,3 +5,3 @@ // @flow

declare module 'data-table' {
declare module '@rmwc/data-table' {

@@ -8,0 +8,0 @@

@@ -7,3 +7,3 @@ // @flow

declare module 'dialog' {
declare module '@rmwc/dialog' {

@@ -10,0 +10,0 @@

@@ -5,3 +5,3 @@ // @flow

declare module 'drawer' {
declare module '@rmwc/drawer' {

@@ -8,0 +8,0 @@

@@ -5,3 +5,3 @@ // @flow

declare module 'elevation' {
declare module '@rmwc/elevation' {

@@ -8,0 +8,0 @@

@@ -6,3 +6,3 @@ // @flow

declare module 'fab' {
declare module '@rmwc/fab' {

@@ -9,0 +9,0 @@

@@ -5,3 +5,3 @@ // @flow

declare module 'floating-label' {
declare module '@rmwc/floating-label' {

@@ -8,0 +8,0 @@

@@ -6,3 +6,3 @@ // @flow

declare module 'formfield' {
declare module '@rmwc/formfield' {

@@ -9,0 +9,0 @@

@@ -6,3 +6,3 @@ // @flow

declare module 'grid-list' {
declare module '@rmwc/grid-list' {

@@ -9,0 +9,0 @@

@@ -5,3 +5,3 @@ // @flow

declare module 'grid' {
declare module '@rmwc/grid' {

@@ -8,0 +8,0 @@

@@ -6,3 +6,3 @@ // @flow

declare module 'icon-button' {
declare module '@rmwc/icon-button' {

@@ -9,0 +9,0 @@

@@ -6,3 +6,3 @@ // @flow

declare module 'icon' {
declare module '@rmwc/icon' {

@@ -9,0 +9,0 @@

@@ -5,3 +5,3 @@ // @flow

declare module 'image-list' {
declare module '@rmwc/image-list' {

@@ -8,0 +8,0 @@

@@ -5,3 +5,3 @@ // @flow

declare module 'line-ripple' {
declare module '@rmwc/line-ripple' {

@@ -8,0 +8,0 @@

@@ -6,3 +6,3 @@ // @flow

declare module 'linear-progress' {
declare module '@rmwc/linear-progress' {

@@ -9,0 +9,0 @@

// @flow
import * as RMWC from '@rmwc/types';
import * as React from 'react';
declare module './collapsible-list' {
declare interface CollapsibleProps {
interface CollapsibleProps {
handle: React.Node;

@@ -14,9 +10,7 @@ open?: boolean;

}
declare interface CollapsibleState {
interface CollapsibleState {
open: boolean;
childrenStyle: Object;
}
declare export class CollapsibleList extends React.Component<CollapsibleProps & RMWC.ComponentProps, CollapsibleState> {}
declare export {};
}
export class CollapsibleList extends React.Component<CollapsibleProps & RMWC.ComponentProps, CollapsibleState> {}
export {};

@@ -6,6 +6,6 @@ // @flow

declare module 'list' {
declare module '@rmwc/list' {
}

@@ -5,7 +5,3 @@ // @flow

import { type IconProps, type IconPropT } from '@rmwc/icon';
declare module './list-item' {
declare export interface ListItemProps extends RMWC.WithRippleProps {
export interface ListItemProps extends RMWC.WithRippleProps {
/** A modifier for a selected state. */

@@ -21,24 +17,24 @@ selected?: boolean;

*/
declare export var ListItem: React.ComponentType<ListItemProps & RMWC.ComponentProps & RMWC.WithRippleProps>;
export var ListItem: React.ComponentType<ListItemProps & RMWC.ComponentProps & RMWC.WithRippleProps>;
/** Text Wrapper for the ListItem */
declare export var ListItemText: React.ComponentType<RMWC.ComponentProps>;
export var ListItemText: React.ComponentType<RMWC.ComponentProps>;
/** Primary Text for the ListItem */
declare export var ListItemPrimaryText: React.ComponentType<RMWC.ComponentProps>;
export var ListItemPrimaryText: React.ComponentType<RMWC.ComponentProps>;
/** Secondary text for the ListItem */
declare export var ListItemSecondaryText: React.ComponentType<RMWC.ComponentProps>;
declare export interface ListItemGraphicProps extends IconProps {
export var ListItemSecondaryText: React.ComponentType<RMWC.ComponentProps>;
export interface ListItemGraphicProps extends IconProps {
}
/** A graphic / icon for the ListItem */
declare export var ListItemGraphic: React.ComponentType<ListItemGraphicProps & RMWC.ComponentProps>;
declare export interface ListItemMetaProps extends IconProps {
export var ListItemGraphic: React.ComponentType<ListItemGraphicProps & RMWC.ComponentProps>;
export interface ListItemMetaProps extends IconProps {
}
/** Meta content for the ListItem. This can either by an icon by setting the `icon` prop, or any other kind of content. */
declare export var ListItemMeta: React.ComponentType<ListItemMetaProps & RMWC.ComponentProps>;
export var ListItemMeta: React.ComponentType<ListItemMetaProps & RMWC.ComponentProps>;
/** A container to group ListItems */
declare export var ListGroup: React.ComponentType<RMWC.ComponentProps>;
export var ListGroup: React.ComponentType<RMWC.ComponentProps>;
/** A subheader for the ListGroup */
declare export var ListGroupSubheader: React.ComponentType<RMWC.ComponentProps>;
export var ListGroupSubheader: React.ComponentType<RMWC.ComponentProps>;
/** A divider for the List */
declare export var ListDivider: React.ComponentType<RMWC.ComponentProps>;
declare export interface SimpleListItemProps extends ListItemProps {
export var ListDivider: React.ComponentType<RMWC.ComponentProps>;
export interface SimpleListItemProps extends ListItemProps {
/** Text for the ListItem. */

@@ -57,7 +53,5 @@ text?: React.Node;

}
declare export var SimpleListItem: {
export var SimpleListItem: {
(props: SimpleListItemProps & RMWC.ComponentProps): React.Node;
displayName: string;
};
}

@@ -5,7 +5,3 @@ // @flow

import { FoundationComponent } from '@rmwc/base';
declare module './list' {
declare export interface ListProps {
export interface ListProps {
/** Reduces the padding on List items. */

@@ -21,5 +17,3 @@ dense?: boolean;

/** A List Component */
declare export var ListRoot: React.ComponentType<ListProps & RMWC.ComponentProps>;
declare export class List extends FoundationComponent<ListProps> {}
}
export var ListRoot: React.ComponentType<ListProps & RMWC.ComponentProps>;
export class List extends FoundationComponent<ListProps> {}

@@ -5,6 +5,6 @@ // @flow

declare module 'menu' {
declare module '@rmwc/menu' {
}

@@ -5,8 +5,4 @@ // @flow

import { FoundationComponent } from '@rmwc/base';
declare module './menu-surface' {
declare export type AnchorT = 'bottomEnd' | 'bottomLeft' | 'bottomRight' | 'bottomStart' | 'topEnd' | 'topLeft' | 'topRight' | 'topStart';
declare export interface MenuSurfaceProps {
export type AnchorT = 'bottomEnd' | 'bottomLeft' | 'bottomRight' | 'bottomStart' | 'topEnd' | 'topLeft' | 'topRight' | 'topStart';
export interface MenuSurfaceProps {
/** Opens the menu. */

@@ -28,5 +24,5 @@ open?: boolean;

****************************************************************/
declare export var MenuSurfaceRoot: React.ComponentType<RMWC.ComponentProps>;
export var MenuSurfaceRoot: React.ComponentType<RMWC.ComponentProps>;
/** A generic menu component for displaying any type of content. */
declare export class MenuSurface extends FoundationComponent<MenuSurfaceProps> {}
export class MenuSurface extends FoundationComponent<MenuSurfaceProps> {}
/****************************************************************

@@ -36,4 +32,2 @@ * MenuSurfaceAnchor

/** A Menu Anchor. When using the anchorCorner prop of Menu, you must set MenuSurfaceAnchors css style position to absolute. */
declare export var MenuSurfaceAnchor: React.ComponentType<RMWC.ComponentProps>;
}
export var MenuSurfaceAnchor: React.ComponentType<RMWC.ComponentProps>;

@@ -7,10 +7,6 @@ // @flow

import { MenuSurface, type MenuSurfaceProps } from './menu-surface';
declare module './menu' {
/****************************************************************
* Menu
****************************************************************/
declare export interface MenuProps extends MenuSurfaceProps {
export interface MenuProps extends MenuSurfaceProps {
/** Callback that fires when a Menu item is selected. */

@@ -22,14 +18,14 @@ onSelect?: (evt: RMWC.CustomEventT<{

}
declare export var MenuRoot: React.ComponentType<MenuProps & RMWC.ComponentProps>;
declare export var MenuItems: React.ComponentType<RMWC.ComponentProps>;
declare interface MenuItemProps extends ListItemProps {
export var MenuRoot: React.ComponentType<MenuProps & RMWC.ComponentProps>;
export var MenuItems: React.ComponentType<RMWC.ComponentProps>;
interface MenuItemProps extends ListItemProps {
}
/** This is just the ListItem component exported from the Menu module for convenience. You can use `ListItem` or `SimpleListItem` components from the List section as long as you add `role="menuitem"` and `tabIndex="0"` to the components for accessibility. */
declare export var MenuItem: React.ComponentType<MenuItemProps & RMWC.ComponentProps>;
export var MenuItem: React.ComponentType<MenuItemProps & RMWC.ComponentProps>;
/** A menu component for displaying lists items. */
declare export class Menu extends FoundationComponent<MenuProps> {}
export class Menu extends FoundationComponent<MenuProps> {}
/****************************************************************
* Simple Menu
****************************************************************/
declare export interface SimpleMenuProps extends MenuProps {
export interface SimpleMenuProps extends MenuProps {
/** An element that will open the menu when clicked */

@@ -42,3 +38,3 @@ handle: React.Element<any>;

}
declare export interface SimpleMenuSurfaceProps extends MenuSurfaceProps {
export interface SimpleMenuSurfaceProps extends MenuSurfaceProps {
/** An element that will open the menu when clicked */

@@ -51,3 +47,3 @@ handle: React.Element<any>;

}
declare export interface SimpleMenuState {
export interface SimpleMenuState {
open: boolean;

@@ -58,9 +54,7 @@ }

*/
declare export var SimpleMenu: React.ComponentType<SimpleMenuProps>;
export var SimpleMenu: React.ComponentType<SimpleMenuProps>;
/**
* The same as SimpleMenu, but a generic surface.
*/
declare export var SimpleMenuSurface: React.ComponentType<SimpleMenuSurfaceProps>;
declare export {};
}
export var SimpleMenuSurface: React.ComponentType<SimpleMenuSurfaceProps>;
export {};

@@ -5,3 +5,3 @@ // @flow

declare module 'notched-outline' {
declare module '@rmwc/notched-outline' {

@@ -8,0 +8,0 @@

@@ -5,3 +5,3 @@ // @flow

declare module 'provider' {
declare module '@rmwc/provider' {

@@ -8,0 +8,0 @@

@@ -5,3 +5,3 @@ // @flow

declare module 'radio' {
declare module '@rmwc/radio' {

@@ -8,0 +8,0 @@

@@ -6,3 +6,3 @@ // @flow

declare module 'ripple' {
declare module '@rmwc/ripple' {

@@ -9,0 +9,0 @@

@@ -8,3 +8,3 @@ // @flow

declare module 'select' {
declare module '@rmwc/select' {

@@ -11,0 +11,0 @@

@@ -6,3 +6,3 @@ // @flow

declare module 'slider' {
declare module '@rmwc/slider' {

@@ -9,0 +9,0 @@

@@ -7,3 +7,3 @@ // @flow

declare module 'snackbar' {
declare module '@rmwc/snackbar' {

@@ -10,0 +10,0 @@

@@ -6,3 +6,3 @@ // @flow

declare module 'switch' {
declare module '@rmwc/switch' {

@@ -9,0 +9,0 @@

@@ -8,6 +8,6 @@ // @flow

declare module 'tabs' {
declare module '@rmwc/tabs' {
}
// @flow
import * as React from 'react';
declare module './tab-bar-context' {
declare export type TabBarContextT = {
export type TabBarContextT = {
onTabInteraction: (evt: any) => void;

@@ -12,3 +8,3 @@ registerTab: (tab: any) => {};

};
declare export var TabBarContext: React.Context<{
export var TabBarContext: React.Context<{
onTabInteraction: (evt: any) => void;

@@ -18,3 +14,3 @@ registerTab: (tab: any) => void;

}>;
declare export var withTabBarContext: () => <P: {}>(Component: React.ComponentType<P & {
export var withTabBarContext: () => <P: {}>(Component: React.ComponentType<P & {
contextApi?: TabBarContextT | typeof undefined;

@@ -24,3 +20,1 @@ }>) => React.ComponentType<P & {

}>;
}

@@ -6,10 +6,6 @@ // @flow

import { TabScroller } from './tab-scroller';
declare module './tab-bar' {
/************************************************************
* TabBar
************************************************************/
declare export interface TabBarProps {
export interface TabBarProps {
/** Callback when the active tab changes. Receives event as an argument with event.target.value set to the activeTabIndex. */

@@ -22,6 +18,4 @@ onActivate?: (evt: RMWC.CustomEventT<{

}
declare export var TabBarRoot: React.ComponentType<TabBarProps & RMWC.ComponentProps>;
export var TabBarRoot: React.ComponentType<TabBarProps & RMWC.ComponentProps>;
/** The TabBar component */
declare export class TabBar extends FoundationComponent<TabBarProps> {}
}
export class TabBar extends FoundationComponent<TabBarProps> {}
// @flow
import * as React from 'react';
import { FoundationComponent } from '@rmwc/base';
declare module './tab-indicator' {
declare export class TabIndicator extends FoundationComponent<{}> {}
}
export class TabIndicator extends FoundationComponent<{}> {}

@@ -5,11 +5,5 @@ // @flow

import { FoundationComponent } from '@rmwc/base';
declare module './tab-scroller' {
declare export var TabScrollerRoot: React.ComponentType<RMWC.ComponentProps>;
declare export var TabScrollerScrollArea: React.ComponentType<RMWC.ComponentProps>;
declare export var TabScrollerScrollContent: React.ComponentType<RMWC.ComponentProps>;
declare export class TabScroller extends FoundationComponent<{}> {}
}
export var TabScrollerRoot: React.ComponentType<RMWC.ComponentProps>;
export var TabScrollerScrollArea: React.ComponentType<RMWC.ComponentProps>;
export var TabScrollerScrollContent: React.ComponentType<RMWC.ComponentProps>;
export class TabScroller extends FoundationComponent<{}> {}

@@ -6,7 +6,3 @@ // @flow

import { type TabBarContextT } from './tab-bar-context';
declare module './tab' {
declare export interface TabProps {
export interface TabProps {
/** A label for the tab. */

@@ -25,10 +21,8 @@ label?: any;

}
declare export var TabRoot: React.ComponentType<TabProps & RMWC.ComponentProps & RMWC.WithRippleProps>;
export var TabRoot: React.ComponentType<TabProps & RMWC.ComponentProps & RMWC.WithRippleProps>;
/** A Tab icon. This is an instance of the Icon component. */
declare export var TabIcon: React.ComponentType<IconProps & RMWC.ComponentProps>;
export var TabIcon: React.ComponentType<IconProps & RMWC.ComponentProps>;
/** A Tab component */
declare export var Tab: React.ComponentType<TabProps & {
export var Tab: React.ComponentType<TabProps & {
contextApi?: TabBarContextT | typeof undefined;
}>;
}

@@ -7,3 +7,3 @@ // @flow

declare module 'textfield' {
declare module '@rmwc/textfield' {

@@ -10,0 +10,0 @@

@@ -5,3 +5,3 @@ // @flow

declare module 'theme' {
declare module '@rmwc/theme' {

@@ -8,0 +8,0 @@

// @flow
import * as RMWC from '@rmwc/types';
declare module './theme-options' {
declare export var themeOptions: RMWC.ThemeOptionT[];
}
export var themeOptions: RMWC.ThemeOptionT[];
// @flow
declare export var getRgb: (color: string) => {
export var getRgb: (color: string) => {
r: number;

@@ -7,11 +7,5 @@ g: number;

};
declare export var isDark: (color: string) => boolean;
declare export var getAutoColorsForTheme: (colors: {
export var isDark: (color: string) => boolean;
export var getAutoColorsForTheme: (colors: {
[key: string]: string;
}) => {};
declare module './utils' {
}

@@ -5,3 +5,3 @@ // @flow

declare module 'toggleable' {
declare module '@rmwc/toggleable' {

@@ -8,0 +8,0 @@

@@ -7,3 +7,3 @@ // @flow

declare module 'toolbar' {
declare module '@rmwc/toolbar' {

@@ -10,0 +10,0 @@

@@ -6,3 +6,3 @@ // @flow

declare module 'top-app-bar' {
declare module '@rmwc/top-app-bar' {

@@ -9,0 +9,0 @@

// @flow
import * as React from 'react';
declare module 'types' {
declare module '@rmwc/types' {

@@ -6,0 +6,0 @@

@@ -5,3 +5,3 @@ // @flow

declare module 'typography' {
declare module '@rmwc/typography' {

@@ -8,0 +8,0 @@

{
"name": "@rmwc/types",
"version": "5.0.4-alpha.0",
"version": "5.0.6-alpha.0",
"description": "RMWC Shared Typescript Types",

@@ -29,3 +29,3 @@ "main": "dist/index.js",

"homepage": "https://github.com/jamesmfriedman/rmwc/tree/master/src/types#readme",
"gitHead": "a4137d902cd075ce03839a80926d0cdc2731fa3d"
"gitHead": "596892ef6dc36dd8a1b284004b46835c25a0c23a"
}
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc