@compill/admin 1.0.108 → 1.0.110

package/dist/lib/SectionTitle.d.ts

@@ -0,0 +1,2 @@
+import { ParentComponent, SoperioComponent } from "@soperio/react";
+export declare function SectionTitle({ children, ...props }: SoperioComponent & ParentComponent): JSX.Element;

package/dist/lib/breadcrumbs/BreadCrumbs.d.ts

@@ -0,0 +1,15 @@
+import { SoperioComponent } from "@soperio/react";
+export interface Breadcrumb {
+    label: string;
+    path?: string;
+}
+interface BreadcrumbsProps extends SoperioComponent {
+    breadcrumbs: Breadcrumb[] | QueryBreadcrumbs;
+}
+export type QueryBreadcrumbs = {
+    queryFn: (...args: any) => Promise<any>;
+    queryField?: string;
+    generate: (results: any) => Breadcrumb[];
+};
+export declare function Breadcrumbs({ breadcrumbs, ...props }: BreadcrumbsProps): JSX.Element;
+export {};

package/dist/lib/buttons/DialogButton.d.ts

@@ -0,0 +1,7 @@
+import { ParentComponent, SoperioComponent } from "@soperio/react";
+import { ButtonProps } from "@valerya/ui";
+import React from "react";
+export interface DialogButtonProps extends SoperioComponent, ParentComponent, ButtonProps {
+    buildDialog: (onClose: () => void) => React.ReactNode;
+}
+export declare function DialogButton({ buildDialog, ...props }: DialogButtonProps): JSX.Element;

package/dist/lib/buttons/InvalidateButton.d.ts

@@ -0,0 +1,6 @@
+import { ButtonBarButtonProps } from "../layout/ButtonBar";
+interface InvalidateButtonProps extends ButtonBarButtonProps {
+    pathOrPermalink: string;
+}
+export declare function InvalidateButton({ pathOrPermalink, ...props }: InvalidateButtonProps): JSX.Element;
+export {};

package/dist/lib/buttons/NavigateButton.d.ts

@@ -0,0 +1,4 @@
+import { ButtonProps } from "@valerya/ui";
+export declare function NavigateButton({ path, ...props }: {
+    path: string;
+} & ButtonProps): JSX.Element;

package/dist/lib/buttons/PublishButton.d.ts

@@ -0,0 +1,9 @@
+import { API } from "@compill/admin-api";
+import { ButtonProps } from "@valerya/ui";
+interface PublishButtonProps extends ButtonProps {
+    status: string;
+    queryId: string;
+    api: API<any>;
+}
+export declare function PublishButton({ status, queryId, api, ...props }: PublishButtonProps): JSX.Element;
+export {};

package/dist/lib/buttons/UpdateButton.d.ts

@@ -0,0 +1,2 @@
+import { ButtonProps } from "@valerya/ui";
+export declare function UpdateButton({ ...props }: ButtonProps): JSX.Element;

package/dist/lib/buttons/ViewButton.d.ts

@@ -0,0 +1,5 @@
+import { ButtonBarButtonProps } from "../layout/ButtonBar";
+export declare function ViewButton({ label, path, icon, ...props }: ButtonBarButtonProps & {
+    label?: string;
+    path: string;
+}): JSX.Element;

package/dist/lib/cells/OrderCell.d.ts

@@ -0,0 +1,11 @@
+interface OrderApi {
+    moveUp: (id: string) => Promise<any>;
+    moveDown: (id: string) => Promise<any>;
+    queryKey: string[];
+}
+export declare function OrderCell({ api, postId, order }: {
+    api: OrderApi;
+    postId: string;
+    order: number;
+}): JSX.Element;
+export {};

package/dist/lib/json/DetailsView.d.ts

@@ -0,0 +1,5 @@
+import { SoperioComponent } from "@soperio/react";
+import { DetailsViewConfig } from "./types/DetailsView";
+export declare function DetailsView({ queryField, api, useNextRouter, processInput, screen, tabbed, ...props }: DetailsViewConfig & {
+    tabbed?: boolean;
+} & SoperioComponent): JSX.Element;

package/dist/lib/json/EditItemView.d.ts

@@ -0,0 +1,2 @@
+import { ItemEditDialogProps } from "./dialog/ItemEditDialog";
+export declare function EditItemView({ initialValues, ...props }: Omit<ItemEditDialogProps, "show">): JSX.Element;

package/dist/lib/json/MultiQueryWrapper.d.ts

@@ -0,0 +1,5 @@
+import { MultiQueryWrapperConfig } from "./types/MultiQueryWrapper";
+import { SoperioComponent } from "@soperio/react";
+export declare function MultiQueryWrapper({ queries, config, tabbed, ...props }: Omit<MultiQueryWrapperConfig, "type"> & {
+    tabbed?: boolean;
+} & SoperioComponent): JSX.Element;

package/dist/lib/json/QueryWrapper.d.ts

@@ -0,0 +1,6 @@
+import { QueryWrapperConfig } from "./types/QueryWrapper";
+import { SoperioComponent } from "@soperio/react";
+import { CRUD_MODEL } from "@compill/api";
+export declare function QueryWrapper<T extends CRUD_MODEL, U>({ api, queryField, fn, transformFn, config, tabbed, ...props }: Omit<QueryWrapperConfig<T, U>, "type"> & {
+    tabbed?: boolean;
+} & SoperioComponent): JSX.Element | null;

package/dist/lib/json/ScreenRenderer.d.ts

@@ -0,0 +1,6 @@
+import { ScreenConfig } from "./types/ScreenConfig";
+import { SoperioComponent } from "@soperio/react";
+export declare function ScreenRenderer({ config, tabbed, ...props }: {
+    config: ScreenConfig;
+    tabbed?: boolean;
+} & SoperioComponent): JSX.Element;

package/dist/lib/json/ScreenTopBar.d.ts

@@ -0,0 +1,15 @@
+import { API } from "@compill/admin-api";
+import { Breadcrumb } from "../breadcrumbs/BreadCrumbs";
+import { DetailViewButton } from "./types/DetailsView";
+import { CRUDAPI } from "@compill/api";
+interface ScreenTopBarProps {
+    tabbed?: boolean;
+    breadcrumbs?: Breadcrumb[];
+    buttonBar?: DetailViewButton[];
+    api: CRUDAPI<any> | API<any>;
+    item: any;
+    isLoading: boolean;
+    trackingRef?: Element | null;
+}
+export declare function ScreenTopBar({ tabbed, breadcrumbs, api, item, isLoading, buttonBar, trackingRef }: ScreenTopBarProps): JSX.Element;
+export {};

package/dist/lib/json/TabbedView.d.ts

@@ -0,0 +1,3 @@
+import { TabbedViewConfig } from "./types/TabbedView";
+import { SoperioComponent } from "@soperio/react";
+export declare function TabbedView({ queryField, api, screen, ...props }: TabbedViewConfig & SoperioComponent): JSX.Element;

package/dist/lib/json/buttons/ActionButton.d.ts

@@ -0,0 +1,14 @@
+import { MutationQueryFn, MutationQueryKey } from "@compill/api";
+import { ButtonProps } from "@valerya/ui";
+interface ActionButtonProps {
+    label: string;
+    buttonProps?: ButtonProps;
+    icon?: string;
+    queryKey: MutationQueryKey;
+    queryFn: MutationQueryFn<any, any>;
+    successMsg?: string;
+    errorMsg?: string;
+    invalidateParent?: boolean;
+}
+export declare function ActionButton({ label, buttonProps, icon, queryKey, queryFn, successMsg, errorMsg, invalidateParent }: ActionButtonProps): JSX.Element;
+export {};

package/dist/lib/json/buttons/ConfirmationActionButton.d.ts

@@ -0,0 +1,26 @@
+import { MutationQueryFn, MutationQueryKey } from "@compill/api";
+import { ButtonProps, ModalProps } from "@valerya/ui";
+interface ConfirmationActionButtonProps {
+    label: string;
+    buttonProps?: ButtonProps;
+    icon?: string;
+    queryKey: MutationQueryKey;
+    queryFn: MutationQueryFn<any, any>;
+    successMsg?: string;
+    errorMsg?: string;
+    invalidateParent?: boolean;
+}
+export declare function ConfirmationActionButton({ label, buttonProps, icon, queryKey, queryFn, successMsg, errorMsg, invalidateParent }: ConfirmationActionButtonProps): JSX.Element;
+interface ConfirmationDialogProps extends Pick<ModalProps, "show" | "onClose"> {
+    title: string;
+    text: string;
+    positiveButtonLabel?: string;
+    negativeButtonLabel?: string;
+    queryKey: MutationQueryKey;
+    queryFn: MutationQueryFn<any, any>;
+    successMsg?: string;
+    errorMsg?: string;
+    invalidateParent?: boolean;
+}
+export declare function ConfirmationDialog({ title, text, positiveButtonLabel, negativeButtonLabel, queryKey, queryFn, successMsg, errorMsg, invalidateParent, show, onClose }: ConfirmationDialogProps): JSX.Element;
+export {};

package/dist/lib/json/dialog/DialogRenderer.d.ts

@@ -0,0 +1,11 @@
+import { EditItemDialogConfig } from "../types/EditItemDialog";
+import { QueryWrapperDialogConfig } from "../types/QueryWrapperDialog";
+import { MultiQueryWrapperDialogConfig } from "../types/MultiQueryWrapperDialog";
+interface DialogRendererProps {
+    config: EditItemDialogConfig | QueryWrapperDialogConfig<any> | MultiQueryWrapperDialogConfig;
+    onClose: () => void;
+    invalidateQueryKey?: string[];
+    queryId?: string;
+}
+export declare function DialogRenderer({ config, onClose, invalidateQueryKey, queryId }: DialogRendererProps): JSX.Element | null;
+export {};

package/dist/lib/json/dialog/ItemDeleteDialog.d.ts

@@ -0,0 +1,17 @@
+import { CRUDAPI } from "@compill/api";
+import { ModalProps } from "@valerya/ui";
+import React from "react";
+export interface ItemDeleteDialogProps extends ModalProps {
+    itemLabel: string;
+    queryId: string;
+    api: CRUDAPI<any>;
+    apiFn?: string;
+    invalidateQueriesOnSuccess?: boolean;
+    invalidateQueryKey?: string[];
+    msg?: (itemLabel: string) => string | React.ReactNode;
+    actionButtonLabel?: string;
+    closeActionButtonLabel?: string;
+    title?: string;
+    onSuccess?: () => void;
+}
+export declare function ItemDeleteDialog({ title, actionButtonLabel, closeActionButtonLabel, itemLabel, queryId, api, apiFn, invalidateQueriesOnSuccess, invalidateQueryKey, size, md_boxSizing, msg, show, onClose, onSuccess, ...props }: ItemDeleteDialogProps): JSX.Element;

package/dist/lib/json/dialog/ItemEditDialog.d.ts

@@ -0,0 +1,32 @@
+import { CRUDAPI } from "@compill/api";
+import { FormRendererConfig } from "@compill/form";
+import { UseMutationOptions, UseQueryOptions } from "@tanstack/react-query";
+import { ModalProps } from "@valerya/ui";
+import { FormikConfig } from "formik";
+import React from "react";
+export interface ItemEditDialogProps<TFormData extends {} = any, TResultData extends {} = any> extends Omit<ModalProps, "id" | "children" | "title" | "position"> {
+    itemLabel?: string;
+    queryId?: string;
+    api: CRUDAPI<any>;
+    initialValues?: any;
+    queryFetchOptions?: UseQueryOptions;
+    querySaveOptions?: UseMutationOptions<TResultData, unknown, TFormData>;
+    onSuccess?: (item: TResultData, response: any) => void;
+    onFetchError?: () => void;
+    fetchErrorMsg?: string;
+    onSaveError?: (item: TFormData) => void;
+    saveErrorMsg?: string;
+    fetchToFormData?: (item: TResultData) => TFormData;
+    formToQueryData?: (TFormData: any) => Partial<TResultData>;
+    invalidateQueriesOnSuccess?: boolean;
+    invalidateQueryKey?: string[];
+    retryText?: string;
+    cancelLabel?: string;
+    saveLabel?: string;
+    title?: ((item?: TResultData) => string);
+    formikProps: Omit<FormikConfig<any>, "initialValues" | "onSubmit">;
+    form: React.ReactNode | FormRendererConfig | ((item: TResultData) => FormRendererConfig);
+    show: boolean;
+    onClose: () => void;
+}
+export declare function ItemEditDialog<TFormData extends {}, TResultData extends {}>({ initialValues, itemLabel, queryId, api, queryFetchOptions, querySaveOptions, onSuccess, onFetchError, fetchErrorMsg, onSaveError, saveErrorMsg, fetchToFormData, formToQueryData, invalidateQueriesOnSuccess, invalidateQueryKey, retryText, cancelLabel, saveLabel, size, title, form, show, onClose, formikProps, ...props }: ItemEditDialogProps<TFormData, TResultData>): JSX.Element;

package/dist/lib/json/dialog/MultiQueryWrapperDialog.d.ts

@@ -0,0 +1,7 @@
+import { MultiQueryWrapperDialogConfig } from "../types/MultiQueryWrapperDialog";
+export type MultiQueryWrapperDialogProps = Omit<MultiQueryWrapperDialogConfig, "type"> & {
+    queryId?: string;
+    onClose: () => void;
+    invalidateQueryKey?: string[];
+};
+export declare function MultiQueryWrapperDialog({ queries, config, onClose, queryId, invalidateQueryKey }: MultiQueryWrapperDialogProps): JSX.Element;

package/dist/lib/json/dialog/QueryWrapperDialog.d.ts

@@ -0,0 +1,13 @@
+import { CRUDAPI, CRUD_MODEL } from "@compill/api";
+import { QueryWrapperDialogConfig } from "../types/QueryWrapperDialog";
+import { EditItemDialogConfig } from "../types/EditItemDialog";
+export type QueryWrapperDialogProps<T extends CRUD_MODEL, U> = Omit<QueryWrapperDialogConfig<T, U>, "type"> & {
+    api: CRUDAPI<any>;
+    fn: "get" | "getTransformed" | "getAll" | "getAllTransformed";
+    transformFn?: (data: T) => U;
+    config: (data?: T | U) => Omit<EditItemDialogConfig, "type">;
+    onClose: () => void;
+    queryId?: string;
+    invalidateQueryKey?: string[];
+};
+export declare function QueryWrapperDialog<T extends CRUD_MODEL, U>({ api, fn, transformFn, config, onClose, queryId, invalidateQueryKey }: QueryWrapperDialogProps<T, U>): JSX.Element | null;

package/dist/lib/json/table/RefreshButton.d.ts

@@ -0,0 +1,3 @@
+export declare function RefreshButton({ queryKey }: {
+    queryKey: string[];
+}): JSX.Element;

package/dist/lib/json/table/TableRowActionsView.d.ts

@@ -0,0 +1,11 @@
+import { TableRowAction } from "../types/TableView";
+import { API } from "@compill/admin-api";
+interface TableRowActionViewProps {
+    row: any;
+    onAction: (action: TableRowAction, item: any) => void;
+    rowActions?: TableRowAction[] | ((item?: any) => TableRowAction[]);
+    api: API<any>;
+    queryKey: string[];
+}
+export declare function TableRowActionsView({ row, onAction, rowActions, api, queryKey }: TableRowActionViewProps): JSX.Element;
+export {};

package/dist/lib/json/table/TableRowPublishPostButton.d.ts

@@ -0,0 +1,8 @@
+import { ButtonProps } from "@valerya/ui";
+import { API } from "@compill/admin-api";
+export declare function TableRowPublishPostButton({ id, api, status, invalidateQueryKey, ...props }: {
+    id: string;
+    api: API<any>;
+    status: "draft" | "published";
+    invalidateQueryKey?: string[];
+} & ButtonProps): JSX.Element;

package/dist/lib/json/table/TableView.d.ts

@@ -0,0 +1,3 @@
+import { SoperioComponent } from "@soperio/react";
+import { TableViewConfig } from "../types/TableView";
+export declare function TableView({ queryField, title, subtitle, screen, ...props }: Omit<TableViewConfig, "type"> & SoperioComponent): JSX.Element;

package/dist/lib/json/table/TableViewContext.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import { TableRowAction, TableViewDeleteItem, TableViewEditView } from "../types/TableView";
+type TableViewContextProps = {
+    onAction: (action: TableRowAction, item: any) => void;
+    dialog?: React.ReactNode;
+};
+declare const useContext: () => TableViewContextProps;
+export interface TableViewProviderProps extends React.PropsWithChildren {
+    queryKey: string[];
+    editView?: TableViewEditView | ((item: any) => TableViewEditView);
+    deleteItem?: TableViewDeleteItem | ((item: any) => TableViewDeleteItem);
+}
+declare function TableViewProvider({ editView, deleteItem, queryKey, children }: TableViewProviderProps): JSX.Element;
+export { TableViewProvider, useContext as useTableViewContext };

package/dist/lib/json/table/useTableProps.d.ts

@@ -0,0 +1,3 @@
+import { API } from "@compill/admin-api";
+import { TableRowAction, TableViewTable } from "../types/TableView";
+export declare function useTableProps(api: API<any>, table: TableViewTable, rowActions?: TableRowAction[] | ((item?: any) => TableRowAction[]), queryParams?: any): any;

package/dist/lib/json/types/DetailsView.d.ts

@@ -0,0 +1,57 @@
+import { API } from "@compill/admin-api";
+import * as Yup from "yup";
+import { Breadcrumb } from "../../breadcrumbs/BreadCrumbs";
+import { FormRendererConfig } from "@compill/form";
+import { CRUDAPI } from "@compill/api";
+export type DetailsViewConfig<T = any> = {
+    type: "details";
+    api: CRUDAPI<T> | API<T>;
+    queryField: string;
+    useNextRouter?: boolean;
+    processInput?: (input: T) => any;
+    screen: Screen | ((data: T) => Screen);
+};
+type Screen = {
+    invalidateParentQueryKey?: string[];
+    invalidatePage?: string;
+    breadcrumbs?: Breadcrumb[];
+    initialValues: any | ((data: any) => any);
+    schema: Yup.Schema;
+    header?: React.ReactNode;
+    sections?: DetailSection[];
+    buttonBar?: DetailViewButton[];
+} & ({
+    type: "form";
+} | {
+    type?: "post" | "section";
+    editor?: DetailEditor;
+    editorFooter?: React.ReactNode;
+});
+type DetailEditor = {
+    type?: "blockEditor";
+    name: string;
+} | {
+    type?: "textarea";
+    name: string;
+};
+export type DetailSection = {
+    type: "section";
+    title?: string;
+    form: FormRendererConfig | ((item: any) => FormRendererConfig);
+} | {
+    type: "custom";
+    component: ((item: any) => React.ReactNode);
+};
+export type DetailViewButton = {
+    type: "invalidate";
+    pathOrPermalink: string;
+} | {
+    type: "link";
+    path: string;
+    icon?: string;
+    label?: string;
+} | {
+    type: "custom";
+    render: (item: any) => React.ReactNode;
+};
+export {};

package/dist/lib/json/types/EditItemDialog.d.ts

@@ -0,0 +1,4 @@
+import { ItemEditDialogProps } from "../dialog/ItemEditDialog";
+export type EditItemDialogConfig = Omit<ItemEditDialogProps, "show" | "onClose"> & {
+    type: "dialog";
+};

package/dist/lib/json/types/MultiQueryWrapper.d.ts

@@ -0,0 +1,18 @@
+import { CRUDAPI } from "@compill/api";
+import { DetailsViewConfig } from "./DetailsView";
+import { TabbedViewConfig } from "./TabbedView";
+import { TableViewConfig } from "./TableView";
+type SubScreen = TableViewConfig | DetailsViewConfig | TabbedViewConfig;
+export type QueryDef = {
+    api: CRUDAPI<any> | ((id: string) => CRUDAPI<any>);
+    fn: "get" | "getAll";
+    queryField?: string;
+    transformFn?: (data: any) => any;
+    params?: any;
+};
+export type MultiQueryWrapperConfig = {
+    type: "multiQuery";
+    queries: QueryDef[];
+    config: (...data: any[]) => SubScreen;
+};
+export {};

package/dist/lib/json/types/MultiQueryWrapperDialog.d.ts

@@ -0,0 +1,13 @@
+import { CRUDAPI } from "@compill/api";
+import { EditItemDialogConfig } from "./EditItemDialog";
+export type QueryDef = {
+    api: CRUDAPI<any>;
+    fn: "get" | "getAll";
+    transformFn?: (data: any) => any;
+    cache?: boolean;
+};
+export type MultiQueryWrapperDialogConfig = {
+    type: "multiQuery";
+    queries: QueryDef[];
+    config: (...data: any[]) => Omit<EditItemDialogConfig, "type">;
+};

package/dist/lib/json/types/QueryWrapper.d.ts

@@ -0,0 +1,27 @@
+import { CRUDAPI, CRUD_MODEL } from "@compill/api";
+import { DetailsViewConfig } from "./DetailsView";
+import { TabbedViewConfig } from "./TabbedView";
+import { TableViewConfig } from "./TableView";
+type SubScreen<T extends CRUD_MODEL, U> = TableViewConfig | DetailsViewConfig | TabbedViewConfig | QueryWrapperConfig<T, U>;
+export type QueryWrapperConfig<T extends CRUD_MODEL, U = T> = {
+    type: "query";
+    api: CRUDAPI<T> | ((id: string | number) => CRUDAPI<T>);
+    queryField?: string;
+} & ({
+    fn: "get";
+    transformFn?: undefined;
+    config: (data: T) => SubScreen<T, U>;
+} | {
+    fn: "getTransformed";
+    transformFn: (data: T) => U;
+    config: (data: U) => SubScreen<T, U>;
+} | {
+    fn: "getAll";
+    transformFn?: undefined;
+    config: (data: T[]) => SubScreen<T, U>;
+} | {
+    fn: "getAllTransformed";
+    transformFn: (data: T[]) => U;
+    config: (data: U) => SubScreen<T, U>;
+});
+export {};

package/dist/lib/json/types/QueryWrapperDialog.d.ts

@@ -0,0 +1,22 @@
+import { CRUDAPI, CRUD_MODEL } from "@compill/api";
+import { EditItemDialogConfig } from "./EditItemDialog";
+export type QueryWrapperDialogConfig<T extends CRUD_MODEL, U = T> = {
+    type: "query";
+    api: CRUDAPI<any>;
+} & ({
+    fn: "get";
+    transformFn?: undefined;
+    config: (data: T) => Omit<EditItemDialogConfig, "type">;
+} | {
+    fn: "getTransformed";
+    transformFn: (data: T) => U;
+    config: (data: U) => Omit<EditItemDialogConfig, "type">;
+} | {
+    fn: "getAll";
+    transformFn?: undefined;
+    config: (data: T[]) => Omit<EditItemDialogConfig, "type">;
+} | {
+    fn: "getAllTransformed";
+    transformFn: (data: T[]) => U;
+    config: (data: U) => Omit<EditItemDialogConfig, "type">;
+});

package/dist/lib/json/types/ScreenConfig.d.ts

@@ -0,0 +1,8 @@
+import { ItemEditDialogProps } from "../dialog/ItemEditDialog";
+import { DetailsViewConfig } from "./DetailsView";
+import { MultiQueryWrapperConfig } from "./MultiQueryWrapper";
+import { QueryWrapperConfig } from "./QueryWrapper";
+import { TabbedViewConfig } from "./TabbedView";
+import { TableViewConfig } from "./TableView";
+export type ScreenConfig = TableViewConfig | DetailsViewConfig | TabbedViewConfig | QueryWrapperConfig<any, any> | MultiQueryWrapperConfig;
+export type TableViewEditItem = Omit<ItemEditDialogProps, "show" | "onClose">;

package/dist/lib/json/types/TabbedView.d.ts

@@ -0,0 +1,22 @@
+import { CRUDAPI } from "@compill/api";
+import { Breadcrumb } from "../../breadcrumbs/BreadCrumbs";
+import { DetailsViewConfig } from "./DetailsView";
+import { QueryWrapperConfig } from "./QueryWrapper";
+import { TableViewConfig } from "./TableView";
+import { MultiQueryWrapperConfig } from "./MultiQueryWrapper";
+export type TabbedViewConfig<T extends any = any> = {
+    type: "tabbed";
+    queryField: string;
+    api: CRUDAPI<any>;
+    screen: Screen | ((data: T) => Screen);
+};
+type Screen = {
+    breadcrumbs: Breadcrumb[];
+    tabs: Tab[];
+};
+export type Tab = {
+    label: string;
+    config?: TableViewConfig | DetailsViewConfig | QueryWrapperConfig<any> | MultiQueryWrapperConfig | TabbedViewConfig;
+    component?: () => React.ReactNode;
+};
+export {};

package/dist/lib/json/types/TableView.d.ts

@@ -0,0 +1,117 @@
+import { API } from "@compill/admin-api";
+import { FormRendererConfig } from "@compill/form";
+import { TableProps } from "@compill/table";
+import { ButtonProps, ModalProps } from "@valerya/ui";
+import { Breadcrumb, QueryBreadcrumbs } from "../../breadcrumbs/BreadCrumbs";
+import { ItemDeleteDialogProps } from "../dialog/ItemDeleteDialog";
+import { EditItemDialogConfig } from "./EditItemDialog";
+import { QueryWrapperDialogConfig } from "./QueryWrapperDialog";
+import * as Yup from "yup";
+import { MutationQueryFn, MutationQueryKey } from "@compill/api";
+export type TableViewScreen = {
+    api: API<any>;
+    breadcrumbs?: Breadcrumb[] | QueryBreadcrumbs;
+    buttonBar?: TableViewButtonConfig[];
+    filters?: TableFilters;
+    massActions?: TableMassActions;
+    createView?: TableViewEditView | ((data?: any) => TableViewEditView);
+    editView?: TableViewEditView | ((item: any) => TableViewEditView);
+    deleteItem?: TableViewDeleteItem | ((item: any) => TableViewDeleteItem);
+    table: TableViewTable;
+    rowActions?: TableRowAction[] | ((item: any) => TableRowAction[]);
+    queryParams?: any;
+};
+export type TableViewConfig = {
+    type: "table";
+    title: string;
+    subtitle?: string | React.ReactNode | ((data: any) => string | React.ReactNode);
+    queryField?: string;
+    screen: TableViewScreen | ((id: string) => TableViewScreen);
+};
+export type CustomDialog = {
+    type: "customDialog";
+    render: (props: ModalProps) => React.ReactNode;
+};
+export type TableViewEditView = CustomDialog | EditItemDialogConfig | QueryWrapperDialogConfig<any>;
+export type TableViewTable = Omit<TableProps, "onRowClick" | "queryKey" | "queryFn" | "queryFilters"> & {
+    filtersMethod?: "internal" | "nextRouter" | "reactRouter";
+    initialVisibleColumns?: string[];
+    onRowClick?: {
+        type: "navigate" | "nextpush" | "link";
+        path: string | ((item: any) => string);
+    };
+};
+export type TableViewDeleteItem = Omit<ItemDeleteDialogProps, "show" | "onClose" | "itemLabel" | "queryId"> & {
+    itemLabel: string | ((item: any) => string);
+};
+export type TableRowAction = {
+    type: "link";
+    path: string | ((item: any) => string);
+} | {
+    type: "view";
+    path: string | ((item: any) => string);
+} | {
+    type: "edit";
+} | {
+    type: "delete";
+    msg?: (itemLabel: string) => (string | React.ReactNode);
+} | {
+    type: "publish";
+    api?: API<any>;
+} | {
+    type: "custom";
+    component: (item: any, queryKey: string[], icon?: string, label?: string) => React.ReactNode;
+    icon?: string;
+    label?: string;
+};
+export type TableViewButtonBar = TableViewButtonConfig[];
+type TableViewButtonConfig = {
+    type: "create";
+    data?: any;
+    label?: string;
+    icon?: string;
+} | {
+    type: "invalidate";
+    pathOrPermalink: string;
+} | {
+    type: "custom";
+    render: () => React.ReactNode;
+};
+type TableFilters = {
+    form: FormRendererConfig;
+    initialValues: any | ((data: any) => any);
+    schema?: Yup.AnySchema;
+    processInput?: (input: any) => any;
+};
+type TableMassActions = {
+    items: MassAction[];
+};
+export type MassAction = ({
+    type: "custom";
+    render: (selectedRows: any[]) => React.ReactNode;
+} | {
+    type: "select";
+    provider?: Record<string, any>[] | ((selectedRows: any) => Record<string, any>[]);
+    labelField?: string;
+    valueField?: string;
+    queryFn: MutationQueryFn<any, any>;
+    queryKey: MutationQueryKey;
+} | {
+    type: "dynamicChoiceList";
+} | {
+    type: "button";
+    label: string;
+    icon?: string;
+    buttonProps?: ButtonProps;
+    queryFn: MutationQueryFn<any, any>;
+    queryKey: MutationQueryKey;
+    invalidateParent?: boolean;
+    showConfirmationDialog?: boolean;
+    confirmationDialogTitle?: string;
+    confirmationDialogText?: string;
+    confirmationDialogPositiveButtonLabel?: string;
+    confirmationDialogNegativeButtonLabel?: string;
+    successMsg?: (rows: any[]) => string;
+    errorMsg?: (rows: any[]) => string;
+});
+export {};

package/dist/lib/layout/AdminLayout.d.ts

@@ -0,0 +1,13 @@
+import { Color, ParentComponent, SoperioComponent } from "@soperio/react";
+import { MenuConfig } from "./menu/MenuConfig";
+interface LayoutProps extends SoperioComponent, ParentComponent {
+    color: Color;
+    darkMode?: boolean;
+    logo?: React.ReactNode;
+    title?: string;
+    menuConfig: MenuConfig;
+    userMenuConfig?: MenuConfig;
+    userSettingsPath: string;
+}
+export declare function AdminLayout({ color, darkMode, logo, title, menuConfig, userMenuConfig, userSettingsPath, ...props }: LayoutProps): JSX.Element;
+export {};