@progressiveui/react 2.0.3 → 2.0.4

package/dist/components/Slider/Slider.d.ts

@@ -0,0 +1,71 @@
+import { InputProps } from '../Input';
+import * as React from "react";
+/** Sliders provide a visual indication of adjustable content, where the user can move the handle along a horizontal track to increase or decrease the value. */
+interface SliderProps extends InputProps, React.ComponentPropsWithRef<"input"> {
+    /**
+     * Specify an optional className to be applied to the form-item node
+     */
+    formItemClassName?: string;
+    /**
+     * Specify if the control should be disabled, or not
+     */
+    disabled?: boolean;
+    /**
+     * Specify whether you want the underlying label to be visually hidden
+     */
+    hideLabel?: boolean;
+    /**
+     * The minimum value.
+     */
+    min: number;
+    /**
+     * The label associated with the minimum value.
+     */
+    minLabel?: string;
+    /**
+     * The maximum value.
+     */
+    max: number;
+    /**
+     * The label associated with the maximum value.
+     */
+    maxLabel?: string;
+    /**
+     * The callback to format the label associated with the minimum/maximum value.
+     */
+    formatLabel?: () => void;
+    /**
+     * The `name` attribute of the `<input>`.
+     */
+    name?: string;
+    /**
+     * The `type` attribute of the `<input>`.
+     */
+    inputType?: string;
+    /**
+     * The `ariaLabel` for the `<input>`.
+     */
+    ariaLabelInput?: string;
+    /**
+     * A value determining how much the value should increase/decrease by moving the thumb by mouse.
+     */
+    step?: number;
+    /**
+     * Specify the value of the input, if undefined or null the value is empty
+     */
+    value?: number | "";
+    /**
+     * `true` to hide the number input box.
+     */
+    hideTextInput?: boolean;
+    /**
+     * Use the width of the parent element
+     */
+    fullWidth?: boolean;
+    /**
+     * `true` to hide the controls on slider.
+     */
+    hideControls?: boolean;
+}
+declare const Slider: React.FC<SliderProps>;
+export default Slider;

package/dist/components/Slider/Slider.legacy.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (props?: object) => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/components/Slider/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Slider';

package/dist/components/StepNavigation/StepNavigation-test.d.ts

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

package/dist/components/StepNavigation/StepNavigation.d.ts

@@ -0,0 +1,42 @@
+import { default as React } from 'react';
+/** Step Navigation provide indications to help users reach their destination from their current position */
+interface StepNavigationProps {
+    /**
+     * Provide the contents of your StepNavigation
+     */
+    children: React.ReactNode;
+    /**
+     * Provide a className that is applied to the root <nav> component for the
+     * <Tabs>
+     */
+    className?: string;
+    /**
+     * Specify whether the StepNavigation will be displayed small
+     */
+    small?: boolean;
+    /**
+     * Specify whether the StepNavigation will be displayed vertically
+     */
+    vertical?: boolean;
+    /**
+     * Specify whether the StepNavigation will be displayed inline
+     */
+    inline?: boolean;
+    /**
+     * By default, this value is "navigation". You can also provide an alternate
+     * role if it makes sense from the accessibility-side
+     */
+    role: string;
+    /**
+     * Provide an optional handler that is called whenever the selection
+     * changes. This method is called with the index of the tab that was
+     * selected
+     */
+    onSelectionChange?: React.SetStateAction<number>;
+    /**
+     * Optionally provide an index for the currently selected <Tab>
+     */
+    selectedPage?: number;
+}
+declare function StepNavigation({ inline, small, vertical, className, role, children, }: StepNavigationProps): import("react/jsx-runtime").JSX.Element;
+export default StepNavigation;

package/dist/components/StepNavigationItem/StepNavigationItem-test.d.ts

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

package/dist/components/StepNavigationItem/StepNavigationItem.d.ts

@@ -0,0 +1,55 @@
+import { PropsWithChildren } from 'react';
+import * as React from "react";
+type StepNavigationItemProps = PropsWithChildren<{
+    /**
+     * Provide a className that is applied to the StepNavigation component
+     *
+     */
+    className?: string;
+    /**
+     * Provide text that is used alongside the control label for additional help
+     *
+     */
+    helperText?: React.ReactNode;
+    /**
+     * Provide the index of the each item
+     *
+     */
+    index?: number;
+    /**
+     * Provide the text that will be read by a screen reader when visiting this control
+     *
+     */
+    label?: string;
+    /**
+     * By default, this value is "presentation". You can also provide an alternate
+     * role if it makes sense from the accessibility-side
+     */
+    role?: string;
+    /**
+     * Optionally provide an index for the currently selected <Tab>
+     */
+    selectedPage?: number;
+    /**
+     * The page number of the step.
+     **/
+    page?: number;
+    /**
+     * Provide status one of these status prop type to your step to give more meaning.
+     *
+     */
+    status?: string;
+    /**
+     * An optional parameter to allow overriding the anchor rendering.
+     * Useful for using Tab along with react-router or other client
+     * side router libraries.
+     */
+    renderAnchor?: (p: object) => {};
+    /**
+     * On click handler to change the currently active item.
+     **/
+    onClick?: (e: object) => {};
+    handleTabClick?: (e?: any, index?: number, label?: string) => {};
+}>;
+declare const StepNavigationItem: React.FC<StepNavigationItemProps>;
+export default StepNavigationItem;

package/dist/components/Story/Story-text.d.ts

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

package/dist/components/SubNavigation/SubNavigation-test.d.ts

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

package/dist/components/SubNavigation/index.d.ts

@@ -0,0 +1,9 @@
+export { SubNavigation } from './SubNavigation';
+export { SubNavigationItem } from './SubNavigationItem';
+export { SubNavigationHeader } from './SubNavigationHeader';
+export { SubNavigationTitle } from './SubNavigationTitle';
+export { SubNavigationLink } from './SubNavigationLink';
+export { SubNavigationFilter } from './SubNavigationFilter';
+export { SubNavigationContent } from './SubNavigationContent';
+export { SubNavigationList } from './SubNavigationList';
+export { SubNavigationGroup } from './SubNavigationGroup';

package/dist/components/Tab/Tab-oldClass.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (props?: object) => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/components/Tab/Tab-oldFunc.d.ts

@@ -0,0 +1,39 @@
+import { default as PropTypes } from 'prop-types';
+export default Tab;
+declare function Tab(props: any): import("react/jsx-runtime").JSX.Element;
+declare namespace Tab {
+    namespace propTypes {
+        let className: PropTypes.Requireable<string>;
+        let handleTabClick: PropTypes.Requireable<(...args: any[]) => any>;
+        let handleTabAnchorFocus: PropTypes.Requireable<(...args: any[]) => any>;
+        let handleTabKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
+        let disabled: PropTypes.Requireable<boolean>;
+        let href: PropTypes.Validator<string>;
+        let index: PropTypes.Requireable<number>;
+        let label: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        let role: PropTypes.Validator<string>;
+        let onClick: PropTypes.Validator<(...args: any[]) => any>;
+        let onKeyDown: PropTypes.Validator<(...args: any[]) => any>;
+        let selected: PropTypes.Validator<boolean>;
+        let tabIndex: PropTypes.Validator<number>;
+        let renderAnchor: PropTypes.Requireable<(...args: any[]) => any>;
+        let renderContent: PropTypes.Requireable<(...args: any[]) => any>;
+        let renderListElement: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike | ((...args: any[]) => any)>>;
+    }
+    namespace defaultProps {
+        let role_1: string;
+        export { role_1 as role };
+        let label_1: string;
+        export { label_1 as label };
+        let tabIndex_1: number;
+        export { tabIndex_1 as tabIndex };
+        let href_1: string;
+        export { href_1 as href };
+        let selected_1: boolean;
+        export { selected_1 as selected };
+        export function onClick_1(): void;
+        export { onClick_1 as onClick };
+        export function onKeyDown_1(): void;
+        export { onKeyDown_1 as onKeyDown };
+    }
+}

package/dist/components/Tab/Tab-test.d.ts

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

package/dist/components/TabContent/TabContent-old.d.ts

@@ -0,0 +1,13 @@
+import { default as PropTypes } from 'prop-types';
+export default TabContent;
+declare function TabContent(props: any): import("react/jsx-runtime").JSX.Element;
+declare namespace TabContent {
+    namespace propTypes {
+        let selected: PropTypes.Requireable<boolean>;
+        let children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    }
+    namespace defaultProps {
+        let selected_1: boolean;
+        export { selected_1 as selected };
+    }
+}

package/dist/components/TabContent/TabContent-test.d.ts

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

package/dist/components/TabContent/TabContent.d.ts

@@ -0,0 +1,13 @@
+import { default as React, PropsWithChildren } from 'react';
+interface TabContentProps {
+    /**
+     * Specify whether the TabContent is selected
+     */
+    selected: boolean;
+    /**
+     * Pass in content to render inside of the TabContent
+     */
+    children?: React.ReactNode;
+}
+declare const TabContent: React.FC<PropsWithChildren<TabContentProps>>;
+export default TabContent;

package/dist/components/Table/Table-test.d.ts

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

package/dist/components/Table/TableResponsive-story-legacy.d.ts

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

package/dist/components/Table/TableSimple-story-legacy.d.ts

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

package/dist/components/Table/TableSorting.d.ts

@@ -0,0 +1,11 @@
+import { PropsWithChildren } from 'react';
+import * as React from "react";
+type TableSortingProps = PropsWithChildren<{
+    isSorted?: boolean;
+    isSortedDesc?: boolean;
+    sortType?: boolean;
+    withBorder?: boolean;
+    className?: string;
+}>;
+declare const TableSorting: React.FC<TableSortingProps>;
+export default TableSorting;

package/dist/components/Table/makeData.d.ts

@@ -0,0 +1,8 @@
+export default function makeData(...lens: any[]): any;
+export const sampleColumns: {
+    Header: string;
+    columns: {
+        Header: string;
+        accessor: string;
+    }[];
+}[];

package/dist/components/TablePagination/TablePagination.d.ts

@@ -0,0 +1,33 @@
+import { default as React } from 'react';
+export interface TagProps extends React.HTMLAttributes<HTMLTableElement> {
+    withBorder?: boolean;
+    responsive?: boolean;
+}
+declare const ReactTablePagination: {
+    ({ data, page, pageSizeOptions, paginationClassName, totalItems, style, onPageChange, onPageSizeChange, isLastPage, pages, pageInputDisabled, pageSize, pagesUnknown, backwardText, forwardText, itemsPerPageText, itemsPerPageFollowsText, itemRangeText, pageRangeText, pageSizesDisabled, itemText, pageNumberText, }: {
+        data: any;
+        page: any;
+        pageSizeOptions: any;
+        paginationClassName: any;
+        totalItems: any;
+        style: any;
+        onPageChange: any;
+        onPageSizeChange: any;
+        isLastPage: any;
+        pages: any;
+        pageInputDisabled: any;
+        pageSize: any;
+        pagesUnknown: any;
+        backwardText: any;
+        forwardText: any;
+        itemsPerPageText: any;
+        itemsPerPageFollowsText: any;
+        itemRangeText: any;
+        pageRangeText: any;
+        pageSizesDisabled: any;
+        itemText: any;
+        pageNumberText: any;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default ReactTablePagination;

package/dist/components/Tabs/Tabs-test.d.ts

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

package/dist/components/Tabs/Tabs.Skeleton.d.ts

@@ -0,0 +1,2 @@
+export default TabsSkeleton;
+declare function TabsSkeleton(): import("react/jsx-runtime").JSX.Element;

package/dist/components/Tabs/TabsContext.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+export interface TabsContextType {
+    handleTabClick?: (onSelectionChange?: any) => void;
+    handleTabKeyDown?: (onSelectionChange?: any) => void;
+    handleTabAnchorFocus?: (onSelectionChange?: any) => void;
+}
+declare const TabsContext: React.Context<TabsContextType>;
+export default TabsContext;

package/dist/components/Tabs/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Tabs';

package/dist/components/Tag/Tag-test.d.ts

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

package/dist/components/Tag/Tag.Skeleton.d.ts

@@ -0,0 +1,2 @@
+export default TagSkeleton;
+declare function TagSkeleton(): import("react/jsx-runtime").JSX.Element;

package/dist/components/Tag/index.d.ts

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

package/dist/components/Tag/tag.config.d.ts

@@ -0,0 +1,19 @@
+export let context: {};
+export let variants: ({
+    name: string;
+    label: string;
+    context: {
+        tags: {
+            type: string;
+            label: string;
+        }[];
+        filter?: undefined;
+    };
+} | {
+    name: string;
+    label: string;
+    context: {
+        filter: boolean;
+        tags?: undefined;
+    };
+})[];

package/dist/components/Text/Text-test.d.ts

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

package/dist/components/Text/Text.d.ts

@@ -0,0 +1,32 @@
+import { Spacing, TextKind } from '../../utils';
+import * as React from "react";
+interface TextProps extends React.AllHTMLAttributes<HTMLDivElement> {
+    /**
+     * Specifies the kind of text to be displayed. This could be an enumeration that defines various text styles or types.
+     */
+    kind?: TextKind;
+    /**
+     * The content of the Text component, typically a string or nested React elements.
+     */
+    children?: React.ReactNode;
+    /**
+     * Spacing to be applied above the Text component. 'Spacing' could be a type that represents predefined spacing values.
+     */
+    spacingTop?: Spacing;
+    /**
+     * Spacing to be applied below the Text component. Similar to spacingTop, it uses the Spacing type for predefined values.
+     */
+    spacingBottom?: Spacing;
+    /**
+     * Additional custom class name(s) that can be applied to the Text component for styling purposes.
+     */
+    className?: string;
+}
+export declare const textLookup: {
+    [key in NonNullable<TextProps["kind"]>]: React.ElementType;
+};
+/**
+ *Text is a component for displaying paragraphs. You can use Text to standardize text across your web app. For longer sections or full articles use the <Story /> component instead.
+ */
+declare const Text: React.FC<TextProps>;
+export default Text;

package/dist/components/TextArea/TextArea-old.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+export default TextArea;
+/** A textarea is an input dedicated for a large volume of text. It may be used in a variety of components like forms, comment sections, and forums. */
+declare const TextArea: React.ForwardRefExoticComponent<React.RefAttributes<any>>;

package/dist/components/TextArea/TextArea-test.d.ts

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

package/dist/components/TextArea/TextArea.Skeleton.d.ts

@@ -0,0 +1,11 @@
+import { default as PropTypes } from 'prop-types';
+export default TextAreaSkeleton;
+declare function TextAreaSkeleton({ hideLabel, id }: {
+    hideLabel: any;
+    id: any;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace TextAreaSkeleton {
+    namespace propTypes {
+        let hideLabel: PropTypes.Requireable<boolean>;
+    }
+}

package/dist/components/TextArea/TextArea.d.ts

@@ -0,0 +1,8 @@
+import { InputProps } from '../Input';
+import * as React from 'react';
+interface TextAreaProps extends InputProps, React.ComponentPropsWithRef<'textarea'> {
+    fullWidth?: boolean;
+}
+export type Ref = HTMLTextAreaElement;
+export declare const TextArea: React.ForwardRefExoticComponent<Omit<TextAreaProps, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
+export default TextArea;

package/dist/components/TextArea/index.d.ts

@@ -0,0 +1 @@
+export { default } from './TextArea';

package/dist/components/TextInput/TextInput-old.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+export default TextInput;
+/** Text inputs enable the user to interact with and input content and data. This component can be used for long and short form entries. */
+declare const TextInput: React.ForwardRefExoticComponent<React.RefAttributes<any>>;

package/dist/components/TextInput/TextInput-test.d.ts

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

package/dist/components/TextInput/TextInput.Skeleton.d.ts

@@ -0,0 +1,11 @@
+import { default as PropTypes } from 'prop-types';
+export default TextInputSkeleton;
+declare function TextInputSkeleton({ hideLabel, id }: {
+    hideLabel: any;
+    id: any;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace TextInputSkeleton {
+    namespace propTypes {
+        let hideLabel: PropTypes.Requireable<boolean>;
+    }
+}

package/dist/components/TextInput/TextInput.d.ts

@@ -0,0 +1,7 @@
+import { InputProps } from '../Input';
+import * as React from "react";
+/** Text inputs enable the user to interact with and input content and data. This component can be used for long and short form entries. */
+interface TextInputProps extends InputProps, React.ComponentPropsWithRef<"input"> {
+}
+declare const TextInput: React.FC<TextInputProps>;
+export default TextInput;

package/dist/components/TextInput/TextInput.legacy.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+export default TextInput;
+/** Text inputs enable the user to interact with and input content and data. This component can be used for long and short form entries. */
+declare const TextInput: React.ForwardRefExoticComponent<React.RefAttributes<any>>;

package/dist/components/TextInput/index.d.ts

@@ -0,0 +1 @@
+export { default } from './TextInput';

package/dist/components/Toggle/Toggle-old.d.ts

@@ -0,0 +1,39 @@
+import { default as PropTypes } from 'prop-types';
+export default Toggle;
+/** A toggle is used to quickly switch between two possible states. They are commonly used for “on/off” switches */
+declare function Toggle({ className, defaultToggled, toggled, onChange, onToggle, id, name, labelA, labelB, ...other }: {
+    [x: string]: any;
+    className: any;
+    defaultToggled: any;
+    toggled: any;
+    onChange: any;
+    onToggle: any;
+    id: any;
+    name: any;
+    labelA: any;
+    labelB: any;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace Toggle {
+    namespace propTypes {
+        let className: PropTypes.Requireable<string>;
+        let defaultToggled: PropTypes.Requireable<boolean>;
+        let onToggle: PropTypes.Requireable<(...args: any[]) => any>;
+        let id: PropTypes.Requireable<string>;
+        let name: PropTypes.Validator<string>;
+        let toggled: PropTypes.Requireable<boolean>;
+        let labelA: PropTypes.Validator<string>;
+        let labelB: PropTypes.Validator<string>;
+    }
+    namespace defaultProps {
+        let defaultToggled_1: boolean;
+        export { defaultToggled_1 as defaultToggled };
+        let labelA_1: string;
+        export { labelA_1 as labelA };
+        let labelB_1: string;
+        export { labelB_1 as labelB };
+        let name_1: string;
+        export { name_1 as name };
+        export function onToggle_1(): void;
+        export { onToggle_1 as onToggle };
+    }
+}

package/dist/components/Toggle/Toggle-test.d.ts

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

package/dist/components/Toggle/Toggle.Skeleton.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+export default class ToggleSkeleton extends React.Component<any, any, any> {
+    constructor(props: any);
+    render(): import("react/jsx-runtime").JSX.Element;
+}

package/dist/components/Toggle/Toggle.d.ts

@@ -0,0 +1,36 @@
+import { InputProps } from '../Input';
+import * as React from "react";
+/** A toggle is used to quickly switch between two possible states. They are commonly used for “on/off” switches */
+interface ToggleProps extends InputProps, React.ComponentPropsWithRef<"input"> {
+    /**
+     * Specify whether the toggle should be on by default
+     */
+    defaultToggled?: boolean;
+    toggled?: boolean;
+    /**
+     * Specify the label for the "off" position
+     */
+    labelA?: string;
+    /**
+     * Specify the label for the "on" position
+     */
+    labelB?: string;
+    /**
+     * Provide an optional hook that is called when the control is toggled
+     */
+    /**
+     * Provide an id that unique represents the underlying `input`
+     */
+    id?: string;
+    /**
+     * Provide an name that unique represents the underlying `input`
+     */
+    name?: string;
+    /**
+     * Provide a function that is called when a change event occurs on the control
+     */
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+}
+export type Ref = HTMLTextAreaElement;
+declare const Toggle: React.FC<ToggleProps>;
+export default Toggle;

package/dist/components/Toggle/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Toggle';

package/dist/components/Tooltip/Empty.d.ts

@@ -0,0 +1 @@
+export default function Empty(): import("react/jsx-runtime").JSX.Element;