@compill/admin 1.0.25

package/lib/SectionTitle.d.ts

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

package/lib/breadcrumbs/BreadCrumbs.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { SoperioComponent } from "@soperio/react";
+export interface Breadcrumb {
+    label: string;
+    path?: string;
+}
+export declare function Breadcrumbs({ breadcrumbs, ...props }: {
+    breadcrumbs: Breadcrumb[];
+} & SoperioComponent): JSX.Element;

package/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/lib/buttons/IconButton.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { ButtonProps } from "@valerya/ui";
+export declare function IconButton({ icon, ...props }: {
+    icon: string;
+} & ButtonProps): JSX.Element;

package/lib/buttons/InvalidateButton.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { ButtonProps } from "@valerya/ui";
+interface InvalidateButtonProps extends ButtonProps {
+    pathOrPermalink: string;
+}
+export declare function InvalidateButton({ pathOrPermalink, ...props }: InvalidateButtonProps): JSX.Element;
+export {};

package/lib/buttons/NavigateButton.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { ButtonProps } from "@valerya/ui";
+export declare function NavigateButton({ path, ...props }: {
+    path: string;
+} & ButtonProps): JSX.Element;

package/lib/buttons/PublishButton.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { API } from '../../../../admin-api/src/index.ts';
+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/lib/buttons/UpdateButton.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { ButtonProps } from "@valerya/ui";
+export declare function UpdateButton({ ...props }: ButtonProps): JSX.Element;

package/lib/buttons/ViewButton.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { ButtonProps } from "@valerya/ui";
+export declare function ViewButton({ path, icon, ...props }: {
+    path: string;
+    icon?: string;
+} & ButtonProps): JSX.Element;

package/lib/cells/OrderCell.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+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/lib/json/DetailsView.d.ts

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

package/lib/json/EditItemView.d.ts

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

package/lib/json/MultiQueryWrapper.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+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/lib/json/QueryWrapper.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { QueryWrapperConfig } from "./types/QueryWrapper";
+import { SoperioComponent } from "@soperio/react";
+import { CRUD_MODEL } from '../../../../api/src/index.ts';
+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/lib/json/ScreenRenderer.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+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/lib/json/ScreenTopBar.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { API } from '../../../../admin-api/src/index.ts';
+import { Breadcrumb } from "../breadcrumbs/BreadCrumbs";
+import { DetailViewButton } from "./types/DetailsView";
+interface ScreenTopBarProps {
+    tabbed?: boolean;
+    breadcrumbs?: Breadcrumb[];
+    buttonBar?: DetailViewButton[];
+    api: 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/lib/json/TabbedView.d.ts

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

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+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/lib/json/dialog/ItemDeleteDialog.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { CRUDAPI } from '../../../../../api/src/index.ts';
+import { ModalProps } from "@valerya/ui";
+export interface ItemDeleteDialogProps extends ModalProps {
+    itemLabel: string;
+    queryId: string;
+    api: CRUDAPI<any>;
+    invalidateQueriesOnSuccess?: boolean;
+    invalidateQueryKey?: string[];
+}
+export declare function ItemDeleteDialog({ itemLabel, queryId, api, invalidateQueriesOnSuccess, invalidateQueryKey, size, show, onClose, ...props }: ItemDeleteDialogProps): JSX.Element;

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

@@ -0,0 +1,32 @@
+import { CRUDAPI } from '../../../../../api/src/index.ts';
+import { FormRendererConfig } from '../../../../../form/src/index.ts';
+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/lib/json/dialog/MultiQueryWrapperDialog.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+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/lib/json/dialog/QueryWrapperDialog.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { CRUDAPI, CRUD_MODEL } from '../../../../../api/src/index.ts';
+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/lib/json/table/TableRowActionsView.d.ts

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,51 @@
+/// <reference types="react" />
+import { API } from '../../../../../admin-api/src/index.ts';
+import * as Yup from "yup";
+import { Breadcrumb } from "../../breadcrumbs/BreadCrumbs";
+import { FormRendererConfig } from '../../../../../form/src/index.ts';
+export type DetailsViewConfig<T = any> = {
+    type: "details";
+    api: API<T>;
+    queryField: string;
+    processInput?: (input: T) => any;
+    screen: Screen | ((data: T) => Screen);
+};
+type Screen = {
+    invalidateParentQueryKey?: string[];
+    breadcrumbs?: Breadcrumb[];
+    initialValues: any | ((data: any) => any);
+    schema: Yup.Schema;
+    header?: React.ReactNode;
+    sections?: DetailSection[];
+    buttonBar?: DetailViewButton[];
+    editor?: DetailEditor;
+    editorFooter?: React.ReactNode;
+    type?: "post" | "section";
+};
+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;
+} | {
+    type: "custom";
+    render: (item: any) => React.ReactNode;
+};
+export {};

package/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/lib/json/types/MultiQueryWrapper.d.ts

@@ -0,0 +1,18 @@
+import { CRUDAPI } from '../../../../../api/src/index.ts';
+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/lib/json/types/MultiQueryWrapperDialog.d.ts

@@ -0,0 +1,13 @@
+import { CRUDAPI } from '../../../../../api/src/index.ts';
+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/lib/json/types/QueryWrapper.d.ts

@@ -0,0 +1,27 @@
+import { CRUDAPI, CRUD_MODEL } from '../../../../../api/src/index.ts';
+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/lib/json/types/QueryWrapperDialog.d.ts

@@ -0,0 +1,22 @@
+import { CRUDAPI, CRUD_MODEL } from '../../../../../api/src/index.ts';
+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/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/lib/json/types/TabbedView.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+import { CRUDAPI } from '../../../../../api/src/index.ts';
+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/lib/json/types/TableView.d.ts

@@ -0,0 +1,77 @@
+/// <reference types="react" />
+import { API } from '../../../../../admin-api/src/index.ts';
+import { FormRendererConfig } from '../../../../../form/src/index.ts';
+import { TableProps } from '../../../../../table/src/index.ts';
+import { ModalProps } from "@valerya/ui";
+import { Breadcrumb } from "../../breadcrumbs/BreadCrumbs";
+import { ItemDeleteDialogProps } from "../dialog/ItemDeleteDialog";
+import { EditItemDialogConfig } from "./EditItemDialog";
+import { QueryWrapperDialogConfig } from "./QueryWrapperDialog";
+type Screen = {
+    api: API<any>;
+    breadcrumbs?: Breadcrumb[];
+    buttonBar?: TableViewButtonConfig[];
+    filters?: TableFilters;
+    massActions?: TableMassActions;
+    editView?: TableViewEditView;
+    deleteItem?: TableViewDeleteItem;
+    table: TableViewTable;
+    rowActions?: TableRowAction[];
+};
+export type TableViewConfig = {
+    type: "table";
+    title: string;
+    queryField?: string;
+    screen: Screen | ((id: string) => Screen);
+};
+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"> & {
+    onRowClick?: {
+        type: "navigate";
+        path: string | ((item: any) => string);
+    } | {
+        type: "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";
+} | {
+    type: "publish";
+} | {
+    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";
+} | {
+    type: "invalidate";
+    pathOrPermalink: string;
+} | {
+    type: "custom";
+    render: () => React.ReactNode;
+};
+type TableFilters = {
+    form: FormRendererConfig;
+    initialValues: any | ((data: any) => any);
+};
+type TableMassActions = {};
+export {};

package/lib/modal/AttachDialog.d.ts

@@ -0,0 +1,31 @@
+/// <reference types="react" />
+import { QueryFunctionContext } from "@tanstack/react-query";
+import { ModalProps } from "@valerya/ui";
+import { FormikConfig } from "formik";
+interface AttachDialogProps<T> extends Omit<ModalProps, "id" | "children" | "title" | "position"> {
+    queryId?: string;
+    queryKey: string[];
+    queryFetchFn: (context: QueryFunctionContext) => Promise<T>;
+    queryFetchAllFn: (context: QueryFunctionContext) => Promise<T>;
+    queryFetchAllKey: string[];
+    querySaveFn: ({ resources }: {
+        resources: string[];
+    }) => Promise<any>;
+    matchKey: string;
+    show: boolean;
+    onClose: () => void;
+    itemLabel?: string;
+    onSuccess?: (response: any) => void;
+    onFetchError?: () => void;
+    fetchErrorMsg?: string;
+    onSaveError?: () => void;
+    saveErrorMsg?: string;
+    invalidateQueriesOnSuccess?: boolean;
+    retryText?: string;
+    cancelLabel?: string;
+    saveLabel?: string;
+    formikProps?: Omit<FormikConfig<any>, "initialValues" | "onSubmit">;
+    getItemName?: (item: any) => string;
+}
+export declare function AttachDialog({ queryId, queryKey, queryFetchFn, queryFetchAllKey, queryFetchAllFn, querySaveFn, matchKey, size, show, onClose, itemLabel, onSuccess, onFetchError, fetchErrorMsg, onSaveError, saveErrorMsg, invalidateQueriesOnSuccess, retryText, cancelLabel, saveLabel, formikProps, getItemName, ...props }: AttachDialogProps<any>): JSX.Element;
+export {};

package/lib/modal/FormActionDialog.d.ts

@@ -0,0 +1,23 @@
+import { UseMutateOptions } from '../../../../api/src/index.ts';
+import { FormRendererConfig } from '../../../../form/src/index.ts';
+import { UseMutationOptions } from "@tanstack/react-query";
+import { ModalProps } from "@valerya/ui";
+import { FormikConfig } from "formik";
+import React from "react";
+export interface FormActionDialogProps<TFormData extends {} = any, TResultData extends {} = any> extends Omit<ModalProps, "id" | "children" | "title" | "position" | "onError">, UseMutateOptions<TResultData, TFormData> {
+    itemLabel?: string;
+    queryId?: string;
+    queryKey: string[];
+    initialValues: any;
+    queryFn: (item: TFormData) => Promise<TResultData>;
+    queryOptions?: UseMutationOptions<TResultData, unknown, TFormData>;
+    invalidateQueriesOnSuccess?: boolean;
+    cancelLabel?: string;
+    saveLabel?: string;
+    title: string;
+    formikProps?: Omit<FormikConfig<TFormData>, "initialValues" | "onSubmit">;
+    form: React.ReactNode | FormRendererConfig;
+    show: boolean;
+    onClose: () => void;
+}
+export declare function FormActionDialog<TFormData extends {}, TResultData extends {}>({ initialValues, itemLabel, queryId, queryKey, queryFn, queryOptions, onSuccess, successMsg, showSuccessMsg, onError, errorMsg, showErrorMsg, processInput, invalidateQueriesOnSuccess, cancelLabel, saveLabel, size, title, form, show, onClose, formikProps, ...props }: FormActionDialogProps<TFormData, TResultData>): JSX.Element;

package/lib/modal/ItemEditDialog.d.ts

@@ -0,0 +1,33 @@
+import { FormRendererConfig } from '../../../../form/src/index.ts';
+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;
+    queryKey: string[];
+    initialValues?: any;
+    queryFetchFn: (...args: any[]) => Promise<TResultData>;
+    queryFetchOptions?: UseQueryOptions;
+    querySaveFn: (item: TFormData) => Promise<TResultData>;
+    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, queryKey, queryFetchFn, queryFetchOptions, querySaveFn, 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/lib/page/PageContainer.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { ContainerProps } from "@valerya/ui";
+export declare function PageContainer({ children, ...props }: ContainerProps): JSX.Element;