@mmb-digital/ds-lilly 0.7.5 → 0.8.2

package/dist/types/src/components/Components/ContentTable/ContentTable.d.ts

@@ -0,0 +1,28 @@
+import { ReactNode } from 'react';
+import { ContentTableAlignContentType, ContentTableColumnType } from '../../../contexts/ContentTableContext';
+import { ComponentPropsType } from '../../../utils';
+export interface ContentTablePropsType extends ComponentPropsType {
+    /** Table caption */
+    caption?: ReactNode;
+    /** Flag whether table has leading icons/avatars */
+    hasIcons?: boolean;
+    /** Flag whether hide subtitle on expand */
+    hideSubtitleOnExpand?: boolean;
+    /** Columns definitions */
+    columns: ContentTableColumnType[];
+    /** Content to display on expand */
+    children: ReactNode | ReactNode[];
+    /** Flag whether table caption is hidden */
+    isCaptionHidden?: boolean;
+    /** Title column header */
+    titleHeader?: ReactNode;
+    /** Title column content alignment */
+    titleAlignContent?: ContentTableAlignContentType;
+    /** Flag whether collapsible rows are without opener icon */
+    withoutOpeners?: boolean;
+    /** Flag whether rows are collapsible */
+    isCollapsible?: boolean;
+}
+export declare const getTextAlignClass: (align?: string | undefined) => string | undefined;
+export declare const ContentTable: ({ caption, columns, hasIcons, hideSubtitleOnExpand, children, isCaptionHidden, isCollapsible, titleHeader, titleAlignContent, withoutOpeners }: ContentTablePropsType) => JSX.Element;
+//# sourceMappingURL=ContentTable.d.ts.map

package/dist/types/src/components/Components/ContentTable/ContentTableRow.d.ts

@@ -0,0 +1,61 @@
+import { ReactElement, ReactNode } from 'react';
+import { BackgroundColorType, IconNameType } from '../../..';
+import { ComponentPropsType } from '../../../utils';
+import { TextType, TitleSize } from '../../Typography';
+import { IconBadgePosition } from '..';
+export interface ContentTableRowPropsType extends ComponentPropsType {
+    /** Row aria-label */
+    ariaLabel?: string;
+    /** Columns content */
+    columns?: ReactNode[][];
+    /** Amount column content */
+    amount?: number;
+    /** Amount currency code */
+    amountCurrencyCode?: string;
+    /** Amount locale */
+    amountLocale?: string;
+    /** The maximum number of amount fraction digits */
+    amountMaximumFractionDigits?: number;
+    /** The minimum number of amount fraction digits */
+    amountMinimumFractionDigits?: number;
+    /** Amount subtitle */
+    amountSubtitle?: ReactNode;
+    /** Amount subtitle type */
+    amountSubtitleType?: TextType;
+    /** Buttons column content */
+    buttons?: ReactElement[];
+    /** Custom row icon */
+    customIcon?: ReactNode;
+    /** Content to render on expand */
+    children?: ReactNode;
+    /** Row icon background color */
+    iconBackgroundColor?: BackgroundColorType;
+    /** Row icon badge position (for mobile view) */
+    iconBadgePosition?: IconBadgePosition;
+    /** Row icon name */
+    iconName?: IconNameType;
+    /** Row ID */
+    id?: string;
+    /** Flag whether row is expanded */
+    isOpen?: boolean;
+    /** Callback called on expand/collapse */
+    onToggle?: (isOpened: boolean) => void;
+    /** Title column content */
+    title: ReactNode;
+    /** Title size */
+    titleSize?: TitleSize;
+    /** Title visual size */
+    titleVisual?: TitleSize;
+    /** Title subtitles */
+    subtitles?: ReactNode[];
+    /** Subtitle tag icon background color  */
+    subtitleTagIconBackgroundColor?: BackgroundColorType;
+    /** Subtitle tag icon name */
+    subtitleTagIconName?: IconNameType;
+    /** Subtitle tag icon image url */
+    subtitleTagIconImageUrl?: string;
+    /** Subtitle tag content */
+    subtitleTagText?: ReactNode;
+}
+export declare const ContentTableRow: ({ amount, amountCurrencyCode, amountLocale, amountMaximumFractionDigits, amountMinimumFractionDigits, amountSubtitle, amountSubtitleType, ariaLabel, buttons, columns, customIcon, children, iconName, iconBackgroundColor, iconBadgePosition, id, isOpen, onToggle, subtitles, subtitleTagIconBackgroundColor, subtitleTagIconName, subtitleTagIconImageUrl, subtitleTagText, title, titleSize, titleVisual }: ContentTableRowPropsType) => JSX.Element;
+//# sourceMappingURL=ContentTableRow.d.ts.map

package/dist/types/src/components/Components/ContentTable/index.d.ts

@@ -0,0 +1,3 @@
+export * from './ContentTable';
+export * from './ContentTableRow';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/Components/index.d.ts

@@ -6,7 +6,7 @@ export * from './ButtonTooltip';
 export * from './Card';
 export * from './Collapse';
 export * from './CompactButtons';
-export * from './ContentCard';
+export * from './ContentTable';
 export * from './Divider';
 export * from './Dropdown';
 export * from './Icon';

package/dist/types/src/contexts/ContentTableContext.d.ts

@@ -0,0 +1,30 @@
+import { ReactNode } from 'react';
+import { Theme } from '../types';
+export declare type ContentTableAlignContentType = 'left' | 'center' | 'right';
+export interface ContentTableColumnType {
+    /** Column content alignment */
+    alignContent?: ContentTableAlignContentType;
+    /** Column header */
+    header?: ReactNode;
+    /** Flag whether column header is hidden */
+    isHeaderHidden?: boolean;
+    /** CSS theme */
+    theme?: Theme;
+    /** Flag whether hide column content on expand */
+    hideOnExpand?: boolean;
+    /** Flag whether render column on mobile device */
+    hideOnMobile?: boolean;
+}
+interface ContentTableContextType {
+    hasIcons?: boolean;
+    hideSubtitleOnExpand?: boolean;
+    titleHeader?: ReactNode;
+    titleAlignContent?: ContentTableAlignContentType;
+    columns: ContentTableColumnType[];
+    isMobileDeviceView: boolean;
+    withoutOpeners?: boolean;
+    isCollapsible?: boolean;
+}
+declare const ContentTableContext: import("react").Context<ContentTableContextType>;
+export default ContentTableContext;
+//# sourceMappingURL=ContentTableContext.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mmb-digital/ds-lilly",
-  "version": "0.7.5",
+  "version": "0.8.2",
   "description": "MMB LILLY design system",
   "license": "UNLICENSED",
   "sideEffects": false,

package/dist/types/src/components/Components/ContentCard/ContentCard.d.ts

@@ -1,35 +0,0 @@
-import { KeyboardEvent, ReactElement, ReactNode, SyntheticEvent } from 'react';
-import { BackgroundColorType, IconNameType } from '../../..';
-import { ComponentPropsType } from '../../../utils';
-import { TextType, TitleSize } from '../../Typography';
-import { CardSize, IconBadgePosition } from '..';
-export interface ContentCardPropsType extends ComponentPropsType {
-    amount?: number;
-    amountSubtitle?: ReactNode;
-    amountSubtitleType?: TextType;
-    buttons?: ReactElement[];
-    currencyCode?: string;
-    customIcon?: ReactNode;
-    children?: ReactNode;
-    iconBackgroundColor?: BackgroundColorType;
-    iconBadgePosition?: IconBadgePosition;
-    iconName?: IconNameType;
-    isCollapsible?: boolean;
-    isCompact?: boolean;
-    isInteractive?: boolean;
-    isOpen?: boolean;
-    parameters?: ReactNode[];
-    title: ReactNode;
-    titleSize?: TitleSize;
-    titleVisual?: TitleSize;
-    size?: CardSize;
-    subtitles?: ReactNode[];
-    subtitleTagBackgroundColor?: BackgroundColorType;
-    subtitleTagIcon?: IconNameType;
-    subtitleTagImageUrl?: string;
-    subtitleTagText?: ReactNode;
-    withoutOpener?: boolean;
-    onToggle?: (state: boolean, event: SyntheticEvent | KeyboardEvent) => void;
-}
-export declare const ContentCard: ({ amount, amountSubtitle, amountSubtitleType, buttons, currencyCode, customIcon, children, isCollapsible, isCompact, isInteractive, isOpen, iconBackgroundColor, iconBadgePosition, iconName, parameters, size, subtitles, subtitleTagBackgroundColor, subtitleTagIcon, subtitleTagImageUrl, subtitleTagText, theme, title, titleSize, titleVisual, withoutOpener, onToggle }: ContentCardPropsType) => JSX.Element;
-//# sourceMappingURL=ContentCard.d.ts.map

package/dist/types/src/components/Components/ContentCard/ContentCardGroup.d.ts

@@ -1,11 +0,0 @@
-import { ComponentPropsType } from '../../../utils';
-import { ContentCardPropsType } from '.';
-export interface ContentCardGroupPropsType extends ComponentPropsType {
-    items: (ContentCardPropsType & {
-        key: string;
-    })[];
-    accordion?: boolean;
-    withoutShadow?: boolean;
-}
-export declare const ContentCardGroup: ({ accordion, items, theme, withoutShadow }: ContentCardGroupPropsType) => JSX.Element;
-//# sourceMappingURL=ContentCardGroup.d.ts.map

package/dist/types/src/components/Components/ContentCard/index.d.ts

@@ -1,3 +0,0 @@
-export * from './ContentCard';
-export * from './ContentCardGroup';
-//# sourceMappingURL=index.d.ts.map