@progressiveui/react 2.0.2 → 2.0.4

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

@@ -1,48 +0,0 @@
-import React from 'react';
-import { InputProps } from '../Input/Input';
-/**
- * InputGroup allows you to organize and arange multiple input elements.
- */
-interface InputGroupProps extends InputProps, React.ComponentPropsWithoutRef<'div'> {
-    /**
-     * Provide a collection of <RadioButton> components to render in the group
-     */
-    children?: React.ReactNode;
-    /**
-     * Specify the <RadioButton> to be selected by default
-     */
-    defaultSelected?: string | number;
-    /**
-     * Specify the name of the underlying `input` nodes
-     */
-    name?: string;
-    /**
-     * Provide an optional `onChange` hook that is called whenever the value of
-     * the group changes
-     */
-    /**
-     * Specify the value that is currently selected in the group
-     */
-    valueSelected?: string | number;
-    /**
-     * Specify whether the elements should be displayed vertically.
-     */
-    vertical?: boolean;
-    /**
-     * Specify whether you want the underlying label to be visually hidden
-     */
-    hideLabel?: boolean;
-    /**
-     * 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
-     */
-    labelText?: React.ReactNode;
-    controlled?: boolean;
-    wrapperClassName?: string;
-}
-declare const InputGroup: React.FC<InputGroupProps>;
-export default InputGroup;

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

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

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

@@ -1,59 +0,0 @@
-import * as React from "react";
-import { IIcon } from "../../utils";
-interface ItemProps extends Omit<React.ComponentPropsWithRef<"div">, "title"> {
-    /**
-     * Provide the title for the item contet
-     */
-    title?: React.ReactNode;
-    /**
-     * Provide the description for the item content
-     */
-    children?: React.ReactNode;
-    /**
-     * Provide the icon for the item content
-     */
-    icon?: React.ReactNode | IIcon;
-    /**
-     * Provide a kind to use different appearances.
-     */
-    kind?: "undefined" | "horizontal" | "large";
-    /**
-     * Provide a wrap to use different borders.
-     */
-    wrapper?: "undefined" | "sidebar" | "repeater";
-    /**
-     * Show an additional chevron icon on the right side
-     */
-    showAdditionalIcon?: boolean;
-    /**
-     * Additional content shown underneath the regular content (children)
-     */
-    subContent?: React.ReactNode;
-    /**
-     * Provide a hint to the item shown on the right bottom corner
-     */
-    hint?: React.ReactNode;
-    /**
-     * Enable the active state to the item
-     */
-    active?: boolean;
-    /**
-     * Provide additional info on the top right corner of the item
-     */
-    additional?: React.ReactNode;
-    /**
-     * Provide an image to the item
-     */
-    image?: React.ReactNode;
-    /**
-     * Disable the image to the item
-     */
-    noImage?: boolean;
-    /**
-     * Enable an unread state to the item
-     */
-    unread?: boolean;
-}
-/** The item component to show entries inside a list, like a sidebar or an overview page. */
-declare const Item: React.FC<ItemProps>;
-export default Item;

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

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

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

@@ -1,37 +0,0 @@
-import * as React from "react";
-export interface LinkProps extends React.ComponentPropsWithRef<"a"> {
-    /**
-     * Provide the content for the link element
-     */
-    children?: React.ReactNode;
-    /**
-     * Adds an underline to the link element to better indicate that it is clickable in continuous text. @design
-     */
-    inline?: boolean;
-    /**
-     * Disables the link element. @design
-     */
-    disabled?: boolean;
-    /**
-     * Provide the href for the link element
-     */
-    href?: string;
-    /**
-     * Indicates that the link has been visited.
-     */
-    visited?: boolean;
-    /**
-     * Choose a size for the link element @design
-     */
-    size?: "sm" | "md" | "lg";
-    /**
-     * Use a solid prop for link element on a solid background @design
-     */
-    linkSolid?: boolean;
-    /**
-     * Use an icon with the link element @design
-     */
-    icon?: React.ReactNode | React.ComponentType | React.ElementType;
-}
-export declare const Link: React.ForwardRefExoticComponent<Omit<LinkProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
-export default Link;

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

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

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

@@ -1,32 +0,0 @@
-import * as React from "react";
-/** List component show a number of connected items written consecutively, typically one below the other. */
-export interface ListBaseProps {
-    /**
-     * If true, colons will be displayed in the List items.
-     */
-    colon?: boolean;
-    /**
-     * Specifies the visual presentation style of the List.
-     */
-    kind?: "unstyled" | "simple-inline" | "simple" | "details" | "unordered" | "ordered" | "tooltip" | "bullets";
-    /**
-     * If true, renders the List with a smaller font size and padding.
-     */
-    small?: boolean;
-}
-interface ListOlProps extends ListBaseProps, React.ComponentPropsWithRef<"button"> {
-}
-interface ListUlProps extends ListBaseProps, React.ComponentPropsWithRef<"a"> {
-}
-type ConditionalProps<T> = T extends {
-    kind: "ordered";
-} ? ListOlProps : ListUlProps;
-type ListProps<T extends {
-    kind?: string;
-}> = ConditionalProps<T> & React.ComponentPropsWithRef<T extends {
-    kind: "ordered";
-} ? "ol" : "ul">;
-export declare const List: React.ForwardRefExoticComponent<Omit<ListProps<{
-    kind?: string | undefined;
-}>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-export default List;

package/umd/dist/components/List/ListItem.d.ts

@@ -1,25 +0,0 @@
-import * as React from "react";
-export interface ListItemProps extends Omit<React.ComponentPropsWithRef<"li">, "title"> {
-    /**
-     * Specify the kind of icon to use in the list item. Options are 'checkmark' or 'cross'.
-     * This provides a visual cue about the nature or status of the list item. @design
-     */
-    kind?: "checkmark" | "cross";
-    /**
-     * Specify whether the list item should be a small variant. Useful for denser lists
-     * or when space is a constraint. @size
-     */
-    small?: boolean;
-    /**
-     * Content to be displayed as the title of the list item. This can be simple text or
-     * a React node for more complex content. @content
-     */
-    title?: React.ReactNode;
-    /**
-     * Icon to be displayed in the list item. This can be a React node or a string
-     * representing the name of a pictogram. @content
-     */
-    icon?: React.ReactNode;
-}
-declare const ListItem: React.FC<ListItemProps>;
-export default ListItem;

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

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

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

@@ -1,16 +0,0 @@
-import * as React from 'react';
-interface LoadingProps {
-    active?: boolean;
-    className?: string;
-    /**
-     * Specify whether you want the loader to be applied with an overlay
-     */
-    withOverlay?: boolean;
-    /**
-     * Specify whether you would like the small variant of <Loading>
-     */
-    small?: boolean;
-}
-/** Loading spinners are used when retrieving data or performing slow computations, and help to notify users that loading is underway. */
-declare const Loading: React.FC<LoadingProps>;
-export default Loading;

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

@@ -1,7 +0,0 @@
-/**
- * Copyright IBM Corp. 2016, 2018
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-export { default } from './Loading';

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

@@ -1,51 +0,0 @@
-import React, { ComponentType } from "react";
-import { ScreenSize } from "../../utils";
-import { MobileButtonProps } from "./MobileButton";
-import { WrapperProps } from "../Wrapper/Wrapper";
-/** The Main Navigation is a Horizontal Menu which consists of multiple clickable items placed at the top of the page. The navigation stays unchanged when browswing through the site and is present on every page. The currently selected item is usually highlighted. */
-interface MainNavigationProps extends React.ComponentPropsWithRef<"div"> {
-    /**
-     * The Logo can be either a string or a component
-     */
-    logo?: string | React.ReactNode;
-    /**
-     * Specify the max-width on desktop devices (same as \`Wrapper\` component)
-     */
-    pageWidth?: ScreenSize;
-    /**
-     * The replaceable components to be used for the main navigation. MobileButton(prefix, toggleMenu): accepts a React.ReactNode which will be used as the mobile button. Wrapper: accepts a React.ReactNode which will be used as the wrapper.
-     */
-    components?: {
-        Wrapper?: ComponentType<WrapperProps>;
-        MobileButton?: ComponentType<MobileButtonProps>;
-    };
-    /**
-     * Specify the max-width on mobile devices (same as \`Wrapper\` component)
-     */
-    mobilePageWidth?: ScreenSize;
-    /**
-     * A line will be placed above the navigation
-     */
-    line?: boolean;
-    /**
-     * Show a logo ribbon on the left side of the logo
-     */
-    logoRibbon?: "default" | "offShelf" | null;
-    /**
-     * Additional className for the `Wrapper`
-     */
-    wrapperClassName?: string;
-    /**
-     * The CSS class name to be placed on the wrapping element.
-     */
-    className?: string;
-    /**
-     * Defines an `id` for the component.
-     */
-    id?: string;
-}
-declare const MainNavigation: {
-    ({ children, components: componentsOverride, className, id, logo, line, logoRibbon, mobilePageWidth, pageWidth, }: MainNavigationProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export default MainNavigation;

package/umd/dist/components/MainNavigation/MainNavigationContext.d.ts

@@ -1,25 +0,0 @@
-import React from "react";
-export interface MainNavigationContextType {
-    /**
-     * Callback when the user clicks on a sub menu item
-     */
-    onChangeSub: (action: string, i?: string, e?: any) => void;
-    /**
-     * The active menu item
-     */
-    activeMenuItem?: string | null;
-    /**
-     * Whether the mobile menu is open
-     */
-    openMobileMenu: boolean;
-    /**
-     * Toggle the mobile menu
-     */
-    toggleMenu: () => void;
-    /**
-     * Set the mobile menu to open or closed
-     */
-    setOpenMobileMenu: (open: boolean) => void;
-}
-declare const MainNavigationContext: React.Context<MainNavigationContextType>;
-export default MainNavigationContext;

package/umd/dist/components/MainNavigation/MainNavigationExternal.d.ts

@@ -1,72 +0,0 @@
-import React from "react";
-import PropTypes from "prop-types";
-interface MainNavigationExternalProps {
-    /**
-     * The name of your product can be applied to this prop
-     */
-    productName?: string;
-    /**
-     * The CSS class name to be placed on the wrapping element.
-     */
-    className?: string;
-    /**
-     * List of laguages your site support
-     */
-    languageList?: React.ReactNode;
-    /**
-     * The name of signed in user can be applied to this prop
-     */
-    username?: string;
-    /**
-     * The image of signed in user can be applied to this prop
-     */
-    userImage?: string;
-    /**
-     * The dropdown details of user can be applied to this prop
-     */
-    userDetails?: React.ReactNode;
-    /**
-     * This prop accepts the first language your website is in. Default: English
-     */
-    primaryLanguage?: string;
-    components?: any;
-    children?: React.ReactNode;
-    pageWidth?: "sm" | "md" | "lg" | "full" | "xs" | "narrow" | "narrower" | "narrowest";
-}
-declare const MainNavigationExternal: {
-    ({ productName, primaryLanguage, languageList, username, pageWidth, components, userImage, userDetails, children, }: MainNavigationExternalProps): import("react/jsx-runtime").JSX.Element;
-    propTypes: {
-        /**
-         * The name of your product can be applied to this prop
-         */
-        productName: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        /**
-         * The CSS class name to be placed on the wrapping element.
-         */
-        className: PropTypes.Requireable<string>;
-        /**
-         * List of laguages your site support
-         */
-        languageList: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        /**
-         * The name of signed in user can be applied to this prop
-         */
-        username: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        /**
-         * The image of signed in user can be applied to this prop
-         */
-        userImage: PropTypes.Requireable<string>;
-        /**
-         * The dropdown details of user can be applied to this prop
-         */
-        userDetails: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        /**
-         * This prop accepts the first language your website is in. Default: English
-         */
-        primaryLanguage: PropTypes.Requireable<string>;
-    };
-    defaultProps: {
-        primaryLanguage: string;
-    };
-};
-export default MainNavigationExternal;

package/umd/dist/components/MainNavigation/MobileButton.d.ts

@@ -1,17 +0,0 @@
-import React, { PropsWithChildren } from 'react';
-export type MobileButtonProps = PropsWithChildren<{
-    /**
-     * Status of the mobile menu
-     */
-    openMobileMenu?: boolean;
-    /**
-     * Prefix for the component CSS class
-     */
-    prefix?: string;
-    /**
-     * Toggle the Menu
-     */
-    toggleMenu?: () => void;
-}>;
-declare const MobileButton: React.FC<MobileButtonProps>;
-export default MobileButton;

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

@@ -1,3 +0,0 @@
-export { default as MainNavigation } from "./MainNavigation";
-export { default as MainNavigationContext } from "./MainNavigationContext";
-export { default as useMainNavigation } from "./useMainNavigation";

package/umd/dist/components/MainNavigation/useMainNavigation.d.ts

@@ -1,7 +0,0 @@
-import { MainNavigationContextType } from "./MainNavigationContext";
-/** The useMainNavigation() is a hook to access the current state of the MainNavigation and manipulate it. */
-declare function useMainNavigation(): MainNavigationContextType;
-declare namespace useMainNavigation {
-    var displayName: string;
-}
-export default useMainNavigation;

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

@@ -1,29 +0,0 @@
-import React from "react";
-/**
- * MainNavigationItem component for use with MainNavigation. This component is a wrapper for the `a` element.
- */
-interface MainNavigationItemProps extends React.ComponentPropsWithRef<"a"> {
-    /**
-     * If defined the `MainNaviationItem` will have a toggleable
-     * SubNavigation. See the `SubNavigation` component for details on usage
-     */
-    subNavigation?: React.ReactNode;
-    /**
-     * If the subNavigation is open, the subNavigation will be as wide as the content
-     */
-    subNavWideAsContent?: boolean;
-    /**
-     * Specify the kind of the subNavigation
-     */
-    kind?: "fullWidth" | "callout";
-    /**
-     * Specify a callback that will be called when the subNavigation is opened or closed
-     */
-    onChangeSub?: (action: string, id?: number, e?: any) => void;
-    /**
-     * Specify if you want to use the external version of the component
-     */
-    external?: boolean;
-}
-declare const MainNavigationItem: ({ className, children, kind, subNavigation, subNavWideAsContent, }: MainNavigationItemProps) => import("react/jsx-runtime").JSX.Element;
-export default MainNavigationItem;

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

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

package/umd/dist/components/MdxComponents/MdxComponentsNew.d.ts

@@ -1,2 +0,0 @@
-declare const mdxComponents: any;
-export default mdxComponents;

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

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

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

@@ -1,122 +0,0 @@
-import React from "react";
-export interface ModalProps {
-    /**
-     * Specify the content of the modal header label.
-     */
-    modalLabel?: React.ReactNode;
-    /**
-     * Specify the content of the modal header title.
-     */
-    modalHeading?: React.ReactNode;
-    modalText?: React.ReactNode;
-    /**
-     * Specify whether the modals content should be only loaded when the `Modal` is `open`
-     */
-    lazyLoad?: boolean;
-    /**
-     * Specify whether the modal should be button-less
-     */
-    passiveModal?: boolean;
-    children?: React.ReactNode;
-    components?: {
-        Wrapper?: React.ReactNode;
-        ModalFooter?: React.ReactNode;
-    };
-    /**
-     * Specify a label to be read by screen readers on the modal root node
-     */
-    modalAriaLabel?: string;
-    elementToAppend?: HTMLElement | null;
-    modalSecondaryAction?: React.ReactNode;
-    /**
-     * Specify the text for the secondary button
-     */
-    secondaryButtonText?: React.ReactNode;
-    /**
-     * Specify whether the secondary Button should be disabled, or not
-     */
-    secondaryButtonDisabled?: boolean;
-    /**
-     * Specify a handler for the secondary button.
-     * Useful if separate handler from `onRequestClose` is desirable
-     */
-    onSecondarySubmit?: () => void;
-    /**
-     * Specify the text for the primary button
-     */
-    primaryButtonText?: React.ReactNode;
-    /**
-     * Specify whether the Button should be disabled, or not
-     */
-    primaryButtonDisabled?: boolean;
-    /**
-     * Specify whether the Modal is currently open
-     */
-    open?: boolean;
-    /**
-     * Specify to hide the close button
-     */
-    hideClose?: boolean;
-    warning?: boolean;
-    /**
-     * Specify whether the Modal is for dangerous actions
-     */
-    danger?: boolean;
-    /**
-     * Specify if Enter key should be used as "submit" action
-     */
-    shouldSubmitOnEnter?: boolean;
-    /**
-     * Specify CSS selectors that match DOM elements working as floating menus.
-     * Focusing on those elements won't trigger "focus-wrap" behavior
-     */
-    selectorsFloatingMenus?: string[];
-    /**
-     * Specify a CSS selector that matches the DOM element that should
-     * be focused when the Modal opens. If "false" no selector will be triggered
-     */
-    selectorPrimaryFocus?: boolean | string;
-    /**
-     *  Different styling options are available `info`, `warning`, `danger`
-     */
-    type?: "info" | "warning" | "danger";
-    /**
-     * If true the Modal will be rendered inside a portal at the end of the
-     * body element, otherwise at the position it is placed.
-     */
-    inPortal?: boolean;
-    width?: "narrow" | "wide" | "full";
-    /**
-     * If true the Modal will be wider then the regular Modal
-     */
-    wide?: boolean;
-    /**
-     * Specify a handler for closing modal.
-     * The handler should care of closing modal, e.g. changing `open` prop.
-     */
-    onRequestClose?: (evt: React.UIEvent, trigger: "button" | "key" | "background") => void;
-    /**
-     * Specify a handler for "submitting" modal.
-     * The handler should care of closing modal, e.g. changing `open` prop, if necessary.
-     */
-    onRequestSubmit?: () => void;
-    /**
-     * Provide a description for "close" icon that can be read by screen readers
-     */
-    iconDescription?: string;
-    className?: string;
-    /**
-     * Specify the DOM element ID of the top-level node.
-     */
-    id?: string;
-    backgroundImage?: string;
-    handleBlur?: (obj?: unknown) => void;
-    primaryButtonRef?: React.RefObject<HTMLButtonElement>;
-    secondaryButtonRef?: React.RefObject<HTMLButtonElement>;
-}
-/** Modals focus the user’s attention exclusively on one task or piece of information via a window that sits on top of the page content. */
-declare function Modal(props: ModalProps): import("react/jsx-runtime").JSX.Element | null;
-declare namespace Modal {
-    var displayName: string;
-}
-export default Modal;

package/umd/dist/components/Modal/ModalFooter.d.ts

@@ -1,8 +0,0 @@
-import * as React from "react";
-import { ModalProps } from "./Modal";
-export interface ModalFooterProps extends ModalProps {
-    onSecondaryButtonClick?: (evt: React.MouseEvent<HTMLButtonElement, MouseEvent>, trigger: "button" | "background" | "key") => void;
-    prefix?: string;
-}
-declare const ModalFooter: React.FC<ModalFooterProps>;
-export default ModalFooter;

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

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

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

@@ -1,53 +0,0 @@
-import * as React from "react";
-import { ButtonKind } from "../../utils";
-import { ModalProps } from "../Modal/Modal";
-/** Modal Wrapper component to encapsulate your Modal within a button. */
-interface ModalWrapperProps extends ModalProps, React.ComponentPropsWithRef<"div"> {
-    /**
-     * ID of the trigger button.
-     */
-    id?: string;
-    disabled?: boolean;
-    /**
-     * Specify a custom trigger `Button`.
-     */
-    customButton?: React.ReactElement;
-    /**
-     * Specify the text for the trigger `Button`.
-     */
-    buttonTriggerText?: React.ReactNode;
-    /**
-     * Specify a `class` for the trigger `Button`.
-     */
-    buttonTriggerClassName?: string;
-    /**
-     * @param handle - function to open the modal
-     */
-    handleOpen?: () => void;
-    /**
-     * @param handle - function to submit content in the modal
-     */
-    handleSubmit?: (handle: () => void) => void;
-    /**
-     * @param handle - function to close the modal
-     */
-    handleClose?: () => void;
-    /**
-     * Specify the kind of trigger `Button`.
-     */
-    triggerButtonKind?: ButtonKind;
-    /**
-     * Specify whether the Modal should be closed after submit
-     */
-    shouldCloseAfterSubmit?: boolean;
-    /**
-     * Specify whether the primary button should be disabled or not
-     */
-    primaryButtonDisabled?: boolean;
-    /**
-     * A function that is called when the user presses the `Esc` key to close the modal.
-     */
-    onKeyDown?: (evt: React.KeyboardEvent<HTMLDivElement>) => void;
-}
-declare const ModalWrapper: React.FC<ModalWrapperProps>;
-export default ModalWrapper;

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

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