@orfium/ictinus 5.5.0 → 5.5.1

package/dist/src/components/Filter/hooks/useFilterWithSelectionUtils.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+import { FilterOption, FilterProps, MultiFilterProps, SingleFilterProps } from '../Filter.types';
+
+declare const useFilterWithSelectionUtils: ({ isMulti, setIsOpen, isSearchable, onChange, selectedFilter, onAsyncSearch, isAsync, minCharactersToSearch, items, onClear, }: Pick<FilterProps, 'isSearchable' | 'onAsyncSearch' | 'isAsync' | 'minCharactersToSearch' | 'items' | 'onClear'> & {
+    setIsOpen: any;
+} & (SingleFilterProps | MultiFilterProps)) => {
+    searchValue: string;
+    handleFilterClick: (option: FilterOption) => void;
+    handleInput: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    filteredOptions: import('../../Select').SelectOption[];
+    handleFilterDelete: (option: FilterOption) => void;
+    handleClear: () => void;
+};
+export default useFilterWithSelectionUtils;

package/dist/src/components/Filter/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from './Filter';
+export { default as StatefulFilter } from './StatefulFilter';
+export * from './Filter.types';

package/dist/src/components/Icon/Icon.d.ts

@@ -0,0 +1,19 @@
+import { DivProps } from 'utils/common';
+import { AcceptedIconNames } from './Icon.types';
+import { TestProps } from '../../utils/types';
+import * as React from 'react';
+export type IconProps = {
+    /** This property defines witch icon to use */
+    name: AcceptedIconNames;
+    /** Property indicating the color of the icon. Accepts all css:color values */
+    color?: string;
+    /**
+     * Property indicating the size of the icon. If number or string ending in 'px' is imported, it's converted to rem.
+     * Otherwise it's passed directly to the css:width/height. Defaults to 20px (converted to rem)
+     */
+    size?: string | number;
+    /** Whether the icon has a onHover style. Defaults to true if onClick is provided */
+    hasHover?: boolean;
+} & DivProps & TestProps;
+declare const Icon: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default Icon;

package/dist/src/components/Icon/Icon.stories.d.ts

@@ -0,0 +1,53 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<Omit<import('./Icon').IconProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    parameters: {
+        design: {
+            type: string;
+            name: string;
+            url: string;
+        }[];
+    };
+    args: {
+        name: string;
+    };
+    argTypes: {
+        size: {
+            type: string;
+        };
+        color: {
+            control: {
+                type: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Collection: {
+    render: () => import("@emotion/react/jsx-runtime").JSX.Element;
+    name: string;
+    parameters: {
+        controls: {
+            disable: boolean;
+        };
+    };
+};
+export declare const InteractiveIcon: {
+    render: () => import("@emotion/react/jsx-runtime").JSX.Element;
+    name: string;
+    parameters: {
+        controls: {
+            disable: boolean;
+        };
+    };
+};
+export declare const Playground: {
+    render: (args: any) => import("@emotion/react/jsx-runtime").JSX.Element;
+    parameters: {
+        controls: {
+            include: string[];
+        };
+    };
+    name: string;
+};

package/dist/src/components/Icon/Icon.style.d.ts

@@ -0,0 +1,7 @@
+import { IconProps } from './Icon';
+import { Theme } from '../../theme';
+
+export declare const iconContainerStyles: ({ hasHover, isInteractive, size, }: Pick<IconProps, 'hasHover' | 'size'> & {
+    isInteractive?: boolean;
+}) => (theme: Theme) => import('@emotion/react').SerializedStyles;
+export declare const iconStyles: ({ color, size }: Pick<IconProps, 'color' | 'size'>) => () => import('@emotion/react').SerializedStyles;

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

@@ -0,0 +1,9 @@
+export type AudioControlsIcons = 'forward' | 'pause' | 'play' | 'resume' | 'rewind' | 'next' | 'previous' | 'stop';
+export type BasicActionsIcons = 'check' | 'close' | 'columnChooser' | 'convert' | 'copy' | 'delete' | 'download' | 'edit' | 'login' | 'logout' | 'mediaFile' | 'minus' | 'plus' | 'redo' | 'refresh' | 'restore' | 'review' | 'search' | 'share' | 'sort' | 'sortAscending' | 'sortDescending' | 'thumbsDown' | 'thumbsUp' | 'undo' | 'update' | 'upload';
+export type DataAndFinanceIcons = 'analytics' | 'dashboard' | 'dataset' | 'earnings' | 'income' | 'insight' | 'invoice' | 'trendingDown' | 'trendingUp';
+export type GenericIcons = 'calendar' | 'chat' | 'delivery' | 'externalLink' | 'file' | 'filter' | 'issue' | 'language' | 'legal' | 'location' | 'mail' | 'manual' | 'moreOptions' | 'notification' | 'policy' | 'report' | 'settings' | 'tag';
+export type MusicBusinessIcons = 'album' | 'artist' | 'asset' | 'broadcast' | 'catalog' | 'channel' | 'cinema' | 'claim' | 'composition' | 'concert' | 'conflict' | 'cueSheet' | 'digital' | 'distribution' | 'license' | 'playcount' | 'publicPerformance' | 'publisher' | 'radio' | 'recording' | 'recordLabel' | 'television' | 'usage' | 'work' | 'writer' | 'youTube';
+export type NavigationIcons = 'apps' | 'arrowDown' | 'arrowLeft' | 'arrowRight' | 'arrowUp' | 'chevronDown' | 'chevronLeft' | 'chevronRight' | 'chevronUp' | 'menu' | 'pageFirst' | 'pageLast' | 'triangleDown' | 'triangleLeft' | 'triangleRight' | 'triangleUp';
+export type ToggledActionsIcons = 'audio' | 'audioOff' | 'bookmark' | 'bookmarkOff' | 'eye' | 'eyeOff' | 'favorite' | 'favoriteOff' | 'flag' | 'flagOff' | 'freeze' | 'image' | 'imageOff' | 'link' | 'lock' | 'pair' | 'unfreeze' | 'unlink' | 'unlock' | 'unpair' | 'video' | 'videoOff';
+export type UserAndStatusIcons = 'account' | 'entities' | 'error' | 'help' | 'informational' | 'organization' | 'pending' | 'role' | 'statusIndicator' | 'success' | 'unverified' | 'user' | 'users' | 'verified' | 'warning';
+export type AcceptedIconNames = AudioControlsIcons | BasicActionsIcons | DataAndFinanceIcons | GenericIcons | MusicBusinessIcons | NavigationIcons | ToggledActionsIcons | UserAndStatusIcons;

package/dist/src/components/Icon/assets/iconSelector.d.ts

@@ -0,0 +1,6 @@
+import { AcceptedIconNames } from '../Icon.types';
+
+declare const iconSelector: {
+    [key in AcceptedIconNames]: React.FunctionComponent;
+};
+export default iconSelector;

package/dist/src/components/Icon/constants.d.ts

@@ -0,0 +1,38 @@
+import { AudioControlsIcons, BasicActionsIcons, DataAndFinanceIcons, GenericIcons, MusicBusinessIcons, NavigationIcons, ToggledActionsIcons, UserAndStatusIcons } from './Icon.types';
+
+type IconSet = {
+    userAndStatus: {
+        title: string;
+        icons: UserAndStatusIcons[];
+    };
+    dataAndFinance: {
+        title: string;
+        icons: DataAndFinanceIcons[];
+    };
+    navigation: {
+        title: string;
+        icons: NavigationIcons[];
+    };
+    generic: {
+        title: string;
+        icons: GenericIcons[];
+    };
+    basicActions: {
+        title: string;
+        icons: BasicActionsIcons[];
+    };
+    toggledActions: {
+        title: string;
+        icons: ToggledActionsIcons[];
+    };
+    audioControls: {
+        title: string;
+        icons: AudioControlsIcons[];
+    };
+    musicBusiness: {
+        title: string;
+        icons: MusicBusinessIcons[];
+    };
+};
+export declare const iconsSet: IconSet;
+export {};

package/dist/src/components/Icon/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from './Icon';
+export * from './Icon';
+export * from './Icon.types';

package/dist/src/components/IconButton/IconButton.d.ts

@@ -0,0 +1,23 @@
+import { default as React } from 'react';
+import { AcceptedIconNames } from '../Icon';
+import { PrimitiveButtonTypes } from '../Button/Button.types';
+import { ButtonBaseProps } from '../ButtonBase/ButtonBase';
+
+export type IconButtonShape = 'circle' | 'square';
+export type IconButtonProps = Omit<ButtonBaseProps, 'type' | 'isBlock' | 'isLoading' | 'isIconButton'> & {
+    /** This property defines the type of the IconButton */
+    type?: PrimitiveButtonTypes;
+    /** This property defines witch icon to use */
+    iconName: AcceptedIconNames;
+    /** This property defines the shape of the IconButton */
+    shape?: IconButtonShape;
+};
+declare const IconButton: React.ForwardRefExoticComponent<Omit<ButtonBaseProps, "type" | "isBlock" | "isLoading" | "isIconButton"> & {
+    /** This property defines the type of the IconButton */
+    type?: PrimitiveButtonTypes;
+    /** This property defines witch icon to use */
+    iconName: AcceptedIconNames;
+    /** This property defines the shape of the IconButton */
+    shape?: IconButtonShape;
+} & React.RefAttributes<HTMLButtonElement>>;
+export default IconButton;

package/dist/src/components/IconButton/IconButton.stories.d.ts

@@ -0,0 +1,41 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<Omit<import('../ButtonBase').ButtonBaseProps, "type" | "isBlock" | "isLoading" | "isIconButton"> & {
+        type?: import('../Button/Button.types').PrimitiveButtonTypes;
+        iconName: import('../Icon').AcceptedIconNames;
+        shape?: import('./IconButton').IconButtonShape;
+    } & import('react').RefAttributes<HTMLButtonElement>>;
+    parameters: {
+        design: {
+            type: string;
+            name: string;
+            url: string;
+        }[];
+    };
+    args: {
+        shape: string;
+        size: string;
+        type: string;
+        iconName: string;
+    };
+};
+export default _default;
+export declare const IconButtonTypesAndSizes: {
+    render: () => import("@emotion/react/jsx-runtime").JSX.Element;
+    name: string;
+    parameters: {
+        controls: {
+            disable: boolean;
+        };
+    };
+};
+export declare const Playground: {
+    render: (args: any) => import("@emotion/react/jsx-runtime").JSX.Element;
+    name: string;
+    parameters: {
+        controls: {
+            include: string[];
+        };
+    };
+};

package/dist/src/components/IconButton/index.d.ts

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

package/dist/src/components/Label/Label.d.ts

@@ -0,0 +1,18 @@
+import { ComponentSizes } from 'types';
+import * as React from 'react';
+export type LabelProps = {
+    /** If the label has error */
+    hasError?: boolean;
+    /** The label that is going to be displayed */
+    label: string;
+    /** If the label value is required */
+    isRequired: boolean;
+    /** If the label must be moved to the top */
+    isAnimated?: boolean;
+    /** HTML <label/>'s for prop */
+    htmlFor?: string;
+    /** The size of the label */
+    size?: ComponentSizes;
+};
+declare const Label: React.FCC<LabelProps>;
+export default Label;

package/dist/src/components/Label/Label.style.d.ts

@@ -0,0 +1,6 @@
+import { SerializedStyles } from '@emotion/react';
+import { Theme } from 'theme';
+import { LabelProps } from './Label';
+
+export declare const LABEL_TRANSFORM_LEFT_SPACING: string;
+export declare const labelStyle: ({ isAnimated, hasError, size, }: Pick<LabelProps, 'isAnimated' | 'hasError' | 'size'>) => (theme: Theme) => SerializedStyles;

package/dist/src/components/Label/index.d.ts

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

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

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+
+declare const Link: React.ForwardRefExoticComponent<React.AnchorHTMLAttributes<HTMLAnchorElement> & {
+    type?: "primary" | "inverted";
+    placement?: "inline" | "block";
+    size?: import('./Link.types').LinkSizes;
+    iconName?: import('../Icon').AcceptedIconNames;
+    isDisabled?: boolean;
+    component?: import('prop-types').ReactComponentLike;
+    dataTestPrefixId?: string;
+} & React.RefAttributes<HTMLAnchorElement>>;
+export default Link;

package/dist/src/components/Link/Link.stories.d.ts

@@ -0,0 +1,82 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('react').AnchorHTMLAttributes<HTMLAnchorElement> & {
+        type?: "primary" | "inverted";
+        placement?: "inline" | "block";
+        size?: import('./Link.types').LinkSizes;
+        iconName?: import('../Icon').AcceptedIconNames;
+        isDisabled?: boolean;
+        component?: import('prop-types').ReactComponentLike;
+        dataTestPrefixId?: string;
+    } & import('react').RefAttributes<HTMLAnchorElement>>;
+    parameters: {
+        design: {
+            type: string;
+            name: string;
+            url: string;
+        }[];
+    };
+    args: {
+        placement: string;
+        size: number;
+    };
+};
+export default _default;
+export declare const LinkStyles: {
+    render: () => import("@emotion/react/jsx-runtime").JSX.Element;
+    name: string;
+    parameters: {
+        controls: {
+            disable: boolean;
+        };
+    };
+};
+export declare const Placement: {
+    render: () => import("@emotion/react/jsx-runtime").JSX.Element;
+    name: string;
+    parameters: {
+        controls: {
+            disable: boolean;
+        };
+    };
+};
+export declare const Sizes: {
+    render: () => import("@emotion/react/jsx-runtime").JSX.Element;
+    name: string;
+    parameters: {
+        controls: {
+            disable: boolean;
+        };
+    };
+};
+export declare const LinkWithIcon: {
+    render: (args: any) => import("@emotion/react/jsx-runtime").JSX.Element;
+    name: string;
+    args: {
+        iconName: string;
+    };
+    parameters: {
+        controls: {
+            include: string[];
+        };
+    };
+};
+export declare const ThirdPartyRoutingLibrary: {
+    render: () => import("@emotion/react/jsx-runtime").JSX.Element;
+    name: string;
+    parameters: {
+        controls: {
+            disable: boolean;
+        };
+    };
+};
+export declare const Playground: {
+    render: (args: any) => import("@emotion/react/jsx-runtime").JSX.Element;
+    name: string;
+    parameters: {
+        controls: {
+            include: string[];
+        };
+    };
+};

package/dist/src/components/Link/Link.style.d.ts

@@ -0,0 +1,5 @@
+import { SerializedStyles } from '@emotion/react';
+import { Theme } from 'theme';
+import { LinkProps } from './Link.types';
+
+export declare const linkContainer: ({ placement, type, size, isDisabled, }: Pick<LinkProps, 'placement' | 'type' | 'size' | 'isDisabled'>) => (theme: Theme) => SerializedStyles;

package/dist/src/components/Link/Link.tokens.d.ts

@@ -0,0 +1,6 @@
+import { default as link } from '../../theme/tokens/components/variables/link';
+import { DotKeys } from '../../theme/tokens/utils';
+import { Theme } from '../../theme';
+
+export type LinkTokens = DotKeys<typeof link>;
+export declare const getLinkTokens: (theme: Theme) => (path: "inline.1" | "inline.2" | "inline.3" | "block.1" | "block.2" | "block.3", fn?: (val: string) => unknown) => any;

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

@@ -0,0 +1,21 @@
+import { ReactComponentLike } from 'prop-types';
+import { AnchorHTMLAttributes } from 'react';
+import { AcceptedIconNames } from '../Icon';
+
+export type LinkSizes = 1 | 2 | 3;
+export type LinkProps = AnchorHTMLAttributes<HTMLAnchorElement> & {
+    /** The type of the Link in terms of style */
+    type?: 'primary' | 'inverted';
+    /** The placement of the link */
+    placement?: 'block' | 'inline';
+    /** The size of the Link */
+    size?: LinkSizes;
+    /** Optional icon to add at the right of the Link */
+    iconName?: AcceptedIconNames;
+    /** Whether the link is disabled*/
+    isDisabled?: boolean;
+    /** The component used for the root node */
+    component?: ReactComponentLike;
+    /** Data Test Id prefix **/
+    dataTestPrefixId?: string;
+};

package/dist/src/components/Link/constants.d.ts

@@ -0,0 +1,4 @@
+import { DimensionSizingKey } from '../../theme/dimension/sizing';
+import { LinkSizes } from './Link.types';
+
+export declare const iconSize: Record<LinkSizes, DimensionSizingKey>;

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

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

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

@@ -0,0 +1,44 @@
+import { default as React } from 'react';
+import { AriaListBoxProps } from 'react-aria';
+import { TestProps } from 'utils/types';
+import { ListSelected, ListSelection } from './types';
+import { SelectOption } from '../Select';
+
+export type ListProps = {
+    /** The label that describes the List, useful to determine aria and accessibility of the list  */
+    label: string;
+    /** Width of the list */
+    width?: number;
+    /** Height of the list when you use it as virtualized */
+    height?: number;
+    /** Virtualized list option */
+    isVirtualized?: boolean;
+    /** Callback when an item gets a change */
+    onSelectionChange?: (keys: ListSelection) => unknown;
+    /** Is the actual `key` of the item e.g `<Item key={'item_1'} />` is the `item_1` */
+    disabledKeys?: ListSelected;
+    /** Is the actual `key` of the item e.g `<Item key={'item_1'} />` is the `item_1` */
+    selectedKeys?: ListSelected;
+} & Omit<AriaListBoxProps<SelectOption>, 'selectionMode' | 'onSelectionChange' | 'children'> & TestProps & Omit<React.InputHTMLAttributes<HTMLUListElement>, 'onChange'>;
+/**
+ * This is the List component that uses the Window underneath for every UL.
+ * Because this component uses the React-Aria abstraction for the List it will also contain the Option and ListBoxSection below
+ * as a masked layer to the actual subcomponents
+ * */
+declare const List: React.ForwardRefExoticComponent<{
+    /** The label that describes the List, useful to determine aria and accessibility of the list  */
+    label: string;
+    /** Width of the list */
+    width?: number;
+    /** Height of the list when you use it as virtualized */
+    height?: number;
+    /** Virtualized list option */
+    isVirtualized?: boolean;
+    /** Callback when an item gets a change */
+    onSelectionChange?: (keys: ListSelection) => unknown;
+    /** Is the actual `key` of the item e.g `<Item key={'item_1'} />` is the `item_1` */
+    disabledKeys?: ListSelected;
+    /** Is the actual `key` of the item e.g `<Item key={'item_1'} />` is the `item_1` */
+    selectedKeys?: ListSelected;
+} & Omit<AriaListBoxProps<SelectOption>, "children" | "selectionMode" | "onSelectionChange"> & TestProps & Omit<React.InputHTMLAttributes<HTMLUListElement>, "onChange"> & React.RefAttributes<HTMLUListElement>>;
+export default List;

package/dist/src/components/List/List.style.d.ts

@@ -0,0 +1,13 @@
+import { SerializedStyles } from '@emotion/react';
+import { Theme } from 'theme';
+
+export declare const wrapperStyle: ({ width, isSearchable }: {
+    width: number | undefined;
+    isSearchable?: boolean;
+}) => (theme: Theme) => SerializedStyles;
+export declare const listStyle: ({ width, height, isSearchable }: {
+    width?: number;
+    height?: number;
+    isSearchable?: boolean;
+}) => (theme: Theme) => SerializedStyles;
+export declare const groupedUlStyle: () => SerializedStyles;

package/dist/src/components/List/List.tokens.d.ts

@@ -0,0 +1,6 @@
+import { default as listItem } from '../../theme/tokens/components/variables/listItem';
+import { DotKeys } from '../../theme/tokens/utils';
+import { Theme } from '../../theme';
+
+export type ListItemTokens = DotKeys<typeof listItem>;
+export declare const getListItemTokens: (theme: Theme) => (path: "height" | "heightCompact", fn?: (val: string) => unknown) => any;

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

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+import { ListRowSize } from './types';
+
+export type ListItemProps = {
+    /** A string representation of the item's unique key. */
+    key?: string | number;
+    /** A string representation of the item's contents, used when contents are something more than just text to determine labels etc. */
+    textValue?: string;
+    /** @default normal */
+    rowSize?: ListRowSize;
+    /** The type of the parent component, usually changed when used on Menus @defaults List */
+    parentType?: 'List' | 'Menu';
+};
+declare const ListItem: React.FCC<ListItemProps>;
+export default ListItem;

package/dist/src/components/List/ListSection.d.ts

@@ -0,0 +1,14 @@
+import { SectionProps } from '@react-types/shared';
+import { ReactNode, default as React } from 'react';
+import { ListRowSize } from './types';
+
+export type ListSectionProps = {
+    /** Rendered contents of the section, e.g. a header. */
+    title: ReactNode;
+    /** An accessibility label for the section. */
+    'aria-label'?: string;
+    /** @default normal */
+    rowSize?: ListRowSize;
+} & SectionProps<unknown>;
+declare const ListSection: React.FCC<ListSectionProps>;
+export default ListSection;

package/dist/src/components/List/Window.d.ts

@@ -0,0 +1,20 @@
+import { default as React } from 'react';
+
+export type WindowProps = {
+    rowHeight: number;
+    children: Array<JSX.Element>;
+    gap?: number;
+    isVirtualizationEnabled?: boolean;
+} & React.InputHTMLAttributes<HTMLUListElement>;
+/**
+ * Custom component to implement virtualization of a Ul list
+ * We used a custom solution in order to provide a semantically correct UL list with accessibility (aria) included.
+ * Other solutions such as react-window etc couldn't override to use UL lists and pass with ...rest properties
+ * */
+declare const Window: React.ForwardRefExoticComponent<{
+    rowHeight: number;
+    children: Array<JSX.Element>;
+    gap?: number;
+    isVirtualizationEnabled?: boolean;
+} & React.InputHTMLAttributes<HTMLUListElement> & React.RefAttributes<HTMLUListElement>>;
+export default Window;

package/dist/src/components/List/components/ListItemAction/ListItemAction.d.ts

@@ -0,0 +1,5 @@
+import { FCC } from 'react';
+
+export type ListItemActionProps = NonNullable<unknown>;
+declare const ListItemAction: FCC<ListItemActionProps>;
+export default ListItemAction;

package/dist/src/components/List/components/ListItemAction/ListItemAction.style.d.ts

@@ -0,0 +1,3 @@
+import { SerializedStyles } from '@emotion/react';
+
+export declare const listItemActionWrapper: () => () => SerializedStyles;

package/dist/src/components/List/components/ListItemAction/index.d.ts

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

package/dist/src/components/List/components/ListItemText/ListItemText.d.ts

@@ -0,0 +1,7 @@
+import { FC, default as React } from 'react';
+
+export type ListItemTextProps = {
+    description?: string | JSX.Element;
+};
+declare const ListItemText: FC<React.PropsWithChildren<ListItemTextProps>>;
+export default ListItemText;

package/dist/src/components/List/components/ListItemText/ListItemText.style.d.ts

@@ -0,0 +1,5 @@
+import { SerializedStyles } from '@emotion/react';
+import { Theme } from 'index';
+
+export declare const listItemTextWrapperStyles: (isGroupItem?: boolean, isHighlighted?: boolean) => (theme: Theme) => SerializedStyles;
+export declare const descriptionStyles: () => (theme: Theme) => SerializedStyles;

package/dist/src/components/List/components/ListItemText/index.d.ts

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

package/dist/src/components/List/components/ListItemWrapper/ListItemWrapper.d.ts

@@ -0,0 +1,29 @@
+import { default as React } from 'react';
+import { TestProps } from 'utils/types';
+import { ListRowSize } from '../../types';
+
+export type ListItemProps = {
+    /** Whether the text of the ListItem is highlighted or not. eg: Filter - Default Value */
+    isHighlighted?: boolean;
+    /** Disabled state */
+    isDisabled?: boolean;
+    /** Search Term to be highlighted in list items */
+    searchTerm?: string;
+    /** Determines if the item is a header of a section */
+    isGroupItem?: boolean;
+    /** @default normal **/
+    rowSize?: ListRowSize;
+} & TestProps & Omit<React.LiHTMLAttributes<HTMLLIElement>, 'value'>;
+declare const ListItemWrapper: React.ForwardRefExoticComponent<{
+    /** Whether the text of the ListItem is highlighted or not. eg: Filter - Default Value */
+    isHighlighted?: boolean;
+    /** Disabled state */
+    isDisabled?: boolean;
+    /** Search Term to be highlighted in list items */
+    searchTerm?: string;
+    /** Determines if the item is a header of a section */
+    isGroupItem?: boolean;
+    /** @default normal **/
+    rowSize?: ListRowSize;
+} & TestProps & Omit<React.LiHTMLAttributes<HTMLLIElement>, "value"> & React.RefAttributes<HTMLLIElement>>;
+export default ListItemWrapper;

package/dist/src/components/List/components/ListItemWrapper/ListItemWrapper.style.d.ts

@@ -0,0 +1,9 @@
+import { ListRowSize } from '../../types';
+
+export declare const ListItemWrapperStyled: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: import('react').ElementType<any, keyof import("react").JSX.IntrinsicElements>;
+} & {
+    rowSize?: ListRowSize;
+    isDisabled: boolean;
+}, Pick<import('react').DetailedHTMLProps<import('react').LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "color" | "value" | "hidden" | "onClick" | "children" | "slot" | "style" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "ref" | "key" | "css">, {}>;

package/dist/src/components/List/components/ListItemWrapper/index.d.ts

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

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

@@ -0,0 +1,7 @@
+export { default } from './List';
+export * from './List';
+export { default as ListItemText } from './components/ListItemText';
+export { default as ListItemAction } from './components/ListItemAction';
+export { default as ListItem } from './ListItem';
+export { default as ListSection } from './ListSection';
+export * from './types';