florixui 1.11.0 → 1.13.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +3 -2
- package/dist/components/custom/data-table.d.ts +6 -1
- package/dist/index.js +149 -135
- package/dist/index.js.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -52,7 +52,7 @@ class to a root element (e.g. `<html class="dark">`).
|
|
|
52
52
|
|
|
53
53
|
### Themes
|
|
54
54
|
|
|
55
|
-
The package ships **
|
|
55
|
+
The package ships **6 themes**. Select one by setting `data-theme` on a root
|
|
56
56
|
element; the default (no attribute) is `slate-blue`. Themes combine with dark
|
|
57
57
|
mode:
|
|
58
58
|
|
|
@@ -67,6 +67,7 @@ mode:
|
|
|
67
67
|
| `terracotta` | Warm rust · DM Sans family |
|
|
68
68
|
| `indigo` | Bold indigo · Inter + Merriweather |
|
|
69
69
|
| `azure` | Bright blue · Inter + JetBrains Mono |
|
|
70
|
+
| `teal` | Deep teal · Inter + JetBrains Mono |
|
|
70
71
|
|
|
71
72
|
Each theme references specific fonts but the package does **not** bundle them
|
|
72
73
|
(see below) — colors, radius, and shadows all work without the fonts; install
|
|
@@ -499,7 +500,7 @@ const navItems = [
|
|
|
499
500
|
|
|
500
501
|
### Data Table
|
|
501
502
|
|
|
502
|
-
A simple, column-driven table with the shadcn data-table look: badge cells, row selection, a row-actions menu, and empty/loading states — no sorting/pagination machinery.
|
|
503
|
+
A simple, column-driven table with the shadcn data-table look: badge cells, row selection (with disableable rows via isRowDisabled), a row-actions menu, and empty/loading states — no sorting/pagination machinery.
|
|
503
504
|
|
|
504
505
|
```tsx
|
|
505
506
|
const columns: DataTableColumn<Section>[] = [
|
|
@@ -20,6 +20,11 @@ export interface DataTableProps<TRow> {
|
|
|
20
20
|
data: TRow[];
|
|
21
21
|
/** Unique id per row; required for selection. Defaults to the row index. */
|
|
22
22
|
getRowId?: (row: TRow, index: number) => string;
|
|
23
|
+
/**
|
|
24
|
+
* Mark a row as disabled: it's dimmed, can't be selected (or "select all"-ed),
|
|
25
|
+
* and ignores `onRowClick`. Row actions stay enabled.
|
|
26
|
+
*/
|
|
27
|
+
isRowDisabled?: (row: TRow, index: number) => boolean;
|
|
23
28
|
selectable?: boolean;
|
|
24
29
|
selectedIds?: string[];
|
|
25
30
|
onSelectionChange?: (ids: string[]) => void;
|
|
@@ -46,4 +51,4 @@ export interface DataTableProps<TRow> {
|
|
|
46
51
|
onRowClick?: (row: TRow) => void;
|
|
47
52
|
className?: string;
|
|
48
53
|
}
|
|
49
|
-
export declare function DataTable<TRow>({ columns, data, getRowId, selectable, selectedIds, onSelectionChange, rowActions, loading, emptyMessage, pagination, pageSize: pageSizeProp, pageSizeOptions, striped, stickyHeader, maxHeight, fillHeight, onRowClick, className, }: DataTableProps<TRow>): import("react/jsx-runtime").JSX.Element;
|
|
54
|
+
export declare function DataTable<TRow>({ columns, data, getRowId, isRowDisabled, selectable, selectedIds, onSelectionChange, rowActions, loading, emptyMessage, pagination, pageSize: pageSizeProp, pageSizeOptions, striped, stickyHeader, maxHeight, fillHeight, onRowClick, className, }: DataTableProps<TRow>): import("react/jsx-runtime").JSX.Element;
|