@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.
@@ -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
 
@@ -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
 
@@ -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)(
@@ -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)(