warqadui 0.0.32 → 0.0.34

package/dist/index.d.mts

@@ -443,17 +443,18 @@ interface PostTableActions {
     focus: (columnId: string) => void;
     setError: (columnId: string, error: boolean | string) => void;
 }
+interface PostTableChangeParams<TData> {
+    entryData: Partial<TData>;
+    actions: PostTableActions;
+    actionType: "add" | "edit" | "delete";
+    fullData: TData[];
+}
 interface PostTableProps<TData> {
     columns: (ColumnDef<TData, any> & {
         key?: string;
     })[];
     data?: TData[];
-    onChange?: (params: {
-        entryData: Partial<TData>;
-        actions: PostTableActions;
-        actionType: "add" | "edit" | "delete";
-        fullData: TData[];
-    }) => void | Promise<void | boolean>;
+    onChange?: (params: PostTableChangeParams<TData>) => void | Promise<void | boolean>;
     isLoading?: boolean;
     className?: string;
     verticalLines?: boolean;
@@ -467,9 +468,12 @@ interface PostTableProps<TData> {
     hasSubComponent?: (row: TData) => boolean;
     defaultExpanded?: boolean;
     submitLoading?: boolean;
+    onCancel?: () => void;
+    onEdit?: (row: TData) => void;
+    onDelete?: (row: TData) => void;
 }
 declare function PostTable<TData extends Record<string, any>>({ columns: userColumns, data: controlledData, onChange, isLoading, className, verticalLines, rowPadding, index, renderAddButton, renderSubComponent, hasSubComponent, // default to true if renderSubComponent is provided
-defaultExpanded, submitLoading, }: PostTableProps<TData>): react_jsx_runtime.JSX.Element;
+defaultExpanded, submitLoading, onCancel, onEdit, onDelete, }: PostTableProps<TData>): react_jsx_runtime.JSX.Element;
 
 type SimpleTableColumn<TData> = ColumnDef<TData, any> & {
     key?: string;
@@ -704,4 +708,4 @@ interface StorageManager {
  */
 declare const storage: StorageManager;
 
-export { A4DataView, Badge, type BadgeProps, Branding, type BrandingProps, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ClassicSpin, CodeBlock, DashboardLayout, DataTable, type DataTableColumn, DateInput, type DateInputProps, type DeleteFunction, type FetchFunction, type FetchProps, Fields, InfoGrid, Input, type InputProps, LoadingBox, LoadingSpin, Modal, type ModalProps, type NavItem, type NavItems, type Option, OverlaySpin, PageA4, PageHeader, type PdfOptions, PhoneInput, type PhoneInputProps, type PostFunction, PostTable, type PostTableActions, type PutFunction, SearchApi, SearchApiContent, SearchApiInput, SearchApiItem, type SearchApiProps, SearchApiTrigger, Select, SelectContent, SelectItem, type SelectProps, SelectTrigger, SimpleTable, type SimpleTableColumn, type StorageManager, type StoreConfig, Textarea, type TextareaProps, type ThemeConfig, ThemeProvider, ThemeToggle, type UseModalReturn, type WarqadConfig, type WarqadConfigContextType, WarqadProvider, generatePdf, storage, useA4StatementView, useApi, useModal, useSearchApiContext, useSelectContext, useTheme, useTransaction, useWarqadConfig };
+export { A4DataView, Badge, type BadgeProps, Branding, type BrandingProps, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ClassicSpin, CodeBlock, DashboardLayout, DataTable, type DataTableColumn, DateInput, type DateInputProps, type DeleteFunction, type FetchFunction, type FetchProps, Fields, InfoGrid, Input, type InputProps, LoadingBox, LoadingSpin, Modal, type ModalProps, type NavItem, type NavItems, type Option, OverlaySpin, PageA4, PageHeader, type PdfOptions, PhoneInput, type PhoneInputProps, type PostFunction, PostTable, type PostTableActions, type PostTableChangeParams, type PutFunction, SearchApi, SearchApiContent, SearchApiInput, SearchApiItem, type SearchApiProps, SearchApiTrigger, Select, SelectContent, SelectItem, type SelectProps, SelectTrigger, SimpleTable, type SimpleTableColumn, type StorageManager, type StoreConfig, Textarea, type TextareaProps, type ThemeConfig, ThemeProvider, ThemeToggle, type UseModalReturn, type WarqadConfig, type WarqadConfigContextType, WarqadProvider, generatePdf, storage, useA4StatementView, useApi, useModal, useSearchApiContext, useSelectContext, useTheme, useTransaction, useWarqadConfig };

package/dist/index.d.ts

@@ -443,17 +443,18 @@ interface PostTableActions {
     focus: (columnId: string) => void;
     setError: (columnId: string, error: boolean | string) => void;
 }
+interface PostTableChangeParams<TData> {
+    entryData: Partial<TData>;
+    actions: PostTableActions;
+    actionType: "add" | "edit" | "delete";
+    fullData: TData[];
+}
 interface PostTableProps<TData> {
     columns: (ColumnDef<TData, any> & {
         key?: string;
     })[];
     data?: TData[];
-    onChange?: (params: {
-        entryData: Partial<TData>;
-        actions: PostTableActions;
-        actionType: "add" | "edit" | "delete";
-        fullData: TData[];
-    }) => void | Promise<void | boolean>;
+    onChange?: (params: PostTableChangeParams<TData>) => void | Promise<void | boolean>;
     isLoading?: boolean;
     className?: string;
     verticalLines?: boolean;
@@ -467,9 +468,12 @@ interface PostTableProps<TData> {
     hasSubComponent?: (row: TData) => boolean;
     defaultExpanded?: boolean;
     submitLoading?: boolean;
+    onCancel?: () => void;
+    onEdit?: (row: TData) => void;
+    onDelete?: (row: TData) => void;
 }
 declare function PostTable<TData extends Record<string, any>>({ columns: userColumns, data: controlledData, onChange, isLoading, className, verticalLines, rowPadding, index, renderAddButton, renderSubComponent, hasSubComponent, // default to true if renderSubComponent is provided
-defaultExpanded, submitLoading, }: PostTableProps<TData>): react_jsx_runtime.JSX.Element;
+defaultExpanded, submitLoading, onCancel, onEdit, onDelete, }: PostTableProps<TData>): react_jsx_runtime.JSX.Element;
 
 type SimpleTableColumn<TData> = ColumnDef<TData, any> & {
     key?: string;
@@ -704,4 +708,4 @@ interface StorageManager {
  */
 declare const storage: StorageManager;
 
-export { A4DataView, Badge, type BadgeProps, Branding, type BrandingProps, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ClassicSpin, CodeBlock, DashboardLayout, DataTable, type DataTableColumn, DateInput, type DateInputProps, type DeleteFunction, type FetchFunction, type FetchProps, Fields, InfoGrid, Input, type InputProps, LoadingBox, LoadingSpin, Modal, type ModalProps, type NavItem, type NavItems, type Option, OverlaySpin, PageA4, PageHeader, type PdfOptions, PhoneInput, type PhoneInputProps, type PostFunction, PostTable, type PostTableActions, type PutFunction, SearchApi, SearchApiContent, SearchApiInput, SearchApiItem, type SearchApiProps, SearchApiTrigger, Select, SelectContent, SelectItem, type SelectProps, SelectTrigger, SimpleTable, type SimpleTableColumn, type StorageManager, type StoreConfig, Textarea, type TextareaProps, type ThemeConfig, ThemeProvider, ThemeToggle, type UseModalReturn, type WarqadConfig, type WarqadConfigContextType, WarqadProvider, generatePdf, storage, useA4StatementView, useApi, useModal, useSearchApiContext, useSelectContext, useTheme, useTransaction, useWarqadConfig };
+export { A4DataView, Badge, type BadgeProps, Branding, type BrandingProps, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ClassicSpin, CodeBlock, DashboardLayout, DataTable, type DataTableColumn, DateInput, type DateInputProps, type DeleteFunction, type FetchFunction, type FetchProps, Fields, InfoGrid, Input, type InputProps, LoadingBox, LoadingSpin, Modal, type ModalProps, type NavItem, type NavItems, type Option, OverlaySpin, PageA4, PageHeader, type PdfOptions, PhoneInput, type PhoneInputProps, type PostFunction, PostTable, type PostTableActions, type PostTableChangeParams, type PutFunction, SearchApi, SearchApiContent, SearchApiInput, SearchApiItem, type SearchApiProps, SearchApiTrigger, Select, SelectContent, SelectItem, type SelectProps, SelectTrigger, SimpleTable, type SimpleTableColumn, type StorageManager, type StoreConfig, Textarea, type TextareaProps, type ThemeConfig, ThemeProvider, ThemeToggle, type UseModalReturn, type WarqadConfig, type WarqadConfigContextType, WarqadProvider, generatePdf, storage, useA4StatementView, useApi, useModal, useSearchApiContext, useSelectContext, useTheme, useTransaction, useWarqadConfig };

package/dist/index.js

@@ -1117,7 +1117,7 @@ var useModal = (initialState = false) => {
     setState(data);
     open();
   }, []);
-  const ModalComponent = (props) => {
+  const ModalComponent = () => {
     return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Modal, { isOpen: true, onClose: close, title: state?.title, children: state?.content });
   };
   return {
@@ -3304,7 +3304,10 @@ function PostTable({
   hasSubComponent = () => true,
   // default to true if renderSubComponent is provided
   defaultExpanded = false,
-  submitLoading = false
+  submitLoading = false,
+  onCancel,
+  onEdit,
+  onDelete
 }) {
   const { theme } = useWarqadConfig();
   const primaryColor = theme?.primaryColor;
@@ -3359,7 +3362,10 @@ function PostTable({
     isSavingAsync,
     submitLoading,
     fieldErrors,
-    onChange
+    onChange,
+    onCancel,
+    onEdit,
+    onDelete
   });
   (0, import_react16.useEffect)(() => {
     latestStateRef.current = {
@@ -3369,7 +3375,10 @@ function PostTable({
       isSavingAsync,
       submitLoading,
       fieldErrors,
-      onChange
+      onChange,
+      onCancel,
+      onEdit,
+      onDelete
     };
   });
   const handleSaveField = (0, import_react16.useCallback)(async () => {
@@ -3442,19 +3451,25 @@ function PostTable({
     }
   }, []);
   const handleCancelEdit = (0, import_react16.useCallback)(() => {
+    const { onCancel: onCancel2 } = latestStateRef.current;
     setEditingIndex(null);
     setEntryData({});
     setFieldErrors({});
+    if (onCancel2) onCancel2();
   }, []);
   const handleEdit = (0, import_react16.useCallback)((index2, rowOriginal) => {
+    const { onEdit: onEdit2 } = latestStateRef.current;
     setEditingIndex(index2);
     setEntryData(rowOriginal);
+    if (onEdit2) onEdit2(rowOriginal);
   }, []);
   const handleDelete = (0, import_react16.useCallback)(
     (index2) => {
-      const { data: data2, editingIndex: editingIndex2, onChange: onChange2 } = latestStateRef.current;
+      const { data: data2, editingIndex: editingIndex2, onChange: onChange2, onDelete: onDelete2 } = latestStateRef.current;
+      const rowToDelete = data2[index2];
       const newData = data2.filter((_, i) => i !== index2);
       setData(newData);
+      if (onDelete2) onDelete2(rowToDelete);
       const actions = {
         focus: (columnId) => {
           if (entryRowRef.current) {

package/dist/index.mjs

@@ -1037,7 +1037,7 @@ var useModal = (initialState = false) => {
     setState(data);
     open();
   }, []);
-  const ModalComponent = (props) => {
+  const ModalComponent = () => {
     return /* @__PURE__ */ jsx16(Modal, { isOpen: true, onClose: close, title: state?.title, children: state?.content });
   };
   return {
@@ -3275,7 +3275,10 @@ function PostTable({
   hasSubComponent = () => true,
   // default to true if renderSubComponent is provided
   defaultExpanded = false,
-  submitLoading = false
+  submitLoading = false,
+  onCancel,
+  onEdit,
+  onDelete
 }) {
   const { theme } = useWarqadConfig();
   const primaryColor = theme?.primaryColor;
@@ -3330,7 +3333,10 @@ function PostTable({
     isSavingAsync,
     submitLoading,
     fieldErrors,
-    onChange
+    onChange,
+    onCancel,
+    onEdit,
+    onDelete
   });
   useEffect10(() => {
     latestStateRef.current = {
@@ -3340,7 +3346,10 @@ function PostTable({
       isSavingAsync,
       submitLoading,
       fieldErrors,
-      onChange
+      onChange,
+      onCancel,
+      onEdit,
+      onDelete
     };
   });
   const handleSaveField = useCallback2(async () => {
@@ -3413,19 +3422,25 @@ function PostTable({
     }
   }, []);
   const handleCancelEdit = useCallback2(() => {
+    const { onCancel: onCancel2 } = latestStateRef.current;
     setEditingIndex(null);
     setEntryData({});
     setFieldErrors({});
+    if (onCancel2) onCancel2();
   }, []);
   const handleEdit = useCallback2((index2, rowOriginal) => {
+    const { onEdit: onEdit2 } = latestStateRef.current;
     setEditingIndex(index2);
     setEntryData(rowOriginal);
+    if (onEdit2) onEdit2(rowOriginal);
   }, []);
   const handleDelete = useCallback2(
     (index2) => {
-      const { data: data2, editingIndex: editingIndex2, onChange: onChange2 } = latestStateRef.current;
+      const { data: data2, editingIndex: editingIndex2, onChange: onChange2, onDelete: onDelete2 } = latestStateRef.current;
+      const rowToDelete = data2[index2];
       const newData = data2.filter((_, i) => i !== index2);
       setData(newData);
+      if (onDelete2) onDelete2(rowToDelete);
       const actions = {
         focus: (columnId) => {
           if (entryRowRef.current) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "warqadui",
-  "version": "0.0.32",
+  "version": "0.0.34",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
@@ -18,7 +18,8 @@
   "scripts": {
     "build": "tsup src/index.ts src/styles.css --format esm,cjs --dts --injectStyle",
     "dev": "tsup src/index.ts src/styles.css --format esm,cjs --dts --watch --injectStyle",
-    "prepublish": "npm run build"
+    "prepublish": "npm run build",
+    "release": "npm run build && npm version patch && npm publish"
   },
   "peerDependencies": {
     "@tanstack/react-table": "^8.12.0",