@oliasoft-open-source/react-ui-library 3.12.0-beta-21 → 3.12.0-beta-24

package/dist/components/layout/grid/grid.js

@@ -1,41 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import styled from "styled-components";
-const getGapValue = (gap) => {
-    if (typeof gap === 'boolean') {
-        return gap ? '20px' : '0px';
-    }
-    else if (typeof gap === 'number') {
-        return `${gap}px`;
-    }
-    else {
-        return gap || 'initial';
-    }
-};
-const getSizeValue = (size) => {
-    if (typeof size === 'number') {
-        return `${size}px`;
-    }
-    else {
-        return size || 'initial';
-    }
-};
-const StyledGrid = styled.div `
-  display: grid;
-  gap: ${(props) => getGapValue(props.gap)};
-  grid-template-rows: ${(props) => getSizeValue(props.rows)};
-  grid-template-columns: ${(props) => getSizeValue(props.columns)};
-  height: ${(props) => getSizeValue(props.height)};
-
-  @media (max-width: 992px) {
-    ${(p) => p.columnsTablet &&
-    `grid-template-columns: ${getSizeValue(p.columnsTablet)};`}
-  }
-
-  @media (max-width: 575px) {
-    ${(p) => p.columnsMobile &&
-    `grid-template-columns: ${getSizeValue(p.columnsMobile)};`}
-  }
-`;
-export const Grid = ({ rows = 'initial', columns = 'initial', columnsTablet = null, columnsMobile = null, gap = false, height = 'initial', children, }) => {
-    return (_jsx(StyledGrid, { rows: rows, columns: columns, columnsTablet: columnsTablet, columnsMobile: columnsMobile, gap: gap === false ? '0px' : gap === true ? '20px' : gap, height: typeof height === 'number' ? `${height}px` : height, children: children }));
-};

package/dist/components/layout/grid/grid.stories.d.ts

@@ -1,9 +0,0 @@
-import { ILayoutGridProps } from './grid';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
-export default _default;
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ILayoutGridProps>;
-export declare const DefaultGap: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ILayoutGridProps>;
-export declare const CustomGap: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ILayoutGridProps>;
-export declare const CustomColumnWidth: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ILayoutGridProps>;
-export declare const Height: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ILayoutGridProps>;
-export declare const Responsive: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ILayoutGridProps>;

package/dist/components/layout/grid/grid.stories.js

@@ -1,48 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { Grid } from './grid';
-import { Card } from '../../card/card';
-export default {
-    title: 'Layout/Grid',
-    component: Grid,
-    argTypes: {
-        alignItems: {
-            control: {
-                type: 'inline-radio',
-            },
-            options: ['flex-start', 'center', 'flex-end'],
-        },
-        justifyContent: {
-            control: {
-                type: 'inline-radio',
-            },
-            options: ['flex-start', 'center', 'flex-end', 'space-between'],
-        },
-        gap: { control: { type: 'boolean' } },
-    },
-    args: {
-        columns: '1fr 1fr 1fr',
-        children: (_jsxs(_Fragment, { children: [_jsx(Card, { children: "Item 1" }), _jsx(Card, { children: "Item 2" }), _jsx(Card, { children: "Item 3" }), _jsx(Card, { children: "Item 4" }), _jsx(Card, { children: "Item 5" }), _jsx(Card, { children: "Item 6" })] })),
-    },
-};
-const Template = (args) => (_jsx(Grid
-// eslint-disable-next-line react/jsx-props-no-spreading
-, { ...args }));
-export const Default = Template.bind({});
-export const DefaultGap = Template.bind({});
-DefaultGap.args = { gap: true };
-export const CustomGap = Template.bind({});
-CustomGap.args = { gap: '50px' };
-export const CustomColumnWidth = Template.bind({});
-CustomColumnWidth.args = {
-    columns: '200px 50% 1fr',
-};
-export const Height = Template.bind({});
-Height.args = {
-    height: '200px',
-};
-export const Responsive = Template.bind({});
-Responsive.args = {
-    columns: '1fr 1fr 1fr',
-    columnsTablet: '1fr 1fr',
-    columnsMobile: '1fr',
-};

package/dist/components/layout/page/page.d.ts

@@ -1,9 +0,0 @@
-import { ReactNode } from 'react';
-export interface ILayoutPageProps {
-    children?: ReactNode;
-    padding?: boolean | string | number;
-    left?: string | number;
-    scroll?: boolean;
-    top?: string | number;
-}
-export declare const Page: ({ children, left, padding: paddingProp, scroll, top, }: ILayoutPageProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/layout/page/page.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import cx from 'classnames';
-import styles from './page.module.less';
-export const Page = ({ children, left = '70px', padding: paddingProp = true, scroll = true, top = '60px', }) => {
-    const padding = typeof paddingProp === 'string'
-        ? paddingProp
-        : paddingProp === true
-            ? '20px'
-            : '0';
-    return (_jsx("div", { className: cx(styles.page, scroll ? styles.scroll : ''), style: { left, padding, top }, children: children }));
-};

package/dist/components/layout/page.stories.d.ts

@@ -1,9 +0,0 @@
-import { StoryFn } from '@storybook/react';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
-export default _default;
-export declare const Default: StoryFn;
-export declare const NoPadding: () => import("react/jsx-runtime").JSX.Element;
-export declare const NoScroll: () => import("react/jsx-runtime").JSX.Element;
-export declare const NoTopBar: () => import("react/jsx-runtime").JSX.Element;
-export declare const NoSideBar: () => import("react/jsx-runtime").JSX.Element;
-export declare const WithPrintHeader: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/layout/page.stories.js

@@ -1,32 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Page } from './page/page';
-import { TopBar } from '../top-bar/top-bar';
-import { SideBar } from '../side-bar/side-bar';
-import { Heading } from '../heading/heading';
-import { PrintHeader } from './print-header/print-header';
-import { placeholder } from './placeholder'; // Assuming placeholder has default export.
-import LogoSVG from '../../images/logo.svg';
-export default {
-    title: 'Layout/Page',
-    component: Page,
-    parameters: {
-        layout: 'fullscreen',
-        docs: {
-            story: {
-                inline: false,
-                iframeHeight: 400,
-            },
-        },
-    },
-    argTypes: {
-        top: { control: 'text' },
-        left: { control: 'text' },
-        padding: { control: { type: 'boolean' } },
-    },
-};
-export const Default = () => (_jsxs(_Fragment, { children: [_jsx(TopBar, {}), _jsx(SideBar, { options: { title: '', sections: [] } }), _jsxs(Page, { children: [_jsx(Heading, { top: true, children: "Heading" }), placeholder] })] }));
-export const NoPadding = () => (_jsxs(_Fragment, { children: [_jsx(TopBar, {}), _jsx(SideBar, { options: { title: '', sections: [] } }), _jsxs(Page, { padding: false, children: [_jsx(Heading, { top: true, children: "Heading" }), placeholder] })] }));
-export const NoScroll = () => (_jsxs(_Fragment, { children: [_jsx(TopBar, {}), _jsx(SideBar, { options: { title: '', sections: [] } }), _jsxs(Page, { scroll: false, children: [_jsx(Heading, { top: true, children: "Heading" }), placeholder] })] }));
-export const NoTopBar = () => (_jsxs(_Fragment, { children: [_jsx(SideBar, { options: { title: '', sections: [] } }), _jsxs(Page, { top: 0, children: [_jsx(Heading, { top: true, children: "Heading" }), placeholder] })] }));
-export const NoSideBar = () => (_jsxs(_Fragment, { children: [_jsx(TopBar, {}), _jsxs(Page, { left: 0, children: [_jsx(Heading, { top: true, children: "Heading" }), placeholder] })] }));
-export const WithPrintHeader = () => (_jsxs(_Fragment, { children: [_jsx(PrintHeader, { logo: LogoSVG, logoWidth: "60px", alt: "company logo" }), _jsx(TopBar, {}), _jsx(SideBar, { options: { title: '', sections: [] } }), _jsxs(Page, { children: [_jsx(Heading, { top: true, children: "Heading" }), placeholder] })] }));

package/dist/components/layout/placeholder.d.ts

@@ -1 +0,0 @@
-export declare const placeholder: string;

package/dist/components/layout/placeholder.js

@@ -1 +0,0 @@
-export const placeholder = 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum vestibulum velit vitae dolor eleifend, quis cursus tortor tempor. Etiam laoreet tempor turpis ut tristique. In hac habitasse platea dictumst. Ut viverra vestibulum facilisis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Curabitur commodo egestas magna, at molestie quam euismod ut. Aliquam suscipit at velit vel venenatis. Morbi rhoncus odio neque, volutpat finibus risus hendrerit quis. Sed vitae justo at elit dictum semper. Suspendisse non luctus nulla. Suspendisse condimentum tellus ac elit ornare porttitor. In dignissim libero erat, eget varius nisl tincidunt sed. Duis vel viverra dolor. Mauris nisl lorem, consectetur sed ullamcorper consequat, dictum eu diam. Fusce pretium velit vitae urna tempor, id luctus velit lacinia. Suspendisse lacinia, ante eget egestas mollis, magna magna imperdiet lacus, vitae molestie purus urna et ipsum. Nulla facilisi. Nam augue sapien, dapibus id nunc a, iaculis vulputate urna. Nullam sit amet rutrum tortor. Fusce vel augue vel orci porttitor auctor. Vivamus pulvinar urna quam, non posuere lorem mollis fringilla. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque porta odio quis urna pulvinar hendrerit. Nam eros sapien, cursus at maximus id, suscipit et erat. Praesent semper consectetur lacus eu suscipit. In mi ex, feugiat sagittis facilisis ut, fermentum quis mi. Nunc egestas tempor pharetra. Nulla condimentum massa non facilisis bibendum. Sed at justo eget massa lobortis ultricies sit amet eu ex. Nullam auctor ex ac elit laoreet, vitae convallis sem egestas. Maecenas gravida eros sit amet orci dapibus, rutrum gravida nisl finibus. Pellentesque vitae lorem vulputate, accumsan ligula quis, rhoncus urna. Vestibulum velit ex, venenatis ut sagittis id, malesuada vel diam. Suspendisse et turpis eu metus luctus fermentum at consectetur est. Suspendisse sit amet tincidunt dolor. Curabitur imperdiet congue urna in fringilla. Donec nec accumsan purus. Cras et blandit turpis. Curabitur sed libero nibh. Morbi scelerisque, metus vel cursus dapibus, quam lorem placerat odio, at rhoncus diam diam eget nisi. Nulla sagittis posuere ex, vel scelerisque justo egestas vel. Duis aliquam mollis est id tristique. Ut eros libero, faucibus sed ante sit amet, euismod condimentum dolor. Aenean feugiat augue tortor, id egestas tellus porta eu. Maecenas sed dui vitae erat fringilla lacinia. Etiam nisi felis, rhoncus nec vestibulum vel, mattis eget ligula. Cras sed quam sed nisi mollis eleifend. Nulla commodo, dolor nec bibendum finibus, lorem quam tincidunt lectus, sed volutpat lorem ligula vitae leo. Aliquam efficitur eu felis at dignissim. Fusce auctor eleifend justo, ut varius sapien ullamcorper mattis. Curabitur suscipit pellentesque augue sed bibendum.';

package/dist/components/layout/print-header/print-header.d.ts

@@ -1,7 +0,0 @@
-interface PrintHeaderProps {
-    logo: string;
-    logoWidth?: string | number;
-    alt: string;
-}
-export declare const PrintHeader: ({ logo, alt, logoWidth, }: PrintHeaderProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/layout/print-header/print-header.js

@@ -1,3 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import styles from './print-header.module.less';
-export const PrintHeader = ({ logo, alt, logoWidth = '100px', }) => (_jsx("img", { src: logo, alt: alt, className: styles.printHeader, style: { width: logoWidth } }));

package/dist/components/layout/row/row.d.ts

@@ -1,15 +0,0 @@
-import { ReactNode, CSSProperties } from 'react';
-interface ILayoutRowProps {
-    alignItems?: CSSProperties['alignItems'];
-    justifyContent?: CSSProperties['justifyContent'];
-    children?: ReactNode;
-    flex?: boolean;
-    height?: string | number;
-    marginBottom?: string | number;
-    marginTop?: string | number;
-    spacing?: number;
-    wrap?: boolean;
-    testId?: string | null;
-}
-export declare const Row: ({ alignItems, justifyContent, children, flex, height, marginBottom, marginTop, spacing, wrap, testId, }: ILayoutRowProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/layout/row/row.js

@@ -1,24 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React, { isValidElement, } from 'react';
-import cx from 'classnames';
-import styles from './row.module.less';
-export const Row = ({ alignItems = 'initial', justifyContent = 'initial', children = null, flex = false, height = 'auto', marginBottom = '0', marginTop = '0', spacing = 20, wrap = false, testId = null, }) => {
-    const childElements = children === null || children === false
-        ? []
-        : Array.isArray(children)
-            ? children.filter((c) => isValidElement(c))
-            : [children];
-    const columns = childElements.map((item, index) => (_jsx(React.Fragment, { children: React.cloneElement(item, { spacing }) }, index)));
-    return (_jsx("div", { className: cx(styles.row), style: {
-            alignItems,
-            justifyContent,
-            flexGrow: flex ? 1 : 0,
-            flexShrink: flex ? 1 : 0,
-            flexWrap: wrap ? 'wrap' : 'nowrap',
-            height,
-            marginLeft: spacing * -0.5,
-            marginRight: spacing * -0.5,
-            marginBottom,
-            marginTop,
-        }, "data-testid": testId, children: columns }));
-};

package/dist/components/layout/spacer/spacer.d.ts

@@ -1,6 +0,0 @@
-export interface ILayoutSpacerProps {
-    height?: string | number;
-    width?: string | number | null;
-    flex?: boolean;
-}
-export declare const Spacer: ({ height, width, flex, }: ILayoutSpacerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/layout/spacer/spacer.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-export const Spacer = ({ height = '20px', width = null, flex = false, }) => (_jsx("div", { style: {
-        height,
-        width: width || 'auto',
-        flexGrow: flex ? 1 : 0,
-        flexShrink: 0,
-        display: width ? 'inline-block' : 'block',
-    } }));

package/dist/components/list/list-row/item-content.d.ts

@@ -1,2 +0,0 @@
-import { IItemContentProps } from './list-row.interface';
-export declare const ItemContent: ({ item, expanding, }: IItemContentProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/list/list-row/item-content.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import styles from '../list.module.less';
-export const ItemContent = ({ item, expanding, }) => {
-    const onClick = (evt) => {
-        evt.preventDefault();
-        evt.stopPropagation();
-    };
-    return expanding && item.active && item.content ? (_jsx("div", { className: styles.itemContent, onClick: onClick, children: item.content })) : null;
-};

package/dist/components/list/list-row/label.d.ts

@@ -1,2 +0,0 @@
-import { ILabelProps } from './list-row.interface';
-export declare const Label: ({ label }: ILabelProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/list/list-row/label.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Badge } from '../../badge/badge';
-import styles from '../list.module.less';
-export const Label = ({ label }) => {
-    return label ? (_jsx("span", { className: styles.label, children: _jsx(Badge, { color: label.color, title: label.value }) })) : null;
-};

package/dist/components/list/list-row/list-heading.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { IListHeadingProps } from './list-row.interface';
-export declare const ListHeading: React.ForwardRefExoticComponent<IListHeadingProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/list/list-row/list-heading.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import cx from 'classnames';
-import { ToggleNarrow } from '../toggle-narrow';
-import { Heading } from '../../heading/heading';
-import { Actions } from '../../actions/actions';
-import styles from '../list.module.less';
-export const ListHeading = forwardRef(({ name, actions = [], toggleNarrow = false, onToggleNarrow = () => { }, stickyHeader, }, listHeadingRef) => {
-    return (_jsxs("div", { ref: listHeadingRef, className: cx(styles.header, stickyHeader ? styles.stickyHeader : ''), children: [_jsx(ToggleNarrow, { toggleNarrow: toggleNarrow, onClickToggleNarrow: onToggleNarrow }), name && (_jsx("div", { className: styles.headerTitle, children: _jsx(Heading, { top: true, marginBottom: 0, children: name }) })), _jsx("div", { className: styles.right, children: _jsx("div", { className: styles.actions, children: _jsx(Actions, { actions: actions }) }) })] }));
-});

package/dist/components/list/list-row/list-row.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { IListRowProps } from './list-row.interface';
-export declare const ListRow: React.ForwardRefExoticComponent<Omit<IListRowProps, "ref"> & React.RefAttributes<(HTMLDivElement | null)[]>>;

package/dist/components/list/list-row/list-row.interface.d.ts

@@ -1,105 +0,0 @@
-import { MutableRefObject, ReactElement, ReactNode, Ref, MouseEvent } from 'react';
-import { DroppableStateSnapshot } from 'react-beautiful-dnd';
-import { IAction } from '../../actions/actions.interface';
-export interface ILabel {
-    color: string;
-    value: string;
-}
-export interface INameProps {
-    name: ReactNode;
-    icon?: {
-        icon: ReactNode;
-        color?: string;
-        tooltip?: {
-            text: ReactNode;
-        };
-    };
-    testId?: string;
-}
-export interface IMetaCountProps {
-    item: {
-        metaCount?: number;
-    };
-}
-export interface IMetaContentItem {
-    name?: string | number | ReactNode;
-    icon?: {
-        icon: ReactNode;
-        color?: string;
-        tooltip?: {
-            text: string | ReactNode;
-        };
-    };
-    details?: string | ReactNode;
-    metadata?: string | ReactNode;
-    invalid?: boolean;
-    testId?: string;
-}
-export interface IMetaContentProps {
-    item: IMetaContentItem;
-}
-export interface IListSubheadingItem extends Partial<IMetaContentItem> {
-    actions?: any;
-    disabled?: boolean;
-    expanded?: boolean;
-    onClick?: (evt: MouseEvent<HTMLDivElement>) => void;
-    title?: string;
-    testId?: string;
-    metaCount?: number;
-}
-export interface IListSubheadingProps {
-    item: IListSubheadingItem;
-    index?: number;
-}
-export interface IListItem {
-    name?: string | ReactElement;
-    cursor?: string;
-    url?: string;
-    active?: boolean;
-    disabled?: boolean;
-    onClick?: (evt: any) => void;
-    title?: string;
-    testId?: string;
-    level?: number;
-    label?: ILabel;
-    actions?: IAction[];
-    id: string | number;
-    type?: string;
-    metaCount?: number;
-}
-export interface IDraggableProps {
-    innerRef?: Ref<HTMLAnchorElement>;
-    draggableProps?: any;
-    dragHandleProps?: any;
-    style?: any;
-}
-export interface IListRowProps {
-    items: IListItem[];
-    expanding?: boolean;
-    invokeEditOnRowClick?: boolean;
-    provided?: any;
-    draggable?: boolean;
-    ref: MutableRefObject<HTMLDivElement>[];
-    onListReorder?: (args: {
-        from?: number;
-        to?: number;
-    }) => void;
-    snapshot?: DroppableStateSnapshot;
-}
-export interface IListHeadingProps {
-    name: string | number | ReactNode;
-    actions?: any[];
-    toggleNarrow?: boolean;
-    onToggleNarrow?: () => void;
-    stickyHeader?: boolean;
-}
-export interface ILabelProps {
-    label?: ILabel;
-}
-export interface IItemContentProps {
-    item: {
-        active?: boolean;
-        content?: ReactNode;
-    };
-    expanding?: boolean;
-}

package/dist/components/list/list-row/list-row.interface.js

@@ -1 +0,0 @@
-export {};

package/dist/components/list/list-row/list-row.js

@@ -1,56 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { createElement as _createElement } from "react";
-import { forwardRef, useContext } from 'react';
-import cx from 'classnames';
-import { Draggable } from 'react-beautiful-dnd';
-import { Actions } from '../../actions/actions';
-import { Label } from './label';
-import { MetaContent } from './meta-content';
-import { MetaCount } from './meta-count';
-import { ItemContent } from './item-content';
-import { Icon } from '../../icon/icon';
-import { ListSubheading } from './list-subheading';
-import styles from '../list.module.less';
-import { DisabledContext } from '../../../helpers/disabled-context';
-import { IconType } from "../../../common-enum";
-const getItemStyle = (draggableProps, item) => {
-    if (!draggableProps)
-        return null;
-    return {
-        cursor: item.cursor ? item.cursor : '',
-        ...draggableProps.style,
-    };
-};
-export const ListRow = forwardRef(({ items, expanding, invokeEditOnRowClick, provided, draggable }, listRowRefs) => {
-    const disabledContext = useContext(DisabledContext);
-    const listElement = (index, provided, item, indent, hasOnClick, edit) => {
-        return (_createElement("a", { href: item.url, ref: provided?.innerRef, ...provided.draggableProps, style: getItemStyle(provided.draggableProps, item), className: cx(styles.item, item.active ? styles.active : '', item.disabled || disabledContext ? styles.disabled : '', hasOnClick ? styles.action : ''), onClick: (evt) => {
-                if (invokeEditOnRowClick && edit) {
-                    //If invokeEditOnRowClick (default) and an edit action exists
-                    //Then clicking the list row will also invoke the edit action
-                    if (edit.onClick)
-                        edit.onClick(evt, item.id);
-                }
-                if (item.onClick) {
-                    return item.onClick(evt);
-                }
-            }, key: index, "data-id": index, title: item.title, "data-testid": item.testId },
-            _jsxs("div", { ref: (el) => {
-                    // TODO - revisit
-                    if (listRowRefs &&
-                        'current' in listRowRefs &&
-                        Array.isArray(listRowRefs.current) &&
-                        index !== undefined) {
-                        listRowRefs.current[index] = el;
-                    }
-                }, style: { paddingLeft: indent }, children: [_jsxs("div", { className: styles.itemHeader, children: [draggable && (_jsx("div", { className: styles.drag, ...provided.dragHandleProps, children: _jsx(Icon, { icon: IconType.DRAG }) })), item.level && item.level > 0 ? (_jsx("div", { className: styles.indentIcon, children: _jsx(Icon, { icon: IconType.INDENT }) })) : null, _jsx(Label, { label: item.label }), _jsx(MetaContent, { item: item }), _jsxs("div", { className: styles.right, children: [_jsx(MetaCount, { item: item }), !(item.disabled || disabledContext) && item.actions && (_jsx("div", { className: styles.actions, children: _jsx(Actions, { actions: item.actions }) }))] })] }), _jsx(ItemContent, { item: item, expanding: expanding })] })));
-    };
-    return (_jsxs(_Fragment, { children: [items.map((item, index) => {
-                const isSubheading = item.type === 'Heading';
-                const edit = item.actions &&
-                    item.actions.find((a) => a.label && a.label.toLowerCase() === 'edit');
-                const hasOnClick = !!(edit || item.url || item.onClick);
-                const indent = item.level && item.level > 1 ? (item.level - 1) * 20 : 0;
-                return isSubheading ? (_jsx(ListSubheading, { ref: listRowRefs, item: item, index: index }, index)) : draggable ? (_jsx(Draggable, { draggableId: item.id + '', index: index, children: (provided) => listElement(index, provided, item, indent, hasOnClick, edit) }, item.id)) : (listElement(index, provided, item, indent, hasOnClick, edit));
-            }), provided.placeholder] }));
-});

package/dist/components/list/list-row/list-subheading.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { IListSubheadingProps } from './list-row.interface';
-export declare const ListSubheading: React.ForwardRefExoticComponent<IListSubheadingProps & React.RefAttributes<(HTMLDivElement | null)[]>>;

package/dist/components/list/list-row/list-subheading.js

@@ -1,27 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, useContext } from 'react';
-import cx from 'classnames';
-import { Icon } from '../../icon/icon';
-import { Actions } from '../../actions/actions';
-import styles from '../list.module.less';
-import { DisabledContext } from '../../../helpers/disabled-context';
-import { Name } from './name';
-import { MetaCount } from './meta-count';
-import { IconType } from "../../../common-enum";
-export const ListSubheading = forwardRef(({ item, index }, listRowRefs) => {
-    const disabledContext = useContext(DisabledContext);
-    const { actions, disabled, expanded, onClick, title, name, icon, testId } = item;
-    return (_jsx("div", { ref: (el) => {
-            // TODO - revisit
-            if (listRowRefs &&
-                'current' in listRowRefs &&
-                Array.isArray(listRowRefs.current) &&
-                index !== undefined) {
-                listRowRefs.current[index] = el;
-            }
-        }, "data-testid": testId ?? null, className: cx(styles.item, styles.heading, disabled || disabledContext ? styles.disabled : '', onClick ? styles.action : ''), onClick: (evt) => {
-            if (onClick) {
-                onClick(evt);
-            }
-        }, title: title, children: _jsx("div", { children: _jsxs("div", { className: styles.itemHeader, children: [typeof expanded === 'boolean' && (_jsx("div", { className: cx(styles.expandIcon, expanded && styles.expanded), children: _jsx(Icon, { icon: IconType.CHEVRON_RIGHT }) })), _jsx(Name, { name: name, icon: icon }), _jsxs("div", { className: styles.right, children: [_jsx(MetaCount, { item: item }), !(disabled || disabledContext) && actions && (_jsx("div", { className: styles.actions, children: _jsx(Actions, { actions: item.actions }) }))] })] }) }) }));
-});

package/dist/components/list/list-row/meta-content.d.ts

@@ -1,2 +0,0 @@
-import { IMetaContentProps } from './list-row.interface';
-export declare const MetaContent: ({ item }: IMetaContentProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/list/list-row/meta-content.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import styles from '../list.module.less';
-import { Badge } from '../../badge/badge';
-import { Name } from './name';
-export const MetaContent = ({ item }) => {
-    const { name, icon, details, metadata, invalid, testId } = item;
-    let renderedName = (_jsx(Name, { name: name, icon: icon, testId: testId && `${testId}-name` }));
-    if (invalid) {
-        renderedName = (_jsx(Badge, { small: true, margin: "-2px", title: "!", children: renderedName }));
-    }
-    return (_jsxs("span", { className: styles.title, children: [renderedName, details && (_jsx("span", { className: styles.details, "data-testid": testId && `${testId}-details`, children: details })), metadata && (_jsx("span", { className: styles.metadata, "data-testid": testId && `${testId}-metadata`, children: metadata }))] }));
-};

package/dist/components/list/list-row/meta-count.d.ts

@@ -1,2 +0,0 @@
-import { IMetaCountProps } from './list-row.interface';
-export declare const MetaCount: ({ item }: IMetaCountProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/list/list-row/meta-count.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Badge } from '../../badge/badge';
-export const MetaCount = ({ item }) => {
-    return item.metaCount !== undefined ? (_jsx(Badge, { color: "var(--color-text-faint)", title: item.metaCount })) : null;
-};

package/dist/components/list/list-row/name.d.ts

@@ -1,3 +0,0 @@
-import { INameProps } from './list-row.interface';
-export declare const Name: ({ name, icon, testId }: INameProps) => import("react/jsx-runtime").JSX.Element;
-export default Name;

package/dist/components/list/list-row/name.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import cx from 'classnames';
-import { Icon } from '../../icon/icon';
-import styles from '../list.module.less';
-import { Tooltip } from '../../tooltip/tooltip';
-export const Name = ({ name, icon, testId }) => {
-    const newIcon = icon && (_jsx(Icon, { icon: icon.icon, color: icon.color || '#db2828', size: 12 }));
-    // TODO - revisit
-    return (_jsxs("span", { className: cx(styles.name, styles.bold), "data-testid": testId, children: [name, icon && icon.tooltip && icon.tooltip.text ? (_jsx("span", { className: styles.iconTooltipMargin, children: _jsx(Tooltip, { text: icon.tooltip.text, maxWidth: "350px", children: newIcon }) })) : (icon &&
-                icon.icon && _jsx("span", { className: styles.iconTooltipMargin, children: newIcon }))] }));
-};
-export default Name;

package/dist/components/list/list.d.ts

@@ -1,2 +0,0 @@
-import { IListProps } from './list.interface';
-export declare const List: ({ list, bordered, expanding, narrow, toggleNarrow, onToggleNarrow, invokeEditOnRowClick, noHeader, stickyHeader, draggable, onListReorder, marginBottom, height, testId, scrollDetails, }: IListProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/list/list.interface.d.ts

@@ -1,55 +0,0 @@
-import { ReactNode } from 'react';
-import { IListItem } from './list-row/list-row.interface';
-interface ISubAction {
-    label: string;
-    icon: ReactNode;
-    onClick: () => void;
-}
-interface IListAction {
-    label: string;
-    icon?: ReactNode;
-    onClick?: () => void;
-    primary?: boolean;
-    subActions?: ISubAction[];
-    childComponent?: ReactNode;
-}
-export interface IListData {
-    name?: ReactNode | string;
-    actions?: IListAction[];
-    items: IListItem[];
-}
-export interface IScrollDetails {
-    scrollable?: boolean;
-    hideScrollbar?: boolean;
-    triggerScrollToActiveItem?: boolean;
-    infiniteScroll?: boolean;
-    infiniteScrollTarget?: string;
-    limit?: number;
-}
-export interface IReorderData {
-    from?: number;
-    to?: number;
-}
-export interface IListProps {
-    drawer?: boolean;
-    list: IListData;
-    bordered?: boolean;
-    expanding?: boolean;
-    narrow?: boolean;
-    toggleNarrow?: boolean;
-    onToggleNarrow?: () => void;
-    invokeEditOnRowClick?: boolean;
-    noHeader?: boolean;
-    stickyHeader?: boolean;
-    draggable?: boolean;
-    onListReorder?: (args: IReorderData) => void;
-    marginBottom?: number | string;
-    height?: number | string;
-    testId?: string;
-    scrollDetails?: IScrollDetails;
-}
-export interface IToggleNarrowProps {
-    toggleNarrow?: boolean;
-    onClickToggleNarrow?: () => void;
-}
-export {};

package/dist/components/list/list.interface.js

@@ -1 +0,0 @@
-export {};