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

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/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';

package/dist/types/TimeField/TimeField.d.ts

@@ -1,35 +0,0 @@
-declare type TimeFieldProps = {
-    /**
-     * An array of keys to ignore when pushed.
-     * ex: ["ArrowUp", "ArrowDown"].
-     */
-    ignoredKeys?: string[];
-    interval?: number;
-    /**
-     * Render native time input, defaults to `true` if user platform is an iOS device, otherwise `false`.
-     */
-    isIOS?: boolean;
-    max?: number;
-    min?: number;
-    /**
-     * Receives new time from typing or navigating with up and down arrow keys.
-     */
-    onChange: (event: any) => void;
-    /**
-     * Displays time based on a 12 hour clock, `true` by default.
-     */
-    twelveHourClock?: boolean;
-    /**
-     * The controlled value passed to the internal input.
-     * Accepts an array of [hours, minutes] based on a 24 hour clock.
-     */
-    value: [number, number];
-};
-declare const TimeField: {
-    ({ ignoredKeys, interval, isIOS, max, min, onChange, twelveHourClock, value, ...restProps }: TimeFieldProps): JSX.Element;
-    addHoursToTime: any;
-    addMinutesToTime: any;
-    addTimeToDate: any;
-    getTimeFromDate: any;
-};
-export default TimeField;

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

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

package/dist/types/ToggleSwitch/ToggleSwitch.d.ts

@@ -1,22 +0,0 @@
-import React from 'react';
-import { StackViewProps } from '../StackView';
-import { MediaQueries } from '..';
-export declare type ToggleSwitchProps = {
-    /** The color of the toggle background when it is active. */
-    backgroundColor?: string;
-    /** Whether the toggle is disabled. */
-    disabled?: boolean;
-    /** Whether the toggle is checked. */
-    isChecked: boolean;
-    /** The label for the toggle. */
-    label: string;
-    /** The function to call when the toggle is clicked. */
-    onClick: () => void;
-    /** The size of the toggle. */
-    size?: 'xs' | 'sm' | 'md';
-    /** The tooltip to display when the toggle is hovered. */
-    tooltip?: string;
-} & StackViewProps;
-declare type Props = React.RefAttributes<any> & ToggleSwitchProps & MediaQueries<ToggleSwitchProps>;
-export declare function ToggleSwitch(props: Props): JSX.Element;
-export default ToggleSwitch;

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

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

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

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

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

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

package/dist/types/WrapView/WrapView.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import { BoxProps } from '../Box';
-export declare type WrapViewProps = {
-    children?: any;
-    /** The amount of space between children. */
-    spacing?: number | string;
-} & BoxProps;
-declare type Props = React.RefAttributes<any> & React.HTMLAttributes<any> & WrapViewProps;
-export declare function WrapView({ children, spacing, ...restProps }: Props): JSX.Element;
-export {};

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

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

package/dist/types/hooks/use-accessibility-violation.d.ts

@@ -1,34 +0,0 @@
-import * as React from 'react';
-/**
- * Provide an on-screen and optional console accessibilty violation.
- */
-export declare function useAccessibilityViolation(
-/** Content to be displayed in tooltip when hovering element. */
-tooltipContent: React.ReactNode, 
-/** Content to be displayed in the console with a reference to the element. */
-consoleContent: string): {
-    tooltipProps?: undefined;
-    wrapperProps?: undefined;
-} | {
-    tooltipProps: {
-        title: JSX.Element;
-        openDelay: number;
-        closeDelay: number;
-        popoverProps: {
-            textAlign: string;
-            paddingHorizontal: number;
-            paddingVertical: number;
-            backgroundColor: string;
-            color: string;
-            stroke: string;
-            strokeWeight: number;
-            elevation: number;
-        };
-    };
-    wrapperProps: {
-        innerRef: React.MutableRefObject<any>;
-        stroke: string;
-        strokeAlign: string;
-        strokeWeight: number;
-    };
-};

package/dist/types/hooks/useConstant.d.ts

@@ -1 +0,0 @@
-export default function useConstant<T>(fn: () => T): T;