@galaxy-ds/core 2.0.18 → 2.0.20

package/dist/AccordionSummary/index.d.ts

@@ -1,2 +1,2 @@
-export * from './AccordionSummary.types';
 export * from './AccordionSummary';
+export * from './AccordionSummary.types';

package/dist/ActivityLog/ActivityLog.stories.d.ts

@@ -0,0 +1,155 @@
+/// <reference types="react" />
+import { ActivityLogProps } from './ActivityLog.types';
+/**
+ *
+ * Activity log list item displays in both the activity log and the attachment list.
+ *
+ * ```js
+ *  import ActivityLog from "@galaxy-ds/core";
+ * ```
+ */
+declare const meta: {
+    component: import("react").FC<ActivityLogProps>;
+    title: string;
+};
+export default meta;
+export declare const Default: {
+    args: {
+        name: string;
+        avatarGroupTooltip: string;
+        time: string;
+        ext: string;
+        attachment: true;
+        action: {
+            label: string;
+            color: string;
+        }[];
+        users: {
+            name: string;
+            initials: string;
+        }[];
+    };
+    play: ({ canvasElement }: import("@storybook/types").PlayFunctionContext<import("@storybook/react/dist/types-0fc72a6d").R, {
+        name?: string | undefined;
+        nameRef?: import("react").MutableRefObject<HTMLSpanElement> | undefined;
+        time?: string | undefined;
+        ext?: string | undefined;
+        iconURL?: string | undefined;
+        users?: import("./ActivityLog.types").UserType[] | undefined;
+        action?: import("./ActivityLog.types").ActionType[] | undefined;
+        attachment?: boolean | undefined;
+        avatarGroupTooltip?: string | undefined;
+        cost?: string | undefined;
+        hover?: boolean | undefined;
+        tooltip?: string | undefined;
+        insertIconTooltip?: string | undefined;
+        onAttach?: (() => void) | undefined;
+        onClick?: (() => void) | undefined;
+    }>) => Promise<void>;
+    render: (args: ActivityLogProps) => import("react/jsx-runtime").JSX.Element;
+};
+/**
+ *
+ * Actions show the the action types that were performed by the fee earners as a chip. Set `modified`, `created`, `viewed` to `true` to show the action.
+ */
+export declare const Actions: {
+    args: {
+        name: string;
+        time: string;
+        ext: string;
+        attachment: true;
+        action: {
+            label: string;
+            color: string;
+        }[];
+        users: {
+            name: string;
+            initials: string;
+        }[];
+        avatarGroupTooltip: string;
+    };
+    render: (args: ActivityLogProps) => import("react/jsx-runtime").JSX.Element;
+};
+/**
+ *
+ * Actions show the the action types that were performed by the fee earners as a chip.
+ */
+export declare const CustomActions: {
+    args: {
+        name: string;
+        time: string;
+        ext: string;
+        attachment: true;
+        action: {
+            label: string;
+            color: string;
+        }[];
+        users: {
+            name: string;
+            initials: string;
+        }[];
+        avatarGroupTooltip: string;
+    };
+    render: (args: ActivityLogProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Activity: {
+    args: {
+        name: string;
+        time: string;
+        ext: string;
+        attachment: true;
+        action: {
+            label: string;
+            color: string;
+        }[];
+        avatarGroupTooltip: string;
+    };
+    render: (args: ActivityLogProps) => import("react/jsx-runtime").JSX.Element;
+};
+/**
+ * Set `hover` to `true` to enable hover and a tooltip shown on hovering over activity name.
+ * Tooltip text specified by `tooltip` property, default to 'Preview'.
+ */
+export declare const HoverAndTooltip: {
+    args: {
+        name: string;
+        time: string;
+        ext: string;
+        attachment: true;
+        action: {
+            label: string;
+            color: string;
+        }[];
+        hover: true;
+    };
+    render: (args: ActivityLogProps) => import("react/jsx-runtime").JSX.Element;
+};
+/**
+ * Use `iconURL` to set the activity icon image. If `iconURL` is `undefined`, it will fallback to the attachment icon specified by `ext` prop, which is default to 'doc' itself. Available from v1.1.42.
+ */
+export declare const IconURL: {
+    args: {
+        name: string;
+        time: string;
+        ext: string;
+        iconURL: string;
+        attachment: true;
+        action: {
+            label: string;
+            color: string;
+        }[];
+        hover: true;
+    };
+    render: (args: ActivityLogProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Itemise: {
+    args: {
+        name: string;
+        time: string;
+        ext: string;
+        cost: string;
+        attachment: true;
+        hover: true;
+    };
+    render: (args: ActivityLogProps) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/ActivityLog/ActivityLog.styled.d.ts

@@ -1,11 +1,11 @@
 /// <reference types="react" />
 export declare const MuiListItem: import("@emotion/styled").StyledComponent<import("..").ListItemProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export declare const MuiListItemICon: import("@emotion/styled").StyledComponent<import("..").ListItemIconProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const MuiListItemIcon: import("@emotion/styled").StyledComponent<import("..").ListItemIconProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 export declare const MuiListItemText: import("@emotion/styled").StyledComponent<import("..").ListItemTextProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 export declare const ActivityLogChips: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const ActivityLogMainName: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
-    ref?: import("react").Ref<HTMLSpanElement>;
-}, "children" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "textTransform" | "height" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "top" | "visibility" | "whiteSpace" | "width" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "style" | "classes" | "className" | "sx" | "p" | "typography" | "variant" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "displayPrint" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export declare const ActivityLogTime: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}, "children" | "className" | "style" | "classes" | "color" | "fontSize" | "sx" | "p" | "height" | "width" | "display" | "fontFamily" | "fontStyle" | "fontWeight" | "letterSpacing" | "order" | "overflow" | "visibility" | "lineHeight" | "textTransform" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "columnGap" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "top" | "whiteSpace" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "padding" | "paddingBlock" | "paddingInline" | "typography" | "variant" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "displayPrint" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const ActivityLogValues: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const ActivityLogGroup: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const DocTypeImageStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;

package/dist/ActivityLog/ActivityLog.types.d.ts

@@ -1,17 +1,27 @@
-/// <reference types="react" />
+import React from 'react';
+export interface ActionType {
+    label: string;
+    color: string;
+}
+export interface UserType {
+    name: string;
+    initials: string;
+}
+export type TAG_COLOR = 'default' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning';
 export interface ActivityLogProps {
     name?: string;
-    nameRef?: React.MutableRefObject<any>;
+    nameRef?: React.MutableRefObject<HTMLSpanElement>;
     time?: string;
     ext?: string;
     iconURL?: string;
-    users?: any;
-    action?: any;
+    users?: UserType[];
+    action?: ActionType[];
     attachment?: boolean;
     avatarGroupTooltip?: string;
+    cost?: string;
     hover?: boolean;
     tooltip?: string;
     insertIconTooltip?: string;
-    onAttach?: (e: any) => void;
-    onClick?: (e: any) => void;
+    onAttach?: () => void;
+    onClick?: () => void;
 }