@transferwise/components 0.0.0-experimental-751dc12 → 0.0.0-experimental-4341b9c

package/build/types/listItem/ListItem.d.ts

@@ -1,113 +0,0 @@
-import { type ReactNode } from 'react';
-import { type ListItemIconButtonProps } from './IconButton';
-import { type ListItemCheckboxProps } from './Checkbox';
-import { type ListItemNavigationProps } from './Navigation';
-import { type ListItemButtonProps } from './Button';
-import { type ListItemRadioProps } from './Radio';
-import { type ListItemSwitchProps } from './Switch';
-export type ListItemTypes = 'non-interactive' | 'navigation' | 'radio' | 'checkbox' | 'switch' | 'button' | 'icon-button';
-export type ListItemControlProps = ListItemNavigationProps | ListItemCheckboxProps | ListItemButtonProps | ListItemIconButtonProps | ListItemRadioProps | ListItemSwitchProps;
-export type Props = {
-    as?: 'li' | 'div';
-    /**
-     * Swaps vertical hierarchy of title and subtitle and their corresponding right values.
-     */
-    inverted?: boolean;
-    disabled?: boolean;
-    /**
-     * Highlights the list item as an action to be taken or already taken. <br />
-     */
-    spotlight?: 'active' | 'inactive';
-    title: ReactNode;
-    subtitle?: ReactNode;
-    /**
-     * Requires `<ListItem.AdditionalInfo />` component as a sole child. <br />
-     * Can be only rendered if `subtitle` is also provided.
-     */
-    additionalInfo?: ReactNode;
-    valueTitle?: ReactNode;
-    valueSubtitle?: ReactNode;
-    /**
-     * Requires one of the following as a sole child: <br />
-     * `<ListItem.AvatarView />`,
-     * `<ListItem.AvatarLayout />` or
-     * `<ListItem.Image />`
-     */
-    media?: ReactNode;
-    /**
-     * Requires one of the following as a sole child: <br/>
-     * `<ListItem.Button />`, <br/>
-     * `<ListItem.Checkbox />`, <br/>
-     * `<ListItem.IconButton />`, <br/>
-     * `<ListItem.Navigation />`, <br/>
-     * `<ListItem.Radio />`, or
-     * `<ListItem.Switch />`
-     */
-    control?: ReactNode;
-    /**
-     * Requires `<ListItem.Prompt />` component as a sole child.
-     */
-    prompt?: ReactNode;
-    className?: string;
-    /**
-     * A number between `0–100` which resolves to a `fr` value of a `grid-template-columns` declaration. E.g. `valueColumnWidth={25}` will result in a `75fr 25fr`. <br />
-     * Controls the width ratio of left side content (title and subtitle) to the right side content.
-     */
-    valueColumnWidth?: number;
-    id?: string;
-    role?: string;
-    'aria-labelledby'?: string;
-};
-/**
- * @see [Design documentation](https://wise.design/components/list-item)
- * @see [Storybook documentation](https://storybook.wise.design/?path=/docs/content-listitem--docs)
- */
-export declare const ListItem: {
-    ({ as: ListItemElement, title, subtitle, additionalInfo, prompt, inverted, media, spotlight, valueTitle, valueSubtitle, control, disabled, className, valueColumnWidth, role, id, "aria-labelledby": ariaLabelledby, }: Props): import("react").JSX.Element;
-    Image: {
-        ({ alt, size, className, ...props }: import("./Image").ListItemImageProps): import("react").JSX.Element;
-        displayName: string;
-    };
-    AvatarView: {
-        ({ className, size, ...props }: import("./AvatarView").ListItemAvatarViewProps): import("react").JSX.Element;
-        displayName: string;
-    };
-    AvatarLayout: {
-        ({ className, size, ...props }: import("./AvatarLayout").ListItemAvatarLayoutProps): import("react").JSX.Element;
-        displayName: string;
-    };
-    AdditionalInfo: {
-        ({ children, action }: import("./AdditionalInfo").ListItemAdditionalInfoProps): import("react").JSX.Element;
-        displayName: string;
-    };
-    Checkbox: {
-        (props: ListItemCheckboxProps): import("react").JSX.Element;
-        displayName: string;
-    };
-    Radio: {
-        (props: ListItemRadioProps): import("react").JSX.Element;
-        displayName: string;
-    };
-    IconButton: {
-        ({ priority, ...props }: ListItemIconButtonProps): import("react").JSX.Element;
-        displayName: string;
-    };
-    Navigation: {
-        ({ href, ...props }: ListItemNavigationProps): import("react").JSX.Element;
-        displayName: string;
-    };
-    Button: {
-        ({ priority, partiallyInteractive, ...props }: ListItemButtonProps): import("react").JSX.Element;
-        displayName: string;
-    };
-    Switch: {
-        (props: ListItemSwitchProps): import("react").JSX.Element;
-        displayName: string;
-    };
-    Prompt: {
-        ({ sentiment, children }: import("./Prompt").ListItemPromptProps): import("react").JSX.Element;
-        displayName: string;
-    };
-};
-export default ListItem;
-//# sourceMappingURL=ListItem.d.ts.map

package/build/types/listItem/ListItem.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../../../src/listItem/ListItem.tsx"],"names":[],"mappings":"AACA,OAAO,EAOL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAIf,OAAO,EAAc,KAAK,uBAAuB,EAAE,MAAM,cAAc,CAAC;AACxE,OAAO,EAAY,KAAK,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAClE,OAAO,EAAc,KAAK,uBAAuB,EAAE,MAAM,cAAc,CAAC;AAExE,OAAO,EAAU,KAAK,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAC5D,OAAO,EAAS,KAAK,kBAAkB,EAAE,MAAM,SAAS,CAAC;AACzD,OAAO,EAAU,KAAK,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAY5D,MAAM,MAAM,aAAa,GACrB,iBAAiB,GACjB,YAAY,GACZ,OAAO,GACP,UAAU,GACV,QAAQ,GACR,QAAQ,GACR,aAAa,CAAC;AAElB,MAAM,MAAM,oBAAoB,GAC5B,uBAAuB,GACvB,qBAAqB,GACrB,mBAAmB,GACnB,uBAAuB,GACvB,kBAAkB,GAClB,mBAAmB,CAAC;AAExB,MAAM,MAAM,KAAK,GAAG;IAClB,EAAE,CAAC,EAAE,IAAI,GAAG,KAAK,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IAClC,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;OAGG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B;;;;;OAKG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;;;;;;OAQG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,QAAQ;4NAkBlB,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4NP,CAAC;AAkGF,eAAe,QAAQ,CAAC"}

package/build/types/listItem/ListItemContext.d.ts

@@ -1,22 +0,0 @@
-import type { ListItemTypes, ListItemControlProps, Props as ListItemProps } from './ListItem';
-import type { ListItemAvatarViewProps } from './AvatarView';
-export type ListItemMediaSize = 32 | 40 | 48 | 56 | 72;
-export type ListItemContextData = {
-    setControlType: (type: ListItemTypes) => void;
-    setControlProps: (props: ListItemControlProps) => void;
-    setMediaSize: (size: ListItemMediaSize | undefined) => void;
-    ids: {
-        title: string;
-        subtitle?: string;
-        valueTitle?: string;
-        valueSubtitle?: string;
-        additionalInfo?: string;
-        control: string;
-        prompt?: string;
-    };
-    props: Pick<ListItemProps, 'disabled' | 'inverted'>;
-    mediaSize?: ListItemAvatarViewProps['size'];
-    describedByIds: string;
-};
-export declare const ListItemContext: import("react").Context<ListItemContextData>;
-//# sourceMappingURL=ListItemContext.d.ts.map

package/build/types/listItem/ListItemContext.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ListItemContext.d.ts","sourceRoot":"","sources":["../../../src/listItem/ListItemContext.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,oBAAoB,EAAE,KAAK,IAAI,aAAa,EAAE,MAAM,YAAY,CAAC;AAC9F,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAC;AAE5D,MAAM,MAAM,iBAAiB,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AAEvD,MAAM,MAAM,mBAAmB,GAAG;IAChC,cAAc,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IAC9C,eAAe,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,IAAI,CAAC;IACvD,YAAY,EAAE,CAAC,IAAI,EAAE,iBAAiB,GAAG,SAAS,KAAK,IAAI,CAAC;IAC5D,GAAG,EAAE;QACH,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,OAAO,EAAE,MAAM,CAAC;QAChB,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,KAAK,EAAE,IAAI,CAAC,aAAa,EAAE,UAAU,GAAG,UAAU,CAAC,CAAC;IACpD,SAAS,CAAC,EAAE,uBAAuB,CAAC,MAAM,CAAC,CAAC;IAC5C,cAAc,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,eAAe,8CAE3B,CAAC"}

package/build/types/listItem/Navigation/ListItemNavigation.d.ts

@@ -1,15 +0,0 @@
-import type { ButtonProps } from '../../button/Button.types';
-export type ListItemNavigationProps = Pick<ButtonProps, 'onClick' | 'href' | 'target'>;
-/**
- * This component allows for rendering a control functionally synonymous with HTML `anchor` or a
- * `button`, giving users a rich way to choose between options and navigate to another screen or
- * step in a flow. It offers only a subset of features of the HTML element in line with the
- * ListItem's constraints.<br />
- * <br />
- * Please refer to the [Design documentation](https://wise.design/components/list-item---navigation) for details.
- */
-export declare const Navigation: {
-    ({ href, ...props }: ListItemNavigationProps): import("react").JSX.Element;
-    displayName: string;
-};
-//# sourceMappingURL=ListItemNavigation.d.ts.map

package/build/types/listItem/Navigation/ListItemNavigation.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ListItemNavigation.d.ts","sourceRoot":"","sources":["../../../../src/listItem/Navigation/ListItemNavigation.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAM7D,MAAM,MAAM,uBAAuB,GAAG,IAAI,CAAC,WAAW,EAAE,SAAS,GAAG,MAAM,GAAG,QAAQ,CAAC,CAAC;AAEvF;;;;;;;GAOG;AACH,eAAO,MAAM,UAAU;yBAAiD,uBAAuB;;CAoB9F,CAAC"}

package/build/types/listItem/Navigation/index.d.ts

@@ -1,3 +0,0 @@
-export type { ListItemNavigationProps } from './ListItemNavigation';
-export { Navigation } from './ListItemNavigation';
-//# sourceMappingURL=index.d.ts.map

package/build/types/listItem/Navigation/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/listItem/Navigation/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC"}

package/build/types/listItem/Prompt/ListItemPrompt.d.ts

@@ -1,16 +0,0 @@
-import { Sentiment } from '../../common';
-export type ListItemPromptProps = {
-    sentiment?: `${Sentiment.POSITIVE | Sentiment.NEGATIVE | Sentiment.NEUTRAL | Sentiment.WARNING}`;
-    children: React.ReactNode;
-};
-/**
- * This component allows for rendering an Inline Prompt. <br />In the future it will be a thin wrapper around a standalone component.<br />
- *
- * Please refer to the [Design documentation](https://wise.design/components/list-item#prompt) for details.
- */
-export declare const Prompt: {
-    ({ sentiment, children }: ListItemPromptProps): import("react").JSX.Element;
-    displayName: string;
-};
-export default Prompt;
-//# sourceMappingURL=ListItemPrompt.d.ts.map

package/build/types/listItem/Prompt/ListItemPrompt.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ListItemPrompt.d.ts","sourceRoot":"","sources":["../../../../src/listItem/Prompt/ListItemPrompt.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAKzC,MAAM,MAAM,mBAAmB,GAAG;IAChC,SAAS,CAAC,EAAE,GAAG,SAAS,CAAC,QAAQ,GAAG,SAAS,CAAC,QAAQ,GAAG,SAAS,CAAC,OAAO,GAAG,SAAS,CAAC,OAAO,EAAE,CAAC;IACjG,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,MAAM;8BAAiD,mBAAmB;;CAWtF,CAAC;AAGF,eAAe,MAAM,CAAC"}

package/build/types/listItem/Prompt/index.d.ts

@@ -1,3 +0,0 @@
-export type { ListItemPromptProps } from './ListItemPrompt';
-export { Prompt } from './ListItemPrompt';
-//# sourceMappingURL=index.d.ts.map

package/build/types/listItem/Prompt/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/listItem/Prompt/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC"}

package/build/types/listItem/Radio/ListItemRadio.d.ts

@@ -1,14 +0,0 @@
-import { type RadioButtonProps } from '../../common/RadioButton/RadioButton';
-export type ListItemRadioProps = Omit<RadioButtonProps, 'disabled' | 'readOnly' | 'className' | 'id'>;
-/**
- * This component allows for rendering a Button control. It's a thin wrapper around the
- * [Button component](https://storybook.wise.design/?path=/docs/content-button--docs), but offers only
- * a subset of its features in line with the ListItem's constraints. <br />
- * <br />
- * Please refer to the [Design documentation](https://wise.design/components/list-item---button) for details.
- */
-export declare const Radio: {
-    (props: ListItemRadioProps): import("react").JSX.Element;
-    displayName: string;
-};
-//# sourceMappingURL=ListItemRadio.d.ts.map

package/build/types/listItem/Radio/ListItemRadio.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ListItemRadio.d.ts","sourceRoot":"","sources":["../../../../src/listItem/Radio/ListItemRadio.tsx"],"names":[],"mappings":"AACA,OAAoB,EAAE,KAAK,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAI1F,MAAM,MAAM,kBAAkB,GAAG,IAAI,CACnC,gBAAgB,EAChB,UAAU,GAAG,UAAU,GAAG,WAAW,GAAG,IAAI,CAC7C,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,KAAK;YAAoB,kBAAkB;;CAavD,CAAC"}

package/build/types/listItem/Radio/index.d.ts

@@ -1,3 +0,0 @@
-export type { ListItemRadioProps } from './ListItemRadio';
-export { Radio } from './ListItemRadio';
-//# sourceMappingURL=index.d.ts.map

package/build/types/listItem/Radio/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/listItem/Radio/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC"}

package/build/types/listItem/Switch/ListItemSwitch.d.ts

@@ -1,14 +0,0 @@
-import { type SwitchProps } from '../../switch';
-export type ListItemSwitchProps = Omit<SwitchProps, 'disabled' | 'id' | 'aria-labelledby' | 'aria-label'>;
-/**
- * This component allows for rendering a switch control within a fully interactive ListItem. <br />It's a thin wrapper around the
- * [CheckboxButton component](https://storybook.wise.design/?path=/docs/actions-switch--docs),
- * but offers only a subset of its features in line with the ListItem's constraints. <br />
- *
- * Please refer to the [Design documentation](https://wise.design/components/list-item---switch) for details.
- */
-export declare const Switch: {
-    (props: ListItemSwitchProps): import("react").JSX.Element;
-    displayName: string;
-};
-//# sourceMappingURL=ListItemSwitch.d.ts.map

package/build/types/listItem/Switch/ListItemSwitch.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ListItemSwitch.d.ts","sourceRoot":"","sources":["../../../../src/listItem/Switch/ListItemSwitch.tsx"],"names":[],"mappings":"AACA,OAAmB,EAAE,KAAK,WAAW,EAAE,MAAM,cAAc,CAAC;AAI5D,MAAM,MAAM,mBAAmB,GAAG,IAAI,CACpC,WAAW,EACX,UAAU,GAAG,IAAI,GAAG,iBAAiB,GAAG,YAAY,CACrD,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,MAAM;YAAoB,mBAAmB;;CAazD,CAAC"}

package/build/types/listItem/Switch/index.d.ts

@@ -1,3 +0,0 @@
-export type { ListItemSwitchProps } from './ListItemSwitch';
-export { Switch } from './ListItemSwitch';
-//# sourceMappingURL=index.d.ts.map

package/build/types/listItem/Switch/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/listItem/Switch/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC"}

package/build/types/listItem/_stories/subcomponents.d.ts

@@ -1,18 +0,0 @@
-import { ReactNode } from 'react';
-export type SB_ListItem_ControlType = 'button' | 'buttonAsLink' | 'partialButton' | 'partialButtonAsLink' | 'iconButton' | 'iconButtonAsLink' | 'iconButtonWithLabel' | 'iconButtonAsLinkWithLabel' | 'partialIconButton' | 'partialIconButtonAsLink' | 'partialIconButtonWithLabel' | 'partialIconButtonAsLinkWithLabel' | 'navigation' | 'navigationAsButton' | 'checkbox' | 'radio' | 'switch';
-export declare const SB_LIST_ITEM_CONTROLS: Record<SB_ListItem_ControlType, ReactNode>;
-export declare const SB_LIST_ITEM_ADDITIONAL_INFO: {
-    readonly interactive: import("react").JSX.Element;
-    readonly nonInteractive: import("react").JSX.Element;
-};
-export declare const SB_LIST_ITEM_PROMPTS: {
-    readonly interactive: import("react").JSX.Element;
-    readonly nonInteractive: import("react").JSX.Element;
-};
-export declare const SB_LIST_ITEM_MEDIA: {
-    readonly image: import("react").JSX.Element;
-    readonly avatarSingle: import("react").JSX.Element;
-    readonly avatarDouble: import("react").JSX.Element;
-    readonly avatarDiagonal: import("react").JSX.Element;
-};
-//# sourceMappingURL=subcomponents.d.ts.map

package/build/types/listItem/_stories/subcomponents.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"subcomponents.d.ts","sourceRoot":"","sources":["../../../../src/listItem/_stories/subcomponents.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOlC,MAAM,MAAM,uBAAuB,GAC/B,QAAQ,GACR,cAAc,GACd,eAAe,GACf,qBAAqB,GACrB,YAAY,GACZ,kBAAkB,GAClB,qBAAqB,GACrB,2BAA2B,GAC3B,mBAAmB,GACnB,yBAAyB,GACzB,4BAA4B,GAC5B,kCAAkC,GAClC,YAAY,GACZ,oBAAoB,GACpB,UAAU,GACV,OAAO,GACP,QAAQ,CAAC;AAEb,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,uBAAuB,EAAE,SAAS,CA0DnE,CAAC;AAEX,eAAO,MAAM,4BAA4B;;;CAe/B,CAAC;AAEX,eAAO,MAAM,oBAAoB;;;CAavB,CAAC;AAEX,eAAO,MAAM,kBAAkB;;;;;CAoBrB,CAAC"}

package/build/types/listItem/index.d.ts

@@ -1,14 +0,0 @@
-export type { Props as ListItemProps } from './ListItem';
-export type { ListItemAdditionalInfoProps } from './AdditionalInfo';
-export type { ListItemAvatarLayoutProps } from './AvatarLayout';
-export type { ListItemAvatarViewProps } from './AvatarView';
-export type { ListItemButtonProps } from './Button';
-export type { ListItemCheckboxProps } from './Checkbox';
-export type { ListItemIconButtonProps } from './IconButton';
-export type { ListItemImageProps } from './Image';
-export type { ListItemNavigationProps } from './Navigation';
-export type { ListItemPromptProps } from './Prompt';
-export type { ListItemRadioProps } from './Radio';
-export type { ListItemSwitchProps } from './Switch';
-export { default } from './ListItem';
-//# sourceMappingURL=index.d.ts.map

package/build/types/listItem/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/listItem/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,KAAK,IAAI,aAAa,EAAE,MAAM,YAAY,CAAC;AACzD,YAAY,EAAE,2BAA2B,EAAE,MAAM,kBAAkB,CAAC;AACpE,YAAY,EAAE,yBAAyB,EAAE,MAAM,gBAAgB,CAAC;AAChE,YAAY,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAC;AAC5D,YAAY,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AACpD,YAAY,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AACxD,YAAY,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAC;AAC5D,YAAY,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAClD,YAAY,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAC;AAC5D,YAAY,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AACpD,YAAY,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAClD,YAAY,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAEpD,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC"}

package/build/types/listItem/test-utils.d.ts

@@ -1,7 +0,0 @@
-import { type RenderResult } from '../test-utils';
-export declare const mockSetControlType: jest.Mock<any, any, any>;
-export declare const mockSetControlProps: jest.Mock<any, any, any>;
-export declare const mockSetMediaSize: jest.Mock<any, any, any>;
-export declare const renderWithListItemContext: (ui: React.ReactNode) => RenderResult;
-export declare const clearListItemMocks: () => void;
-//# sourceMappingURL=test-utils.d.ts.map

package/build/types/listItem/test-utils.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"test-utils.d.ts","sourceRoot":"","sources":["../../../src/listItem/test-utils.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AAG1D,eAAO,MAAM,kBAAkB,0BAAY,CAAC;AAC5C,eAAO,MAAM,mBAAmB,0BAAY,CAAC;AAC7C,eAAO,MAAM,gBAAgB,0BAAY,CAAC;AAE1C,eAAO,MAAM,yBAAyB,GAAI,IAAI,KAAK,CAAC,SAAS,KAAG,YAqB/D,CAAC;AAEF,eAAO,MAAM,kBAAkB,YAE9B,CAAC"}

package/build/types/listItem/useListItemControl.d.ts

@@ -1,5 +0,0 @@
-import type { ListItemTypes, ListItemControlProps } from './ListItem';
-export declare function useListItemControl(controlType: ListItemTypes, controlProps: ListItemControlProps): {
-    baseItemProps: Pick<import("./ListItem").Props, "disabled" | "inverted">;
-};
-//# sourceMappingURL=useListItemControl.d.ts.map

package/build/types/listItem/useListItemControl.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useListItemControl.d.ts","sourceRoot":"","sources":["../../../src/listItem/useListItemControl.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAEtE,wBAAgB,kBAAkB,CAAC,WAAW,EAAE,aAAa,EAAE,YAAY,EAAE,oBAAoB;;EAahG"}

package/build/types/listItem/useListItemMedia.d.ts

@@ -1,6 +0,0 @@
-import type { ListItemAvatarViewProps } from './AvatarView';
-export declare function useListItemMedia(size?: ListItemAvatarViewProps['size']): {
-    mediaSize: 32 | 40 | 48 | 56 | 72 | undefined;
-    setMediaSize: (size: import("./ListItemContext").ListItemMediaSize | undefined) => void;
-};
-//# sourceMappingURL=useListItemMedia.d.ts.map

package/build/types/listItem/useListItemMedia.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useListItemMedia.d.ts","sourceRoot":"","sources":["../../../src/listItem/useListItemMedia.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAC;AAE5D,wBAAgB,gBAAgB,CAAC,IAAI,CAAC,EAAE,uBAAuB,CAAC,MAAM,CAAC;;;EAQtE"}

package/src/listItem/AdditionalInfo/ListItemAdditionalInfo.spec.tsx

@@ -1,56 +0,0 @@
-import { render, screen } from '../../test-utils';
-import { ListItem, type Props as ListItemProps } from '../ListItem';
-
-describe('ListItem.AdditionalInfo', () => {
-  const renderWithInfo = (info: ListItemProps['additionalInfo']) =>
-    render(<ListItem title="Test title" subtitle="Test subtitle" additionalInfo={info} />);
-
-  it('renders children content', () => {
-    renderWithInfo(
-      <ListItem.AdditionalInfo>Additional information content</ListItem.AdditionalInfo>,
-    );
-    expect(screen.getByText('Additional information content')).toBeInTheDocument();
-  });
-
-  it('renders action button when onClick provided', () => {
-    const handleActionClick = jest.fn();
-    renderWithInfo(
-      <ListItem.AdditionalInfo action={{ label: 'Learn more', onClick: handleActionClick }}>
-        Additional info
-      </ListItem.AdditionalInfo>,
-    );
-
-    expect(screen.getByRole('button', { name: 'Learn more' })).toBeInTheDocument();
-  });
-
-  it('renders action link with href when provided', () => {
-    renderWithInfo(
-      <ListItem.AdditionalInfo action={{ label: 'Learn more', href: '/learn' }}>
-        Additional info
-      </ListItem.AdditionalInfo>,
-    );
-
-    const actionLink = screen.getByRole('link', { name: 'Learn more' });
-    expect(actionLink).toBeInTheDocument();
-    expect(actionLink).toHaveAttribute('href', '/learn');
-  });
-
-  it('renders action link with target when provided', () => {
-    renderWithInfo(
-      <ListItem.AdditionalInfo action={{ label: 'Learn more', href: '/learn', target: '_blank' }}>
-        Additional info
-      </ListItem.AdditionalInfo>,
-    );
-
-    const actionLink = screen.getByRole('link', { name: 'Learn more (opens in new tab)' });
-    expect(actionLink).toBeInTheDocument();
-    expect(actionLink).toHaveAttribute('target', '_blank');
-  });
-
-  it('does not render action when not provided', () => {
-    renderWithInfo(<ListItem.AdditionalInfo>Additional info only</ListItem.AdditionalInfo>);
-
-    expect(screen.queryByRole('link')).not.toBeInTheDocument();
-    expect(screen.queryByRole('button')).not.toBeInTheDocument();
-  });
-});

package/src/listItem/AdditionalInfo/ListItemAdditionalInfo.story.tsx

@@ -1,145 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react-webpack5';
-import { action } from 'storybook/actions';
-import { lorem20 } from '../../test-utils';
-import { ListItem } from '../ListItem';
-import {
-  SB_LIST_ITEM_CONTROLS as CONTROLS,
-  SB_LIST_ITEM_MEDIA as MEDIA,
-} from '../_stories/subcomponents';
-import type { ListItemAdditionalInfoProps } from './ListItemAdditionalInfo';
-
-/**
- * Use additional information to add extra details that help make the information clearer for users. Use additional information only after you've used the subtitle.
- *
- * Refer to the [design documentation](https://wise.design/components/list-item#content:~:text=StatusIcon.iconLabel.error-,Additional%20information,-Use%20additional%20information) for more details.
- */
-export default {
-  component: ListItem.AdditionalInfo,
-  title: 'Content/ListItem/ListItem.AdditionalInfo',
-  parameters: {
-    docs: {
-      toc: true,
-    },
-  },
-  args: {
-    action: {
-      label: 'Details about the subject.',
-      href: 'https://wise.com',
-      target: '_blank',
-    },
-    children: lorem20,
-  },
-  argTypes: {
-    children: {
-      table: {
-        type: { summary: 'ReactNode' },
-      },
-    },
-  },
-} satisfies Meta<ListItemAdditionalInfoProps>;
-
-type Story = StoryObj<ListItemAdditionalInfoProps>;
-
-export const Playground: Story = {
-  tags: ['!autodocs'],
-  render: (args: ListItemAdditionalInfoProps) => {
-    return (
-      <ListItem
-        title="List item title"
-        subtitle="Subtitle goes here"
-        media={MEDIA.avatarSingle}
-        control={CONTROLS.partialButton}
-        additionalInfo={<ListItem.AdditionalInfo {...args} />}
-      />
-    );
-  },
-};
-
-/**
- * Fully interactive ListItems do not allow for any nested links or inline buttons as that would fail accessibility compliance.
- *
- * Non-interactive or partially-interactive ListItems allow appending a single link or inline button via `action` prop. The restriction has been introduced to ensure that the ListItem remains accessible and adheres to the vendors' best practices for mobile platforms.
- */
-export const Interactivity: Story = {
-  args: {
-    action: {
-      label: 'Details about the subject.',
-      href: 'https://wise.com',
-      target: '_blank',
-    },
-  },
-  render: (args: ListItemAdditionalInfoProps) => {
-    return (
-      <ol className="list-unstyled">
-        <ListItem
-          title="Fully interactive ListItem"
-          subtitle="Subtitle goes here"
-          media={MEDIA.avatarSingle}
-          control={CONTROLS.button}
-          additionalInfo={<ListItem.AdditionalInfo {...args} action={undefined} />}
-        />
-
-        <ListItem
-          title="Partially interactive ListItem"
-          subtitle="Subtitle goes here"
-          media={MEDIA.avatarSingle}
-          control={CONTROLS.partialButton}
-          additionalInfo={<ListItem.AdditionalInfo {...args} />}
-        />
-
-        <ListItem
-          title="Non-interactive ListItem"
-          subtitle="Subtitle goes here"
-          media={MEDIA.avatarSingle}
-          additionalInfo={<ListItem.AdditionalInfo {...args} />}
-        />
-      </ol>
-    );
-  },
-};
-
-/**
- * Interactive `ListItem.AdditionalInfo` allows for 2 types of actions: a link or a button.
- */
-export const Actions: Story = {
-  render: (args: ListItemAdditionalInfoProps) => {
-    return (
-      <ol className="list-unstyled">
-        <ListItem
-          title="Partially interactive ListItem"
-          subtitle="Subtitle goes here"
-          media={MEDIA.avatarSingle}
-          control={CONTROLS.partialButton}
-          additionalInfo={
-            <ListItem.AdditionalInfo
-              {...args}
-              action={{
-                label: 'I am a link.',
-                href: 'https://wise.com',
-                target: '_blank',
-              }}
-            />
-          }
-        />
-
-        <ListItem
-          title="Partially interactive ListItem"
-          subtitle="Subtitle goes here"
-          media={MEDIA.avatarSingle}
-          control={CONTROLS.partialButton}
-          additionalInfo={
-            <ListItem.AdditionalInfo
-              {...args}
-              action={{
-                label: 'I am a button.',
-                onClick: () => {
-                  action('Button clicked')();
-                },
-              }}
-            />
-          }
-        />
-      </ol>
-    );
-  },
-};

package/src/listItem/AdditionalInfo/ListItemAdditionalInfo.tsx

@@ -1,36 +0,0 @@
-import { PropsWithChildren, useContext } from 'react';
-import { ListItemContext, type ListItemContextData } from '../ListItemContext';
-import Body from '../../body';
-import Link, { LinkProps } from '../../link';
-import { Typography } from '../../common';
-
-export type ListItemAdditionalInfoProps = PropsWithChildren<{
-  /**
-   * Props object to be passed to the [Link](https://storybook.wise.design/?path=/docs/typography-link--docs) component.
-   */
-  action?: { label: string } & Pick<LinkProps, 'href' | 'onClick' | 'target'>;
-}>;
-
-export const AdditionalInfo = function ({ children, action }: ListItemAdditionalInfoProps) {
-  const { ids } = useContext<ListItemContextData>(ListItemContext);
-
-  return (
-    <Body
-      type={Typography.BODY_DEFAULT}
-      id={ids.additionalInfo}
-      className="wds-list-item-additional-info"
-    >
-      {children}
-      {action ? (
-        <>
-          {' '}
-          <Link href={action.href} target={action.target} onClick={action.onClick}>
-            {action.label}
-          </Link>
-        </>
-      ) : null}
-    </Body>
-  );
-};
-
-AdditionalInfo.displayName = 'ListItem.AdditionalInfo';

package/src/listItem/AdditionalInfo/index.ts

@@ -1,2 +0,0 @@
-export type { ListItemAdditionalInfoProps } from './ListItemAdditionalInfo';
-export { AdditionalInfo } from './ListItemAdditionalInfo';

package/src/listItem/AvatarLayout/ListItemAvatarLayout.spec.tsx

@@ -1,59 +0,0 @@
-import { mockMatchMedia, render, screen } from '../../test-utils';
-import { ListItem, type Props as ListItemProps } from '../ListItem';
-
-mockMatchMedia();
-
-const avatars = [
-  { imgSrc: 'avatar1.jpg', profileName: 'User 1' },
-  { imgSrc: 'avatar2.jpg', profileName: 'User 2' },
-];
-
-const renderWithMedia = (media: ListItemProps['media']) =>
-  render(<ListItem title="Test Title" media={media} />);
-
-describe('ListItem.AvatarLayout', () => {
-  it('applies custom className alongside default class', () => {
-    renderWithMedia(
-      <ListItem.AvatarLayout
-        className="custom-class"
-        role="group"
-        aria-label="Custom avatar group"
-        avatars={avatars}
-      />,
-    );
-
-    expect(screen.getByRole('group', { name: 'Custom avatar group' })).toHaveClass('custom-class');
-  });
-
-  it('renders both avatars', () => {
-    renderWithMedia(<ListItem.AvatarLayout avatars={avatars} />);
-
-    const images = screen.getAllByRole('presentation');
-    expect(images).toHaveLength(avatars.length);
-    expect(images[0]).toHaveAttribute('src', avatars[0].imgSrc);
-    expect(images[1]).toHaveAttribute('src', avatars[1].imgSrc);
-  });
-
-  it('renders with single avatar', () => {
-    renderWithMedia(<ListItem.AvatarLayout avatars={[avatars[0]]} />);
-    expect(screen.getByRole('presentation')).toHaveAttribute('src', avatars[0].imgSrc);
-  });
-
-  it('handles empty avatars array', () => {
-    renderWithMedia(<ListItem.AvatarLayout avatars={[]} />);
-    expect(screen.queryByRole('img')).not.toBeInTheDocument();
-  });
-
-  it('supports accessibility props', () => {
-    renderWithMedia(<ListItem.AvatarLayout aria-label="User avatars" avatars={avatars} />);
-    expect(screen.getByLabelText('User avatars')).toBeInTheDocument();
-  });
-
-  it('passes through role', () => {
-    renderWithMedia(
-      <ListItem.AvatarLayout role="group" aria-label="Avatar group" avatars={avatars} />,
-    );
-
-    expect(screen.getByRole('group', { name: 'Avatar group' })).toBeInTheDocument();
-  });
-});