design-zystem 1.0.414 → 1.0.415
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/ui/index.d.mts +3 -1
- package/dist/ui/index.d.ts +3 -1
- package/dist/ui/index.js +4 -2
- package/dist/ui/index.mjs +4 -2
- package/package.json +1 -1
package/dist/ui/index.d.mts
CHANGED
|
@@ -685,6 +685,8 @@ interface TableProps {
|
|
|
685
685
|
/** Hauteur plancher — le tableau garde son gabarit même sans lignes, pour que
|
|
686
686
|
* la page ne se replie pas entre un résultat vide et une liste chargée. */
|
|
687
687
|
minHeight?: string;
|
|
688
|
+
/** Largeur plancher du tableau : en dessous, il défile horizontalement dans son cadre. */
|
|
689
|
+
minWidth?: string;
|
|
688
690
|
className?: string;
|
|
689
691
|
/** `rows` ne contient que la page courante (venue d'une RPC) — `Table` affiche le pied de pagination et te redonne la main via `onPageChange` pour refetch. */
|
|
690
692
|
pagination?: TablePagination;
|
|
@@ -693,7 +695,7 @@ interface TableProps {
|
|
|
693
695
|
/** Séparateur vertical entre toutes les colonnes (header, lignes, footer) — pas besoin de le poser cellule par cellule. */
|
|
694
696
|
borderLeft?: boolean;
|
|
695
697
|
}
|
|
696
|
-
declare const Table: ({ width, header, rows, footer, loading, emptyState, maxHeight, minHeight, className, pagination, zebra, borderLeft, }: TableProps) => react.JSX.Element;
|
|
698
|
+
declare const Table: ({ width, header, rows, footer, loading, emptyState, maxHeight, minHeight, minWidth, className, pagination, zebra, borderLeft, }: TableProps) => react.JSX.Element;
|
|
697
699
|
|
|
698
700
|
interface TableHeaderProps {
|
|
699
701
|
children?: ReactNode;
|
package/dist/ui/index.d.ts
CHANGED
|
@@ -685,6 +685,8 @@ interface TableProps {
|
|
|
685
685
|
/** Hauteur plancher — le tableau garde son gabarit même sans lignes, pour que
|
|
686
686
|
* la page ne se replie pas entre un résultat vide et une liste chargée. */
|
|
687
687
|
minHeight?: string;
|
|
688
|
+
/** Largeur plancher du tableau : en dessous, il défile horizontalement dans son cadre. */
|
|
689
|
+
minWidth?: string;
|
|
688
690
|
className?: string;
|
|
689
691
|
/** `rows` ne contient que la page courante (venue d'une RPC) — `Table` affiche le pied de pagination et te redonne la main via `onPageChange` pour refetch. */
|
|
690
692
|
pagination?: TablePagination;
|
|
@@ -693,7 +695,7 @@ interface TableProps {
|
|
|
693
695
|
/** Séparateur vertical entre toutes les colonnes (header, lignes, footer) — pas besoin de le poser cellule par cellule. */
|
|
694
696
|
borderLeft?: boolean;
|
|
695
697
|
}
|
|
696
|
-
declare const Table: ({ width, header, rows, footer, loading, emptyState, maxHeight, minHeight, className, pagination, zebra, borderLeft, }: TableProps) => react.JSX.Element;
|
|
698
|
+
declare const Table: ({ width, header, rows, footer, loading, emptyState, maxHeight, minHeight, minWidth, className, pagination, zebra, borderLeft, }: TableProps) => react.JSX.Element;
|
|
697
699
|
|
|
698
700
|
interface TableHeaderProps {
|
|
699
701
|
children?: ReactNode;
|
package/dist/ui/index.js
CHANGED
|
@@ -3371,6 +3371,7 @@ var Table = ({
|
|
|
3371
3371
|
emptyState,
|
|
3372
3372
|
maxHeight,
|
|
3373
3373
|
minHeight,
|
|
3374
|
+
minWidth,
|
|
3374
3375
|
className,
|
|
3375
3376
|
pagination,
|
|
3376
3377
|
zebra = false,
|
|
@@ -3403,6 +3404,7 @@ var Table = ({
|
|
|
3403
3404
|
"w-full table-fixed border-separate border-spacing-0 caption-bottom text-[13px]",
|
|
3404
3405
|
borderLeft && "[&_th:not(:first-child)]:border-l [&_td:not(:first-child)]:border-l [&_th:not(:first-child)]:border-grey-200 [&_td:not(:first-child)]:border-grey-200"
|
|
3405
3406
|
),
|
|
3407
|
+
style: { minWidth: minWidth || void 0 },
|
|
3406
3408
|
children: [
|
|
3407
3409
|
header,
|
|
3408
3410
|
/* @__PURE__ */ (0, import_jsx_runtime35.jsx)(TableBody, { useEvenBackground: zebra, children: rows }),
|
|
@@ -3471,8 +3473,8 @@ var TableHeaderCell = ({
|
|
|
3471
3473
|
{
|
|
3472
3474
|
scope: "col",
|
|
3473
3475
|
className: cn(
|
|
3474
|
-
"px-2 py-2 text-center text-[13px] font-bold",
|
|
3475
|
-
wrap ? "whitespace-normal break-words" : "
|
|
3476
|
+
"overflow-hidden px-2 py-2 text-center text-[13px] font-bold",
|
|
3477
|
+
wrap ? "whitespace-normal break-words" : "text-ellipsis whitespace-nowrap",
|
|
3476
3478
|
borderLeft && "border-l border-grey-200",
|
|
3477
3479
|
sticky && cn("z-[2]", SURFACE_CLASS[surface]),
|
|
3478
3480
|
className
|
package/dist/ui/index.mjs
CHANGED
|
@@ -3184,6 +3184,7 @@ var Table = ({
|
|
|
3184
3184
|
emptyState,
|
|
3185
3185
|
maxHeight,
|
|
3186
3186
|
minHeight,
|
|
3187
|
+
minWidth,
|
|
3187
3188
|
className,
|
|
3188
3189
|
pagination,
|
|
3189
3190
|
zebra = false,
|
|
@@ -3216,6 +3217,7 @@ var Table = ({
|
|
|
3216
3217
|
"w-full table-fixed border-separate border-spacing-0 caption-bottom text-[13px]",
|
|
3217
3218
|
borderLeft && "[&_th:not(:first-child)]:border-l [&_td:not(:first-child)]:border-l [&_th:not(:first-child)]:border-grey-200 [&_td:not(:first-child)]:border-grey-200"
|
|
3218
3219
|
),
|
|
3220
|
+
style: { minWidth: minWidth || void 0 },
|
|
3219
3221
|
children: [
|
|
3220
3222
|
header,
|
|
3221
3223
|
/* @__PURE__ */ jsx35(TableBody, { useEvenBackground: zebra, children: rows }),
|
|
@@ -3284,8 +3286,8 @@ var TableHeaderCell = ({
|
|
|
3284
3286
|
{
|
|
3285
3287
|
scope: "col",
|
|
3286
3288
|
className: cn(
|
|
3287
|
-
"px-2 py-2 text-center text-[13px] font-bold",
|
|
3288
|
-
wrap ? "whitespace-normal break-words" : "
|
|
3289
|
+
"overflow-hidden px-2 py-2 text-center text-[13px] font-bold",
|
|
3290
|
+
wrap ? "whitespace-normal break-words" : "text-ellipsis whitespace-nowrap",
|
|
3289
3291
|
borderLeft && "border-l border-grey-200",
|
|
3290
3292
|
sticky && cn("z-[2]", SURFACE_CLASS[surface]),
|
|
3291
3293
|
className
|