@compill/admin 1.0.25 → 1.0.26

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

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

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

@@ -1,4 +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;
+export declare function TableView({ queryField, title, subtitle, screen, ...props }: Omit<TableViewConfig, "type"> & SoperioComponent): JSX.Element;

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

@@ -2,17 +2,20 @@
 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 { ButtonProps, ModalProps } from "@valerya/ui";
 import { Breadcrumb } from "../../breadcrumbs/BreadCrumbs";
 import { ItemDeleteDialogProps } from "../dialog/ItemDeleteDialog";
 import { EditItemDialogConfig } from "./EditItemDialog";
 import { QueryWrapperDialogConfig } from "./QueryWrapperDialog";
-type Screen = {
+import * as Yup from "yup";
+import { MutationQueryFn, MutationQueryKey } from '../../../../../api/src/index.ts';
+export type TableViewScreen = {
     api: API<any>;
     breadcrumbs?: Breadcrumb[];
     buttonBar?: TableViewButtonConfig[];
     filters?: TableFilters;
     massActions?: TableMassActions;
+    createView?: TableViewEditView;
     editView?: TableViewEditView;
     deleteItem?: TableViewDeleteItem;
     table: TableViewTable;
@@ -21,8 +24,9 @@ type Screen = {
 export type TableViewConfig = {
     type: "table";
     title: string;
+    subtitle?: string | React.ReactNode | ((data: any) => string | React.ReactNode);
     queryField?: string;
-    screen: Screen | ((id: string) => Screen);
+    screen: TableViewScreen | ((id: string) => TableViewScreen);
 };
 export type CustomDialog = {
     type: "customDialog";
@@ -30,6 +34,7 @@ export type CustomDialog = {
 };
 export type TableViewEditView = CustomDialog | EditItemDialogConfig | QueryWrapperDialogConfig<any>;
 export type TableViewTable = Omit<TableProps, "onRowClick" | "queryKey" | "queryFn"> & {
+    initialVisibleColumns?: string[];
     onRowClick?: {
         type: "navigate";
         path: string | ((item: any) => string);
@@ -72,6 +77,38 @@ type TableViewButtonConfig = {
 type TableFilters = {
     form: FormRendererConfig;
     initialValues: any | ((data: any) => any);
+    schema?: Yup.AnySchema;
+    processInput: (input: any) => any;
 };
-type TableMassActions = {};
+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/lib/table/TableContainer.d.ts

@@ -1,3 +1,10 @@
 /// <reference types="react" />
-import { ParentComponent, SoperioComponent } from "@soperio/react";
-export declare function TableContainer({ children, ...props }: SoperioComponent & ParentComponent): JSX.Element;
+import { ColumnDef } from "@tanstack/react-table";
+import { TileProps } from "@valerya/ui";
+interface TableContainerProps extends TileProps {
+    initialPageSize?: number;
+    columns?: ColumnDef<any>[];
+    initialVisibleColumns?: string[];
+}
+export declare function TableContainer({ initialPageSize, initialVisibleColumns, columns, children, ...props }: TableContainerProps): JSX.Element;
+export {};

package/lib/table/TableContainerContext.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+import { ColumnDef } from "@tanstack/react-table";
+type TableContainerContextProps = {
+    showFilters?: boolean;
+    setShowFilters: (show: boolean) => void;
+    showMassActions?: boolean;
+    setShowMassActions: (show: boolean) => void;
+    columns: ColumnDef<any, any>[];
+    filteredColumns: ColumnDef<any, any>[];
+    toggleColumnVisibility: (id: string) => void;
+    isColumnVisible: (id: string) => boolean;
+};
+declare const useContext: () => TableContainerContextProps;
+declare function TableContainerContextProvider({ initialVisibleColumns, columns, children }: {
+    initialVisibleColumns?: string[];
+    columns?: ColumnDef<any, any>[];
+} & React.PropsWithChildren): JSX.Element;
+export { TableContainerContextProvider, useContext as useTableContainerContext };

package/lib/table/TableFilters.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { FormRendererConfig } from '../../../../form/src/index.ts';
+interface TableFiltersProps {
+    form: FormRendererConfig;
+    initialValues: any;
+    schema?: any;
+    processInput?: (input: any) => any;
+}
+export declare function TableFilters({ form, initialValues, schema, processInput }: TableFiltersProps): JSX.Element;
+export {};

package/lib/table/TableMassActions.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { MassAction } from "../json/types/TableView";
+interface TableMassActionsProps {
+    actions: MassAction[];
+}
+export declare function TableMassActions({ actions }: TableMassActionsProps): JSX.Element;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@compill/admin",
-    "version": "1.0.25",
+    "version": "1.0.26",
     "main": "./index.js",
     "types": "./index.d.ts",
     "exports": {