@planningcenter/tapestry-react 2.10.0-rc.1 → 2.10.0-rc.2

package/dist/types/NumberField/NumberField.d.ts

@@ -1,89 +0,0 @@
-import React, { Component } from 'react';
-declare type Props = {
-    /**
-     * Render custom component or HTML element tag. (Defaults to a [InputField](/input.inputfield) component.). */
-    as?: any;
-    /**
-     * Add controls to increment/decrement the value
-     */
-    hasControls?: boolean;
-    /**
-     * An array of keys to ignore when pushed.
-     * ex: ["ArrowUp", "ArrowDown"].
-     */
-    ignoredKeys: string[];
-    /**
-     * Maximum number that can be entered.
-     */
-    max: number;
-    /**
-     * Minimum number that can be entered.
-     */
-    min: number;
-    /**
-     * Called when the input's onInput is called with a valid value
-     * or when the arrow keys are used to increment/decrement the value.
-     * Please note traditional onInput/onChange events are not supported
-     * since this component takes control of them.
-     */
-    onChange: (value: string) => null;
-    /**
-     * Maps to the input's `onBlur` prop.
-     */
-    onBlur?: () => null;
-    onKeyDown?: Function;
-    /**
-     * The amount of 0s to pad the value with.
-     */
-    pad: number;
-    /**
-     * Forces the input text to stay fully selected while interacting with it.
-     */
-    highlightOnInteraction: boolean;
-    /**
-     * String to display when value is empty.
-     */
-    placeholder: string;
-    /**
-     * The amount to step up/down from the value when using the arrow keys
-     * defaults to `1`
-     */
-    step: number;
-    /**
-     * The value of the input.
-     */
-    value: number;
-    autoWidth: boolean;
-    moveFocusOnMax: boolean;
-};
-declare class NumberField extends Component<Props> {
-    static defaultProps: {
-        as: any;
-        hasControls: boolean;
-        ignoredKeys: any[];
-        min: number;
-        max: number;
-        step: number;
-        moveFocusOnMax: boolean;
-    };
-    firstTouch: boolean;
-    getParsedValues: (value: any) => {
-        value: number;
-        minValue: number;
-        maxValue: number;
-    };
-    clampValue: (valueToCheck: any) => number;
-    isValueValid: (valueToCheck: any) => boolean;
-    changeIfValid: (value: any) => void;
-    handleBlur: (event: any) => void;
-    stepValue: (baseValue: any, step: any) => void;
-    incrementValue: () => void;
-    decrementValue: () => void;
-    handleKeyDown: (event: any) => void;
-    handleInput: (event: any) => void;
-    getAutoWidthValue(value: any): any;
-    renderInput(restProps: any): React.CElement<any, React.Component<any, any, any>>;
-    renderInputWithControls(restProps: any): JSX.Element;
-    render(): JSX.Element;
-}
-export default NumberField;

package/dist/types/NumberField/NumberField.test.d.ts

@@ -1 +0,0 @@
-import '@testing-library/jest-dom/extend-expect';

package/dist/types/Pagination/Pagination.d.ts

@@ -1,35 +0,0 @@
-export declare type PaginationProps = {
-    /**
-     * Change the color of the active page
-     */
-    activeColor?: string;
-    /**
-     * Accepts any valid [Button](/button) props.
-     */
-    activePageLinkProps?: object;
-    /**
-     * Current visible page number
-     */
-    currentPage: number;
-    /**
-     * Accepts any valid [Button](/button) props.
-     */
-    navButtonProps?: object;
-    /**
-     * Callback when new page is requested
-     */
-    onPageChange: (nextPage: number) => undefined;
-    /**
-     * Accepts any valid [Button](/button) props.
-     */
-    pageLinkProps?: object;
-    /**
-     * Total available pages
-     */
-    totalPages: number;
-    /**
-     * Amount of visible pages
-     */
-    visiblePages?: number;
-};
-export default function Pagination({ currentPage, onPageChange, visiblePages, totalPages, ...restProps }: PaginationProps): JSX.Element;

package/dist/types/Popover/Popover.d.ts

@@ -1,115 +0,0 @@
-import * as React from 'react';
-export declare type PopoverProps = {
-    /**
-     * Controls the default component or tag being rendered.
-     */
-    as?: any;
-    /**
-     * The element to attach the popover to. Clones the element's ref to calculate
-     * position relative to the optional `relativeTo` prop or the `renderTo` element.
-     */
-    anchorElement: React.ReactElement | ((anchorCallbackProps: any) => null);
-    /**
-     * Attempts to keep popover in view clipping edges if too large.
-     */
-    keepInView?: boolean;
-    /**
-     * Locks external scrollbars when open.
-     */
-    lockScrollWhileOpen?: boolean;
-    /**
-     * Matches anchor and popover widths.
-     */
-    matchWidths?: boolean | 'minimum';
-    /**
-     * Controls rendering of the popover.
-     */
-    open: boolean;
-    /**
-     * Controls the space between the popover and its anchor.
-     */
-    offset: number;
-    /**
-     * Called when the popover should close.
-     */
-    onRequestClose?: () => void;
-    /**
-     * Where to place the popover.
-     */
-    placement?: 'top-start' | 'top' | 'top-end' | 'right-start' | 'right' | 'right-end' | 'bottom-start' | 'bottom' | 'bottom-end' | 'left-start' | 'left' | 'left-end';
-    /**
-     * Where to place the popover relative to. Uses `renderTo` by default.
-     */
-    relativeTo?: any;
-    /**
-     * Where to render the popover into. Accepts an HTML element or selector.
-     * Uses the closest fixed parent or `document.body` by default. This will only
-     * be computed once on initial render.
-     */
-    renderTo?: HTMLElement | string;
-    /**
-     * Determines if the popover should flip or not when it overflows.
-     */
-    shouldFlip?: boolean;
-    /**
-     * Calls `as` `innerRef` to calculate popover's bounds.
-     */
-    innerRef?: any;
-} & React.HTMLAttributes<any>;
-export declare const Popover: React.ForwardRefExoticComponent<{
-    /**
-     * Controls the default component or tag being rendered.
-     */
-    as?: any;
-    /**
-     * The element to attach the popover to. Clones the element's ref to calculate
-     * position relative to the optional `relativeTo` prop or the `renderTo` element.
-     */
-    anchorElement: React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any>) | (new (props: any) => React.Component<any, any, any>)> | ((anchorCallbackProps: any) => null);
-    /**
-     * Attempts to keep popover in view clipping edges if too large.
-     */
-    keepInView?: boolean;
-    /**
-     * Locks external scrollbars when open.
-     */
-    lockScrollWhileOpen?: boolean;
-    /**
-     * Matches anchor and popover widths.
-     */
-    matchWidths?: boolean | 'minimum';
-    /**
-     * Controls rendering of the popover.
-     */
-    open: boolean;
-    /**
-     * Controls the space between the popover and its anchor.
-     */
-    offset: number;
-    /**
-     * Called when the popover should close.
-     */
-    onRequestClose?: () => void;
-    /**
-     * Where to place the popover.
-     */
-    placement?: 'top-start' | 'top' | 'top-end' | 'right-start' | 'right' | 'right-end' | 'bottom-start' | 'bottom' | 'bottom-end' | 'left-start' | 'left' | 'left-end';
-    /**
-     * Where to place the popover relative to. Uses `renderTo` by default.
-     */
-    relativeTo?: any;
-    /**
-     * Where to render the popover into. Accepts an HTML element or selector.
-     * Uses the closest fixed parent or `document.body` by default. This will only
-     * be computed once on initial render.
-     */
-    renderTo?: HTMLElement | string;
-    /**
-     * Determines if the popover should flip or not when it overflows.
-     */
-    shouldFlip?: boolean;
-    /**
-     * Calls `as` `innerRef` to calculate popover's bounds.
-     */
-    innerRef?: any;
-} & React.HTMLAttributes<any> & React.RefAttributes<unknown>>;

package/dist/types/Popover/Popover.test.d.ts

@@ -1 +0,0 @@
-import '@testing-library/jest-dom/extend-expect';

package/dist/types/Popover/index.d.ts

@@ -1,2 +0,0 @@
-export * from './Popover';
-export { Popover as default } from './Popover';

package/dist/types/Popover/rewireTabOrder.d.ts

@@ -1,2 +0,0 @@
-declare const _default: (node: any) => () => void;
-export default _default;

package/dist/types/Popover/utils.d.ts

@@ -1,52 +0,0 @@
-export declare function getModifiers({ matchWidths, offset, keepInView, shouldFlip }: {
-    matchWidths: any;
-    offset: any;
-    keepInView: any;
-    shouldFlip: any;
-}): (import("@popperjs/core").Modifier<"maxSize", {
-    placement: import("@popperjs/core").Placement;
-    boundary: import("@popperjs/core").Boundary;
-    rootBoundary: import("@popperjs/core").RootBoundary;
-    elementContext: import("@popperjs/core").Context;
-    altBoundary: boolean;
-    padding: import("@popperjs/core").Padding;
-}> | {
-    name: string;
-    enabled: boolean;
-    phase: string;
-    requires: string[];
-    fn({ state }: {
-        state: any;
-    }): void;
-    effect?: undefined;
-    options?: undefined;
-} | {
-    name: string;
-    enabled: boolean;
-    phase: string;
-    requires: string[];
-    fn: () => void;
-    effect: ({ state }: {
-        state: any;
-    }) => void;
-    options?: undefined;
-} | {
-    name: string;
-    options: {
-        offset: any[];
-    };
-    enabled?: undefined;
-    phase?: undefined;
-    requires?: undefined;
-    fn?: undefined;
-    effect?: undefined;
-} | {
-    name: string;
-    enabled: any;
-    phase?: undefined;
-    requires?: undefined;
-    fn?: undefined;
-    effect?: undefined;
-    options?: undefined;
-})[];
-export declare function getFixedParent(node: any): any;

package/dist/types/Portal/Portal.d.ts

@@ -1,38 +0,0 @@
-import * as React from 'react';
-import { Theme } from '../index';
-export declare type PortalProps = {
-    children: any;
-    /** Styles to apply to the portal root element. */
-    style?: React.CSSProperties;
-    /** Where the portal is rendered into. */
-    renderTo?: HTMLElement | string;
-    /** The HTML element to create. Defaults to `div`. */
-    renderTag?: string;
-    /** Callback when Portal is updated. */
-    onUpdate?: () => void;
-    /** Returns the rendered node similar to refs. */
-    getPortalNode?: (HTMLElement: any) => void;
-};
-/** Accepts any additional HTML attributes. */
-declare class Portal extends React.Component<PortalProps> {
-    static defaultProps: {
-        renderTag: string;
-        renderTo: any;
-    };
-    static contextType: import("react").Context<object>;
-    context: React.ContextType<React.Context<Theme>>;
-    _portalNode: HTMLElement;
-    _needsUpdate: boolean;
-    _updated: boolean;
-    componentDidMount(): void;
-    componentDidUpdate(): void;
-    componentWillUnmount(): void;
-    _getSecondChild(): string | number | React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any>) | (new (props: any) => React.Component<any, any, any>)> | React.ReactFragment | React.ReactPortal;
-    _getRenderToNode(): Element;
-    _setupPortal(): void;
-    _updatePortal(): void;
-    _renderPortal(component: any): import("react").ReactPortal;
-    _destroyPortal(): void;
-    render(): number | React.ReactFragment | JSX.Element;
-}
-export { Portal };

package/dist/types/Portal/index.d.ts

@@ -1,2 +0,0 @@
-export * from './Portal';
-export { Portal as default } from './Portal';

package/dist/types/Progress/Progress.d.ts

@@ -1,12 +0,0 @@
-export declare type Props = {
-    /**
-     * The current value of the progress bar.
-     */
-    value?: number;
-    /**
-     * Active color of the progress bar.
-     */
-    activeColor?: string;
-};
-declare const Progress: ({ value, ...restProps }: Props) => JSX.Element;
-export default Progress;

package/dist/types/Radio/Radio.d.ts

@@ -1,44 +0,0 @@
-export declare type RadioProps = {
-    /**
-     * Disables the radio component.
-     */
-    disabled?: boolean;
-    /**
-     * Determines if the radio should use an internal label or not.
-     */
-    label?: string;
-    /**
-     * Connects input to its corresponding label's `htmlFor`.
-     */
-    id?: string | number;
-    /**
-     * Checks the radio.
-     */
-    checked?: boolean;
-    /**
-     * Maps to the internal input's `name` prop.
-     */
-    name?: string;
-    /**
-     * Maps to the internal input's `value` prop.
-     */
-    value?: any;
-    /**
-     * Determines the size of the radio based on a [scale](http://google.com).
-     */
-    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-    /**
-     * Maps to the internal input's `onChange` prop.
-     */
-    onChange?: () => null;
-    /**
-     * Maps to the internal input's `onFocus` prop.
-     */
-    onFocus?: () => null;
-    /**
-     * Maps to the internal input's `onBlur` prop.
-     */
-    onBlur?: () => null;
-};
-declare const Radio: ({ checked, disabled, id, label, name, onBlur, onChange, onFocus, size, value, ...restProps }: RadioProps) => JSX.Element;
-export default Radio;

package/dist/types/Scrim/Scrim.d.ts

@@ -1,8 +0,0 @@
-import * as React from 'react';
-declare type ScrimProps = {
-    /** Gain access to the internal ref. */
-    ref?: any;
-    children?: any;
-};
-declare const Scrim: React.ForwardRefExoticComponent<Pick<ScrimProps, "children"> & React.RefAttributes<unknown>>;
-export { Scrim };

package/dist/types/Scrim/index.d.ts

@@ -1,2 +0,0 @@
-export * from './Scrim';
-export { Scrim as default } from './Scrim';

package/dist/types/Select/Select.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/Spinner/Spinner.d.ts

@@ -1,25 +0,0 @@
-import React from 'react';
-import { StyleProps } from '../index';
-export declare type SpinnerProps = {
-    /**
-     * Uses position absolute and transforms to position in the center of a relative parent.
-     */
-    center?: boolean;
-    /**
-     * Primary color of spinner.
-     */
-    color?: string;
-    /**
-     * Size of spinner.
-     */
-    size?: 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | number | string;
-    /**
-     * Thickness of spinner.
-     */
-    thickness?: number;
-    /**
-     * Secondary color of spinner.
-     */
-    trackColor?: string;
-} & StyleProps & React.HTMLAttributes<HTMLElement>;
-export declare function Spinner({ center, size, thickness, ...props }: SpinnerProps): JSX.Element;

package/dist/types/Spinner/index.d.ts

@@ -1,2 +0,0 @@
-export * from './Spinner';
-export { Spinner as default } from './Spinner';

package/dist/types/StackView/StackView.d.ts

@@ -1,42 +0,0 @@
-/** @jsxRuntime classic */
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
-import * as React from 'react';
-import { BoxProps } from '../Box';
-import { MediaQueries, Variants } from '../index';
-export declare type StackViewProps = {
-    children?: any;
-    /** Render custom component or HTML element tag. (Defaults to a `<div>` element). */
-    as?: any;
-    /** The axis along which children are laid out. */
-    axis?: 'horizontal' | 'vertical';
-    /** The alignment of children perpendicular to the stack view’s main axis. */
-    alignment?: 'start' | 'center' | 'end' | 'stretch' | 'baseline';
-    /** The distribution of children along the main axis. */
-    distribution?: 'start' | 'center' | 'end' | 'fill' | 'space-between' | 'space-evenly';
-    /**  If true, sets `display: inline-flex`, otherwise it defaults to `display: flex` */
-    inline?: boolean;
-    /** Gain access to the internal ref */
-    innerRef?: any;
-    /** The amount of space or element that is inserted between each child. */
-    spacing?: number | string | React.ReactNode;
-    /** Describes styles at various points in time. [Read about variants](/variants). */
-    variants?: object;
-    /** Describes props at different breakpoints. [Read about mediaQueries](/responsive). */
-    mediaQueries?: object;
-} & BoxProps;
-declare type Props = React.RefAttributes<any> & React.HTMLAttributes<any> & StackViewProps & MediaQueries<StackViewProps> & Variants<StackViewProps>;
-export declare function StackView({ as, children, inline, innerRef, ...props }: Props): jsx.JSX.Element;
-export declare namespace StackView {
-    var BASELINE: string;
-    var CENTER: string;
-    var END: string;
-    var FILL: string;
-    var HORIZONTAL: string;
-    var SPACE_BETWEEN: string;
-    var SPACE_EVENLY: string;
-    var START: string;
-    var STRETCH: string;
-    var VERTICAL: string;
-}
-export {};

package/dist/types/StackView/index.d.ts

@@ -1,2 +0,0 @@
-export * from './StackView';
-export { StackView as default } from './StackView';

package/dist/types/Tab/Tab.d.ts

@@ -1,15 +0,0 @@
-import { ColorProp } from '../index';
-import { TextProps } from '../Text';
-export declare type TabProps = {
-    /** Whether or not the tab is active. Sets element to span and removes `href` and hover effects if `true`. */
-    active?: boolean;
-    /** Whether or not the tab is disabled. */
-    disabled?: boolean;
-    /** Link to URL. Sets element to an anchor, otherwise it will use a button. */
-    href?: string;
-    /** The size of the tab which includes `fontSize`, `lineHeight` and `padding`. */
-    size?: 'xs' | 'sm' | 'md' | 'lg';
-    /** The background color of the tab. */
-    color?: ColorProp;
-} & TextProps;
-export declare function Tab({ active, disabled, href, color, size, ...props }: TabProps): JSX.Element;

package/dist/types/Tab/index.d.ts

@@ -1,2 +0,0 @@
-export * from './Tab';
-export { Tab as default } from './Tab';

package/dist/types/Text/Text.d.ts

@@ -1,59 +0,0 @@
-/** @jsxRuntime classic */
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
-import * as React from 'react';
-import { BoxProps } from '../Box';
-import { MediaQueries, Variants } from '../index';
-export declare type TextProps = {
-    /**
-     * Render custom component or HTML element tag. (Defaults to a `<div>` element).
-     */
-    as?: any;
-    /**
-     * Gain access to the internal ref
-     */
-    innerRef?: Function | Object;
-    /**
-     * If `true`, sets `display: inline-block`, otherwise it defaults to `display: block`
-     */
-    inline?: boolean;
-    /**
-     * Maps to CSS `textAlign` property
-     */
-    align?: 'left' | 'center' | 'right';
-    /**
-     * Sets `fontStyle: italic`
-     */
-    italic?: boolean;
-    /**
-     * Sets `whiteSpace: nowrap`, `overflow: hidden`, `textOverflow: ellipsis`
-     */
-    truncate?: boolean;
-    /**
-     * Maps to CSS `fontSize` property. Accepts an index to `fontSizes` theme when using a numeric value, sets a pixel value if a no theme value found.
-     */
-    size?: number | string;
-    /**
-     * Maps to CSS `textDecoration` property
-     */
-    underline?: string;
-    /**
-     * Maps to CSS `fontWeight` property
-     */
-    weight?: number | string;
-    /**
-     * Sets `whiteSpace: nowrap` when `false`
-     */
-    wrap?: boolean;
-    /**
-     * Describes styles at various points in time. [Read about variants](/variants).
-     */
-    variants?: object;
-    /**
-     * Describes props at different breakpoints. [Read about mediaQueries](/responsive).
-     */
-    mediaQueries?: object;
-} & BoxProps;
-declare type Props = React.RefAttributes<any> & React.HTMLAttributes<any> & TextProps & MediaQueries<TextProps> & Variants<TextProps>;
-export declare function Text({ as, innerRef, ...props }: Props): jsx.JSX.Element;
-export {};

package/dist/types/Text/index.d.ts

@@ -1,2 +0,0 @@
-export * from './Text';
-export { Text as default } from './Text';

package/dist/types/ThemeProvider/ThemeProvider.d.ts

@@ -1,26 +0,0 @@
-import React from 'react';
-import { BoxProps } from '../Box';
-import { Theme } from '../index';
-import { setRootStyles, styleReset } from './styles';
-export declare const cache: import("@emotion/utils").EmotionCache;
-export declare const themeStorage: {
-    get: () => string;
-    set: (value: any) => void;
-};
-export declare const themeInitializerScript: string;
-declare type Props = {
-    theme?: Theme;
-    children: React.ReactNode;
-} & BoxProps;
-export declare function ThemeProvider({ theme, children, ...boxProps }: Props): JSX.Element;
-export declare namespace ThemeProvider {
-    var cache: import("@emotion/utils").EmotionCache;
-    var setRootStyles: (themeId: any, styles: any) => void;
-    var styleReset: string;
-    var themeInitializerScript: string;
-    var themeStorage: {
-        get: () => string;
-        set: (value: any) => void;
-    };
-}
-export { setRootStyles, styleReset };

package/dist/types/ThemeProvider/index.d.ts

@@ -1,2 +0,0 @@
-export * from './ThemeProvider';
-export { ThemeProvider as default } from './ThemeProvider';

package/dist/types/ThemeProvider/styles.d.ts

@@ -1,4 +0,0 @@
-export declare function getThemeDataAttribute(themeId: any): string;
-export declare const setRootStyles: (themeId: any, styles: any) => void;
-export declare const defaultColorProperties: any;
-export declare const styleReset: string;

package/dist/types/TileView/TileView.d.ts

@@ -1,24 +0,0 @@
-/** @jsxRuntime classic */
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
-import * as React from 'react';
-import { BoxProps } from '../Box';
-import { MediaQueries, Variants } from '../index';
-export declare type TileViewProps = {
-    children?: any;
-    /** Render custom component or HTML element tag. (Defaults to a `<div>` element).*/
-    as?: any;
-    /** The minimum width a cell must be. */
-    minCellWidth?: number;
-    /** The amount of space between children. */
-    spacing?: number | string;
-    /** Gain access to the internal ref */
-    innerRef?: any;
-    /** Describes styles at various points in time. [Read about variants](/variants). */
-    variants?: object;
-    /** Describes props at different breakpoints. [Read about mediaQueries](/responsive). */
-    mediaQueries?: object;
-} & BoxProps;
-declare type Props = React.RefAttributes<any> & React.HTMLAttributes<any> & TileViewProps & MediaQueries<TileViewProps> & Variants<TileViewProps>;
-export declare function TileView({ as, innerRef, ...props }: Props): jsx.JSX.Element;
-export {};

package/dist/types/TileView/index.d.ts

@@ -1,2 +0,0 @@
-export * from './TileView';
-export { TileView as default } from './TileView';