@stonecrop/stonecrop 0.6.0 → 0.6.2

package/dist/stonecrop.d.ts

@@ -322,6 +322,11 @@ type?: string | undefined;
 width?: string | undefined;
 pinned?: boolean | undefined;
 resizable?: boolean | undefined;
+sortable?: boolean | undefined;
+filterable?: boolean | undefined;
+filterType?: "text" | "select" | "number" | "date" | "dateRange" | "checkbox" | "component" | undefined;
+filterOptions?: any[] | undefined;
+filterComponent?: string | undefined;
 cellComponent?: string | undefined;
 cellComponentProps?: Record<string, any> | undefined;
 modalComponent?: string | ((context: CellContext) => string) | undefined;
@@ -341,6 +346,11 @@ type?: string | undefined;
 width?: string | undefined;
 pinned?: boolean | undefined;
 resizable?: boolean | undefined;
+sortable?: boolean | undefined;
+filterable?: boolean | undefined;
+filterType?: "text" | "select" | "number" | "date" | "dateRange" | "checkbox" | "component" | undefined;
+filterOptions?: any[] | undefined;
+filterComponent?: string | undefined;
 cellComponent?: string | undefined;
 cellComponentProps?: Record<string, any> | undefined;
 modalComponent?: string | ((context: CellContext) => string) | undefined;
@@ -440,6 +450,7 @@ width?: number | undefined;
 label?: string | undefined;
 }[]>;
 display: WritableComputedRef<TableDisplay[], TableDisplay[]>;
+filterState: Ref<FilterStateRecord, FilterStateRecord>;
 ganttBars: Ref<    {
 id: string;
 rowIndex: number;
@@ -511,14 +522,36 @@ endIndex?: number | undefined;
 colspan?: number | undefined;
 } | undefined;
 }[]>;
+sortState: Ref<    {
+column: number | null;
+direction: "asc" | "desc" | null;
+}, {
+column: number | null;
+direction: "asc" | "desc" | null;
+} | {
+column: number | null;
+direction: "asc" | "desc" | null;
+}>;
 table: ComputedRef<    {}>;
 updates: Ref<Record<string, string>, Record<string, string>>;
+filteredRows: ComputedRef<    {
+originalIndex: number;
+indent?: number | undefined;
+parent?: number | undefined;
+gantt?: {
+color?: string | undefined;
+startIndex?: number | undefined;
+endIndex?: number | undefined;
+colspan?: number | undefined;
+} | undefined;
+}[]>;
 hasPinnedColumns: ComputedRef<boolean>;
 isGanttView: ComputedRef<boolean>;
 isTreeView: ComputedRef<boolean>;
 isDependencyGraphEnabled: ComputedRef<boolean>;
 numberedRowWidth: ComputedRef<string>;
 zeroColumn: ComputedRef<boolean>;
+clearFilter: (colIndex: number) => void;
 closeModal: (event: MouseEvent) => void;
 createConnection: (fromHandleId: string, toHandleId: string, options?: {
 style?: ConnectionPath["style"];
@@ -566,12 +599,14 @@ registerGanttBar: (barInfo: GanttBarInfo) => void;
 resizeColumn: (colIndex: number, newWidth: number) => void;
 setCellData: (colIndex: number, rowIndex: number, value: any) => void;
 setCellText: (colIndex: number, rowIndex: number, value: string) => void;
+setFilter: (colIndex: number, filter: FilterState) => void;
+sortByColumn: (colIndex: number) => void;
 toggleRowExpand: (rowIndex: number) => void;
 unregisterConnectionHandle: (handleId: string) => void;
 unregisterGanttBar: (barId: string) => void;
 updateGanttBar: (event: GanttDragEvent) => void;
 updateRows: (newRows: TableRow[]) => void;
-}, "columns" | "config" | "connectionHandles" | "connectionPaths" | "ganttBars" | "modal" | "rows" | "updates">, Pick<{
+}, "columns" | "config" | "connectionHandles" | "connectionPaths" | "filterState" | "ganttBars" | "modal" | "rows" | "sortState" | "updates">, Pick<{
 columns: Ref<    {
 name: string;
 align?: CanvasTextAlign | undefined;
@@ -581,6 +616,11 @@ type?: string | undefined;
 width?: string | undefined;
 pinned?: boolean | undefined;
 resizable?: boolean | undefined;
+sortable?: boolean | undefined;
+filterable?: boolean | undefined;
+filterType?: "text" | "select" | "number" | "date" | "dateRange" | "checkbox" | "component" | undefined;
+filterOptions?: any[] | undefined;
+filterComponent?: string | undefined;
 cellComponent?: string | undefined;
 cellComponentProps?: Record<string, any> | undefined;
 modalComponent?: string | ((context: CellContext) => string) | undefined;
@@ -600,6 +640,11 @@ type?: string | undefined;
 width?: string | undefined;
 pinned?: boolean | undefined;
 resizable?: boolean | undefined;
+sortable?: boolean | undefined;
+filterable?: boolean | undefined;
+filterType?: "text" | "select" | "number" | "date" | "dateRange" | "checkbox" | "component" | undefined;
+filterOptions?: any[] | undefined;
+filterComponent?: string | undefined;
 cellComponent?: string | undefined;
 cellComponentProps?: Record<string, any> | undefined;
 modalComponent?: string | ((context: CellContext) => string) | undefined;
@@ -699,6 +744,7 @@ width?: number | undefined;
 label?: string | undefined;
 }[]>;
 display: WritableComputedRef<TableDisplay[], TableDisplay[]>;
+filterState: Ref<FilterStateRecord, FilterStateRecord>;
 ganttBars: Ref<    {
 id: string;
 rowIndex: number;
@@ -770,14 +816,36 @@ endIndex?: number | undefined;
 colspan?: number | undefined;
 } | undefined;
 }[]>;
+sortState: Ref<    {
+column: number | null;
+direction: "asc" | "desc" | null;
+}, {
+column: number | null;
+direction: "asc" | "desc" | null;
+} | {
+column: number | null;
+direction: "asc" | "desc" | null;
+}>;
 table: ComputedRef<    {}>;
 updates: Ref<Record<string, string>, Record<string, string>>;
+filteredRows: ComputedRef<    {
+originalIndex: number;
+indent?: number | undefined;
+parent?: number | undefined;
+gantt?: {
+color?: string | undefined;
+startIndex?: number | undefined;
+endIndex?: number | undefined;
+colspan?: number | undefined;
+} | undefined;
+}[]>;
 hasPinnedColumns: ComputedRef<boolean>;
 isGanttView: ComputedRef<boolean>;
 isTreeView: ComputedRef<boolean>;
 isDependencyGraphEnabled: ComputedRef<boolean>;
 numberedRowWidth: ComputedRef<string>;
 zeroColumn: ComputedRef<boolean>;
+clearFilter: (colIndex: number) => void;
 closeModal: (event: MouseEvent) => void;
 createConnection: (fromHandleId: string, toHandleId: string, options?: {
 style?: ConnectionPath["style"];
@@ -825,12 +893,14 @@ registerGanttBar: (barInfo: GanttBarInfo) => void;
 resizeColumn: (colIndex: number, newWidth: number) => void;
 setCellData: (colIndex: number, rowIndex: number, value: any) => void;
 setCellText: (colIndex: number, rowIndex: number, value: string) => void;
+setFilter: (colIndex: number, filter: FilterState) => void;
+sortByColumn: (colIndex: number) => void;
 toggleRowExpand: (rowIndex: number) => void;
 unregisterConnectionHandle: (handleId: string) => void;
 unregisterGanttBar: (barId: string) => void;
 updateGanttBar: (event: GanttDragEvent) => void;
 updateRows: (newRows: TableRow[]) => void;
-}, "display" | "table" | "hasPinnedColumns" | "isGanttView" | "isTreeView" | "isDependencyGraphEnabled" | "numberedRowWidth" | "zeroColumn">, Pick<{
+}, "display" | "table" | "filteredRows" | "hasPinnedColumns" | "isGanttView" | "isTreeView" | "isDependencyGraphEnabled" | "numberedRowWidth" | "zeroColumn">, Pick<{
 columns: Ref<    {
 name: string;
 align?: CanvasTextAlign | undefined;
@@ -840,6 +910,11 @@ type?: string | undefined;
 width?: string | undefined;
 pinned?: boolean | undefined;
 resizable?: boolean | undefined;
+sortable?: boolean | undefined;
+filterable?: boolean | undefined;
+filterType?: "text" | "select" | "number" | "date" | "dateRange" | "checkbox" | "component" | undefined;
+filterOptions?: any[] | undefined;
+filterComponent?: string | undefined;
 cellComponent?: string | undefined;
 cellComponentProps?: Record<string, any> | undefined;
 modalComponent?: string | ((context: CellContext) => string) | undefined;
@@ -859,6 +934,11 @@ type?: string | undefined;
 width?: string | undefined;
 pinned?: boolean | undefined;
 resizable?: boolean | undefined;
+sortable?: boolean | undefined;
+filterable?: boolean | undefined;
+filterType?: "text" | "select" | "number" | "date" | "dateRange" | "checkbox" | "component" | undefined;
+filterOptions?: any[] | undefined;
+filterComponent?: string | undefined;
 cellComponent?: string | undefined;
 cellComponentProps?: Record<string, any> | undefined;
 modalComponent?: string | ((context: CellContext) => string) | undefined;
@@ -958,6 +1038,7 @@ width?: number | undefined;
 label?: string | undefined;
 }[]>;
 display: WritableComputedRef<TableDisplay[], TableDisplay[]>;
+filterState: Ref<FilterStateRecord, FilterStateRecord>;
 ganttBars: Ref<    {
 id: string;
 rowIndex: number;
@@ -1029,14 +1110,36 @@ endIndex?: number | undefined;
 colspan?: number | undefined;
 } | undefined;
 }[]>;
+sortState: Ref<    {
+column: number | null;
+direction: "asc" | "desc" | null;
+}, {
+column: number | null;
+direction: "asc" | "desc" | null;
+} | {
+column: number | null;
+direction: "asc" | "desc" | null;
+}>;
 table: ComputedRef<    {}>;
 updates: Ref<Record<string, string>, Record<string, string>>;
+filteredRows: ComputedRef<    {
+originalIndex: number;
+indent?: number | undefined;
+parent?: number | undefined;
+gantt?: {
+color?: string | undefined;
+startIndex?: number | undefined;
+endIndex?: number | undefined;
+colspan?: number | undefined;
+} | undefined;
+}[]>;
 hasPinnedColumns: ComputedRef<boolean>;
 isGanttView: ComputedRef<boolean>;
 isTreeView: ComputedRef<boolean>;
 isDependencyGraphEnabled: ComputedRef<boolean>;
 numberedRowWidth: ComputedRef<string>;
 zeroColumn: ComputedRef<boolean>;
+clearFilter: (colIndex: number) => void;
 closeModal: (event: MouseEvent) => void;
 createConnection: (fromHandleId: string, toHandleId: string, options?: {
 style?: ConnectionPath["style"];
@@ -1084,12 +1187,14 @@ registerGanttBar: (barInfo: GanttBarInfo) => void;
 resizeColumn: (colIndex: number, newWidth: number) => void;
 setCellData: (colIndex: number, rowIndex: number, value: any) => void;
 setCellText: (colIndex: number, rowIndex: number, value: string) => void;
+setFilter: (colIndex: number, filter: FilterState) => void;
+sortByColumn: (colIndex: number) => void;
 toggleRowExpand: (rowIndex: number) => void;
 unregisterConnectionHandle: (handleId: string) => void;
 unregisterGanttBar: (barId: string) => void;
 updateGanttBar: (event: GanttDragEvent) => void;
 updateRows: (newRows: TableRow[]) => void;
-}, "closeModal" | "createConnection" | "deleteConnection" | "getCellData" | "getCellDisplayValue" | "getConnectionsForBar" | "getFormattedValue" | "getHandlesForBar" | "getHeaderCellStyle" | "getIndent" | "getRowExpandSymbol" | "isRowGantt" | "isRowVisible" | "registerConnectionHandle" | "registerGanttBar" | "resizeColumn" | "setCellData" | "setCellText" | "toggleRowExpand" | "unregisterConnectionHandle" | "unregisterGanttBar" | "updateGanttBar" | "updateRows">>;
+}, "clearFilter" | "closeModal" | "createConnection" | "deleteConnection" | "getCellData" | "getCellDisplayValue" | "getConnectionsForBar" | "getFormattedValue" | "getHandlesForBar" | "getHeaderCellStyle" | "getIndent" | "getRowExpandSymbol" | "isRowGantt" | "isRowVisible" | "registerConnectionHandle" | "registerGanttBar" | "resizeColumn" | "setCellData" | "setCellText" | "setFilter" | "sortByColumn" | "toggleRowExpand" | "unregisterConnectionHandle" | "unregisterGanttBar" | "updateGanttBar" | "updateRows">>;
 
 /**
  * Cross-tab message payload
@@ -1429,6 +1534,25 @@ export declare interface FieldTriggerOptions {
     enableRollback?: boolean;
 }
 
+/**
+ * Represents the state of a single filter
+ * @public
+ */
+declare interface FilterState {
+    /** The main filter value */
+    value: any;
+    /** Start value for date range filters */
+    startValue?: any;
+    /** End value for date range filters */
+    endValue?: any;
+}
+
+/**
+ * Record mapping column indices to their filter states
+ * @public
+ */
+declare type FilterStateRecord = Record<number, FilterState>;
+
 /**
  * Schema structure for defining forms inside AForm
  * @public
@@ -2484,6 +2608,32 @@ export declare interface TableColumn {
      * @defaultValue false
      */
     resizable?: boolean;
+    /**
+     * Control whether the column should be sortable.
+     *
+     * @defaultValue true
+     */
+    sortable?: boolean;
+    /**
+     * Control whether the column should be filterable and define filter configuration.
+     *
+     * @defaultValue true
+     */
+    filterable?: boolean;
+    /**
+     * The type of filter for the column.
+     *
+     * @defaultValue 'text'
+     */
+    filterType?: 'text' | 'select' | 'number' | 'date' | 'dateRange' | 'checkbox' | 'component';
+    /**
+     * Options for select-type filters.
+     */
+    filterOptions?: any[];
+    /**
+     * Custom component for filtering.
+     */
+    filterComponent?: string;
     /**
      * The component to use to render the cell for the column. If not provided, the table will
      * render the default `<td>` element.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stonecrop/stonecrop",
-  "version": "0.6.0",
+  "version": "0.6.2",
   "description": "schema helper",
   "license": "MIT",
   "type": "module",
@@ -60,8 +60,8 @@
     "typescript-eslint": "^8.46.2",
     "vite": "^7.1.1",
     "vitest": "^4.0.5",
-    "@stonecrop/aform": "0.6.0",
-    "@stonecrop/atable": "0.6.0",
+    "@stonecrop/aform": "0.6.2",
+    "@stonecrop/atable": "0.6.2",
     "stonecrop-rig": "0.2.22"
   },
   "publishConfig": {