sera-components 1.7.0 → 1.8.1

package/dist/misc/index.d.ts

@@ -4,3 +4,4 @@ export * from './transition';
 export * from './menu';
 export * from './locale';
 export * from './row';
+export * from './pop-confirm';

package/dist/misc/pop-confirm.d.ts

@@ -0,0 +1,29 @@
+import { MultiLingualString as MLS } from 'sera-db';
+import { ButtonProps, PopoverProps } from '@mantine/core';
+export interface PopConfirmProps {
+    /** The element that triggers the popconfirm */
+    children: React.ReactNode;
+    /** Title/message shown in the popconfirm */
+    title: React.ReactNode;
+    /** Callback when confirm button is clicked */
+    onConfirm: () => void;
+    /** Callback when cancel button is clicked */
+    onCancel?: () => void;
+    /** Label for confirm button. Defaults to "Confirm" / "Xác nhận" */
+    confirmLabel?: MLS;
+    /** Label for cancel button. Defaults to "Cancel" / "Hủy" */
+    cancelLabel?: MLS;
+    /** Props for the confirm button */
+    confirmProps?: Omit<ButtonProps, "onClick">;
+    /** Props for the cancel button */
+    cancelProps?: Omit<ButtonProps, "onClick">;
+    /** Props for the Popover component */
+    popoverProps?: Omit<PopoverProps, "opened" | "onClose" | "children">;
+    /** Whether the popconfirm is disabled */
+    disabled?: boolean;
+}
+/**
+ * A popover-based confirmation component similar to AntDesign's Popconfirm.
+ * Wraps a trigger element and shows a confirmation popover when clicked.
+ */
+export declare const PopConfirm: ({ children, title, onConfirm, onCancel, confirmLabel, cancelLabel, confirmProps, cancelProps, popoverProps, disabled, }: PopConfirmProps) => import("react/jsx-runtime").JSX.Element;

package/dist/table/make-columns.d.ts

@@ -1,6 +1,6 @@
-import { DataProperty, DB, DraftEmbeddedRecord, DraftRecord, EmbeddedSchema, GenericEmbeddedRecord, GenericRecord, ObjectProperty, PropertyNames, Schema, SchemaType } from 'sera-db';
+import { DataProperty, DB, DraftEmbeddedRecord, DraftRecord, EmbeddedSchema, GenericEmbeddedRecord, GenericRecord, NestedProperty, ObjectProperty, PropertyNames, Schema, SchemaType } from 'sera-db';
 import { DisplayInterface } from '../data/display';
-type DOP = DataProperty | ObjectProperty;
+type DOP = DataProperty | ObjectProperty | NestedProperty;
 /**
  * Represents a column configuration for a table component.
  */
@@ -53,15 +53,12 @@ export interface SeraColumn<R> {
  * - Object properties with other cardinalities use SingleForeignKeyDisplay
  * - Non-object properties use components from DataType2DisplayComponent mapping
  */
-export declare function makeTableColumn<R>(db: DB, property: DOP, { title, nestedKey, component, }?: {
-    title?: React.ReactNode;
-    nestedKey?: string;
-    component?: React.ComponentType<DisplayInterface<any>>;
-}): SeraColumn<R>;
-export declare function makeTableColumnFromNestedProperty<R>(db: DB, property: DOP, nestedProperty: DOP, { title, nestedKey, component, }?: {
+export declare function makeTableColumn<R>(db: DB, property: DOP, { title, nestedKey, component, rowSpan, colSpan, }?: {
     title?: React.ReactNode;
     nestedKey?: string;
     component?: React.ComponentType<DisplayInterface<any>>;
+    rowSpan?: (record: R, rowIndex: number) => number | undefined;
+    colSpan?: (record: R, rowIndex: number) => number | undefined;
 }): SeraColumn<R>;
 export declare function makeTableColumns<ID extends string | number, R extends GenericRecord<ID, DR>, DR extends DraftRecord<ID>, PF extends PropertyNames<R>, F extends PropertyNames<DR>, ST extends SchemaType<ID, R, DR, PF, F>, OR>(db: DB, schema: Schema<ID, R, DR, PF, F, ST> | EmbeddedSchema<R, DR, PF, F>, selectedColumns: (PF | SeraColumn<OR>)[], options?: {
     nestedKey?: string;

package/dist/table/table-action.d.ts

@@ -2,7 +2,7 @@ import { MantineSize } from '@mantine/core';
 export interface SeraActionConfig<ID extends string | number> {
     add?: () => void;
     edit?: (id: ID) => void;
-    delete?: () => void;
+    delete?: (ids: ID[]) => void;
     export?: () => void;
     reload?: boolean;
     import?: () => void;

package/dist/utils/property-utils.d.ts

@@ -9,7 +9,8 @@ import { DataProperty, ObjectProperty, NestedProperty } from 'sera-db';
  * @example
  * ```typescript
  * const value = getPropertyValue(supplier, paymentPolicyProp);
- * const nestedValue = getPropertyValue(supplier, new NestedProperty(supplier.paymentPolicy, paymentPolicy.type));
+ * const nestedValue = getPropertyValue(supplier, supplier.paymentPolicy.property("type"));
+ * // Or manually: new NestedProperty(supplier.paymentPolicy, paymentPolicy.type)
  * ```
  */
 export declare function getPropertyValue(record: any, property: DataProperty | ObjectProperty | NestedProperty): any;
@@ -27,7 +28,7 @@ export declare function getPropertyValue(record: any, property: DataProperty | O
  * @example
  * ```typescript
  * setPropertyValue(draftSupplier, paymentPolicyProp, newPolicy);
- * setPropertyValue(draftSupplier, new NestedProperty(supplier.paymentPolicy, paymentPolicy.type), PaymentPolicyType.PaymentBeforeService);
+ * setPropertyValue(draftSupplier, supplier.paymentPolicy.property("type"), PaymentPolicyType.PaymentBeforeService);
  * ```
  */
 export declare function setPropertyValue(record: any, property: DataProperty | ObjectProperty | NestedProperty, value: any): void;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "sera-components",
   "private": false,
-  "version": "1.7.0",
+  "version": "1.8.1",
   "type": "module",
   "files": [
     "dist"
@@ -46,7 +46,7 @@
     "react-dom": "^19.2.3",
     "react-imask": "^7.6.1",
     "react-router": "^7.7.1",
-    "sera-db": "^1.13.1",
+    "sera-db": "^1.13.2",
     "throttle-debounce": "^5.0.2"
   }
 }