@progressiveui/react 2.0.3 → 2.0.5

package/es/dist/components/BreadcrumbItem/BreadcrumbItem.d.ts

@@ -1,21 +0,0 @@
-import React from "react";
-interface BreadcrumbItemProps extends React.ComponentPropsWithoutRef<"div"> {
-    /**
-     * Specify an link for the `BreadcrumbItem`
-     */
-    href?: string;
-    /**
-     * The children elements, usually a link
-     */
-    children?: React.ReactNode;
-    /**
-     * Specify `BreadcrumbItem` to be interactive/enabled or non-interactive/disabled
-     */
-    disableLink?: boolean;
-    /**
-     * Specify an optional className to be added to the `BreadcrumbItem` Icon
-     */
-    className?: string;
-}
-declare const BreadcrumbItem: ({ children, className, disableLink, href, ...other }: BreadcrumbItemProps) => import("react/jsx-runtime").JSX.Element;
-export default BreadcrumbItem;

package/es/dist/components/Button/Button.d.ts

@@ -1,55 +0,0 @@
-import * as React from "react";
-import { ButtonKind } from "../../utils";
-interface ButtonBaseProps {
-    /**
-     * Content of the Button @design
-     */
-    children?: React.ReactNode;
-    /**
-     * Specify whether the Button should be a small variant @design
-     */
-    small?: boolean;
-    /**
-     * Specify whether the Button should be a large variant
-     */
-    large?: boolean;
-    /**
-     * Specify btnSolid to buttons on solid background to make it stand out
-     */
-    btnSolid?: boolean;
-    /**
-     * Specify the kind of Button you want to create @design
-     */
-    kind?: ButtonKind;
-    /**
-     * Optionally specify an href for your Button to become an element
-     */
-    href?: string;
-    /**
-     * Specify an `icon` to include in the Button through an object representing the SVG data of the icon, similar to the `Icon` component @design
-     */
-    icon?: React.ReactNode | React.ComponentType<any>;
-    /**
-     * Optionally specify an href for your Button to become an element @design
-     */
-    iconReverse?: boolean;
-    iconDescription?: string;
-    /**
-     * Specify whether the Button should be disabled, or not
-     */
-    disabled?: boolean;
-    /**
-     * Optional prop to specify the tabIndex of the Button
-     */
-    tabIndex?: number;
-    target?: React.AnchorHTMLAttributes<HTMLAnchorElement>["target"];
-    useFlexbox?: boolean;
-    id?: string;
-}
-interface ButtonButtonProps extends ButtonBaseProps, React.ComponentPropsWithoutRef<"button"> {
-}
-/**
- * Buttons express what action will occur when the user clicks or touches it. Buttons are used to initialize an action, either in the background or foreground of an experience. */
-export type ButtonRef<T extends React.ElementType> = React.ComponentPropsWithRef<T>["ref"];
-export declare const Button: React.ForwardRefExoticComponent<ButtonButtonProps & React.RefAttributes<HTMLButtonElement>>;
-export default Button;

package/es/dist/components/Button/index.d.ts

@@ -1 +0,0 @@
-export { default } from "./Button";

package/es/dist/components/Card/Card.d.ts

@@ -1,61 +0,0 @@
-import * as React from 'react';
-import type { PropsWithChildren } from 'react';
-import { CardKind } from '../../utils';
-/**
- * Cards are a convenient means of displaying content composed of different types of objects. It is a multi usage component which creates boxes that are usually teasing some kind of content. */
-type CardProps = PropsWithChildren<{
-    /**
-     Additional className which will be added
-   */
-    className?: string;
-    /**
-     An optimized photograph
-   */
-    image?: string;
-    /**
-    isExternal if true, opens link in a different window
-  */
-    isExternal?: boolean;
-    /**
-    Render the Card as link
-  */
-    isLink?: boolean;
-    /**
-    A short sentence to explain the content of the node (max 180 characters)
-  */
-    subTitle?: React.ReactNode;
-    /**
-     A search-friendly title (ideally 50 characters, max 100)
-  */
-    title?: string | React.ReactNode;
-    /**
-    Additional metadatas
-  */
-    metadata?: string;
-    /**
-     * Alternative text for image
-     */
-    alt?: string;
-    /**
-     * The content of the Card
-     */
-    children?: React.ReactNode;
-    /**
-    Kind of Card
-  */
-    kind?: CardKind;
-    /**
-    The URL where the content uploaded is located.
-  */
-    url?: string;
-    /**
-     * override default card width with preferred width
-     */
-    cardWidth?: string;
-    /**
-     * override default card width with preferred width
-     */
-    cardHeight?: string;
-}>;
-declare const Card: React.FC<CardProps>;
-export default Card;

package/es/dist/components/Card/CardExternal.d.ts

@@ -1,37 +0,0 @@
-import React from "react";
-import PropTypes from "prop-types";
-interface CardExternalProps {
-    label?: string;
-    labelStatus?: boolean;
-    interactive?: boolean;
-    image?: string;
-    heading?: string;
-    subHeading?: string;
-    caption?: string;
-    tag?: string;
-    children?: React.ReactNode;
-    className?: string;
-    truncated?: boolean;
-}
-declare const CardExternal: {
-    ({ label, labelStatus, interactive, image, heading, subHeading, caption, tag, children, className, ...other }: CardExternalProps): import("react/jsx-runtime").JSX.Element;
-    propTypes: {
-        /**
-         label description for card if any
-        */
-        label: PropTypes.Requireable<string>;
-        /**
-         labelStatus is either true or false, it applies  for card if any
-        */
-        labelStatus: PropTypes.Requireable<boolean>;
-        image: PropTypes.Requireable<string>;
-        heading: PropTypes.Requireable<string>;
-        subHeading: PropTypes.Requireable<string>;
-        caption: PropTypes.Requireable<string>;
-        tag: PropTypes.Requireable<string>;
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        interactive: PropTypes.Requireable<boolean>;
-        className: PropTypes.Requireable<string>;
-    };
-};
-export default CardExternal;

package/es/dist/components/ContentSwitcher/ContentSwitcher.d.ts

@@ -1,12 +0,0 @@
-import React from "react";
-import type { PropsWithChildren } from "react";
-/** ContentSwitcher manipulates the content shown following an exclusive or “either/or” pattern. It is used to toggle between two or more content sections within the same space on screen. Only one section can be shown at a time.
- */
-type ContentSwitcherProps = PropsWithChildren<{
-    className?: string;
-    selectedIndex?: number;
-    small?: boolean;
-    onChange: (data?: object) => void;
-}>;
-declare const ContentSwitcher: React.FC<ContentSwitcherProps>;
-export default ContentSwitcher;

package/es/dist/components/ContextMenu/ContextMenu.d.ts

@@ -1,31 +0,0 @@
-import * as React from 'react';
-import type { PropsWithChildren } from 'react';
-/** Context menu are used as navigational elements. They should contain commands that apply to the target object. */
-type ContextMenuProps = PropsWithChildren<{
-    /**
-     * Provide content to display when contextMenu is clicked
-     */
-    content?: React.ReactNode;
-    /**
-     * Provide a href prop as an alternative to onClick
-     */
-    href?: string;
-    /**
-     * Inline links are used within a sentence or paragraph and are styled with an underline. They should not be paired with an icon.
-     */
-    inline?: boolean;
-    /**
-     * Provide a custom className
-     */
-    className?: string;
-}>;
-declare const ContextMenu: React.FC<ContextMenuProps>;
-type ContextMenuGroupProps = PropsWithChildren<{
-    className?: string;
-}>;
-declare const ContextMenuGroup: React.FC<ContextMenuGroupProps>;
-interface ContextMenuItemProps extends React.ComponentPropsWithRef<'div'> {
-    className?: string;
-}
-declare const ContextMenuItem: React.FC<ContextMenuItemProps>;
-export { ContextMenu, ContextMenuItem, ContextMenuGroup };

package/es/dist/components/DatePicker/DatePicker.d.ts

@@ -1,8 +0,0 @@
-import * as React from "react";
-import { InputProps } from "../Input";
-import { DatePickerInputProps } from "./DatePickerInput";
-/** DatePicker with the Input wrapper */
-interface DatePickerProps extends InputProps, DatePickerInputProps {
-}
-declare const DatePicker: React.ForwardRefExoticComponent<DatePickerProps & React.RefAttributes<HTMLInputElement>>;
-export default DatePicker;

package/es/dist/components/DatePicker/DateRangePicker.d.ts

@@ -1,8 +0,0 @@
-import * as React from "react";
-import { InputProps } from "../Input";
-import { DateRangePickerInputProps } from "./DateRangePickerInput";
-/** DatePicker with the Input wrapper */
-interface DateRangePickerProps extends InputProps, DateRangePickerInputProps, React.ComponentPropsWithRef<"input"> {
-}
-declare const DateRangePicker: React.FC<DateRangePickerProps>;
-export default DateRangePicker;

package/es/dist/components/DatePicker/index.d.ts

@@ -1,4 +0,0 @@
-export { default as DatePicker } from "./DatePicker";
-export { default as DateRangePicker } from "./DateRangePicker";
-export { DatePickerInput } from "./DatePickerInput";
-export { DateRangePickerInput } from "./DateRangePickerInput";

package/es/dist/components/DatePickerNew/DateRangePickerInput.d.ts

@@ -1,11 +0,0 @@
-import * as React from 'react';
-interface DateRangePickerInputProps {
-    startDate?: string;
-    endDate?: string;
-    setStartDate?: string;
-    setEndDate?: string;
-    fromProps?: object;
-    toProps?: object;
-}
-declare const DateRangePickerInput: React.FC<DateRangePickerInputProps>;
-export default DateRangePickerInput;

package/es/dist/components/Footer/Footer.d.ts

@@ -1,39 +0,0 @@
-import * as React from "react";
-import { ScreenSize } from "../../utils";
-/** A Footer is a section at the bottom of each page. It typically contains basic site information, copyright data or links to related pages. */
-interface FooterProps extends React.HTMLAttributes<HTMLDivElement> {
-    /**
-     The content of the footer containing relevant links
-   */
-    children?: React.ReactNode;
-    /**
-     Additional className which will be added
-   */
-    className?: string;
-    /**
-     Meta content, usually the copyright notice
-   */
-    metaContent?: React.ReactNode;
-    metaLinks?: React.ReactNode;
-    /**
-     Optional WFP logo for mobile devices, can be used if the Logo should be provided by the CDN
-   */
-    logo?: string | React.ReactNode;
-    /**
-     * Specify the max-width on desktop devices (same as \`Wrapper\` component)
-     */
-    pageWidth?: ScreenSize;
-    /**
-     The WFP logo, can be used if the SDG logo should be provided in a different way
-   */
-    subTitle?: string | React.ReactNode;
-    secondary?: React.ReactNode;
-    labelOne?: string;
-    labelTwo?: string;
-    linkTextOne?: string;
-    linkHrefOne?: string;
-    linkTextTwo?: string;
-    linkHrefTwo?: string;
-}
-declare const Footer: React.FC<FooterProps>;
-export default Footer;

package/es/dist/components/Footer/FooterExternal.d.ts

@@ -1,22 +0,0 @@
-import * as React from "react";
-import type { PropsWithChildren } from "react";
-import { ScreenSize } from "../../utils";
-type FooterExternalProps = PropsWithChildren<{
-    className?: string;
-    productName?: React.ReactNode;
-    metaContent?: React.ReactNode;
-    metaLinks?: React.ReactNode;
-    pageWidth?: ScreenSize;
-}>;
-declare const FooterExternal: React.FC<FooterExternalProps>;
-type LinksColumnProps = PropsWithChildren<{
-    className?: string;
-    title?: string;
-}>;
-declare const LinksColumn: React.FC<LinksColumnProps>;
-export interface FooterMetaLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
-    className?: string;
-    href?: string;
-}
-declare const FooterMetaLink: React.FC<FooterMetaLinkProps>;
-export { FooterExternal, LinksColumn, FooterMetaLink };

package/es/dist/components/Footer/index.d.ts

@@ -1,2 +0,0 @@
-export { default as Footer } from "./Footer";
-export { FooterExternal, LinksColumn, FooterMetaLink } from "./FooterExternal";

package/es/dist/components/Form/Form.d.ts

@@ -1,15 +0,0 @@
-import * as React from 'react';
-import type { PropsWithChildren } from 'react';
-type FormProps = PropsWithChildren<{
-    /**
-     * Default margin is added to each form input
-     */
-    longForm?: boolean;
-    /**
-     * Provide a custom className to be applied on the containing <form> node
-     */
-    className?: string;
-}>;
-/** A form is a group of related input controls that allows users to provide data or configure options. */
-declare const Form: React.FC<FormProps>;
-export default Form;

package/es/dist/components/FormHint/FormHint.d.ts

@@ -1,15 +0,0 @@
-import * as React from "react";
-import type { PropsWithChildren } from "react";
-/** FormHint allows you to add a longer explanation to an input element. */
-type FormHintProps = PropsWithChildren<{
-    /**
-     * The additional className which will be added
-     */
-    className?: string;
-    /**
-     * The description of the icon
-     */
-    description?: string;
-}>;
-declare const FormHint: React.FC<FormHintProps>;
-export default FormHint;

package/es/dist/components/FormItem/FormItem.d.ts

@@ -1,17 +0,0 @@
-import React, { PropsWithChildren } from "react";
-export interface FormItemProps extends React.AllHTMLAttributes<HTMLDivElement> {
-    /**
-     * Specify whether the FormItem should be rendered as invalid
-     */
-    invalid?: boolean;
-    /**
-     * Specify whether the FormItem should be rendered as inline
-     */
-    inline?: boolean;
-    /**
-     * Provide the contents of your FormItem
-     */
-    children?: React.ReactNode;
-}
-declare const FormItem: React.FC<PropsWithChildren<FormItemProps>>;
-export default FormItem;

package/es/dist/components/FormLabel/FormLabel.d.ts

@@ -1,15 +0,0 @@
-import * as React from 'react';
-import type { PropsWithChildren } from 'react';
-/** Form Label can be used whenever it is needed to show a label detached from a regular input. */
-type FormLabelProps = PropsWithChildren<{
-    /**
-     * The ID of the related input which will be used as `htmlFor`
-     */
-    id?: string;
-    /**
-     * Additional `class` attributes
-     */
-    className?: string;
-}>;
-declare const FormLabel: React.FC<FormLabelProps>;
-export default FormLabel;

package/es/dist/components/Hero/Hero.d.ts

@@ -1,53 +0,0 @@
-import * as React from 'react';
-import type { PropsWithChildren } from 'react';
-import { HeroKind } from '../../utils';
-/**
- * Hero are a convenient means of displaying content composed of different types of objects. It is a multi usage component which creates boxes that are usually teasing some kind of content. */
-type HeroProps = PropsWithChildren<{
-    /**
-     The links target
-  */
-    href?: string;
-    /**
-     An optimized photograph
-   */
-    image?: string;
-    /**
-    External link flag
-  */
-    isExternal?: boolean;
-    /**
-    Render the Hero as link
-  */
-    isLink?: boolean;
-    /**
-    A short sentence to explain the content of the node (max 180 characters)
-  */
-    subTitle?: React.ReactNode;
-    /**
-     A search-friendly title (ideally 50 characters, max 100)
-  */
-    title?: string | React.ReactNode;
-    /**
-    Additional metadatas
-  */
-    metadata?: string;
-    /**
-    Additional more content
-  */
-    more?: React.ReactNode;
-    /**
-    Kind of Hero
-  */
-    kind?: HeroKind;
-    /**
-    The URL where the content uploaded is located.
-  */
-    url?: string;
-    /**
-     Additional className which will be added
-   */
-    className?: string;
-}>;
-declare const Hero: React.FC<HeroProps>;
-export default Hero;

package/es/dist/components/Hero/HeroExternal.d.ts

@@ -1,22 +0,0 @@
-import React, { ReactNode } from 'react';
-import type { PropsWithChildren } from 'react';
-type HeroExternalProps = PropsWithChildren<{
-    /**
-     A search-friendly title (ideally 50 characters, max 100)
-  */
-    title?: string | ReactNode;
-    /**
-     Additional className which will be added
-   */
-    className?: string;
-    /**
-    A short sentence to explain the content of the node (max 180 characters)
-  */
-    subTitle: React.ReactNode;
-    /**
-     An optimized photograph
-   */
-    image: string;
-}>;
-declare const HeroExternal: React.FC<HeroExternalProps>;
-export default HeroExternal;

package/es/dist/components/InfoBar/InfoBar.d.ts

@@ -1,23 +0,0 @@
-import * as React from 'react';
-import { ScreenSize } from '../../utils';
-/** The InfoBar shows very important information on top of the page. */
-interface InfoBarProps extends React.HTMLAttributes<HTMLDivElement> {
-    /**
-     *  `pageWidth` for the `<Wrapper />` component
-     */
-    pageWidth?: ScreenSize;
-    /**
-     * Additional `className` for the `<Wrapper />` component
-     */
-    wrapperClassName?: string;
-    /**
-     * The CSS class name to be placed on the wrapping element.
-     */
-    className?: string;
-    /**
-     * Additional `id` provided to the wrapping element
-     */
-    id?: string;
-}
-declare const InfoBar: React.FC<InfoBarProps>;
-export default InfoBar;

package/es/dist/components/InlineLoading/index.d.ts

@@ -1 +0,0 @@
-export { default } from "./InlineLoading";

package/es/dist/components/Input/Input.d.ts

@@ -1,152 +0,0 @@
-import * as React from "react";
-import { ComponentType } from "react";
-import type { PropsWithChildren } from "react";
-import * as HookForm from "react-hook-form";
-/**
-   * Optionally provide the default value of the input @design
- 
-  defaultValue?: string | number;  */
-export interface InputProps {
-    /**
-     * Provide text that is used alongside the control label for additional help
-     */
-    helperText?: React.ReactNode;
-    /**
-     * Provide the text that will be read by a screen reader when visiting this
-     * control @design
-     */
-    labelText?: React.ReactNode;
-    /**
-     * Provide a custom className that is applied directly to the underlying
-     * <textarea> node
-     */
-    formItemClassName?: string;
-    /**
-     * Provide a custom className that is applied directly to the underlying
-     * <input> or <textarea> node
-     */
-    inputWrapperClassName?: string;
-    /**
-     * Specify whether you want the underlying label to be visually hidden
-     */
-    hideLabel?: boolean;
-    /**
-     * Specify whether the control is currently invalid.
-     * Either a boolean in combination with `invalidText` or an `object`( eg. { message: "Message", …otherErrorProperties }) can be passed.
-     */
-    invalid?: boolean | HookForm.FieldError | any;
-    /**
-     * Provide the text that is displayed when the control is in an invalid state @design
-     */
-    invalidText?: string | React.ReactNode | any;
-    /**
-     * Provide the content that will be shown in addition to the label
-     * (e.g. units, currency, etc.)
-     * This content will be placed after the label @design
-     */
-    additional?: React.ReactNode;
-    light?: boolean;
-    /**
-     * Specify the placeholder attribute for the input @design
-     */
-    placeholder?: string;
-    /**
-     * Provide a unique identifier for the control
-     */
-    id?: string;
-    /**
-     * Provide a name for the control
-     */
-    name?: string;
-    /**
-     * Specify if the control is required @design
-     * (sets aria-invalid as well)
-     */
-    required?: boolean;
-    /**
-     * Specify if the control is disabled @design
-     * (sets aria-disabled as well)
-     */
-    disabled?: boolean;
-    /**
-     * If the input is read-only, the user cannot change its value but focus
-     * and tabIndex are still applied @design
-     * (sets aria-readonly as well)
-     */
-    readOnly?: boolean;
-    /**
-     * Renders the input as inline element for horizontal forms
-     */
-    inline?: boolean;
-    /**
-     * Additional helper in front of the input, e.g. a currency symbol @design
-     * (sets aria-describedby as well)
-     */
-    addonBefore?: string | React.ReactNode;
-    /**
-     * Additional helper behind the input, e.g. a currency symbol @design
-     * (sets aria-describedby as well)
-     */
-    addonAfter?: string | React.ReactNode;
-    /**
-     * Supports replacement components
-     */
-    components?: {
-        AddonBefore?: ComponentType<InputPropsForReplacementComponents>;
-        AddonAfter?: ComponentType<InputPropsForReplacementComponents>;
-        Label?: ComponentType<InputPropsForReplacementComponents>;
-        HelperText?: ComponentType<InputPropsForReplacementComponents>;
-        InlineErrorMessage?: ComponentType<InputPropsForReplacementComponents>;
-    };
-}
-export interface InputPropsForReplacementComponents extends InputProps, React.ComponentPropsWithRef<"div"> {
-    /**
-     * The classes for the label
-     */
-    labelClasses?: string;
-    /**
-     * The the ID of the element, uses the `name` prop if no `id` is provided. Make sure it is unique on the page.
-     */
-    calculatedId?: string;
-    /**
-     * The classes for the helper element
-     */
-    helperTextClasses?: string;
-    /**
-     * The classes for the error element
-     */
-    errorClasses?: string;
-    /**
-     * The id of the error. calculatedId + '-error-msg'
-     */
-    errorId?: string;
-    /**
-     * An icon for the error element
-     */
-    errorIcon?: React.ReactNode;
-}
-export interface AddonBeforeProps {
-    addonBefore?: React.ReactNode;
-    prefix?: string;
-}
-export declare function AddonBefore({ addonBefore, prefix, }: InputPropsForReplacementComponents): import("react/jsx-runtime").JSX.Element | null;
-export declare function AddonAfter({ addonAfter, prefix, }: InputPropsForReplacementComponents): import("react/jsx-runtime").JSX.Element | null;
-/**
- * Shows the error message underneath the element */
-export declare function InlineErrorMessage({ errorId, errorClasses, invalid, invalidText, }: InputPropsForReplacementComponents): import("react/jsx-runtime").JSX.Element | null;
-/**
- * Shows a helper text under the label */
-export declare function Label({ labelClasses, calculatedId, labelText, required, hideLabel, }: InputPropsForReplacementComponents): import("react/jsx-runtime").JSX.Element | null;
-/**
- * Shows a helper text under the label */
-export declare function Helper({ helperTextClasses, helperText, }: InputPropsForReplacementComponents): import("react/jsx-runtime").JSX.Element | null;
-interface InputPropsI extends InputProps, React.ComponentPropsWithRef<"div"> {
-    /**
-     * Provide a children to the input
-     */
-    children?: React.ReactNode;
-}
-/**
- * Input is a wrapper for custom inputs providing the label, helperText and errors. */
-declare const Input: React.FC<PropsWithChildren<InputPropsI>>;
-export default Input;

package/es/dist/components/Input/index.d.ts

@@ -1,3 +0,0 @@
-export { default, AddonBefore, AddonAfter, Label, Helper, InlineErrorMessage, } from "./Input";
-export type { InputProps } from "./Input";
-export { useInput } from "./useInput";