@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.
Files changed (79) hide show
  1. package/dist/Combination-CzdDhqdB.js +564 -0
  2. package/dist/DataTable-CjFA9p4V.js +2216 -0
  3. package/dist/{DateRangePicker-BAn4LMHi.js → DateRangePicker-rrXXEYz8.js} +19 -16
  4. package/dist/LoadingState-CqRLmkxn.js +29 -0
  5. package/dist/{MetricCard-H--Bf1Ib.js → MetricCard-88djqC4o.js} +22 -20
  6. package/dist/{ThemeSelector-DQmkKmzE.js → ThemeSelector-sTd9T2OD.js} +8 -8
  7. package/dist/{Topbar-CFALRIJn.js → Topbar-BqC05zWP.js} +27 -26
  8. package/dist/{badge-C4pCH7IL.js → badge-kADcbb2Y.js} +1 -1
  9. package/dist/{calendar-cHag6u-j.js → calendar-BMReToKR.js} +771 -802
  10. package/dist/card-7XPLAra3.js +23 -0
  11. package/dist/checkbox-BI6Lm_p-.js +358 -0
  12. package/dist/chevron-down-ki5-dwtL.js +11 -0
  13. package/dist/components/core/cards/index.js +1 -1
  14. package/dist/components/core/index.d.ts +1 -0
  15. package/dist/components/core/index.d.ts.map +1 -1
  16. package/dist/components/core/index.js +25 -14
  17. package/dist/components/core/inputs/index.js +1 -1
  18. package/dist/components/core/navbar/index.js +1 -1
  19. package/dist/components/core/states/CardSkeleton.d.ts +3 -0
  20. package/dist/components/core/states/CardSkeleton.d.ts.map +1 -0
  21. package/dist/components/core/states/CardsSkeleton.d.ts +7 -0
  22. package/dist/components/core/states/CardsSkeleton.d.ts.map +1 -0
  23. package/dist/components/core/states/index.d.ts +2 -0
  24. package/dist/components/core/states/index.d.ts.map +1 -1
  25. package/dist/components/core/states/index.js +5 -3
  26. package/dist/components/core/table/DataTable.d.ts +5 -0
  27. package/dist/components/core/table/DataTable.d.ts.map +1 -0
  28. package/dist/components/core/table/TableActions.d.ts +8 -0
  29. package/dist/components/core/table/TableActions.d.ts.map +1 -0
  30. package/dist/components/core/table/TableBody.d.ts +21 -0
  31. package/dist/components/core/table/TableBody.d.ts.map +1 -0
  32. package/dist/components/core/table/TableBulkActions.d.ts +9 -0
  33. package/dist/components/core/table/TableBulkActions.d.ts.map +1 -0
  34. package/dist/components/core/table/TableHeader.d.ts +23 -0
  35. package/dist/components/core/table/TableHeader.d.ts.map +1 -0
  36. package/dist/components/core/table/TablePagination.d.ts +14 -0
  37. package/dist/components/core/table/TablePagination.d.ts.map +1 -0
  38. package/dist/components/core/table/TableSettings.d.ts +9 -0
  39. package/dist/components/core/table/TableSettings.d.ts.map +1 -0
  40. package/dist/components/core/table/index.d.ts +10 -0
  41. package/dist/components/core/table/index.d.ts.map +1 -0
  42. package/dist/components/core/table/index.js +11 -0
  43. package/dist/components/core/theme/index.js +1 -1
  44. package/dist/components/index.js +62 -48
  45. package/dist/components/ui/checkbox.d.ts +5 -0
  46. package/dist/components/ui/checkbox.d.ts.map +1 -0
  47. package/dist/components/ui/dropdown-menu.d.ts +28 -0
  48. package/dist/components/ui/dropdown-menu.d.ts.map +1 -0
  49. package/dist/components/ui/index.d.ts +1 -0
  50. package/dist/components/ui/index.d.ts.map +1 -1
  51. package/dist/components/ui/index.js +33 -30
  52. package/dist/components/ui/select.d.ts +1 -1
  53. package/dist/components/ui/select.d.ts.map +1 -1
  54. package/dist/constants/datatable.d.ts +3 -0
  55. package/dist/constants/datatable.d.ts.map +1 -0
  56. package/dist/{index-BQOmHRsD.js → floating-ui.react-dom-BPCyLQfI.js} +315 -323
  57. package/dist/hooks/ui/useDataTable.d.ts +4 -0
  58. package/dist/hooks/ui/useDataTable.d.ts.map +1 -0
  59. package/dist/loader-circle-BhJXKs31.js +11 -0
  60. package/dist/select-B-hcmC3K.js +1468 -0
  61. package/dist/{tooltip-Dep8OR3c.js → tooltip-gI1Mp9DG.js} +1 -1
  62. package/dist/types/BulkAction.d.ts +8 -0
  63. package/dist/types/BulkAction.d.ts.map +1 -0
  64. package/dist/types/ColumnDef.d.ts +11 -0
  65. package/dist/types/ColumnDef.d.ts.map +1 -0
  66. package/dist/types/DataTableProps.d.ts +19 -0
  67. package/dist/types/DataTableProps.d.ts.map +1 -0
  68. package/dist/types/RowAction.d.ts +8 -0
  69. package/dist/types/RowAction.d.ts.map +1 -0
  70. package/dist/types/UseDataTableProps.d.ts +13 -0
  71. package/dist/types/UseDataTableProps.d.ts.map +1 -0
  72. package/dist/types/UseDataTableResult.d.ts +34 -0
  73. package/dist/types/UseDataTableResult.d.ts.map +1 -0
  74. package/dist/types/index.d.ts +7 -0
  75. package/dist/types/index.d.ts.map +1 -0
  76. package/dist/types/index.js +1 -0
  77. package/package.json +3 -1
  78. package/dist/LoadingState-C0uS6aGT.js +0 -19
  79. 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 { a as qe, u as O, d as Ze, e as A, f as V, g as Ke, h as Je, o as Qe, s as et, l as tt, i as nt, j as rt, k as ot, m as st, n as it, p as U, q as de, r as at, t as ct, v as lt } from "./index-BQOmHRsD.js";
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,8 @@
1
+ import React from "react";
2
+ export interface RowAction<T> {
3
+ label: string;
4
+ icon?: React.ElementType;
5
+ onClick: (row: T) => void;
6
+ className?: string;
7
+ }
8
+ //# sourceMappingURL=RowAction.d.ts.map
@@ -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,7 @@
1
+ export * from "./BulkAction";
2
+ export * from "./ColumnDef";
3
+ export * from "./DataTableProps";
4
+ export * from "./RowAction";
5
+ export * from "./UseDataTableProps";
6
+ export * from "./UseDataTableResult";
7
+ //# sourceMappingURL=index.d.ts.map
@@ -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.75",
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
- };