@sikka/hawa 0.30.10-next → 0.30.11-next
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/dataTable/index.js +17 -8
- package/dist/dataTable/index.js.map +1 -1
- package/dist/dataTable/index.mjs +17 -8
- package/dist/dataTable/index.mjs.map +1 -1
- package/dist/elements/index.d.mts +6 -6
- package/dist/elements/index.d.ts +6 -6
- package/dist/elements/index.js +24 -9
- package/dist/elements/index.mjs +24 -9
- package/dist/index.d.mts +6 -6
- package/dist/index.d.ts +6 -6
- package/dist/index.js +24 -9
- package/dist/index.mjs +24 -9
- package/dist/simpleTable/index.js +14 -8
- package/dist/simpleTable/index.js.map +1 -1
- package/dist/simpleTable/index.mjs +14 -8
- package/dist/simpleTable/index.mjs.map +1 -1
- package/dist/table/index.d.mts +6 -6
- package/dist/table/index.d.ts +6 -6
- package/dist/table/index.js +7 -7
- package/dist/table/index.js.map +1 -1
- package/dist/table/index.mjs +7 -7
- package/dist/table/index.mjs.map +1 -1
- package/package.json +1 -1
@@ -357,21 +357,21 @@ type BackToTopTypes = {
|
|
357
357
|
};
|
358
358
|
declare const BackToTop: FC<BackToTopTypes>;
|
359
359
|
|
360
|
-
declare const Table: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableElement> & React.RefAttributes<HTMLTableElement>>;
|
361
|
-
declare const TableHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
|
362
360
|
interface TableHeadProps extends React.ThHTMLAttributes<HTMLTableCellElement> {
|
363
361
|
clickable?: boolean;
|
364
362
|
condensed?: boolean;
|
365
363
|
}
|
366
|
-
declare const TableHead: React.ForwardRefExoticComponent<TableHeadProps & React.RefAttributes<HTMLTableCellElement>>;
|
367
|
-
declare const TableBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
|
368
|
-
declare const TableFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
|
369
|
-
declare const TableRow: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableRowElement> & React.RefAttributes<HTMLTableRowElement>>;
|
370
364
|
interface TableCellProps extends React.TdHTMLAttributes<HTMLTableCellElement> {
|
371
365
|
condensed?: boolean;
|
372
366
|
enablePadding?: boolean;
|
373
367
|
padding?: "condensed" | "default" | "noPadding";
|
374
368
|
}
|
369
|
+
declare const Table: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableElement> & React.RefAttributes<HTMLTableElement>>;
|
370
|
+
declare const TableHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
|
371
|
+
declare const TableHead: React.ForwardRefExoticComponent<TableHeadProps & React.RefAttributes<HTMLTableCellElement>>;
|
372
|
+
declare const TableBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
|
373
|
+
declare const TableFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
|
374
|
+
declare const TableRow: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableRowElement> & React.RefAttributes<HTMLTableRowElement>>;
|
375
375
|
declare const TableCell: React.ForwardRefExoticComponent<TableCellProps & React.RefAttributes<HTMLTableCellElement>>;
|
376
376
|
declare const TableCaption: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableCaptionElement> & React.RefAttributes<HTMLTableCaptionElement>>;
|
377
377
|
|
package/dist/elements/index.d.ts
CHANGED
@@ -357,21 +357,21 @@ type BackToTopTypes = {
|
|
357
357
|
};
|
358
358
|
declare const BackToTop: FC<BackToTopTypes>;
|
359
359
|
|
360
|
-
declare const Table: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableElement> & React.RefAttributes<HTMLTableElement>>;
|
361
|
-
declare const TableHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
|
362
360
|
interface TableHeadProps extends React.ThHTMLAttributes<HTMLTableCellElement> {
|
363
361
|
clickable?: boolean;
|
364
362
|
condensed?: boolean;
|
365
363
|
}
|
366
|
-
declare const TableHead: React.ForwardRefExoticComponent<TableHeadProps & React.RefAttributes<HTMLTableCellElement>>;
|
367
|
-
declare const TableBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
|
368
|
-
declare const TableFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
|
369
|
-
declare const TableRow: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableRowElement> & React.RefAttributes<HTMLTableRowElement>>;
|
370
364
|
interface TableCellProps extends React.TdHTMLAttributes<HTMLTableCellElement> {
|
371
365
|
condensed?: boolean;
|
372
366
|
enablePadding?: boolean;
|
373
367
|
padding?: "condensed" | "default" | "noPadding";
|
374
368
|
}
|
369
|
+
declare const Table: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableElement> & React.RefAttributes<HTMLTableElement>>;
|
370
|
+
declare const TableHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
|
371
|
+
declare const TableHead: React.ForwardRefExoticComponent<TableHeadProps & React.RefAttributes<HTMLTableCellElement>>;
|
372
|
+
declare const TableBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
|
373
|
+
declare const TableFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
|
374
|
+
declare const TableRow: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableRowElement> & React.RefAttributes<HTMLTableRowElement>>;
|
375
375
|
declare const TableCell: React.ForwardRefExoticComponent<TableCellProps & React.RefAttributes<HTMLTableCellElement>>;
|
376
376
|
declare const TableCaption: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableCaptionElement> & React.RefAttributes<HTMLTableCaptionElement>>;
|
377
377
|
|
package/dist/elements/index.js
CHANGED
@@ -2660,7 +2660,6 @@ var Table = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
|
|
2660
2660
|
...props
|
2661
2661
|
}
|
2662
2662
|
)));
|
2663
|
-
Table.displayName = "Table";
|
2664
2663
|
var TableHeader = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React21.createElement(
|
2665
2664
|
"thead",
|
2666
2665
|
{
|
@@ -2669,7 +2668,6 @@ var TableHeader = React21.forwardRef(({ className, ...props }, ref) => /* @__PUR
|
|
2669
2668
|
...props
|
2670
2669
|
}
|
2671
2670
|
));
|
2672
|
-
TableHeader.displayName = "TableHeader";
|
2673
2671
|
var TableHead = React21.forwardRef(
|
2674
2672
|
({ className, condensed, clickable, dir, ...props }, ref) => /* @__PURE__ */ React21.createElement(
|
2675
2673
|
"th",
|
@@ -2689,9 +2687,7 @@ var TableHead = React21.forwardRef(
|
|
2689
2687
|
}
|
2690
2688
|
)
|
2691
2689
|
);
|
2692
|
-
TableHead.displayName = "TableHead";
|
2693
2690
|
var TableBody = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React21.createElement("tbody", { ref, className: cn("hawa-border-none", className), ...props }));
|
2694
|
-
TableBody.displayName = "TableBody";
|
2695
2691
|
var TableFooter = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React21.createElement(
|
2696
2692
|
"tfoot",
|
2697
2693
|
{
|
@@ -2703,7 +2699,6 @@ var TableFooter = React21.forwardRef(({ className, ...props }, ref) => /* @__PUR
|
|
2703
2699
|
...props
|
2704
2700
|
}
|
2705
2701
|
));
|
2706
|
-
TableFooter.displayName = "TableFooter";
|
2707
2702
|
var TableRow = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React21.createElement(
|
2708
2703
|
"tr",
|
2709
2704
|
{
|
@@ -2717,7 +2712,6 @@ var TableRow = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__
|
|
2717
2712
|
...props
|
2718
2713
|
}
|
2719
2714
|
));
|
2720
|
-
TableRow.displayName = "TableRow";
|
2721
2715
|
var TableCell = React21.forwardRef(
|
2722
2716
|
({ className, enablePadding = true, padding = "default", ...props }, ref) => {
|
2723
2717
|
let paddingStyles = {
|
@@ -2746,7 +2740,6 @@ var TableCell = React21.forwardRef(
|
|
2746
2740
|
);
|
2747
2741
|
}
|
2748
2742
|
);
|
2749
|
-
TableCell.displayName = "TableCell";
|
2750
2743
|
var TableCaption = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React21.createElement(
|
2751
2744
|
"caption",
|
2752
2745
|
{
|
@@ -2758,6 +2751,13 @@ var TableCaption = React21.forwardRef(({ className, ...props }, ref) => /* @__PU
|
|
2758
2751
|
...props
|
2759
2752
|
}
|
2760
2753
|
));
|
2754
|
+
Table.displayName = "Table";
|
2755
|
+
TableRow.displayName = "TableRow";
|
2756
|
+
TableBody.displayName = "TableBody";
|
2757
|
+
TableHead.displayName = "TableHead";
|
2758
|
+
TableCell.displayName = "TableCell";
|
2759
|
+
TableFooter.displayName = "TableFooter";
|
2760
|
+
TableHeader.displayName = "TableHeader";
|
2761
2761
|
TableCaption.displayName = "TableCaption";
|
2762
2762
|
|
2763
2763
|
// elements/dataTable/DataTable.tsx
|
@@ -2810,6 +2810,9 @@ var DataTable = ({
|
|
2810
2810
|
rowSelection,
|
2811
2811
|
expanded
|
2812
2812
|
}
|
2813
|
+
// defaultColumn: {
|
2814
|
+
// maxSize: 200
|
2815
|
+
// }
|
2813
2816
|
});
|
2814
2817
|
const pageText = ((_a = props.texts) == null ? void 0 : _a.page) || "page";
|
2815
2818
|
const itemsPerPageOptions = (_b = props.itemsPerPage) == null ? void 0 : _b.map((item) => ({
|
@@ -2883,7 +2886,10 @@ var DataTable = ({
|
|
2883
2886
|
dir: props.direction,
|
2884
2887
|
condensed: props.condensed,
|
2885
2888
|
clickable: Boolean(isSortable),
|
2886
|
-
key: header.id
|
2889
|
+
key: header.id,
|
2890
|
+
style: {
|
2891
|
+
maxWidth: header.column.columnDef.maxSize
|
2892
|
+
}
|
2887
2893
|
},
|
2888
2894
|
header.isPlaceholder ? null : (0, import_react_table.flexRender)(
|
2889
2895
|
header.column.columnDef.header,
|
@@ -2901,6 +2907,9 @@ var DataTable = ({
|
|
2901
2907
|
return /* @__PURE__ */ React22.createElement(
|
2902
2908
|
TableCell,
|
2903
2909
|
{
|
2910
|
+
style: {
|
2911
|
+
maxWidth: cell.column.columnDef.maxSize
|
2912
|
+
},
|
2904
2913
|
dir: props.direction,
|
2905
2914
|
padding: props.condensed ? "condensed" : (_a2 = cell.column.columnDef.meta) == null ? void 0 : _a2.padding,
|
2906
2915
|
key: cell.id
|
@@ -7150,7 +7159,10 @@ var SimpleTable = ({
|
|
7150
7159
|
{
|
7151
7160
|
condensed: props.condensed,
|
7152
7161
|
dir: props.direction,
|
7153
|
-
key: header.id
|
7162
|
+
key: header.id,
|
7163
|
+
style: {
|
7164
|
+
maxWidth: header.column.columnDef.maxSize
|
7165
|
+
}
|
7154
7166
|
},
|
7155
7167
|
header.isPlaceholder ? null : (0, import_react_table2.flexRender)(
|
7156
7168
|
header.column.columnDef.header,
|
@@ -7170,6 +7182,9 @@ var SimpleTable = ({
|
|
7170
7182
|
{
|
7171
7183
|
dir: props.direction,
|
7172
7184
|
padding: props.condensed ? "condensed" : (_a2 = cell.column.columnDef.meta) == null ? void 0 : _a2.padding,
|
7185
|
+
style: {
|
7186
|
+
maxWidth: cell.column.columnDef.maxSize
|
7187
|
+
},
|
7173
7188
|
key: cell.id
|
7174
7189
|
},
|
7175
7190
|
(0, import_react_table2.flexRender)(
|
package/dist/elements/index.mjs
CHANGED
@@ -803,7 +803,6 @@ var Table = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
|
|
803
803
|
...props
|
804
804
|
}
|
805
805
|
)));
|
806
|
-
Table.displayName = "Table";
|
807
806
|
var TableHeader = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React9.createElement(
|
808
807
|
"thead",
|
809
808
|
{
|
@@ -812,7 +811,6 @@ var TableHeader = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE
|
|
812
811
|
...props
|
813
812
|
}
|
814
813
|
));
|
815
|
-
TableHeader.displayName = "TableHeader";
|
816
814
|
var TableHead = React9.forwardRef(
|
817
815
|
({ className, condensed, clickable, dir, ...props }, ref) => /* @__PURE__ */ React9.createElement(
|
818
816
|
"th",
|
@@ -832,9 +830,7 @@ var TableHead = React9.forwardRef(
|
|
832
830
|
}
|
833
831
|
)
|
834
832
|
);
|
835
|
-
TableHead.displayName = "TableHead";
|
836
833
|
var TableBody = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React9.createElement("tbody", { ref, className: cn("hawa-border-none", className), ...props }));
|
837
|
-
TableBody.displayName = "TableBody";
|
838
834
|
var TableFooter = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React9.createElement(
|
839
835
|
"tfoot",
|
840
836
|
{
|
@@ -846,7 +842,6 @@ var TableFooter = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE
|
|
846
842
|
...props
|
847
843
|
}
|
848
844
|
));
|
849
|
-
TableFooter.displayName = "TableFooter";
|
850
845
|
var TableRow = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React9.createElement(
|
851
846
|
"tr",
|
852
847
|
{
|
@@ -860,7 +855,6 @@ var TableRow = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__
|
|
860
855
|
...props
|
861
856
|
}
|
862
857
|
));
|
863
|
-
TableRow.displayName = "TableRow";
|
864
858
|
var TableCell = React9.forwardRef(
|
865
859
|
({ className, enablePadding = true, padding = "default", ...props }, ref) => {
|
866
860
|
let paddingStyles = {
|
@@ -889,7 +883,6 @@ var TableCell = React9.forwardRef(
|
|
889
883
|
);
|
890
884
|
}
|
891
885
|
);
|
892
|
-
TableCell.displayName = "TableCell";
|
893
886
|
var TableCaption = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React9.createElement(
|
894
887
|
"caption",
|
895
888
|
{
|
@@ -901,6 +894,13 @@ var TableCaption = React9.forwardRef(({ className, ...props }, ref) => /* @__PUR
|
|
901
894
|
...props
|
902
895
|
}
|
903
896
|
));
|
897
|
+
Table.displayName = "Table";
|
898
|
+
TableRow.displayName = "TableRow";
|
899
|
+
TableBody.displayName = "TableBody";
|
900
|
+
TableHead.displayName = "TableHead";
|
901
|
+
TableCell.displayName = "TableCell";
|
902
|
+
TableFooter.displayName = "TableFooter";
|
903
|
+
TableHeader.displayName = "TableHeader";
|
904
904
|
TableCaption.displayName = "TableCaption";
|
905
905
|
|
906
906
|
// elements/dataTable/DataTable.tsx
|
@@ -953,6 +953,9 @@ var DataTable = ({
|
|
953
953
|
rowSelection,
|
954
954
|
expanded
|
955
955
|
}
|
956
|
+
// defaultColumn: {
|
957
|
+
// maxSize: 200
|
958
|
+
// }
|
956
959
|
});
|
957
960
|
const pageText = ((_a = props.texts) == null ? void 0 : _a.page) || "page";
|
958
961
|
const itemsPerPageOptions = (_b = props.itemsPerPage) == null ? void 0 : _b.map((item) => ({
|
@@ -1026,7 +1029,10 @@ var DataTable = ({
|
|
1026
1029
|
dir: props.direction,
|
1027
1030
|
condensed: props.condensed,
|
1028
1031
|
clickable: Boolean(isSortable),
|
1029
|
-
key: header.id
|
1032
|
+
key: header.id,
|
1033
|
+
style: {
|
1034
|
+
maxWidth: header.column.columnDef.maxSize
|
1035
|
+
}
|
1030
1036
|
},
|
1031
1037
|
header.isPlaceholder ? null : flexRender(
|
1032
1038
|
header.column.columnDef.header,
|
@@ -1044,6 +1050,9 @@ var DataTable = ({
|
|
1044
1050
|
return /* @__PURE__ */ React10.createElement(
|
1045
1051
|
TableCell,
|
1046
1052
|
{
|
1053
|
+
style: {
|
1054
|
+
maxWidth: cell.column.columnDef.maxSize
|
1055
|
+
},
|
1047
1056
|
dir: props.direction,
|
1048
1057
|
padding: props.condensed ? "condensed" : (_a2 = cell.column.columnDef.meta) == null ? void 0 : _a2.padding,
|
1049
1058
|
key: cell.id
|
@@ -2550,7 +2559,10 @@ var SimpleTable = ({
|
|
2550
2559
|
{
|
2551
2560
|
condensed: props.condensed,
|
2552
2561
|
dir: props.direction,
|
2553
|
-
key: header.id
|
2562
|
+
key: header.id,
|
2563
|
+
style: {
|
2564
|
+
maxWidth: header.column.columnDef.maxSize
|
2565
|
+
}
|
2554
2566
|
},
|
2555
2567
|
header.isPlaceholder ? null : flexRender2(
|
2556
2568
|
header.column.columnDef.header,
|
@@ -2570,6 +2582,9 @@ var SimpleTable = ({
|
|
2570
2582
|
{
|
2571
2583
|
dir: props.direction,
|
2572
2584
|
padding: props.condensed ? "condensed" : (_a2 = cell.column.columnDef.meta) == null ? void 0 : _a2.padding,
|
2585
|
+
style: {
|
2586
|
+
maxWidth: cell.column.columnDef.maxSize
|
2587
|
+
},
|
2573
2588
|
key: cell.id
|
2574
2589
|
},
|
2575
2590
|
flexRender2(
|
package/dist/index.d.mts
CHANGED
@@ -520,21 +520,21 @@ type RadioTypes = {
|
|
520
520
|
};
|
521
521
|
declare const Radio: FC<RadioTypes>;
|
522
522
|
|
523
|
-
declare const Table: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableElement> & React$1.RefAttributes<HTMLTableElement>>;
|
524
|
-
declare const TableHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
|
525
523
|
interface TableHeadProps extends React$1.ThHTMLAttributes<HTMLTableCellElement> {
|
526
524
|
clickable?: boolean;
|
527
525
|
condensed?: boolean;
|
528
526
|
}
|
529
|
-
declare const TableHead: React$1.ForwardRefExoticComponent<TableHeadProps & React$1.RefAttributes<HTMLTableCellElement>>;
|
530
|
-
declare const TableBody: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
|
531
|
-
declare const TableFooter: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
|
532
|
-
declare const TableRow: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableRowElement> & React$1.RefAttributes<HTMLTableRowElement>>;
|
533
527
|
interface TableCellProps extends React$1.TdHTMLAttributes<HTMLTableCellElement> {
|
534
528
|
condensed?: boolean;
|
535
529
|
enablePadding?: boolean;
|
536
530
|
padding?: "condensed" | "default" | "noPadding";
|
537
531
|
}
|
532
|
+
declare const Table: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableElement> & React$1.RefAttributes<HTMLTableElement>>;
|
533
|
+
declare const TableHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
|
534
|
+
declare const TableHead: React$1.ForwardRefExoticComponent<TableHeadProps & React$1.RefAttributes<HTMLTableCellElement>>;
|
535
|
+
declare const TableBody: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
|
536
|
+
declare const TableFooter: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
|
537
|
+
declare const TableRow: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableRowElement> & React$1.RefAttributes<HTMLTableRowElement>>;
|
538
538
|
declare const TableCell: React$1.ForwardRefExoticComponent<TableCellProps & React$1.RefAttributes<HTMLTableCellElement>>;
|
539
539
|
declare const TableCaption: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableCaptionElement> & React$1.RefAttributes<HTMLTableCaptionElement>>;
|
540
540
|
|
package/dist/index.d.ts
CHANGED
@@ -520,21 +520,21 @@ type RadioTypes = {
|
|
520
520
|
};
|
521
521
|
declare const Radio: FC<RadioTypes>;
|
522
522
|
|
523
|
-
declare const Table: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableElement> & React$1.RefAttributes<HTMLTableElement>>;
|
524
|
-
declare const TableHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
|
525
523
|
interface TableHeadProps extends React$1.ThHTMLAttributes<HTMLTableCellElement> {
|
526
524
|
clickable?: boolean;
|
527
525
|
condensed?: boolean;
|
528
526
|
}
|
529
|
-
declare const TableHead: React$1.ForwardRefExoticComponent<TableHeadProps & React$1.RefAttributes<HTMLTableCellElement>>;
|
530
|
-
declare const TableBody: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
|
531
|
-
declare const TableFooter: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
|
532
|
-
declare const TableRow: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableRowElement> & React$1.RefAttributes<HTMLTableRowElement>>;
|
533
527
|
interface TableCellProps extends React$1.TdHTMLAttributes<HTMLTableCellElement> {
|
534
528
|
condensed?: boolean;
|
535
529
|
enablePadding?: boolean;
|
536
530
|
padding?: "condensed" | "default" | "noPadding";
|
537
531
|
}
|
532
|
+
declare const Table: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableElement> & React$1.RefAttributes<HTMLTableElement>>;
|
533
|
+
declare const TableHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
|
534
|
+
declare const TableHead: React$1.ForwardRefExoticComponent<TableHeadProps & React$1.RefAttributes<HTMLTableCellElement>>;
|
535
|
+
declare const TableBody: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
|
536
|
+
declare const TableFooter: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
|
537
|
+
declare const TableRow: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableRowElement> & React$1.RefAttributes<HTMLTableRowElement>>;
|
538
538
|
declare const TableCell: React$1.ForwardRefExoticComponent<TableCellProps & React$1.RefAttributes<HTMLTableCellElement>>;
|
539
539
|
declare const TableCaption: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableCaptionElement> & React$1.RefAttributes<HTMLTableCaptionElement>>;
|
540
540
|
|
package/dist/index.js
CHANGED
@@ -2727,7 +2727,6 @@ var Table = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
|
|
2727
2727
|
...props
|
2728
2728
|
}
|
2729
2729
|
)));
|
2730
|
-
Table.displayName = "Table";
|
2731
2730
|
var TableHeader = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React21.createElement(
|
2732
2731
|
"thead",
|
2733
2732
|
{
|
@@ -2736,7 +2735,6 @@ var TableHeader = React21.forwardRef(({ className, ...props }, ref) => /* @__PUR
|
|
2736
2735
|
...props
|
2737
2736
|
}
|
2738
2737
|
));
|
2739
|
-
TableHeader.displayName = "TableHeader";
|
2740
2738
|
var TableHead = React21.forwardRef(
|
2741
2739
|
({ className, condensed, clickable, dir, ...props }, ref) => /* @__PURE__ */ React21.createElement(
|
2742
2740
|
"th",
|
@@ -2756,9 +2754,7 @@ var TableHead = React21.forwardRef(
|
|
2756
2754
|
}
|
2757
2755
|
)
|
2758
2756
|
);
|
2759
|
-
TableHead.displayName = "TableHead";
|
2760
2757
|
var TableBody = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React21.createElement("tbody", { ref, className: cn("hawa-border-none", className), ...props }));
|
2761
|
-
TableBody.displayName = "TableBody";
|
2762
2758
|
var TableFooter = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React21.createElement(
|
2763
2759
|
"tfoot",
|
2764
2760
|
{
|
@@ -2770,7 +2766,6 @@ var TableFooter = React21.forwardRef(({ className, ...props }, ref) => /* @__PUR
|
|
2770
2766
|
...props
|
2771
2767
|
}
|
2772
2768
|
));
|
2773
|
-
TableFooter.displayName = "TableFooter";
|
2774
2769
|
var TableRow = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React21.createElement(
|
2775
2770
|
"tr",
|
2776
2771
|
{
|
@@ -2784,7 +2779,6 @@ var TableRow = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__
|
|
2784
2779
|
...props
|
2785
2780
|
}
|
2786
2781
|
));
|
2787
|
-
TableRow.displayName = "TableRow";
|
2788
2782
|
var TableCell = React21.forwardRef(
|
2789
2783
|
({ className, enablePadding = true, padding = "default", ...props }, ref) => {
|
2790
2784
|
let paddingStyles = {
|
@@ -2813,7 +2807,6 @@ var TableCell = React21.forwardRef(
|
|
2813
2807
|
);
|
2814
2808
|
}
|
2815
2809
|
);
|
2816
|
-
TableCell.displayName = "TableCell";
|
2817
2810
|
var TableCaption = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React21.createElement(
|
2818
2811
|
"caption",
|
2819
2812
|
{
|
@@ -2825,6 +2818,13 @@ var TableCaption = React21.forwardRef(({ className, ...props }, ref) => /* @__PU
|
|
2825
2818
|
...props
|
2826
2819
|
}
|
2827
2820
|
));
|
2821
|
+
Table.displayName = "Table";
|
2822
|
+
TableRow.displayName = "TableRow";
|
2823
|
+
TableBody.displayName = "TableBody";
|
2824
|
+
TableHead.displayName = "TableHead";
|
2825
|
+
TableCell.displayName = "TableCell";
|
2826
|
+
TableFooter.displayName = "TableFooter";
|
2827
|
+
TableHeader.displayName = "TableHeader";
|
2828
2828
|
TableCaption.displayName = "TableCaption";
|
2829
2829
|
|
2830
2830
|
// elements/dataTable/DataTable.tsx
|
@@ -2877,6 +2877,9 @@ var DataTable = ({
|
|
2877
2877
|
rowSelection,
|
2878
2878
|
expanded
|
2879
2879
|
}
|
2880
|
+
// defaultColumn: {
|
2881
|
+
// maxSize: 200
|
2882
|
+
// }
|
2880
2883
|
});
|
2881
2884
|
const pageText = ((_a = props.texts) == null ? void 0 : _a.page) || "page";
|
2882
2885
|
const itemsPerPageOptions = (_b = props.itemsPerPage) == null ? void 0 : _b.map((item) => ({
|
@@ -2950,7 +2953,10 @@ var DataTable = ({
|
|
2950
2953
|
dir: props.direction,
|
2951
2954
|
condensed: props.condensed,
|
2952
2955
|
clickable: Boolean(isSortable),
|
2953
|
-
key: header.id
|
2956
|
+
key: header.id,
|
2957
|
+
style: {
|
2958
|
+
maxWidth: header.column.columnDef.maxSize
|
2959
|
+
}
|
2954
2960
|
},
|
2955
2961
|
header.isPlaceholder ? null : (0, import_react_table.flexRender)(
|
2956
2962
|
header.column.columnDef.header,
|
@@ -2968,6 +2974,9 @@ var DataTable = ({
|
|
2968
2974
|
return /* @__PURE__ */ React22.createElement(
|
2969
2975
|
TableCell,
|
2970
2976
|
{
|
2977
|
+
style: {
|
2978
|
+
maxWidth: cell.column.columnDef.maxSize
|
2979
|
+
},
|
2971
2980
|
dir: props.direction,
|
2972
2981
|
padding: props.condensed ? "condensed" : (_a2 = cell.column.columnDef.meta) == null ? void 0 : _a2.padding,
|
2973
2982
|
key: cell.id
|
@@ -7307,7 +7316,10 @@ var SimpleTable = ({
|
|
7307
7316
|
{
|
7308
7317
|
condensed: props.condensed,
|
7309
7318
|
dir: props.direction,
|
7310
|
-
key: header.id
|
7319
|
+
key: header.id,
|
7320
|
+
style: {
|
7321
|
+
maxWidth: header.column.columnDef.maxSize
|
7322
|
+
}
|
7311
7323
|
},
|
7312
7324
|
header.isPlaceholder ? null : (0, import_react_table2.flexRender)(
|
7313
7325
|
header.column.columnDef.header,
|
@@ -7327,6 +7339,9 @@ var SimpleTable = ({
|
|
7327
7339
|
{
|
7328
7340
|
dir: props.direction,
|
7329
7341
|
padding: props.condensed ? "condensed" : (_a2 = cell.column.columnDef.meta) == null ? void 0 : _a2.padding,
|
7342
|
+
style: {
|
7343
|
+
maxWidth: cell.column.columnDef.maxSize
|
7344
|
+
},
|
7330
7345
|
key: cell.id
|
7331
7346
|
},
|
7332
7347
|
(0, import_react_table2.flexRender)(
|
package/dist/index.mjs
CHANGED
@@ -2500,7 +2500,6 @@ var Table = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
|
|
2500
2500
|
...props
|
2501
2501
|
}
|
2502
2502
|
)));
|
2503
|
-
Table.displayName = "Table";
|
2504
2503
|
var TableHeader = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React21.createElement(
|
2505
2504
|
"thead",
|
2506
2505
|
{
|
@@ -2509,7 +2508,6 @@ var TableHeader = React21.forwardRef(({ className, ...props }, ref) => /* @__PUR
|
|
2509
2508
|
...props
|
2510
2509
|
}
|
2511
2510
|
));
|
2512
|
-
TableHeader.displayName = "TableHeader";
|
2513
2511
|
var TableHead = React21.forwardRef(
|
2514
2512
|
({ className, condensed, clickable, dir, ...props }, ref) => /* @__PURE__ */ React21.createElement(
|
2515
2513
|
"th",
|
@@ -2529,9 +2527,7 @@ var TableHead = React21.forwardRef(
|
|
2529
2527
|
}
|
2530
2528
|
)
|
2531
2529
|
);
|
2532
|
-
TableHead.displayName = "TableHead";
|
2533
2530
|
var TableBody = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React21.createElement("tbody", { ref, className: cn("hawa-border-none", className), ...props }));
|
2534
|
-
TableBody.displayName = "TableBody";
|
2535
2531
|
var TableFooter = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React21.createElement(
|
2536
2532
|
"tfoot",
|
2537
2533
|
{
|
@@ -2543,7 +2539,6 @@ var TableFooter = React21.forwardRef(({ className, ...props }, ref) => /* @__PUR
|
|
2543
2539
|
...props
|
2544
2540
|
}
|
2545
2541
|
));
|
2546
|
-
TableFooter.displayName = "TableFooter";
|
2547
2542
|
var TableRow = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React21.createElement(
|
2548
2543
|
"tr",
|
2549
2544
|
{
|
@@ -2557,7 +2552,6 @@ var TableRow = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__
|
|
2557
2552
|
...props
|
2558
2553
|
}
|
2559
2554
|
));
|
2560
|
-
TableRow.displayName = "TableRow";
|
2561
2555
|
var TableCell = React21.forwardRef(
|
2562
2556
|
({ className, enablePadding = true, padding = "default", ...props }, ref) => {
|
2563
2557
|
let paddingStyles = {
|
@@ -2586,7 +2580,6 @@ var TableCell = React21.forwardRef(
|
|
2586
2580
|
);
|
2587
2581
|
}
|
2588
2582
|
);
|
2589
|
-
TableCell.displayName = "TableCell";
|
2590
2583
|
var TableCaption = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React21.createElement(
|
2591
2584
|
"caption",
|
2592
2585
|
{
|
@@ -2598,6 +2591,13 @@ var TableCaption = React21.forwardRef(({ className, ...props }, ref) => /* @__PU
|
|
2598
2591
|
...props
|
2599
2592
|
}
|
2600
2593
|
));
|
2594
|
+
Table.displayName = "Table";
|
2595
|
+
TableRow.displayName = "TableRow";
|
2596
|
+
TableBody.displayName = "TableBody";
|
2597
|
+
TableHead.displayName = "TableHead";
|
2598
|
+
TableCell.displayName = "TableCell";
|
2599
|
+
TableFooter.displayName = "TableFooter";
|
2600
|
+
TableHeader.displayName = "TableHeader";
|
2601
2601
|
TableCaption.displayName = "TableCaption";
|
2602
2602
|
|
2603
2603
|
// elements/dataTable/DataTable.tsx
|
@@ -2650,6 +2650,9 @@ var DataTable = ({
|
|
2650
2650
|
rowSelection,
|
2651
2651
|
expanded
|
2652
2652
|
}
|
2653
|
+
// defaultColumn: {
|
2654
|
+
// maxSize: 200
|
2655
|
+
// }
|
2653
2656
|
});
|
2654
2657
|
const pageText = ((_a = props.texts) == null ? void 0 : _a.page) || "page";
|
2655
2658
|
const itemsPerPageOptions = (_b = props.itemsPerPage) == null ? void 0 : _b.map((item) => ({
|
@@ -2723,7 +2726,10 @@ var DataTable = ({
|
|
2723
2726
|
dir: props.direction,
|
2724
2727
|
condensed: props.condensed,
|
2725
2728
|
clickable: Boolean(isSortable),
|
2726
|
-
key: header.id
|
2729
|
+
key: header.id,
|
2730
|
+
style: {
|
2731
|
+
maxWidth: header.column.columnDef.maxSize
|
2732
|
+
}
|
2727
2733
|
},
|
2728
2734
|
header.isPlaceholder ? null : flexRender(
|
2729
2735
|
header.column.columnDef.header,
|
@@ -2741,6 +2747,9 @@ var DataTable = ({
|
|
2741
2747
|
return /* @__PURE__ */ React22.createElement(
|
2742
2748
|
TableCell,
|
2743
2749
|
{
|
2750
|
+
style: {
|
2751
|
+
maxWidth: cell.column.columnDef.maxSize
|
2752
|
+
},
|
2744
2753
|
dir: props.direction,
|
2745
2754
|
padding: props.condensed ? "condensed" : (_a2 = cell.column.columnDef.meta) == null ? void 0 : _a2.padding,
|
2746
2755
|
key: cell.id
|
@@ -7087,7 +7096,10 @@ var SimpleTable = ({
|
|
7087
7096
|
{
|
7088
7097
|
condensed: props.condensed,
|
7089
7098
|
dir: props.direction,
|
7090
|
-
key: header.id
|
7099
|
+
key: header.id,
|
7100
|
+
style: {
|
7101
|
+
maxWidth: header.column.columnDef.maxSize
|
7102
|
+
}
|
7091
7103
|
},
|
7092
7104
|
header.isPlaceholder ? null : flexRender2(
|
7093
7105
|
header.column.columnDef.header,
|
@@ -7107,6 +7119,9 @@ var SimpleTable = ({
|
|
7107
7119
|
{
|
7108
7120
|
dir: props.direction,
|
7109
7121
|
padding: props.condensed ? "condensed" : (_a2 = cell.column.columnDef.meta) == null ? void 0 : _a2.padding,
|
7122
|
+
style: {
|
7123
|
+
maxWidth: cell.column.columnDef.maxSize
|
7124
|
+
},
|
7110
7125
|
key: cell.id
|
7111
7126
|
},
|
7112
7127
|
flexRender2(
|
@@ -91,7 +91,6 @@ var Table = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
|
|
91
91
|
...props
|
92
92
|
}
|
93
93
|
)));
|
94
|
-
Table.displayName = "Table";
|
95
94
|
var TableHeader = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React2.createElement(
|
96
95
|
"thead",
|
97
96
|
{
|
@@ -100,7 +99,6 @@ var TableHeader = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE
|
|
100
99
|
...props
|
101
100
|
}
|
102
101
|
));
|
103
|
-
TableHeader.displayName = "TableHeader";
|
104
102
|
var TableHead = React2.forwardRef(
|
105
103
|
({ className, condensed, clickable, dir, ...props }, ref) => /* @__PURE__ */ React2.createElement(
|
106
104
|
"th",
|
@@ -120,9 +118,7 @@ var TableHead = React2.forwardRef(
|
|
120
118
|
}
|
121
119
|
)
|
122
120
|
);
|
123
|
-
TableHead.displayName = "TableHead";
|
124
121
|
var TableBody = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React2.createElement("tbody", { ref, className: cn("hawa-border-none", className), ...props }));
|
125
|
-
TableBody.displayName = "TableBody";
|
126
122
|
var TableFooter = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React2.createElement(
|
127
123
|
"tfoot",
|
128
124
|
{
|
@@ -134,7 +130,6 @@ var TableFooter = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE
|
|
134
130
|
...props
|
135
131
|
}
|
136
132
|
));
|
137
|
-
TableFooter.displayName = "TableFooter";
|
138
133
|
var TableRow = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React2.createElement(
|
139
134
|
"tr",
|
140
135
|
{
|
@@ -148,7 +143,6 @@ var TableRow = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__
|
|
148
143
|
...props
|
149
144
|
}
|
150
145
|
));
|
151
|
-
TableRow.displayName = "TableRow";
|
152
146
|
var TableCell = React2.forwardRef(
|
153
147
|
({ className, enablePadding = true, padding = "default", ...props }, ref) => {
|
154
148
|
let paddingStyles = {
|
@@ -177,7 +171,6 @@ var TableCell = React2.forwardRef(
|
|
177
171
|
);
|
178
172
|
}
|
179
173
|
);
|
180
|
-
TableCell.displayName = "TableCell";
|
181
174
|
var TableCaption = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React2.createElement(
|
182
175
|
"caption",
|
183
176
|
{
|
@@ -189,6 +182,13 @@ var TableCaption = React2.forwardRef(({ className, ...props }, ref) => /* @__PUR
|
|
189
182
|
...props
|
190
183
|
}
|
191
184
|
));
|
185
|
+
Table.displayName = "Table";
|
186
|
+
TableRow.displayName = "TableRow";
|
187
|
+
TableBody.displayName = "TableBody";
|
188
|
+
TableHead.displayName = "TableHead";
|
189
|
+
TableCell.displayName = "TableCell";
|
190
|
+
TableFooter.displayName = "TableFooter";
|
191
|
+
TableHeader.displayName = "TableHeader";
|
192
192
|
TableCaption.displayName = "TableCaption";
|
193
193
|
|
194
194
|
// elements/simpleTable/SimpleTable.tsx
|
@@ -219,7 +219,10 @@ var SimpleTable = ({
|
|
219
219
|
{
|
220
220
|
condensed: props.condensed,
|
221
221
|
dir: props.direction,
|
222
|
-
key: header.id
|
222
|
+
key: header.id,
|
223
|
+
style: {
|
224
|
+
maxWidth: header.column.columnDef.maxSize
|
225
|
+
}
|
223
226
|
},
|
224
227
|
header.isPlaceholder ? null : (0, import_react_table.flexRender)(
|
225
228
|
header.column.columnDef.header,
|
@@ -239,6 +242,9 @@ var SimpleTable = ({
|
|
239
242
|
{
|
240
243
|
dir: props.direction,
|
241
244
|
padding: props.condensed ? "condensed" : (_a2 = cell.column.columnDef.meta) == null ? void 0 : _a2.padding,
|
245
|
+
style: {
|
246
|
+
maxWidth: cell.column.columnDef.maxSize
|
247
|
+
},
|
242
248
|
key: cell.id
|
243
249
|
},
|
244
250
|
(0, import_react_table.flexRender)(
|