@progressiveui/react 2.0.3 → 2.0.5

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

@@ -1,30 +0,0 @@
-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/es/dist/components/TextArea/TextArea.d.ts

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

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

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

@@ -1,7 +0,0 @@
-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/es/dist/components/TextInput/index.d.ts

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

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

@@ -1,38 +0,0 @@
-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/es/dist/components/Toggle/index.d.ts

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

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

@@ -1,103 +0,0 @@
-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/es/dist/components/Unit/index.d.ts

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

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

@@ -1,11 +0,0 @@
-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/es/dist/components/WFPCoreSettings/WFPCoreProvider.d.ts

@@ -1,21 +0,0 @@
-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/es/dist/components/WFPCoreSettings/defaults.d.ts

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

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

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

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

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

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

@@ -1,22 +0,0 @@
-import * as React from "react";
-import { ScreenSize } from "../../utils";
-export declare const pageWidths: string[];
-/** Wrapper can wrap it's content in a specific width depending on if the application has a full or fixed width. */
-export interface WrapperProps extends React.HTMLAttributes<HTMLSpanElement> {
-    /** Defines the width of the wrapper. Can be one of 'xs', 'sm', 'md', 'lg', 'full', 'narrow', 'narrower', or 'narrowest'. */
-    pageWidth?: "xs" | "sm" | "md" | "lg" | "full" | "narrow" | "narrower" | "narrowest";
-    /** Specifies the page width for mobile devices. It uses the ScreenSize type. */
-    mobilePageWidth?: ScreenSize;
-    /** Determines the spacing around the wrapper. Can be 'md' for medium or 'xl' for extra large. */
-    spacing?: "md" | "xl";
-    /** Sets the background theme. Can be 'lighter' for a light background or 'dark' for a dark background. */
-    background?: "lighter" | "dark";
-    /** Additional CSS class names to be applied to the wrapper. */
-    className?: string;
-    /** CSS class names specifically for the background of the wrapper. */
-    backgroundClassName?: string;
-    /** Custom CSS properties for the background styling. */
-    backgroundStyle?: React.CSSProperties;
-}
-declare const Wrapper: React.FC<WrapperProps>;
-export default Wrapper;

package/es/dist/hooks/index.d.ts

@@ -1 +0,0 @@
-export { useTogglable } from "./togglable";

package/es/dist/hooks/useHeightTransition.d.ts

@@ -1,4 +0,0 @@
-import { CSSProperties } from "react";
-import { TransitionState } from "react-transition-state";
-declare const useHeightTransition: <E extends Element>({ status, isResolved, }: TransitionState) => readonly [CSSProperties, import("react").RefObject<HTMLInputElement | null>];
-export { useHeightTransition };

package/es/dist/hooks/useId.d.ts

@@ -1,3 +0,0 @@
-import { useId } from "react";
-declare const _useId: typeof useId;
-export { _useId as useId };

package/es/dist/hooks/useIsomorphicLayoutEffect.d.ts

@@ -1,12 +0,0 @@
-import { useEffect } from "react";
-/**
- * Custom hook for using either `useLayoutEffect` or `useEffect` based on the environment (client-side or server-side).
- * @param {Function} effect - The effect function to be executed.
- * @param {Array<any>} [dependencies] - An array of dependencies for the effect (optional).
- * @see [Documentation](https://usehooks-ts.com/react-hook/use-isomorphic-layout-effect)
- * @example
- * useIsomorphicLayoutEffect(() => {
- *   // Code to be executed during the layout phase on the client side
- * }, [dependency1, dependency2]);
- */
-export declare const useIsomorphicLayoutEffect: typeof useEffect;

package/es/dist/hooks/useMergeRef.d.ts

@@ -1,4 +0,0 @@
-import { RefCallback, MutableRefObject } from 'react';
-type Ref<T> = RefCallback<T> | MutableRefObject<T | null>;
-declare function useMergeRef<T>(refA?: Ref<T> | null, refB?: Ref<T> | null): Ref<T> | null | undefined;
-export { useMergeRef };

package/es/dist/hooks/useSettings.d.ts

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

package/es/dist/index.d.ts

@@ -1,75 +0,0 @@
-export { Accordion, AccordionItem } from "./components/Accordion";
-export { AuthLayout, BackgroundContent } from "./components/AuthLayout";
-export { BannerNavigation, BannerNavigationItem, BannerNavigationWithContent, } from "./components/BannerNavigation";
-export { default as Avatar } from "./components/Avatar";
-export { default as Breadcrumb } from "./components/Breadcrumb";
-export { default as BreadcrumbItem } from "./components/BreadcrumbItem";
-export { default as BreadcrumbHome } from "./components/BreadcrumbHome";
-export { default as Button } from "./components/Button";
-export { buttonKinds, notificationtypes } from "./prop-types/types";
-export { default as Empty } from "./components/Empty";
-export { Hero, HeroExternal } from "./components/Hero";
-export { Card, CardExternal } from "./components/Card";
-export { DatePicker, DateRangePicker, DatePickerInput, DateRangePickerInput, } from "./components/DatePicker";
-export { default as Checkbox } from "./components/Checkbox";
-export { default as Credits } from "./components/Credits";
-export { default as ContentSwitcher } from "./components/ContentSwitcher";
-export { ContextMenu, ContextMenuGroup, ContextMenuItem, } from "./components/ContextMenu";
-export { Footer, FooterExternal, FooterMetaLink, LinksColumn, } from "./components/Footer";
-export { default as Form } from "./components/Form";
-export { default as FormGroup } from "./components/FormGroup";
-export { default as FormHint } from "./components/FormHint";
-export { default as FormItem } from "./components/FormItem";
-export { default as FormLabel } from "./components/FormLabel";
-export { default as InfoBar } from "./components/InfoBar";
-export { default as Link } from "./components/Link";
-export { default as Loading } from "./components/Loading";
-export { default as Input, useInput, Label, InlineErrorMessage, Helper, AddonBefore, AddonAfter, } from "./components/Input";
-export { default as InlineLoading } from "./components/InlineLoading";
-export { List, ListItem } from "./components/List";
-export { MainNavigation, MainNavigationContext, useMainNavigation, } from "./components/MainNavigation";
-export { default as MainNavigationItem } from "./components/MainNavigationItem";
-export { SubNavigation, SubNavigationHeader, SubNavigationTitle, SubNavigationLink, SubNavigationFilter, SubNavigationContent, SubNavigationList, SubNavigationGroup, SubNavigationItem, } from "./components/SubNavigation";
-export { default as mdxComponents } from "./components/MdxComponents";
-export { default as Modal, ModalFooter } from "./components/Modal";
-export { default as ModalWrapper } from "./components/ModalWrapper";
-export { Module, ModuleBody, ModuleHeader, ModuleFooter, } from "./components/Module";
-export { ToastNotification, NotificationActionButton, NotificationButton, NotificationTextDetails, Callout, } from "./components/Notification";
-export { Callout as BlockNotification } from "./components/Notification";
-export { default as NumberInput } from "./components/NumberInput";
-export { default as Pagination } from "./components/Pagination";
-export { default as RadioButton } from "./components/RadioButton";
-export { default as InputGroup } from "./components/InputGroup";
-export { default as ReadMore } from "./components/ReadMore";
-export { default as Search } from "./components/Search";
-export { SecondaryNavigation, SecondaryNavigationTitle, } from "./components/SecondaryNavigation";
-export { default as StepNavigation } from "./components/StepNavigation";
-export { default as StepNavigationItem } from "./components/StepNavigationItem";
-export { default as Select } from "./components/Select";
-export { default as SelectItem } from "./components/SelectItem";
-export { default as SelectItemGroup } from "./components/SelectItemGroup";
-export { Sidebar, SidebarHeader, SidebarScroll, SidebarContentHeader, SidebarContentBody, SidebarBackButton, } from "./components/Sidebar";
-export { default as Slider } from "./components/Slider";
-export { default as Story } from "./components/Story";
-export { default as Item } from "./components/Item";
-export { default as Table, TableSorting } from "./components/Table";
-export { default as TablePagination } from "./components/TablePagination";
-export { default as Tab, useTab } from "./components/Tab";
-export { default as TabContent } from "./components/TabContent";
-export { default as Tabs } from "./components/Tabs";
-export { default as Tag } from "./components/Tag";
-export { default as Text } from "./components/Text";
-export { default as TextArea } from "./components/TextArea";
-export { default as TextInput } from "./components/TextInput";
-export { default as Tooltip, tooltipStyle, tooltipStyleDark, } from "./components/Tooltip";
-export { default as Toggle } from "./components/Toggle";
-export { default as User } from "./components/User";
-export { default as Unit } from "./components/Unit";
-export { default as Value } from "./components/Value";
-export { default as Wrapper, pageWidths } from "./components/Wrapper";
-export { uniqueId } from "./tools/uniqueId";
-export { WFPCoreProvider, WFPCoreContext, withWFPCoreSettings, useTheme, defaultWFPContext, } from "./components/WFPCoreSettings";
-export { default as SkeletonText } from "./components/SkeletonText";
-export { default as colors } from "./globals/data/colors";
-export { useMediaQuery } from "./hooks/useMediaQuery";
-export { useIsomorphicLayoutEffect } from "./hooks/useIsomorphicLayoutEffect";

package/es/dist/prop-types/types.d.ts

@@ -1,5 +0,0 @@
-export declare const ButtonTypes: {
-    buttonKind: import("prop-types").Requireable<string>;
-};
-export declare const buttonKinds: string[];
-export declare const notificationtypes: string[];