@popmenu/admin-ui 0.126.1 → 0.126.3

package/build/cjs/components/SelectableCard/SelectableCardProps.d.ts

@@ -0,0 +1,17 @@
+import { CardActionAreaProps, CardProps as MuiCardProps } from '@material-ui/core';
+import { Ref } from 'react';
+export interface SelectableCardProps extends Omit<MuiCardProps, 'onClick'> {
+    /** Id of the DOM node serving as the label of the input. */
+    labelId: string;
+    /** Sets card selection state. */
+    selected?: boolean;
+    /** A reference to selection state managing a group of SelectableCards. */
+    selection?: Array<string>;
+    /** The value of a card in respects to selection state. */
+    value: string;
+    /** Callback for when the SelectableCard is clicked. */
+    onClick: (value: string) => void;
+    /** Props passed to the CardActionArea rendered by SelectableCard. */
+    CardActionAreaProps?: CardActionAreaProps;
+    ref?: (instance: HTMLDivElement) => void | Ref<HTMLDivElement> | null;
+}

package/build/cjs/components/SelectableCard/SelectableCardStyles.d.ts

@@ -0,0 +1,2 @@
+import { SelectableCardProps } from './SelectableCardProps';
+export declare const useSelectableCardStyles: (props: SelectableCardProps) => import("@material-ui/styles").ClassNameMap<string>;

package/build/cjs/components/SelectableCard/index.d.ts

@@ -0,0 +1,2 @@
+export { SelectableCard as default } from './SelectableCard';
+export { SelectableCardProps } from './SelectableCardProps';

package/build/cjs/components/SettingsIndexCard/SettingsIndexCard.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { SettingsIndexCardProps } from './SettingsIndexCardProps';
+interface SettingsIndexCardType {
+    <C extends React.ElementType = 'a'>(props: SettingsIndexCardProps<C> & {
+        component?: C;
+    }): React.ReactElement;
+    defaultProps?: Partial<SettingsIndexCardProps>;
+    displayName?: string;
+}
+export declare const SettingsIndexCard: SettingsIndexCardType;
+export {};

package/build/cjs/components/SettingsIndexCard/SettingsIndexCardProps.d.ts

@@ -0,0 +1,20 @@
+import { ButtonBaseProps } from '@material-ui/core';
+import { ThemeColors } from '@popmenu/common-ui';
+import React from 'react';
+export declare type SettingsIndexCardProps<C extends React.ElementType = 'button'> = ButtonBaseProps<C, {
+    component?: C;
+}> & {
+    /** The icon from @popmenu/web-icons to be rendered */
+    Icon?: React.FC<React.SVGProps<SVGSVGElement>>;
+    /** Sets the title of the card */
+    title: string;
+    /** Displays the given card description */
+    description?: string;
+    /** Event callback for the Card click event  */
+    onClick?: (event: any) => void;
+    /** Sets the text and color of the label  */
+    statusLabel?: {
+        text: string;
+        color: ThemeColors;
+    };
+};

package/build/cjs/components/SettingsIndexCard/SettingsIndexCardStyles.d.ts

@@ -0,0 +1,2 @@
+import { SettingsIndexCardProps } from './SettingsIndexCardProps';
+export declare const useSettingsIndexCardStyles: (props: SettingsIndexCardProps<"button">) => import("@material-ui/styles").ClassNameMap<string>;

package/build/cjs/components/SettingsIndexCard/index.d.ts

@@ -0,0 +1,2 @@
+export { SettingsIndexCard } from './SettingsIndexCard';
+export { SettingsIndexCardProps } from './SettingsIndexCardProps';

package/build/cjs/components/SettingsIndexCardGroup/SettingsIndexCardGroup.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { BoxProps } from '@popmenu/common-ui';
+export declare const SettingsIndexCardGroup: (props: BoxProps) => JSX.Element;

package/build/cjs/components/SettingsIndexCardGroup/index.d.ts

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

package/build/cjs/components/StandardListItem/StandardListItem.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { StandardListItemProps } from './StandardListItemProps';
+/**
+ * TODO
+ * - clean props util
+ * - Avatar size and shape
+ */
+export declare const StandardListItem: (props: StandardListItemProps) => JSX.Element;
+export declare const Test: () => JSX.Element;

package/build/cjs/components/StandardListItem/StandardListItemProps.d.ts

@@ -0,0 +1,25 @@
+import { FC, MouseEvent as ReactMouseEvent, SVGProps } from 'react';
+import { ListItemProps } from '@material-ui/core';
+export interface StandardListItemProps extends Omit<ListItemProps, 'onClick'> {
+    title: string;
+    itemId?: string | number;
+    meta?: string;
+    body?: string;
+    image?: {
+        src?: string;
+        alt?: string;
+        Icon?: FC<SVGProps<SVGSVGElement>>;
+        shape?: 'circle' | 'square';
+    };
+    status?: {
+        text: string;
+        severity?: string;
+        Icon?: FC<SVGProps<SVGSVGElement>>;
+    };
+    secondaryAction?: {
+        Icon: FC<SVGProps<SVGSVGElement>>;
+        'aria-label': string;
+        onClick: (event: ReactMouseEvent<HTMLButtonElement, MouseEvent>, listItem: StandardListItemProps) => void;
+    };
+    onClick?: (event: ReactMouseEvent<HTMLButtonElement | HTMLLIElement, MouseEvent>, listItem: StandardListItemProps) => void;
+}

package/build/cjs/components/StandardListItem/index.d.ts

@@ -0,0 +1,2 @@
+export { StandardListItem } from './StandardListItem';
+export { StandardListItemProps } from './StandardListItemProps';

package/build/cjs/components/Toast/Toast.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { ToastProps } from './ToastProps';
+export declare const Toast: FC<ToastProps>;

package/build/cjs/components/Toast/ToastProps.d.ts

@@ -0,0 +1,10 @@
+import { SnackbarProps } from '@material-ui/core';
+import { AlertProps as MuiAlertProps } from '@material-ui/lab';
+export interface ToastProps extends SnackbarProps {
+    /** Applied to the built in [Alert](?path=/docs/admin-ui-alert--props) Component. */
+    AlertProps?: Omit<MuiAlertProps, 'ref'>;
+    /** The severity of the Alert. */
+    severity: 'error' | 'warning' | 'info' | 'success';
+    /** @ignore */
+    ref?: SnackbarProps['ref'];
+}

package/build/cjs/components/Toast/ToastStyles.d.ts

@@ -0,0 +1,2 @@
+import { ToastProps } from './ToastProps';
+export declare const useToastStyles: (props: ToastProps) => import("@material-ui/styles").ClassNameMap<string>;

package/build/cjs/components/Toast/index.d.ts

@@ -0,0 +1,2 @@
+export { Toast as default } from './Toast';
+export { ToastProps } from './ToastProps';

package/build/cjs/components/index.d.ts

@@ -0,0 +1,27 @@
+export { default as Alert, AlertProps } from './Alert';
+export { default as AlertDialog, AlertDialogProps } from './AlertDialog';
+export { default as AlertDialogHeader } from './AlertDialogHeader';
+export { default as AlertTitle, AlertTitleProps } from './AlertTitle';
+export { default as Button, ButtonProps } from './Button';
+export { default as ButtonGroup, ButtonGroupProps } from './ButtonGroup';
+export { Dialog, DialogProps } from './Dialog';
+export { DialogActions, DialogActionsProps } from './DialogActions';
+export { DialogContent, DialogContentProps } from './DialogContent';
+export { DialogTitle, DialogTitleProps } from './DialogTitle';
+export { default as FeatureIntro, FeatureIntroProps } from './FeatureIntro';
+export * from './FullScreenStepper';
+export { default as FullScreenStepperActions, FullScreenStepperActionsProps } from './FullScreenStepperActions';
+export { default as FullScreenStepperContent } from './FullScreenStepperContent';
+export { List, ListProps } from './List';
+export { Page } from './Page';
+export { PageBody } from './PageBody';
+export { PageSection } from './PageSection';
+export { PageSectionHead } from './PageSectionHead';
+export { PageSections } from './PageSections';
+export { PageSectionTitle } from './PageSectionTitle';
+export { default as SelectableCard, SelectableCardProps } from './SelectableCard';
+export { SettingsIndexCard, SettingsIndexCardProps } from './SettingsIndexCard';
+export { SettingsIndexCardGroup } from './SettingsIndexCardGroup';
+export { StandardListItem, StandardListItemProps } from './StandardListItem';
+export { default as Toast, ToastProps } from './Toast';
+export { CircularProgress, CircularProgressProps, MenuItem, MenuItemProps, Switch, SwitchProps, TextField, TextFieldProps, } from '@material-ui/core';

package/build/cjs/hooks/index.d.ts

@@ -0,0 +1,3 @@
+export { useFullScreenStepperContext } from './useFullScreenStepperContext';
+export { useSelectableCard } from './useSelectableCard';
+export { useDialog } from './useDialog';

package/build/cjs/hooks/useDialog.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+export declare const useDialog: () => ({
+    onClick: () => void;
+} | {
+    open: boolean;
+    onClose: () => void;
+} | {
+    open: boolean;
+    setOpen: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    toggle: () => void;
+    close: () => void;
+})[];

package/build/cjs/hooks/useFullScreenStepperContext.d.ts

@@ -0,0 +1,2 @@
+import { FullScreenStepperContextValue } from '../components/FullScreenStepper';
+export declare const useFullScreenStepperContext: () => FullScreenStepperContextValue;

package/build/cjs/hooks/useSelectableCard.d.ts

@@ -0,0 +1,24 @@
+interface Config {
+    defaultSelected?: Array<string>;
+    selectionMode?: 'single' | 'multi';
+    maxSelectionCount?: number;
+}
+interface Result {
+    card: {
+        onClick: (value: string) => void;
+        selection: Array<string>;
+    };
+    selection: Array<string>;
+    setSelection: (selection: Array<string>) => void;
+}
+/**
+ * Manages state for SelectableCards.
+ * @param {Config} config - Configures the hook behavior.
+ * @param {string|string[]} [config.defaultSelected = []] - Initializes state with the provided value.
+ * @param {string} [config.selectionMode = 'single'] - Determines selection behavior. 'single' provides radio style
+ * selection. 'multi' provides checkbox style selection.
+ * @param {number} [config.maxSelectionCount] - A number to determine the maximum amount of cards to be selected.
+ * @returns {HookResult} An object with click handler and current state. Spread into a SelectableCard to use.
+ */
+export declare const useSelectableCard: (config?: Config) => Result;
+export {};

package/build/cjs/index.d.ts

@@ -0,0 +1,3 @@
+export * from './components';
+export * from './hooks';
+export * from './theme';