@krosoft/react 0.0.75 → 0.0.76
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/dist/Combination-CzdDhqdB.js +564 -0
- package/dist/DataTable-CjFA9p4V.js +2216 -0
- package/dist/{DateRangePicker-BAn4LMHi.js → DateRangePicker-rrXXEYz8.js} +19 -16
- package/dist/LoadingState-CqRLmkxn.js +29 -0
- package/dist/{MetricCard-H--Bf1Ib.js → MetricCard-88djqC4o.js} +22 -20
- package/dist/{ThemeSelector-DQmkKmzE.js → ThemeSelector-sTd9T2OD.js} +8 -8
- package/dist/{Topbar-CFALRIJn.js → Topbar-BqC05zWP.js} +27 -26
- package/dist/{badge-C4pCH7IL.js → badge-kADcbb2Y.js} +1 -1
- package/dist/{calendar-cHag6u-j.js → calendar-BMReToKR.js} +771 -802
- package/dist/card-7XPLAra3.js +23 -0
- package/dist/checkbox-BI6Lm_p-.js +358 -0
- package/dist/chevron-down-ki5-dwtL.js +11 -0
- package/dist/components/core/cards/index.js +1 -1
- package/dist/components/core/index.d.ts +1 -0
- package/dist/components/core/index.d.ts.map +1 -1
- package/dist/components/core/index.js +25 -14
- package/dist/components/core/inputs/index.js +1 -1
- package/dist/components/core/navbar/index.js +1 -1
- package/dist/components/core/states/CardSkeleton.d.ts +3 -0
- package/dist/components/core/states/CardSkeleton.d.ts.map +1 -0
- package/dist/components/core/states/CardsSkeleton.d.ts +7 -0
- package/dist/components/core/states/CardsSkeleton.d.ts.map +1 -0
- package/dist/components/core/states/index.d.ts +2 -0
- package/dist/components/core/states/index.d.ts.map +1 -1
- package/dist/components/core/states/index.js +5 -3
- package/dist/components/core/table/DataTable.d.ts +5 -0
- package/dist/components/core/table/DataTable.d.ts.map +1 -0
- package/dist/components/core/table/TableActions.d.ts +8 -0
- package/dist/components/core/table/TableActions.d.ts.map +1 -0
- package/dist/components/core/table/TableBody.d.ts +21 -0
- package/dist/components/core/table/TableBody.d.ts.map +1 -0
- package/dist/components/core/table/TableBulkActions.d.ts +9 -0
- package/dist/components/core/table/TableBulkActions.d.ts.map +1 -0
- package/dist/components/core/table/TableHeader.d.ts +23 -0
- package/dist/components/core/table/TableHeader.d.ts.map +1 -0
- package/dist/components/core/table/TablePagination.d.ts +14 -0
- package/dist/components/core/table/TablePagination.d.ts.map +1 -0
- package/dist/components/core/table/TableSettings.d.ts +9 -0
- package/dist/components/core/table/TableSettings.d.ts.map +1 -0
- package/dist/components/core/table/index.d.ts +10 -0
- package/dist/components/core/table/index.d.ts.map +1 -0
- package/dist/components/core/table/index.js +11 -0
- package/dist/components/core/theme/index.js +1 -1
- package/dist/components/index.js +62 -48
- package/dist/components/ui/checkbox.d.ts +5 -0
- package/dist/components/ui/checkbox.d.ts.map +1 -0
- package/dist/components/ui/dropdown-menu.d.ts +28 -0
- package/dist/components/ui/dropdown-menu.d.ts.map +1 -0
- package/dist/components/ui/index.d.ts +1 -0
- package/dist/components/ui/index.d.ts.map +1 -1
- package/dist/components/ui/index.js +33 -30
- package/dist/components/ui/select.d.ts +1 -1
- package/dist/components/ui/select.d.ts.map +1 -1
- package/dist/constants/datatable.d.ts +3 -0
- package/dist/constants/datatable.d.ts.map +1 -0
- package/dist/{index-BQOmHRsD.js → floating-ui.react-dom-BPCyLQfI.js} +315 -323
- package/dist/hooks/ui/useDataTable.d.ts +4 -0
- package/dist/hooks/ui/useDataTable.d.ts.map +1 -0
- package/dist/loader-circle-BhJXKs31.js +11 -0
- package/dist/select-B-hcmC3K.js +1468 -0
- package/dist/{tooltip-Dep8OR3c.js → tooltip-gI1Mp9DG.js} +1 -1
- package/dist/types/BulkAction.d.ts +8 -0
- package/dist/types/BulkAction.d.ts.map +1 -0
- package/dist/types/ColumnDef.d.ts +11 -0
- package/dist/types/ColumnDef.d.ts.map +1 -0
- package/dist/types/DataTableProps.d.ts +19 -0
- package/dist/types/DataTableProps.d.ts.map +1 -0
- package/dist/types/RowAction.d.ts +8 -0
- package/dist/types/RowAction.d.ts.map +1 -0
- package/dist/types/UseDataTableProps.d.ts +13 -0
- package/dist/types/UseDataTableProps.d.ts.map +1 -0
- package/dist/types/UseDataTableResult.d.ts +34 -0
- package/dist/types/UseDataTableResult.d.ts.map +1 -0
- package/dist/types/index.d.ts +7 -0
- package/dist/types/index.d.ts.map +1 -0
- package/dist/types/index.js +1 -0
- package/package.json +3 -1
- package/dist/LoadingState-C0uS6aGT.js +0 -19
- package/dist/select-Dv9bdUCB.js +0 -2023
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as v, jsxs as Ve } from "react/jsx-runtime";
|
|
2
2
|
import * as s from "react";
|
|
3
|
-
import {
|
|
3
|
+
import { d as qe, u as O, i as Ze, f as A, j as V, g as Ke, k as Je, o as Qe, s as et, l as tt, m as nt, n as rt, p as ot, q as st, r as it, a as U, h as de, t as at, v as ct, e as lt } from "./floating-ui.react-dom-BPCyLQfI.js";
|
|
4
4
|
import * as dt from "react-dom";
|
|
5
5
|
import { c as ut } from "./index-gWiv5-6R.js";
|
|
6
6
|
var pt = [
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
export interface BulkAction {
|
|
3
|
+
label: string;
|
|
4
|
+
icon?: React.ElementType;
|
|
5
|
+
onClick: (selectedIds: string[], clearSelection: () => void) => void;
|
|
6
|
+
variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link";
|
|
7
|
+
}
|
|
8
|
+
//# sourceMappingURL=BulkAction.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BulkAction.d.ts","sourceRoot":"","sources":["../../src/types/BulkAction.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACzB,OAAO,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,EAAE,cAAc,EAAE,MAAM,IAAI,KAAK,IAAI,CAAC;IACrE,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;CAClF"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
export interface ColumnDef<T> {
|
|
3
|
+
key: string;
|
|
4
|
+
label: string;
|
|
5
|
+
defaultVisible?: boolean;
|
|
6
|
+
minWidth?: number;
|
|
7
|
+
sortable?: boolean;
|
|
8
|
+
renderCell?: (row: T) => React.ReactNode;
|
|
9
|
+
getSortValue?: (row: T) => string | number | boolean | null | undefined;
|
|
10
|
+
}
|
|
11
|
+
//# sourceMappingURL=ColumnDef.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ColumnDef.d.ts","sourceRoot":"","sources":["../../src/types/ColumnDef.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,SAAS,CAAC,CAAC;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IAEzC,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC;CACzE"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { BulkAction } from "./BulkAction";
|
|
2
|
+
import { ColumnDef } from "./ColumnDef";
|
|
3
|
+
import { RowAction } from "./RowAction";
|
|
4
|
+
export interface DataTableProps<T> {
|
|
5
|
+
data: T[];
|
|
6
|
+
columns: ColumnDef<T>[];
|
|
7
|
+
getRowId: (row: T) => string;
|
|
8
|
+
onRowClick?: (row: T) => void;
|
|
9
|
+
actions?: RowAction<T>[];
|
|
10
|
+
bulkActions?: BulkAction[];
|
|
11
|
+
draggableColumns?: boolean;
|
|
12
|
+
resizableColumns?: boolean;
|
|
13
|
+
columnVisibility?: boolean;
|
|
14
|
+
isLoading?: boolean;
|
|
15
|
+
noDataMessage?: string;
|
|
16
|
+
defaultPageSize?: number;
|
|
17
|
+
pageSizeOptions?: number[];
|
|
18
|
+
}
|
|
19
|
+
//# sourceMappingURL=DataTableProps.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DataTableProps.d.ts","sourceRoot":"","sources":["../../src/types/DataTableProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,MAAM,WAAW,cAAc,CAAC,CAAC;IAC/B,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;IACxB,QAAQ,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,MAAM,CAAC;IAC7B,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,CAAC;IAC9B,OAAO,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;IACzB,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;CAC5B"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RowAction.d.ts","sourceRoot":"","sources":["../../src/types/RowAction.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,SAAS,CAAC,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACzB,OAAO,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { BulkAction } from "./BulkAction";
|
|
2
|
+
import { ColumnDef } from "./ColumnDef";
|
|
3
|
+
import { RowAction } from "./RowAction";
|
|
4
|
+
export interface UseDataTableProps<T> {
|
|
5
|
+
data: T[];
|
|
6
|
+
columns: ColumnDef<T>[];
|
|
7
|
+
getRowId: (row: T) => string;
|
|
8
|
+
defaultPageSize: number;
|
|
9
|
+
actions?: RowAction<T>[];
|
|
10
|
+
bulkActions?: BulkAction[];
|
|
11
|
+
columnVisibility?: boolean;
|
|
12
|
+
}
|
|
13
|
+
//# sourceMappingURL=UseDataTableProps.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"UseDataTableProps.d.ts","sourceRoot":"","sources":["../../src/types/UseDataTableProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,MAAM,WAAW,iBAAiB,CAAC,CAAC;IAClC,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;IACxB,QAAQ,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,MAAM,CAAC;IAC7B,eAAe,EAAE,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;IACzB,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { ColumnDef } from "./ColumnDef";
|
|
3
|
+
export interface UseDataTableResult<T> {
|
|
4
|
+
sortColumn: string | null;
|
|
5
|
+
sortDirection: "asc" | "desc";
|
|
6
|
+
selectedRows: string[];
|
|
7
|
+
setSelectedRows: React.Dispatch<React.SetStateAction<string[]>>;
|
|
8
|
+
visibleColumns: Set<string>;
|
|
9
|
+
columnWidths: Record<string, number>;
|
|
10
|
+
currentPage: number;
|
|
11
|
+
setCurrentPage: React.Dispatch<React.SetStateAction<number>>;
|
|
12
|
+
pageSize: number;
|
|
13
|
+
setPageSize: React.Dispatch<React.SetStateAction<number>>;
|
|
14
|
+
totalPages: number;
|
|
15
|
+
safeCurrentPage: number;
|
|
16
|
+
startIndex: number;
|
|
17
|
+
endIndex: number;
|
|
18
|
+
tableRef: React.RefObject<HTMLTableElement>;
|
|
19
|
+
hasActions: boolean;
|
|
20
|
+
hasBulkActions: boolean;
|
|
21
|
+
orderedColumns: ColumnDef<T>[];
|
|
22
|
+
visibleColumnsArray: ColumnDef<T>[];
|
|
23
|
+
colSpanCount: number;
|
|
24
|
+
paginatedData: T[];
|
|
25
|
+
handleSort: (columnKey: string) => void;
|
|
26
|
+
handleMouseDown: (e: React.MouseEvent, columnKey: string) => void;
|
|
27
|
+
handleDragStart: (e: React.DragEvent, columnKey: string) => void;
|
|
28
|
+
handleDragOver: (e: React.DragEvent, columnKey: string) => void;
|
|
29
|
+
handleDrop: (e: React.DragEvent, targetColumnKey: string) => void;
|
|
30
|
+
toggleColumnVisibility: (columnKey: string) => void;
|
|
31
|
+
toggleRowSelection: (id: string) => void;
|
|
32
|
+
toggleSelectAll: () => void;
|
|
33
|
+
}
|
|
34
|
+
//# sourceMappingURL=UseDataTableResult.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"UseDataTableResult.d.ts","sourceRoot":"","sources":["../../src/types/UseDataTableResult.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,MAAM,WAAW,kBAAkB,CAAC,CAAC;IACnC,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,aAAa,EAAE,KAAK,GAAG,MAAM,CAAC;IAC9B,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,eAAe,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;IAChE,cAAc,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC5B,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrC,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IAC7D,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IAC1D,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;IAC5C,UAAU,EAAE,OAAO,CAAC;IACpB,cAAc,EAAE,OAAO,CAAC;IACxB,cAAc,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;IAC/B,mBAAmB,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;IACpC,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,CAAC,EAAE,CAAC;IACnB,UAAU,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,eAAe,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAClE,eAAe,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACjE,cAAc,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAChE,UAAU,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,eAAe,EAAE,MAAM,KAAK,IAAI,CAAC;IAClE,sBAAsB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,kBAAkB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,eAAe,EAAE,MAAM,IAAI,CAAC;CAC7B"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@krosoft/react",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.76",
|
|
4
4
|
"description": "Krosoft shared React package",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"scripts": {
|
|
@@ -41,7 +41,9 @@
|
|
|
41
41
|
}
|
|
42
42
|
},
|
|
43
43
|
"dependencies": {
|
|
44
|
+
"@radix-ui/react-checkbox": "^1.3.3",
|
|
44
45
|
"@radix-ui/react-dialog": "^1.1.15",
|
|
46
|
+
"@radix-ui/react-dropdown-menu": "^2.1.16",
|
|
45
47
|
"@radix-ui/react-popover": "^1.1.15",
|
|
46
48
|
"@radix-ui/react-select": "^2.2.6",
|
|
47
49
|
"@radix-ui/react-separator": "^1.1.8",
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { jsxs as r, jsx as t } from "react/jsx-runtime";
|
|
2
|
-
import { c as a } from "./createLucideIcon-CRdjzt2A.js";
|
|
3
|
-
/**
|
|
4
|
-
* @license lucide-react v1.16.0 - ISC
|
|
5
|
-
*
|
|
6
|
-
* This source code is licensed under the ISC license.
|
|
7
|
-
* See the LICENSE file in the root directory of this source tree.
|
|
8
|
-
*/
|
|
9
|
-
const s = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]], c = a("loader-circle", s), d = ({ message: e }) => /* @__PURE__ */ r("div", { className: "p-6 border border-destructive bg-destructive/10 text-destructive rounded-md animate-fade-in", children: [
|
|
10
|
-
/* @__PURE__ */ t("p", { className: "font-semibold mb-2", children: "Une erreur est survenue." }),
|
|
11
|
-
e ? /* @__PURE__ */ t("p", { className: "text-sm opacity-80", children: e }) : null
|
|
12
|
-
] }), o = ({ message: e }) => /* @__PURE__ */ r("div", { className: "flex flex-col items-center justify-center p-12 text-muted-foreground animate-fade-in", children: [
|
|
13
|
-
/* @__PURE__ */ t(c, { className: "size-8 animate-spin mb-4 text-primary" }),
|
|
14
|
-
e ? /* @__PURE__ */ t("p", { className: "font-semibold text-sm", children: e }) : null
|
|
15
|
-
] });
|
|
16
|
-
export {
|
|
17
|
-
d as E,
|
|
18
|
-
o as L
|
|
19
|
-
};
|