@iress-oss/ids-components 5.17.0 → 6.0.0-alpha.0

package/dist/index-2QXL0WYc.js

@@ -1,45 +0,0 @@
-import { g as c } from "./_commonjsHelpers-C6fGbg64.js";
-var n = { exports: {} };
-/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/
-var a;
-function p() {
-  return a || (a = 1, function(o) {
-    (function() {
-      var f = {}.hasOwnProperty;
-      function e() {
-        for (var t = "", r = 0; r < arguments.length; r++) {
-          var s = arguments[r];
-          s && (t = i(t, u(s)));
-        }
-        return t;
-      }
-      function u(t) {
-        if (typeof t == "string" || typeof t == "number")
-          return t;
-        if (typeof t != "object")
-          return "";
-        if (Array.isArray(t))
-          return e.apply(null, t);
-        if (t.toString !== Object.prototype.toString && !t.toString.toString().includes("[native code]"))
-          return t.toString();
-        var r = "";
-        for (var s in t)
-          f.call(t, s) && t[s] && (r = i(r, s));
-        return r;
-      }
-      function i(t, r) {
-        return r ? t ? t + " " + r : t + r : t;
-      }
-      o.exports ? (e.default = e, o.exports = e) : window.classNames = e;
-    })();
-  }(n)), n.exports;
-}
-var l = p();
-const x = /* @__PURE__ */ c(l);
-export {
-  x as c
-};

package/dist/index-CtOScEKX.js

@@ -1,57 +0,0 @@
-import * as r from "react";
-import { c as u } from "./index-CmsyHM_3.js";
-/**
-   * react-table
-   *
-   * Copyright (c) TanStack
-   *
-   * This source code is licensed under the MIT license found in the
-   * LICENSE.md file in the root directory of this source tree.
-   *
-   * @license MIT
-   */
-function p(t, e) {
-  return t ? f(t) ? /* @__PURE__ */ r.createElement(t, e) : t : null;
-}
-function f(t) {
-  return l(t) || typeof t == "function" || i(t);
-}
-function l(t) {
-  return typeof t == "function" && (() => {
-    const e = Object.getPrototypeOf(t);
-    return e.prototype && e.prototype.isReactComponent;
-  })();
-}
-function i(t) {
-  return typeof t == "object" && typeof t.$$typeof == "symbol" && ["react.memo", "react.forward_ref"].includes(t.$$typeof.description);
-}
-function S(t) {
-  const e = {
-    state: {},
-    // Dummy state
-    onStateChange: () => {
-    },
-    // noop
-    renderFallbackValue: null,
-    ...t
-  }, [n] = r.useState(() => ({
-    current: u(e)
-  })), [o, c] = r.useState(() => n.current.initialState);
-  return n.current.setOptions((s) => ({
-    ...s,
-    ...t,
-    state: {
-      ...o,
-      ...t.state
-    },
-    // Similarly, we'll maintain both our internal state and any user-provided
-    // state.
-    onStateChange: (a) => {
-      c(a), t.onStateChange == null || t.onStateChange(a);
-    }
-  })), n.current;
-}
-export {
-  p as f,
-  S as u
-};

package/dist/src/components/Alert/Alert.types.d.ts

@@ -1,41 +0,0 @@
-import { ReactNode } from 'react';
-import { HeadingLevel, SystemValidationStatus } from '../../enums';
-import { IressHTMLAttributes } from '../../interfaces';
-import { HeadingLevels, SystemValidationStatuses } from '../../types';
-export interface IressAlertProps extends IressHTMLAttributes {
-    /**
-     * Contents of the alert. Is automatically wrapped in `<IressText />` and will inherit its styling.
-     **/
-    children?: ReactNode;
-    /**
-     * Buttons and controls for the alert.
-     **/
-    footer?: ReactNode;
-    /**
-     * Text for alert heading. If a string, it will use a heading with level 2.
-     **/
-    heading?: ReactNode;
-    /**
-     * Text for alert heading. If not supplied, heading will not be displayed.
-     * @deprecated Use `heading` instead.
-     **/
-    headingText?: string;
-    /**
-     * Heading level for the alert heading.
-     * @default h2
-     * @deprecated Use `heading` instead.
-     **/
-    headingLevel?: HeadingLevel | HeadingLevels;
-    /**
-     * Alert type - danger, info, success or warning.
-     * @default info
-     */
-    status?: SystemValidationStatus | SystemValidationStatuses;
-}
-export interface AlertWithEnums extends React.FC<IressAlertProps> {
-    /** @deprecated IressAlert.HeadingLevel enum is now deprecated and will be removed in a future version. Please use the HeadingLevels type instead. */
-    HeadingLevel: typeof HeadingLevel;
-    /** @deprecated IressAlert.Status enum is now deprecated and will be removed in a future version. Please use the SystemValidationStatuses type instead. */
-    Status: typeof SystemValidationStatus;
-}
-export declare const ALERT_ICONS: Record<SystemValidationStatuses, string>;

package/dist/src/components/Autocomplete/Autocomplete.types.d.ts

@@ -1,144 +0,0 @@
-import { FormattedLabelValueMeta, LabelValueMeta } from '../../interfaces';
-import { InputBaseElement, IressInputProps } from '../Input';
-import { FormControlValue, IressInputPopoverProps, IressSelectMenuProps } from '../../main';
-import { ReactNode, SyntheticEvent } from 'react';
-export interface IressAutocompleteProps<T extends FormControlValue = string> extends Omit<IressInputProps<T>, 'children' | 'onChange'>, Omit<AutocompleteSearchHookProps, 'query'>, Pick<IressSelectMenuProps, 'limitMobile' | 'limitDesktop'> {
-    /**
-     * Always shown on focus, even if the user has not interacted with the input.
-     */
-    alwaysShowOnFocus?: boolean;
-    /**
-     * Append content.
-     * @default <IressIcon name="search" />
-     */
-    append?: ReactNode;
-    /**
-     * If true, the selected option becomes the value of the input when the autocomplete loses focus.
-     * @default true
-     */
-    autoSelect?: boolean;
-    /**
-     * If `true`, then user can clear the value of the input.
-     * @default true
-     */
-    clearable?: boolean;
-    /**
-     * Text to be displayed when the options function errors out. It is not used when the options are provided as an array.
-     * @default <IressAlert status="danger">An unknown error occurred. Please contact support if the error persists.</IressAlert>
-     */
-    errorText?: ReactNode;
-    /**
-     * Text to be displayed when no results are found.
-     */
-    noResultsText?: ReactNode;
-    /**
-     * Emitted when the user changes the input.
-     * The second and third arguments are only available when the options were selected from the `options` prop.
-     */
-    onChange?: (e?: SyntheticEvent<InputBaseElement>, value?: T, option?: LabelValueMeta) => void;
-    /**
-     * Customise the IressInputPopover props for your needs.
-     */
-    popoverProps?: AutocompletePopoverProps;
-    /**
-     * When set to `true` add ons will render with a different style. Will be ignored if `prepend` or `append` slots are not being used.
-     * @default true
-     */
-    watermark?: boolean;
-}
-export interface AutocompleteSearchHookProps {
-    /**
-     * Time in milliseconds to wait for before performing result search. Only applies to searchable options (function).
-     * @default 500
-     */
-    debounceThreshold?: number;
-    /**
-     * Initial options data set, shown when the input is empty.
-     */
-    initialOptions?: LabelValueMeta[];
-    /**
-     * Minimum number of characters required before triggering async search. Only applies to searchable options (function).
-     * Below this threshold, no search will be triggered and no loading state will be shown.
-     * @default 1
-     */
-    minSearchLength?: number;
-    /**
-     * Options data set, shown when the input is not empty.
-     */
-    options?: LabelValueMeta[] | ((query: string) => Promise<LabelValueMeta[]>);
-    /**
-     * The query value to filter items by and create search results.
-     */
-    query?: string;
-}
-export interface AutocompleteSearchHookReturn {
-    /**
-     * Clear the error state.
-     */
-    clearError: () => void;
-    /**
-     * The debounced query value.
-     */
-    debouncedQuery: string;
-    /**
-     * Whether an error occurred during the search.
-     * If a string, it is the error reason provided in the promise rejection.
-     */
-    error: boolean | string;
-    /**
-     * Whether the search is loading.
-     */
-    loading: boolean;
-    /**
-     * The results of the search.
-     */
-    results: FormattedLabelValueMeta[];
-    /**
-     * Stop the search.
-     */
-    stopSearch: () => void;
-    /**
-     * Whether to show "Type at least X characters to search" instruction.
-     * True when the query length is below the minimum search length.
-     */
-    shouldShowInstructions: boolean;
-    /**
-     * Whether to show nothing (clean, minimal) during debounce waiting period.
-     * True when user has typed enough characters but search hasn't started yet.
-     */
-    shouldShowDebounceWaiting: boolean;
-    /**
-     * Whether to show "No results found" message.
-     * True only after a legitimate search has been performed and returned empty results.
-     */
-    shouldShowNoResults: boolean;
-    /**
-     * Smart result calculation that handles all display scenarios.
-     * Returns the appropriate results based on current state.
-     */
-    displayResults: FormattedLabelValueMeta[];
-}
-export interface AutocompletePopoverProps extends Pick<IressInputPopoverProps, 'autoHighlight' | 'align' | 'className' | 'container' | 'contentClassName' | 'displayMode' | 'style'> {
-    append?: ReactNode;
-    prepend?: ReactNode;
-}
-export interface AutocompleteNoResultsProps extends Pick<IressAutocompleteProps, 'noResultsText'> {
-    /**
-     * Pass a CSS module object to override styles.
-     */
-    styles: {
-        noResults?: string;
-    };
-}
-export interface AutocompleteInstructionsProps {
-    /**
-     * The minimum number of characters required to search.
-     */
-    minSearchLength: number;
-    /**
-     * Pass a CSS module object to override styles.
-     */
-    styles?: {
-        instructions?: string;
-    };
-}

package/dist/src/components/Autocomplete/components/AutocompleteNoResults.d.ts

@@ -1,2 +0,0 @@
-import { AutocompleteNoResultsProps } from '../Autocomplete.types';
-export declare const AutocompleteNoResults: ({ noResultsText, styles, }: AutocompleteNoResultsProps) => number | boolean | Iterable<import('react').ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;

package/dist/src/components/Badge/Badge.types.d.ts

@@ -1,37 +0,0 @@
-import { ReactElement, ReactNode } from 'react';
-import { IressHTMLAttributes } from '../../interfaces';
-export interface IressBadgeProps extends IressHTMLAttributes<HTMLDivElement> {
-    /**
-     * Content of the badge.
-     */
-    children?: ReactNode;
-    /**
-     * Element to attach the badge to.
-     */
-    host?: ReactElement;
-    /**
-     * Style of the badge.
-     */
-    mode?: BadgeMode | BadgeModes;
-    /**
-     * Whether the Badge should be styled as a pill.
-     */
-    pill?: boolean;
-}
-export interface BadgeWithEnums extends React.FC<IressBadgeProps> {
-    /** @deprecated IressBadge.Mode is now deprecated and will be removed in a future version. Please use the BadgeModes type instead. */
-    Mode: typeof BadgeMode;
-}
-/** @deprecated BadgeMode enum is now deprecated and will be removed in a future version. Please use the BadgeModes type instead. */
-export declare enum BadgeMode {
-    Success = "success",
-    Warning = "warning",
-    Danger = "danger",
-    Info = "info",
-    Positive = "positive",
-    Negative = "negative",
-    BackgroundAlt = "background-alt",
-    BackgroundDefault = "background-default"
-}
-export declare const BADGE_MODES: readonly ["success", "warning", "danger", "info", "positive", "negative", "background-alt", "background-default"];
-export type BadgeModes = (typeof BADGE_MODES)[number];

package/dist/src/components/Button/Button.types.d.ts

@@ -1,106 +0,0 @@
-import { ReactNode } from 'react';
-import { IressButtonHTMLAttributes } from '../../interfaces';
-import { Breakpoint } from '../../enums';
-import { ButtonGroupItemProps } from '../ButtonGroup';
-import { Breakpoints, FormControlValue } from '../../types';
-export interface IressButtonProps extends Omit<IressButtonHTMLAttributes<ButtonRef>, 'value'>, ButtonGroupItemProps {
-    /**
-     * Content for the append slot.
-     */
-    append?: ReactNode;
-    /**
-     * Accepts key/value pairs of attributes to be applied to the rendered native element.
-     * @deprecated Use the native HTML attributes instead.
-     */
-    attrs?: Record<string, string | boolean>;
-    /**
-     * Content is placed between prepend and append if provided. Used to describe the expected action of this button.
-     */
-    children?: ReactNode;
-    /**
-     * If provided a href, will download the file instead of open it within the browser. Has no effect if href is not provided.
-     */
-    download?: boolean;
-    /**
-     * If `true`, the button will stretch to fill it's container. If set to a breakpoint, the button will be fluid up till that breakpoint.
-     */
-    fluid?: boolean | Breakpoint | Breakpoints | 'true' | '' | 'false';
-    /**
-     * Contains a URL or a URL fragment that the hyperlink points to.
-     * If this property is set, an anchor tag will be rendered.
-     */
-    href?: string;
-    /**
-     * When true, button is in loading state. If provided a string, will be used as the loading text for screen readers.
-     */
-    loading?: boolean | string;
-    /**
-     * Style of the button.
-     */
-    mode?: ButtonMode | ButtonModes;
-    /**
-     * Prevents text wrapping if set to true.
-     */
-    noWrap?: boolean;
-    /**
-     * Content for the prepend slot.
-     */
-    prepend?: ReactNode;
-    /**
-     * Specifies the relationship of the target object to the link object.
-     * The value is a space-separated list of [link types](https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types).
-     */
-    rel?: string;
-    /**
-     * Specifies where to display the linked URL.
-     * Only applies when an `href` is provided.
-     * Special keywords: `"_blank"`, `"_self"`, `"_parent"`, `"_top"`.
-     */
-    target?: string;
-    /**
-     * The type of the button.
-     */
-    type?: ButtonType | ButtonTypes;
-    /**
-     * The value of the button, when used in `IressButtonGroup`.
-     */
-    value?: FormControlValue;
-}
-/** @deprecated ButtonMode enum is now deprecated and will be removed in a future version. Please use the ButtonModes type instead. */
-export declare enum ButtonMode {
-    Primary = "primary",
-    Secondary = "secondary",
-    Tertiary = "tertiary",
-    Link = "link",
-    Danger = "danger",
-    Positive = "positive",
-    Negative = "negative"
-}
-export declare const BUTTON_MODES: readonly ["primary", "secondary", "tertiary", "link", "danger", "positive", "negative"];
-export type ButtonModes = (typeof BUTTON_MODES)[number];
-/** @deprecated ButtonType enum is now deprecated and will be removed in a future version. Please use the ButtonTypes type instead. */
-export declare enum ButtonType {
-    Button = "button",
-    Reset = "reset",
-    Submit = "submit"
-}
-export declare const BUTTON_TYPES: readonly ["button", "reset", "submit"];
-export type ButtonTypes = (typeof BUTTON_TYPES)[number];
-export declare enum ButtonCssClass {
-    Active = "iress--active",
-    Base = "iress-u-button",
-    Fluid = "iress--fluid",
-    Loading = "iress--loading",
-    Mode = "iress--mode",
-    NoWrap = "iress--no-wrap",
-    Prepend = "iress-u-button__prepend"
-}
-export type ButtonRef = HTMLAnchorElement | HTMLButtonElement;
-export interface ButtonComponent extends React.ForwardRefExoticComponent<IressButtonProps & React.RefAttributes<ButtonRef>> {
-    /** @deprecated IressButton.Mode enum is now deprecated and will be removed in a future version. Please use the value directly instead. **/
-    Mode: typeof ButtonMode;
-    /** @deprecated IressButton.Type enum is now deprecated and will be removed in a future version. Please use the value directly instead. **/
-    Type: typeof ButtonType;
-    /** @deprecated IressButton.Fluid enum is now deprecated and will be removed in a future version. Please use the value directly instead. **/
-    Fluid: typeof Breakpoint;
-}

package/dist/src/components/Button/CloseButton/CloseButton.types.d.ts

@@ -1,8 +0,0 @@
-import { IressButtonProps } from '../Button.types';
-export interface IressCloseButtonProps extends Omit<IressButtonProps, 'children'> {
-    /**
-     * Description for screen readers.
-     * @default Close button
-     **/
-    screenreaderText?: string;
-}

package/dist/src/components/ButtonGroup/ButtonGroup.types.d.ts

@@ -1,63 +0,0 @@
-import { PropsWithChildren, ReactElement, ReactNode } from 'react';
-import { IressHTMLAttributes } from '../../interfaces';
-import { FormControlValue } from '../../types';
-export interface IressButtonGroupProps extends Omit<IressHTMLAttributes, 'onChange'> {
-    /**
-     * Content of the button group, usually multiple `IressButton`.
-     */
-    children?: ReactNode;
-    /**
-     * Initially selected value, use for uncontrolled components.
-     */
-    defaultSelected?: FormControlValue | FormControlValue[];
-    /**
-     * Hides the label if set; label will still be read out by screen readers.
-     */
-    hiddenLabel?: boolean;
-    /**
-     * Sets the label text for the button group.
-     * If passed an element, it will render the element with an id, to ensure its connection to the button group.
-     */
-    label: ReactElement | string;
-    /**
-     * Allows multiple buttons to be selected.
-     */
-    multiple?: boolean;
-    /**
-     * Called when a user activates one of its children buttons.
-     */
-    onChange?: (event: ButtonGroupChange) => void;
-    /**
-     * Provides the label and value for each option in the button group.
-     * @deprecated Use `IressButton` instead.
-     */
-    options?: string[] | string;
-    /**
-     * Selected value, use for controlled components.
-     */
-    selected?: FormControlValue | FormControlValue[];
-}
-export interface IressButtonGroupProviderProps extends PropsWithChildren {
-    defaultSelected?: FormControlValue | FormControlValue[];
-    multiple?: boolean;
-    onChange?: (event: ButtonGroupChange) => void;
-    selected?: FormControlValue | FormControlValue[];
-}
-export interface ButtonGroupContextValue<TArray = FormControlValue[], TValue = FormControlValue> {
-    isActive: (value?: TValue) => boolean;
-    selected?: TArray;
-    toggle?: (value?: TValue, flag?: boolean) => void;
-}
-export interface ButtonGroupItemProps {
-    value?: FormControlValue;
-}
-export interface ButtonGroupItemHook {
-    className: string;
-    props: {
-        'aria-pressed': boolean;
-    };
-    toggle: () => void;
-}
-export interface ButtonGroupChange {
-    selected?: FormControlValue | FormControlValue[];
-}

package/dist/src/components/ButtonGroup/hooks/useButtonGroup.d.ts

@@ -1 +0,0 @@
-export declare const useButtonGroup: () => import('..').ButtonGroupContextValue<import('../../../types').FormControlValue[], import('../../../types').FormControlValue> | undefined;

package/dist/src/components/ButtonGroup/hooks/useIDSButtonGroupItem.d.ts

@@ -1,2 +0,0 @@
-import { ButtonGroupItemHook, ButtonGroupItemProps } from '../ButtonGroup.types';
-export declare const useIDSButtonGroupItem: ({ value, }: ButtonGroupItemProps) => ButtonGroupItemHook | undefined;

package/dist/src/components/Card/Card.types.d.ts

@@ -1,91 +0,0 @@
-import { PaddingSizes } from '../../main';
-import { HeadingLevel, PaddingSize } from '../../enums';
-import { IressButtonHTMLAttributes, IressHTMLAttributes, WithDataAttributes } from '../../interfaces';
-export interface IressCardSlotsProps extends WithDataAttributes {
-    /**
-     * Main body of the card
-     */
-    children?: React.ReactNode;
-    /**
-     * Section that sticks to the bottom of the card
-     */
-    footer?: React.ReactNode;
-    /**
-     * Heading slot. Often used for a title or description.
-     */
-    heading?: React.ReactNode;
-    /**
-     * Text to be displayed in the card heading in the card header.
-     * @deprecated Use `heading` instead.
-     **/
-    headingText?: string;
-    /**
-     * Level of heading for markup, to ensure correct hierarchy (H2 - H6).
-     * @default h2
-     * @deprecated Use `heading` instead.
-     **/
-    headingLevel?: HeadingLevel;
-    /**
-     * Section (often for an image, table or chart) that appears before the heading
-     */
-    media?: React.ReactNode;
-    /**
-     * Slot to the left of card content.
-     */
-    prepend?: React.ReactNode;
-    /**
-     * Slot positioned to the top right of the card, often used for an icon or action menu
-     */
-    topRight?: React.ReactNode;
-}
-export interface IressCardWrapperProps<T = HTMLDivElement> extends IressHTMLAttributes<T> {
-    /**
-     * Sets whether the card is clickable.
-     */
-    clickable?: boolean;
-    /**
-     * Sets the amount of padding for card. Inherits values from IressPanel
-     */
-    padding?: PaddingSize | PaddingSizes;
-    /**
-     * When set to true, card appears selected.
-     */
-    selected?: boolean;
-    /**
-     * When set to true, Card stretches to fill available height
-     */
-    stretch?: boolean;
-}
-export interface IressCardProps<T = HTMLDivElement> extends Omit<IressCardWrapperProps<T>, 'clickable'>, IressCardSlotsProps {
-    /**
-     * When set, the card will be clickable and will apply the selected style
-     */
-    onClick?: React.MouseEventHandler<T>;
-}
-export interface IressButtonCardProps extends IressCardProps<HTMLButtonElement>, React.DetailedHTMLProps<IressButtonHTMLAttributes, HTMLButtonElement> {
-}
-export interface IressLinkCardProps extends IressCardProps<HTMLAnchorElement>, Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, 'media'> {
-}
-export interface CardWithEnums extends React.FC<IressCardProps> {
-    /** @deprecated IressCard.HeadingLevel enum is now deprecated and will be removed in a future version. Please use the HeadingLevels type instead. */
-    HeadingLevel: typeof HeadingLevel;
-    /** @deprecated IressCard.Padding enum is now deprecated and will be removed in a future version. Please use the PaddingSizes type instead. */
-    Padding: typeof PaddingSize;
-}
-export declare enum CardCssClass {
-    Base = "iress-u-card",
-    Padding = "iress--padding",
-    Clickable = "iress--clickable",
-    Selected = "iress--selected",
-    Stretch = "iress--stretch"
-}
-export declare enum CardSlotClass {
-    Prepend = "iress-u-card__prepend",
-    Heading = "iress-u-card__heading",
-    TopRight = "iress-u-card__top-right",
-    Media = "iress-u-card__media",
-    Children = "iress-u-card__body",
-    Footer = "iress-u-card__footer"
-}
-export type CardCssModule = Partial<Record<keyof typeof CardCssClass, string>>;
-export type CardCssSlotModule = Partial<Record<keyof typeof CardSlotClass, string>>;

package/dist/src/components/Card/components/ButtonCard.d.ts

@@ -1,2 +0,0 @@
-import { IressButtonCardProps } from '../Card.types';
-export declare const IressButtonCard: ({ className, padding, selected, stretch, children, footer, heading, media, prepend, topRight, type, ...restProps }: IressButtonCardProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Card/components/LinkCard.d.ts

@@ -1,2 +0,0 @@
-import { IressLinkCardProps } from '../Card.types';
-export declare const IressLinkCard: ({ className, padding, selected, stretch, children, footer, heading, media, prepend, topRight, ...restProps }: IressLinkCardProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Card/helpers/composeIDSCard.d.ts

@@ -1,3 +0,0 @@
-import { CardCssModule, IressCardWrapperProps } from '../Card.types';
-import { IressHTMLAttributes } from '../../../interfaces';
-export declare function composeIDSCard<T = HTMLDivElement>({ className, clickable, padding, selected, stretch, }?: IressCardWrapperProps<T>, styles?: CardCssModule): IressHTMLAttributes<T>;

package/dist/src/components/Card/helpers/composeIDSCardSlots.d.ts

@@ -1,2 +0,0 @@
-import { CardCssSlotModule, IressCardSlotsProps } from '../Card.types';
-export declare function composeIDSCardSlots({ children, 'data-testid': testId, footer, heading, media, prepend, topRight, }?: IressCardSlotsProps, styles?: CardCssSlotModule): React.ReactNode;