@bwp-web/components 0.13.5 → 0.13.6
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/BiampTable/BiampTable.d.ts.map +1 -1
- package/dist/index.cjs +34 -29
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +45 -38
- package/dist/index.js.map +1 -1
- package/package.json +3 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BiampTable.d.ts","sourceRoot":"","sources":["../../src/BiampTable/BiampTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,QAAQ,
|
|
1
|
+
{"version":3,"file":"BiampTable.d.ts","sourceRoot":"","sources":["../../src/BiampTable/BiampTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,QAAQ,EAWd,MAAM,eAAe,CAAC;AAOvB,OAAO,EAAwB,KAAK,KAAK,EAAE,MAAM,uBAAuB,CAAC;AACzE,OAAc,EAAE,KAAK,SAAS,EAAU,MAAM,OAAO,CAAC;AAOtD,KAAK,aAAa,CAAC,KAAK,IACpB;IACE,qFAAqF;IACrF,UAAU,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC;;;OAGG;IACH,cAAc,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,OAAO,CAAC;CAC1C,GACD;IACE,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,cAAc,CAAC,EAAE,KAAK,CAAC;CACxB,CAAC;AAGN,KAAK,uBAAuB,GACxB;IACE,8DAA8D;IAC9D,kBAAkB,EAAE,IAAI,CAAC;IACzB,uFAAuF;IACvF,eAAe,EAAE,IAAI,CAAC;IACtB,iGAAiG;IACjG,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,4FAA4F;IAC5F,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC,GACD;IACE,8DAA8D;IAC9D,kBAAkB,EAAE,IAAI,CAAC;IACzB,eAAe,CAAC,EAAE,KAAK,CAAC;IACxB,iGAAiG;IACjG,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,wBAAwB,CAAC,EAAE,KAAK,CAAC;CAClC,GACD;IACE,kBAAkB,CAAC,EAAE,KAAK,CAAC;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,aAAa,CAAC,EAAE,KAAK,CAAC;IACtB,wBAAwB,CAAC,EAAE,KAAK,CAAC;CAClC,CAAC;AAEN,MAAM,MAAM,eAAe,CAAC,KAAK,IAAI,QAAQ,GAC3C,aAAa,CAAC,KAAK,CAAC,GACpB,uBAAuB,GAAG;IACxB,6CAA6C;IAC7C,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IACpB,oEAAoE;IACpE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wKAAwK;IACxK,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,SAAS,CAAC;IACpC,6IAA6I;IAC7I,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC5B,gIAAgI;IAChI,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,MAAM,CAAC;CACtC,CAAC;AAiRJ,wBAAgB,UAAU,CAAC,KAAK,EAAE,EAChC,KAAK,EACL,UAAU,EACV,cAAc,EACd,OAAO,EACP,KAAK,EACL,KAAK,EACL,kBAA0B,EAC1B,eAAuB,EACvB,aAAa,EACb,wBAAgC,EAChC,WAAW,EACX,EAAE,EACF,GAAG,QAAQ,EACZ,EAAE,eAAe,CAAC,KAAK,CAAC,2CAyJxB"}
|
package/dist/index.cjs
CHANGED
|
@@ -719,25 +719,9 @@ var checkboxHiddenSx = { visibility: "hidden" };
|
|
|
719
719
|
var expandCellBaseSx = {
|
|
720
720
|
display: "flex",
|
|
721
721
|
alignItems: "center",
|
|
722
|
-
gap:
|
|
722
|
+
gap: "2px"
|
|
723
723
|
};
|
|
724
|
-
var
|
|
725
|
-
color: ({ palette }) => palette.text.secondary,
|
|
726
|
-
transition: "transform 150ms ease",
|
|
727
|
-
transform: "rotate(90deg)",
|
|
728
|
-
width: 16,
|
|
729
|
-
height: 16,
|
|
730
|
-
cursor: "pointer"
|
|
731
|
-
};
|
|
732
|
-
var chevronCollapsedSx = {
|
|
733
|
-
color: ({ palette }) => palette.text.secondary,
|
|
734
|
-
transition: "transform 150ms ease",
|
|
735
|
-
transform: "rotate(0deg)",
|
|
736
|
-
width: 16,
|
|
737
|
-
height: 16,
|
|
738
|
-
cursor: "pointer"
|
|
739
|
-
};
|
|
740
|
-
var expandPlaceholderSx = { width: 16 };
|
|
724
|
+
var expandPlaceholderSx = { width: 28 };
|
|
741
725
|
var headerSelectionCellSx = {
|
|
742
726
|
position: "sticky",
|
|
743
727
|
left: 0,
|
|
@@ -747,6 +731,8 @@ var headerSelectionCellSx = {
|
|
|
747
731
|
var checkboxHiddenHeaderSx = { visibility: "hidden" };
|
|
748
732
|
function BiampTableRowInner({
|
|
749
733
|
row,
|
|
734
|
+
isExpanded,
|
|
735
|
+
isSelected,
|
|
750
736
|
onRowClick,
|
|
751
737
|
isRowClickable,
|
|
752
738
|
enableRowSelection,
|
|
@@ -760,7 +746,7 @@ function BiampTableRowInner({
|
|
|
760
746
|
import_material7.TableRow,
|
|
761
747
|
{
|
|
762
748
|
hover: clickable,
|
|
763
|
-
selected: enableRowSelection ?
|
|
749
|
+
selected: enableRowSelection ? isSelected : void 0,
|
|
764
750
|
role: clickable ? "button" : void 0,
|
|
765
751
|
tabIndex: clickable ? 0 : void 0,
|
|
766
752
|
sx: clickable ? rowCursorPointerSx : void 0,
|
|
@@ -775,7 +761,7 @@ function BiampTableRowInner({
|
|
|
775
761
|
enableRowSelection && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_material7.TableCell, { padding: "checkbox", sx: selectionCellSx, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
|
|
776
762
|
import_material7.Checkbox,
|
|
777
763
|
{
|
|
778
|
-
checked:
|
|
764
|
+
checked: isSelected,
|
|
779
765
|
disabled: !row.getCanSelect(),
|
|
780
766
|
onChange: (e) => row.toggleSelected(e.target.checked, {
|
|
781
767
|
selectChildren: selectChildrenWithParent
|
|
@@ -800,7 +786,10 @@ function BiampTableRowInner({
|
|
|
800
786
|
import_material7.TableCell,
|
|
801
787
|
{
|
|
802
788
|
"data-sticky": sticky || void 0,
|
|
803
|
-
sx:
|
|
789
|
+
sx: {
|
|
790
|
+
...cellSx(sticky, cell.column.columnDef.meta?.minWidth, 2),
|
|
791
|
+
pl: isExpandCell ? "6px" : "12px"
|
|
792
|
+
},
|
|
804
793
|
children: (() => {
|
|
805
794
|
if (sticky) return content;
|
|
806
795
|
const truncate = cell.column.columnDef.meta?.truncate ?? true;
|
|
@@ -813,16 +802,32 @@ function BiampTableRowInner({
|
|
|
813
802
|
sx: row.depth > 0 ? { ...expandCellBaseSx, pl: `${row.depth * 12}px` } : expandCellBaseSx,
|
|
814
803
|
children: [
|
|
815
804
|
row.getCanExpand() ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
|
|
816
|
-
|
|
805
|
+
import_material7.IconButton,
|
|
817
806
|
{
|
|
807
|
+
variant: "none",
|
|
818
808
|
onClick: (e) => {
|
|
819
809
|
e.stopPropagation();
|
|
820
810
|
row.toggleExpanded();
|
|
821
811
|
},
|
|
822
|
-
"aria-label":
|
|
823
|
-
"aria-expanded":
|
|
824
|
-
|
|
825
|
-
|
|
812
|
+
"aria-label": isExpanded ? `Collapse ${rowLabel}` : `Expand ${rowLabel}`,
|
|
813
|
+
"aria-expanded": isExpanded,
|
|
814
|
+
children: isExpanded ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
|
|
815
|
+
import_assets5.ChevronDownIcon,
|
|
816
|
+
{
|
|
817
|
+
variant: "xs",
|
|
818
|
+
sx: {
|
|
819
|
+
color: ({ palette }) => palette.text.secondary
|
|
820
|
+
}
|
|
821
|
+
}
|
|
822
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
|
|
823
|
+
import_assets5.ChevronRightIcon,
|
|
824
|
+
{
|
|
825
|
+
variant: "xs",
|
|
826
|
+
sx: {
|
|
827
|
+
color: ({ palette }) => palette.text.secondary
|
|
828
|
+
}
|
|
829
|
+
}
|
|
830
|
+
)
|
|
826
831
|
}
|
|
827
832
|
) : hasExpandableRows ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_material7.Box, { sx: expandPlaceholderSx }) : null,
|
|
828
833
|
truncated
|
|
@@ -840,7 +845,7 @@ function BiampTableRowInner({
|
|
|
840
845
|
);
|
|
841
846
|
}
|
|
842
847
|
function biampTableRowPropsAreEqual(prev, next) {
|
|
843
|
-
return prev.row.id === next.row.id && prev.row.original === next.row.original && prev.
|
|
848
|
+
return prev.row.id === next.row.id && prev.row.original === next.row.original && prev.isSelected === next.isSelected && prev.isExpanded === next.isExpanded && prev.row.getVisibleCells().length === next.row.getVisibleCells().length && prev.enableRowSelection === next.enableRowSelection && prev.enableExpanding === next.enableExpanding && prev.hasExpandableRows === next.hasExpandableRows && prev.selectChildrenWithParent === next.selectChildrenWithParent && prev.onRowClick === next.onRowClick && prev.isRowClickable === next.isRowClickable && prev.getRowLabel === next.getRowLabel;
|
|
844
849
|
}
|
|
845
850
|
var BiampTableRow = import_react4.default.memo(
|
|
846
851
|
BiampTableRowInner,
|
|
@@ -884,8 +889,6 @@ function BiampTable({
|
|
|
884
889
|
display: "flex",
|
|
885
890
|
flexDirection: "column",
|
|
886
891
|
height: "100%",
|
|
887
|
-
overflow: "auto",
|
|
888
|
-
overscrollBehavior: "none",
|
|
889
892
|
position: "relative",
|
|
890
893
|
...sx
|
|
891
894
|
},
|
|
@@ -949,6 +952,8 @@ function BiampTable({
|
|
|
949
952
|
BiampTableRow,
|
|
950
953
|
{
|
|
951
954
|
row,
|
|
955
|
+
isExpanded: row.getIsExpanded(),
|
|
956
|
+
isSelected: row.getIsSelected(),
|
|
952
957
|
onRowClick,
|
|
953
958
|
isRowClickable,
|
|
954
959
|
enableRowSelection,
|