@wordpress/components 19.17.0 → 20.0.2-next.957ca95e4c.0

package/build-types/flyout/types.d.ts

@@ -1,80 +0,0 @@
-/**
- * External dependencies
- */
-import type { PopoverStateReturn } from 'reakit';
-import type { CSSProperties, FunctionComponentElement } from 'react';
-/**
- * Internal dependencies
- */
-import type { PopperProps } from '../utils/types';
-export declare type Context = {
-    flyoutState?: PopoverStateReturn;
-    label?: string;
-};
-export declare type Props = PopperProps & {
-    state?: PopoverStateReturn;
-    label?: string;
-    /**
-     * Determines if `Flyout` has animations.
-     *
-     * @default true
-     */
-    animated?: boolean;
-    /**
-     * The duration of `Flyout` animations.
-     *
-     * @default 160
-     */
-    animationDuration?: boolean;
-    /**
-     * ID that will serve as a base for all the items IDs.
-     *
-     * @see https://reakit.io/docs/popover/#usepopoverstate
-     */
-    baseId?: string;
-    /**
-     * Renders `Elevation` styles for the `Flyout`.
-     *
-     * @default 5
-     */
-    elevation?: number;
-    /**
-     * Max-width for the `Flyout` element.
-     *
-     * @default 360
-     */
-    maxWidth?: CSSProperties['maxWidth'];
-    /**
-     * Callback for when the `visible` state changes.
-     */
-    onVisibleChange?: (...args: any) => void;
-    /**
-     * Element that triggers the `visible` state of `Flyout` when clicked.
-     *
-     * @example
-     * ```jsx
-     * <Flyout trigger={<Button>Greet</Button>}>
-     *  <Text>Hi! I'm Olaf!</Text>
-     * </Flyout>
-     * ```
-     */
-    trigger: FunctionComponentElement<any>;
-    /**
-     * Whether `Flyout` is visible.
-     *
-     * @default false
-     *
-     * @see https://reakit.io/docs/popover/#usepopoverstate
-     */
-    visible?: boolean;
-    /**
-     * The children elements.
-     */
-    children: React.ReactNode;
-};
-export declare type ContentProps = {
-    elevation: number;
-    maxWidth: CSSProperties['maxWidth'];
-    children: React.ReactNode;
-};
-//# sourceMappingURL=types.d.ts.map

package/build-types/flyout/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/flyout/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AACjD,OAAO,KAAK,EAAE,aAAa,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAErE;;GAEG;AACH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,oBAAY,OAAO,GAAG;IACrB,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,oBAAY,KAAK,GAAG,WAAW,GAAG;IACjC,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,aAAa,CAAE,UAAU,CAAE,CAAC;IACvC;;OAEG;IACH,eAAe,CAAC,EAAE,CAAE,GAAG,IAAI,EAAE,GAAG,KAAM,IAAI,CAAC;IAC3C;;;;;;;;;OASG;IACH,OAAO,EAAE,wBAAwB,CAAE,GAAG,CAAE,CAAC;IACzC;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B,CAAC;AAEF,oBAAY,YAAY,GAAG;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,aAAa,CAAE,UAAU,CAAE,CAAC;IACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B,CAAC"}

package/build-types/flyout/utils.d.ts

@@ -1,8 +0,0 @@
-/**
- *
- * @param { { onResize?: () => any } } onResize
- */
-export function useFlyoutResizeUpdater({ onResize }: {
-    onResize?: () => any;
-}): JSX.Element;
-//# sourceMappingURL=utils.d.ts.map

package/build-types/flyout/utils.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/flyout/utils.js"],"names":[],"mappings":"AAUA;;;GAGG;AACH,qDAFY;IAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,CAAA;CAAE,eAUnC"}

package/build-types/form-token-field/test/lib/fixtures.d.ts

@@ -1,26 +0,0 @@
-declare namespace _default {
-    namespace specialTokens {
-        const textEscaped: string[];
-        const htmlEscaped: string[];
-        const textUnescaped: string[];
-        const htmlUnescaped: string[];
-    }
-    namespace specialSuggestions {
-        const _default: string[];
-        export { _default as default };
-        const textEscaped_1: string[];
-        export { textEscaped_1 as textEscaped };
-        const textUnescaped_1: string[];
-        export { textUnescaped_1 as textUnescaped };
-        export const matchAmpersandUnescaped: string[][];
-        export const matchAmpersandSequence: string[][];
-        export const matchAmpersandEscaped: never[];
-    }
-    namespace matchingSuggestions {
-        const th: string[][];
-        const so: string[][];
-        const at: string[][];
-    }
-}
-export default _default;
-//# sourceMappingURL=fixtures.d.ts.map

package/build-types/form-token-field/test/lib/fixtures.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"fixtures.d.ts","sourceRoot":"","sources":["../../../../src/form-token-field/test/lib/fixtures.js"],"names":[],"mappings":""}

package/build-types/form-token-field/test/lib/token-field-wrapper.d.ts

@@ -1,21 +0,0 @@
-/**
- * External dependencies
- */
-import type { ComponentProps } from 'react';
-/**
- * WordPress dependencies
- */
-import { Component } from '@wordpress/element';
-import type { FormTokenFieldProps } from '../../types';
-import FormTokenField from '../../';
-declare class TokenFieldWrapper extends Component<FormTokenFieldProps, {
-    tokenSuggestions: ComponentProps<typeof FormTokenField>['suggestions'];
-    tokens: ComponentProps<typeof FormTokenField>['value'];
-    isExpanded: boolean;
-}> {
-    constructor(props: FormTokenFieldProps);
-    render(): JSX.Element;
-    onTokensChange(value: ComponentProps<typeof FormTokenField>['value']): void;
-}
-export default TokenFieldWrapper;
-//# sourceMappingURL=token-field-wrapper.d.ts.map

package/build-types/form-token-field/test/lib/token-field-wrapper.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"token-field-wrapper.d.ts","sourceRoot":"","sources":["../../../../src/form-token-field/test/lib/token-field-wrapper.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C;;GAEG;AACH,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAM/C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AACvD,OAAO,cAAc,MAAM,QAAQ,CAAC;AAYpC,cAAM,iBAAkB,SAAQ,SAAS,CACxC,mBAAmB,EACnB;IACC,gBAAgB,EAAE,cAAc,CAC/B,OAAO,cAAc,CACrB,CAAE,aAAa,CAAE,CAAC;IACnB,MAAM,EAAE,cAAc,CAAE,OAAO,cAAc,CAAE,CAAE,OAAO,CAAE,CAAC;IAC3D,UAAU,EAAE,OAAO,CAAC;CACpB,CACD;gBACa,KAAK,EAAE,mBAAmB;IAUvC,MAAM;IAgBN,cAAc,CACb,KAAK,EAAE,cAAc,CAAE,OAAO,cAAc,CAAE,CAAE,OAAO,CAAE;CAI1D;AAED,eAAe,iBAAiB,CAAC"}

package/build-types/swatch/index.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import type { SwatchProps } from './types';
-declare function Swatch({ fill }: SwatchProps): JSX.Element;
-export default Swatch;
-//# sourceMappingURL=index.d.ts.map

package/build-types/swatch/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/swatch/index.tsx"],"names":[],"mappings":";AASA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAI3C,iBAAS,MAAM,CAAE,EAAE,IAAI,EAAE,EAAE,WAAW,eAMrC;AAED,eAAe,MAAM,CAAC"}

package/build-types/swatch/types.d.ts

@@ -1,11 +0,0 @@
-/**
- * External dependencies
- */
-import type { CSSProperties } from 'react';
-export declare type SwatchProps = {
-    /**
-     * The color to display in the swatch.
-     */
-    fill?: CSSProperties['background'];
-};
-//# sourceMappingURL=types.d.ts.map

package/build-types/swatch/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/swatch/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,oBAAY,WAAW,GAAG;IACzB;;OAEG;IACH,IAAI,CAAC,EAAE,aAAa,CAAE,YAAY,CAAE,CAAC;CACrC,CAAC"}

package/build-types/utils/hooks/use-combined-ref.d.ts

@@ -1,8 +0,0 @@
-/**
- * External dependencies
- */
-import type { MutableRefObject, RefCallback } from 'react';
-declare type Ref<T> = MutableRefObject<T | null> | RefCallback<T | null>;
-export declare function useCombinedRef<T extends HTMLElement>(...refs: Ref<T>[]): MutableRefObject<null>;
-export {};
-//# sourceMappingURL=use-combined-ref.d.ts.map

package/build-types/utils/hooks/use-combined-ref.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-combined-ref.d.ts","sourceRoot":"","sources":["../../../src/utils/hooks/use-combined-ref.ts"],"names":[],"mappings":"AAIA;;GAEG;AACH,OAAO,KAAK,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAE3D,aAAK,GAAG,CAAE,CAAC,IAAK,gBAAgB,CAAE,CAAC,GAAG,IAAI,CAAE,GAAG,WAAW,CAAE,CAAC,GAAG,IAAI,CAAE,CAAC;AAEvE,wBAAgB,cAAc,CAAE,CAAC,SAAS,WAAW,EAAI,GAAG,IAAI,EAAE,GAAG,CAAE,CAAC,CAAE,EAAE,0BAgB3E"}

package/build-types/utils/keyboard.d.ts

@@ -1,12 +0,0 @@
-/**
- * Normalizes the 'key' property of a KeyboardEvent in IE/Edge
- *
- * Source:
- * https://github.com/downshift-js/downshift/blob/a71005bd879d05d7dcb892d1e0dc5c6ca74e9d39/src/utils.js#L279
- *
- * @param {import('react').KeyboardEvent} event A keyboardEvent object
- *
- * @return {string} The keyboard key
- */
-export function normalizeArrowKey(event: import('react').KeyboardEvent): string;
-//# sourceMappingURL=keyboard.d.ts.map

package/build-types/utils/keyboard.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"keyboard.d.ts","sourceRoot":"","sources":["../../src/utils/keyboard.js"],"names":[],"mappings":"AAUA;;;;;;;;;GASG;AACH,yCAJW,OAAO,OAAO,EAAE,aAAa,GAE5B,MAAM,CASjB"}

package/src/card/stories/index.js

@@ -1,209 +0,0 @@
-/**
- * External dependencies
- */
-import { boolean, select, number } from '@storybook/addon-knobs';
-
-/**
- * Internal dependencies
- */
-import {
-	Card,
-	CardHeader,
-	CardBody,
-	CardDivider,
-	CardMedia,
-	CardFooter,
-} from '../index';
-import { Text } from '../../text';
-import { Heading } from '../../heading';
-import Button from '../../button';
-
-export default {
-	component: Card,
-	title: 'Components/Card',
-	parameters: {
-		knobs: { disable: false },
-	},
-};
-
-const KNOBS_GROUPS = {
-	Card: 'Card',
-	CardBody: 'CardBody',
-	CardHeader: 'CardHeader',
-	CardFooter: 'CardFooter',
-};
-
-// Using `unset` instead of `undefined` as Storybook seems to sometimes pass an
-// empty string instead of `undefined`, which is not ideal.
-// https://github.com/storybookjs/storybook/issues/800
-const PROP_UNSET = 'unset';
-
-export const _default = () => {
-	const cardProps = {
-		isBorderless: boolean( 'Card: isBorderless', false, KNOBS_GROUPS.Card ),
-		isRounded: boolean( 'Card: isRounded', true, KNOBS_GROUPS.Card ),
-		elevation: number( 'Card: elevation', 0, {}, KNOBS_GROUPS.Card ),
-		size: select(
-			'Card: size',
-			{
-				large: 'large',
-				medium: 'medium',
-				small: 'small',
-				xSmall: 'xSmall',
-			},
-			'medium',
-			KNOBS_GROUPS.Card
-		),
-		style: {
-			width: select(
-				'Card: width (via inline styles)',
-				{
-					'640px': 640,
-					'360px': 360,
-					'240px': 240,
-					'50%': '50%',
-					'100%': '100%',
-				},
-				360,
-				KNOBS_GROUPS.Card
-			),
-		},
-	};
-
-	const cardHeaderProps = {
-		isBorderless: select(
-			'CardHeader: isBorderless',
-			{
-				'unset (defaults to the value set on the <Card> parent)':
-					PROP_UNSET,
-				true: true,
-				false: false,
-			},
-			PROP_UNSET,
-			KNOBS_GROUPS.CardHeader
-		),
-		isShady: boolean(
-			'CardHeader: isShady',
-			false,
-			KNOBS_GROUPS.CardHeader
-		),
-		size: select(
-			'CardHeader: size',
-			{
-				'unset (defaults to the value set on the <Card> parent)':
-					PROP_UNSET,
-				large: 'large',
-				medium: 'medium',
-				small: 'small',
-				xSmall: 'xSmall',
-			},
-			PROP_UNSET,
-			KNOBS_GROUPS.CardHeader
-		),
-	};
-
-	const cardBodyProps = {
-		isShady: boolean( 'CardBody: isShady', false, KNOBS_GROUPS.CardBody ),
-		size: select(
-			'CardBody: size',
-			{
-				'unset (defaults to the value set on the <Card> parent)':
-					PROP_UNSET,
-				large: 'large',
-				medium: 'medium',
-				small: 'small',
-				xSmall: 'xSmall',
-			},
-			PROP_UNSET,
-			KNOBS_GROUPS.CardBody
-		),
-	};
-
-	const cardFooterProps = {
-		isBorderless: select(
-			'CardFooter: isBorderless',
-			{
-				'unset (defaults to the value set on the <Card> parent)':
-					PROP_UNSET,
-				true: true,
-				false: false,
-			},
-			PROP_UNSET,
-			KNOBS_GROUPS.CardFooter
-		),
-		isShady: boolean(
-			'CardFooter: isShady',
-			false,
-			KNOBS_GROUPS.CardFooter
-		),
-		justify: select(
-			'CardFooter: justify',
-			{
-				flexStart: 'flex-start',
-				flexEnd: 'flex-end',
-				center: 'center',
-				spaceAround: 'space-around',
-				spaceBetween: 'space-between',
-				spaceEvenly: 'space-evenly',
-			},
-			'space-between',
-			KNOBS_GROUPS.CardFooter
-		),
-		size: select(
-			'CardFooter: size',
-			{
-				'unset (defaults to the value set on the <Card> parent)':
-					PROP_UNSET,
-				large: 'large',
-				medium: 'medium',
-				small: 'small',
-				xSmall: 'xSmall',
-			},
-			PROP_UNSET,
-			KNOBS_GROUPS.CardFooter
-		),
-	};
-
-	// Do not pass the `size` and `isBorderless` props when their value is `undefined`.
-	// This allows the `CardHeader`, `CardBody` and `CardFooter` components to use
-	// the values that are set on the parent `Card` component by default.
-	for ( const componentProps of [
-		cardHeaderProps,
-		cardFooterProps,
-		cardBodyProps,
-	] ) {
-		for ( const prop of [ 'isBorderless', 'size' ] ) {
-			if ( componentProps[ prop ] === PROP_UNSET ) {
-				delete componentProps[ prop ];
-			}
-		}
-	}
-
-	return (
-		<Card { ...cardProps }>
-			<CardHeader { ...cardHeaderProps }>
-				<Heading>CardHeader</Heading>
-			</CardHeader>
-			<CardBody { ...cardBodyProps }>
-				<Text>CardBody</Text>
-			</CardBody>
-			<CardBody { ...cardBodyProps }>
-				<Text>CardBody (before CardDivider)</Text>
-			</CardBody>
-			<CardDivider />
-			<CardBody { ...cardBodyProps }>
-				<Text>CardBody (after CardDivider)</Text>
-			</CardBody>
-			<CardMedia>
-				<img
-					alt="Card Media"
-					src="https://images.unsplash.com/photo-1566125882500-87e10f726cdc?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1867&q=80"
-				/>
-			</CardMedia>
-			<CardFooter { ...cardFooterProps }>
-				<Text>CardFooter</Text>
-				<Button variant="secondary">Action Button</Button>
-			</CardFooter>
-		</Card>
-	);
-};