@progressiveui/react 1.22.0

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

@@ -0,0 +1,8 @@
+import 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/umd/dist/components/Tabs/index.d.ts

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

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

@@ -0,0 +1,14 @@
+import * as React from "react";
+export interface TagProps extends React.HTMLAttributes<HTMLSpanElement> {
+    /**
+     * Specify the type of Tag @design
+     */
+    type?: "wfp" | "info" | "error" | "success" | "warning" | "custom" | string;
+    /**
+     * Specify if the Tag should be wrapped if it is too long @deprecated
+     */
+    wrap?: boolean;
+}
+/** Tag is used to label, categorize, or organize items using keywords that describe them. */
+declare const Tag: React.FC<TagProps>;
+export default Tag;

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

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

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

@@ -0,0 +1,30 @@
+import * as React from "react";
+import { Spacing, TextKind } from "../../utils";
+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: Record<TextKind, keyof JSX.IntrinsicElements>;
+/**
+ *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/umd/dist/components/Text/index.d.ts

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

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

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { InputProps } from '../Input';
+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/umd/dist/components/TextArea/index.d.ts

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

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

@@ -0,0 +1,7 @@
+import * as React from "react";
+import { InputProps } from "../Input";
+/** 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/umd/dist/components/TextInput/index.d.ts

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

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

@@ -0,0 +1,38 @@
+import * as React from "react";
+import { InputProps } from "../Input";
+/** 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
+     */
+    onToggle?: (value: boolean, htmlFor: string, event: React.ChangeEvent<HTMLInputElement>) => void;
+    className?: string;
+    /**
+     * 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/umd/dist/components/Toggle/index.d.ts

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

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

@@ -0,0 +1,103 @@
+import * as React from "react";
+import { Placement } from "../../utils";
+export interface TooltipProps {
+    /**
+     * React nodes that trigger the tooltip on interaction.
+     */
+    children: React.ReactNode;
+    /**
+     * Content of the tooltip. Can be a React node or a function returning a React node.
+     * The function receives an object with functions to set visibility and handle visibility change.
+     */
+    content?: React.ReactNode | ((options: {
+        setVisibility: React.Dispatch<React.SetStateAction<boolean>>;
+        visibilityChange: (state: boolean) => void;
+    }) => React.ReactNode);
+    /**
+     * @deprecated If true, applies a dark theme to the tooltip.
+     */
+    dark?: boolean;
+    /**
+     * If true, removes padding from the tooltip.
+     */
+    noPadding?: boolean;
+    /**
+     * Position of the tooltip relative to the child element. Uses the Placement type from utils.
+     */
+    placement?: Placement;
+    /**
+     * Trigger action for the tooltip - can be "hover" or "click".
+     */
+    trigger?: "hover" | "click";
+    /**
+     * Popper.js modifiers for advanced tooltip positioning.
+     */
+    modifiers?: [];
+    /**
+     * If true, renders the tooltip in a React portal.
+     */
+    usePortal?: boolean;
+    /**
+     * If true, wraps the child element with a span to attach a ref for the tooltip.
+     */
+    createRefWrapper?: boolean;
+    /**
+     * If true, the tooltip is interactive (hoverable/clickable).
+     */
+    interactive?: boolean;
+    /**
+     * Delay in milliseconds before hiding the tooltip.
+     */
+    delayHide?: number;
+    /**
+     * Additional custom class names for styling the tooltip.
+     */
+    className?: string;
+    /**
+     * If true, closes the tooltip when clicking outside of it.
+     */
+    closeOnOutsideClick?: boolean;
+    /**
+     * Close the tooltip when the trigger element is hidden.
+     */
+    closeOnTriggerHidden?: boolean;
+    /**
+     * If the tooltip should be visible by default.
+     */
+    defaultVisible?: boolean;
+    /**
+     * Delay in milliseconds before showing the tooltip.
+     */
+    delayShow?: number;
+    /**
+     * If true, the tooltip follows the cursor.
+     */
+    followCursor?: boolean;
+    /**
+     * Options for observing DOM changes through a MutationObserver.
+     */
+    mutationObserverOptions?: MutationObserverInit | null;
+    /**
+     * Offset of the tooltip from the trigger element, specified as a tuple [x, y].
+     */
+    offset?: [number, number];
+    /**
+     * Callback function when the visibility state of the tooltip changes.
+     */
+    onVisibleChange?: (state: boolean) => void;
+}
+export declare const tooltipStyle: {
+    duration: number;
+    animation: string;
+    theme: string;
+    arrow: boolean;
+};
+export declare const tooltipStyleDark: {
+    duration: number;
+    animation: string;
+    theme: string;
+    arrow: boolean;
+};
+/** Tooltips display additional information upon click, hover, or focus. The information should be contextual, useful, and nonessential. */
+declare const Tooltip: React.FC<React.PropsWithChildren<TooltipProps>>;
+export default Tooltip;

package/umd/dist/components/Tooltip/index.d.ts

@@ -0,0 +1,2 @@
+export { tooltipStyle, tooltipStyleDark } from './Tooltip';
+export { default } from './Tooltip';

package/umd/dist/components/UNCoreSettings/UNCoreProvider.d.ts

@@ -0,0 +1,21 @@
+import React, { PropsWithChildren } from 'react';
+export interface AppContextInterface {
+    prefix: string;
+    selectorTabbable: string;
+    selectorFocusable: string;
+    theme: string;
+    actualTheme: string;
+    initialized: boolean;
+    setTheme: (theme: string) => void;
+    wrapperElement?: HTMLElement;
+}
+export declare const UNCoreContext: React.Context<AppContextInterface>;
+/** The UN Core props are basic properties for the provider */
+type UNCoreProps = PropsWithChildren<{
+    children?: React.ReactNode;
+    initialTheme?: string;
+    prefix?: string;
+    wrapperElement?: HTMLElement;
+}>;
+export declare const UNCoreProvider: React.FC<UNCoreProps>;
+export {};

package/umd/dist/components/UNCoreSettings/defaults.d.ts

@@ -0,0 +1,2 @@
+import defaultUNContext from '../../globals/js/settings';
+export { defaultUNContext };

package/umd/dist/components/UNCoreSettings/index.d.ts

@@ -0,0 +1,4 @@
+export { defaultUNContext } from './defaults';
+export { UNCoreContext, UNCoreProvider } from './UNCoreProvider';
+export { withUNCoreSettings } from './withUNCoreSettings';
+export { default as useTheme } from './useTheme';

package/umd/dist/components/UNCoreSettings/useTheme.d.ts

@@ -0,0 +1,2 @@
+import { AppContextInterface } from './UNCoreProvider';
+export default function useTheme(): AppContextInterface;

package/umd/dist/components/UNCoreSettings/withUNCoreSettings.d.ts

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export declare const withUNCoreSettings: (WrappedComponent: React.ElementType) => (props?: object) => React.JSX.Element;

package/umd/dist/components/Unit/InvalidUnit.d.ts

@@ -0,0 +1,2 @@
+export declare const Invalid: (props: any) => import("react/jsx-runtime").JSX.Element;
+export declare const InvalidSvg: (props: any) => import("react/jsx-runtime").JSX.Element;

package/umd/dist/components/Unit/SimpleCalc.d.ts

@@ -0,0 +1,17 @@
+type SimpleCalcProps = {
+    calcOnly?: boolean;
+    children?: any;
+    string?: boolean;
+    svg?: boolean;
+    hideUnit?: boolean;
+    className?: string;
+    after?: string;
+    before?: string;
+};
+declare const SimpleCalc: (props: SimpleCalcProps, after?: string, before?: string) => string | import("react/jsx-runtime").JSX.Element | {
+    value: any;
+    before: string | undefined;
+    after: string | undefined;
+    output: string;
+} | undefined;
+export default SimpleCalc;

package/umd/dist/components/Unit/StringUnit.d.ts

@@ -0,0 +1,2 @@
+declare const StringUnit: (value: any) => string;
+export default StringUnit;

package/umd/dist/components/Unit/SvgUnit.d.ts

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

package/umd/dist/components/Unit/Unit.d.ts

@@ -0,0 +1,54 @@
+import * as React from 'react';
+interface UnitProps extends React.ComponentPropsWithoutRef<'div'> {
+    /**
+      The value which should be displayed
+    */
+    children: string | number;
+    /**
+        Only used for type Percentage will divide value/from string, float
+      */
+    from?: string | number;
+    /**
+        The interface of the input value
+      */
+    input?: string;
+    /**
+     * Display zero values to be displayed
+     */
+    showZero: boolean;
+    /**
+        Hide the Unit if it's value is zero.
+      */
+    hideEmpty: boolean;
+    /**
+        The minimum number of fraction digits to use. Possible values are from 0 to 20. Only used on numeric types
+      */
+    minimumFractionDigits?: number;
+    /**
+        A value between 1-21, The maximum number of significant digits to use. Possible values are from 1 to 21; the default is minimumSignificantDigits.
+      */
+    maximumSignificantDigits?: number;
+    output?: string;
+    string?: boolean;
+    localeStringLanguage?: string;
+    maximumFractionDigits?: number;
+    textAnchor?: string;
+    /**
+     * A string with a BCP 47 language code, or an array of language codes. For the general form and interpretation of the locale argument see the [toLocaleString on developer.mozilla.org](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Date/toLocaleString) page.
+     */
+    locale?: string;
+    /**
+        Setup the Unit
+      */
+    setup?: boolean;
+    /**
+        Render output as svg text
+      */
+    svg?: boolean;
+    /**
+        The unit type  */
+    type: 'none' | 'usd' | 'partners' | 'beneficiaries' | 'households' | 'months' | 'mt' | 'metricTons' | 'kg' | 'num' | 'yearMonth' | 'level' | 'people' | 'countries' | 'percentage';
+}
+/** The Unit component method returns a component with a language and unit sensitive representation of this number based on [Numbers and Unit from the Editorial Guidelines](https://cdn.wfp.org/guides/editorial/content/numbers-and-units/) the [Numbers and Units Reference on developer.mozilla.org](http://cdn.wfp.org/guides/editorial/content/numbers-and-units). */
+declare const Unit: React.FC<UnitProps>;
+export default Unit;

package/umd/dist/components/Unit/UnitList.d.ts

@@ -0,0 +1,96 @@
+export declare const Usd: (props: any) => string | false | import("react/jsx-runtime").JSX.Element | {
+    value: any;
+    before: string | undefined;
+    after: string | undefined;
+    output: any;
+};
+export declare const People: (props: any) => string | false | import("react/jsx-runtime").JSX.Element | {
+    value: any;
+    before: string | undefined;
+    after: string | undefined;
+    output: any;
+};
+export declare const Partners: (props: any) => string | false | import("react/jsx-runtime").JSX.Element | {
+    value: any;
+    before: string | undefined;
+    after: string | undefined;
+    output: any;
+};
+export declare const Mt: (props: any) => string | false | import("react/jsx-runtime").JSX.Element | {
+    value: any;
+    before: string | undefined;
+    after: string | undefined;
+    output: any;
+};
+export declare const MetricTons: (props: any) => string | false | import("react/jsx-runtime").JSX.Element | {
+    value: any;
+    before: string | undefined;
+    after: string | undefined;
+    output: any;
+};
+export declare const Months: (props: any) => string | false | import("react/jsx-runtime").JSX.Element | {
+    value: any;
+    before: string | undefined;
+    after: string | undefined;
+    output: any;
+};
+export declare const Num: (props: any) => string | false | import("react/jsx-runtime").JSX.Element | {
+    value: any;
+    before: string | undefined;
+    after: string | undefined;
+    output: any;
+};
+export declare const Beneficiaries: (props: any) => string | false | import("react/jsx-runtime").JSX.Element | {
+    value: any;
+    before: string | undefined;
+    after: string | undefined;
+    output: any;
+};
+export declare const Households: (props: any) => string | false | import("react/jsx-runtime").JSX.Element | {
+    value: any;
+    before: string | undefined;
+    after: string | undefined;
+    output: any;
+};
+export declare const Trips: (props: any) => string | false | import("react/jsx-runtime").JSX.Element | {
+    value: any;
+    before: string | undefined;
+    after: string | undefined;
+    output: any;
+};
+export declare const Kg: (props: any) => string | import("react/jsx-runtime").JSX.Element | {
+    value: any;
+    before: string | undefined;
+    after: string | undefined;
+    output: string;
+} | undefined;
+export declare const Level: (props: any) => string | import("react/jsx-runtime").JSX.Element | {
+    value: any;
+    before: string | undefined;
+    after: string | undefined;
+    output: string;
+} | undefined;
+export declare const Countries: (props: any) => string | import("react/jsx-runtime").JSX.Element | {
+    value: any;
+    before: string | undefined;
+    after: string | undefined;
+    output: string;
+} | undefined;
+export declare const None: (props: any) => string | import("react/jsx-runtime").JSX.Element | {
+    value: any;
+    before: string | undefined;
+    after: string | undefined;
+    output: string;
+} | undefined;
+export declare const Percentage: (props: any) => string | false | import("react/jsx-runtime").JSX.Element | {
+    value: any;
+    before: string | undefined;
+    after: string | undefined;
+    output: undefined;
+};
+export declare const YearMonth: (props: any) => string | import("react/jsx-runtime").JSX.Element | {
+    value: string;
+    before: string;
+    after: string;
+    output: undefined;
+} | undefined;

package/umd/dist/components/Unit/YearMonthCalc.d.ts

@@ -0,0 +1,7 @@
+export declare const YearMonthCalc: (props: any) => string | import("react/jsx-runtime").JSX.Element | {
+    value: string;
+    before: string;
+    after: string;
+    output: undefined;
+} | undefined;
+export default YearMonthCalc;

package/umd/dist/components/Unit/currencyCalc.d.ts

@@ -0,0 +1,21 @@
+type currencyCalcProps = {
+    calcOnly?: boolean;
+    children?: any;
+    input?: any;
+    output?: any;
+    string?: boolean;
+    svg?: boolean;
+    hideZero?: boolean;
+    maximumSignificantDigits?: number;
+    minimumFractionDigits?: number;
+    maximumFractionDigits?: number;
+    className?: string;
+    localeStringLanguage?: string;
+};
+export declare const currencyCalc: (props: currencyCalcProps, after?: string, before?: string, afterSingular?: any, isAbsolute?: any) => string | false | import("react/jsx-runtime").JSX.Element | {
+    value: any;
+    before: string | undefined;
+    after: string | undefined;
+    output: any;
+};
+export default currencyCalc;

package/umd/dist/components/Unit/index.d.ts

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

package/umd/dist/components/Unit/percentageCalc.d.ts

@@ -0,0 +1,18 @@
+type percentageCalcProps = {
+    calcOnly?: boolean;
+    children?: any;
+    from?: any;
+    string?: boolean;
+    svg?: boolean;
+    hideZero?: boolean;
+    maximumSignificantDigits?: number;
+    maximumFractionDigits?: number;
+    className?: string;
+};
+export declare const percentageCalc: (props: percentageCalcProps, after?: string, before?: string) => string | false | import("react/jsx-runtime").JSX.Element | {
+    value: any;
+    before: string | undefined;
+    after: string | undefined;
+    output: undefined;
+};
+export default percentageCalc;

package/umd/dist/components/Unit/scaleLookup.d.ts

@@ -0,0 +1,24 @@
+declare const scaleLookup: {
+    thousand: {
+        pow: number;
+        defaultmaximumFractionDigits: number;
+        default: {
+            after: string;
+        };
+    };
+    million: {
+        pow: number;
+        defaultmaximumFractionDigits: number;
+        default: {
+            after: string;
+        };
+    };
+    billion: {
+        pow: number;
+        defaultmaximumFractionDigits: number;
+        default: {
+            after: string;
+        };
+    };
+};
+export default scaleLookup;

package/umd/dist/components/User/User.d.ts

@@ -0,0 +1,55 @@
+import * as React from "react";
+export interface UserProps extends React.HTMLAttributes<HTMLSpanElement> {
+    /**
+     * The alt-text of the avatar
+     */
+    alt?: string;
+    /**
+     * Sets the max-width of the user name to 130px and shows an ellipsis
+     */
+    ellipsis?: boolean;
+    /**
+     * Additional description under the Name will also increase the size
+     * of the Avatar use &lt;List kind="simple" small /&gt; as default content
+     */
+    description?: React.ReactNode;
+    /**
+     * Optional components to replace the default ones, the Icon component is used for the avatar
+     */
+    components?: {
+        Icon: React.ReactNode;
+    };
+    /**
+     * Extended Description column
+     */
+    extendedDescription?: React.ReactNode;
+    /**
+     * Selects the generated empty icon if no image is provided.
+     * Can be `avatar` or `letter`.
+     */
+    missingImage?: "avatar" | "letter";
+    /**
+     * Url to an avatar image The size of the image is 25px * 25px.
+     * Provide at least 50px * 50px to support HiDPI displays.
+     */
+    image?: string;
+    /**
+     * Show the name next to the avatar
+     */
+    showName?: boolean;
+    /**
+     * The CSS class name for the user.
+     */
+    className?: string;
+    /**
+     * Shows a smaller version of the user
+     */
+    small?: boolean;
+    /**
+     * The username which will be displayed. Usually `Firstname Lastname`.
+     */
+    name?: string;
+}
+/** The User is used inside the MainNavigation and form, and can display an avatar and username. */
+declare const User: React.FC<UserProps>;
+export default User;

package/umd/dist/components/User/index.d.ts

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

package/umd/dist/components/Value/Value.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import type { PropsWithChildren } from "react";
+/** Value are typically used to show KPI values and additional information. */
+type ValueProps = PropsWithChildren<{
+    value?: React.ReactNode;
+    secondaryValue?: React.ReactNode;
+    title?: React.ReactNode;
+    className?: string;
+}>;
+declare const Value: React.FC<ValueProps>;
+export default Value;

package/umd/dist/components/Value/index.d.ts

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

package/umd/dist/components/WFPCoreSettings/WFPCoreProvider.d.ts

@@ -0,0 +1,21 @@
+import React, { PropsWithChildren } from "react";
+export interface AppContextInterface {
+    prefix: string;
+    selectorTabbable: string;
+    selectorFocusable: string;
+    theme: string;
+    actualTheme: string;
+    initialized: boolean;
+    setTheme: (theme: string) => void;
+    wrapperElement?: HTMLElement;
+}
+export declare const WFPCoreContext: React.Context<AppContextInterface>;
+/** The WFP Core props are basic properties for the provider */
+type WFPCoreProps = PropsWithChildren<{
+    children?: React.ReactNode;
+    initialTheme?: string;
+    prefix?: string;
+    wrapperElement?: HTMLElement;
+}>;
+export declare const WFPCoreProvider: React.FC<WFPCoreProps>;
+export {};

package/umd/dist/components/WFPCoreSettings/defaults.d.ts

@@ -0,0 +1,2 @@
+import defaultWFPContext from "../../globals/js/settings";
+export { defaultWFPContext };

package/umd/dist/components/WFPCoreSettings/index.d.ts

@@ -0,0 +1,4 @@
+export { defaultWFPContext } from "./defaults";
+export { WFPCoreContext, WFPCoreProvider } from "./WFPCoreProvider";
+export { withWFPCoreSettings } from "./withWFPCoreSettings";
+export { default as useTheme } from "./useTheme";

package/umd/dist/components/WFPCoreSettings/useTheme.d.ts

@@ -0,0 +1,2 @@
+import { AppContextInterface } from "./WFPCoreProvider";
+export default function useTheme(): AppContextInterface;

package/umd/dist/components/WFPCoreSettings/withWFPCoreSettings.d.ts

@@ -0,0 +1,2 @@
+import * as React from "react";
+export declare const withWFPCoreSettings: (WrappedComponent: React.ElementType) => (props?: object) => import("react/jsx-runtime").JSX.Element;