@cakemail-org/ui-components-v2 2.1.9 → 2.1.11

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 (15) hide show
  1. package/dist/cjs/components/dataTable/CustomPaginationActions.d.ts +4 -0
  2. package/dist/cjs/components/icon/types.d.ts +2 -0
  3. package/dist/cjs/components/icons/18/Branded.d.ts +4 -0
  4. package/dist/cjs/components/icons/18/Unbranded.d.ts +4 -0
  5. package/dist/cjs/data/theme/MuiTableCell.d.ts +7 -2
  6. package/dist/cjs/data/theme/MuiTableHead.d.ts +0 -1
  7. package/dist/cjs/index.js +62 -24
  8. package/dist/esm/components/dataTable/CustomPaginationActions.d.ts +4 -0
  9. package/dist/esm/components/icon/types.d.ts +2 -0
  10. package/dist/esm/components/icons/18/Branded.d.ts +4 -0
  11. package/dist/esm/components/icons/18/Unbranded.d.ts +4 -0
  12. package/dist/esm/data/theme/MuiTableCell.d.ts +7 -2
  13. package/dist/esm/data/theme/MuiTableHead.d.ts +0 -1
  14. package/dist/esm/index.js +62 -24
  15. package/package.json +1 -1
package/dist/cjs/components/dataTable/CustomPaginationActions.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ import { TablePaginationOwnProps } from "@mui/material";
2
+ import React from "react";
3
+ export declare function CustomPaginationActions({ count, page, rowsPerPage, onPageChange, showFirstButton, showLastButton, }: TablePaginationOwnProps): React.JSX.Element;
4
+ export default CustomPaginationActions;
package/dist/cjs/components/icon/types.d.ts CHANGED
@@ -24,6 +24,7 @@ export declare enum EIconName {
24
24
  "Attribute18" = "Attribute18",
25
25
  "Book18" = "Book18",
26
26
  "Bounce18" = "Bounce18",
27
+ "Branded18" = "Branded18",
27
28
  "Dashboard18" = "Dashboard18",
28
29
  "Document18" = "Document18",
29
30
  "Desktop18" = "Desktop18",
@@ -72,6 +73,7 @@ export declare enum EIconName {
72
73
  "TrayToggle18" = "TrayToggle18",
73
74
  "X18" = "X18",
74
75
  "User18" = "User18",
76
+ "UnBranded18" = "UnBranded18",
75
77
  "ZoomReset18" = "ZoomReset18",
76
78
  "ColorWheel20" = "ColorWheel20",
77
79
  "Bounce24" = "Bounce24",
package/dist/cjs/components/icons/18/Branded.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ import { SvgIconProps } from '@mui/material/SvgIcon';
2
+ import React from "react";
3
+ declare function Branded18(props: SvgIconProps): React.JSX.Element;
4
+ export default Branded18;
package/dist/cjs/components/icons/18/Unbranded.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ import { SvgIconProps } from '@mui/material/SvgIcon';
2
+ import React from "react";
3
+ declare function UnBranded18(props: SvgIconProps): React.JSX.Element;
4
+ export default UnBranded18;
package/dist/cjs/data/theme/MuiTableCell.d.ts CHANGED
@@ -3,13 +3,16 @@ export default function getMuiTableCell(theme: Theme): {
3
3
  styleOverrides: {
4
4
  root: {
5
5
  "&:not(.seperator)": {
6
- padding: string;
7
6
  boxSizing: string;
8
7
  marginBottom: string;
9
8
  border: string;
10
9
  maxWidth: string;
11
10
  verticalAlign: string;
11
+ "&:nth-child(2)": {
12
+ paddingLeft: string;
13
+ };
12
14
  "&:not(.MuiTableCell-head)": {
15
+ padding: string;
13
16
  accentColor?: import("csstype").Property.AccentColor | undefined;
14
17
  alignContent?: import("csstype").Property.AlignContent | undefined;
15
18
  alignItems?: import("csstype").Property.AlignItems | undefined;
@@ -435,7 +438,6 @@ export default function getMuiTableCell(theme: Theme): {
435
438
  outline?: import("csstype").Property.Outline<string | number> | undefined;
436
439
  overflow?: import("csstype").Property.Overflow | undefined;
437
440
  overscrollBehavior?: import("csstype").Property.OverscrollBehavior | undefined;
438
- padding?: import("csstype").Property.Padding<string | number> | undefined;
439
441
  paddingBlock?: import("csstype").Property.PaddingBlock<string | number> | undefined;
440
442
  paddingInline?: import("csstype").Property.PaddingInline<string | number> | undefined;
441
443
  placeContent?: import("csstype").Property.PlaceContent | undefined;
@@ -836,6 +838,9 @@ export default function getMuiTableCell(theme: Theme): {
836
838
  textAnchor?: import("csstype").Property.TextAnchor | undefined;
837
839
  vectorEffect?: import("csstype").Property.VectorEffect | undefined;
838
840
  };
841
+ "&.MuiTableCell-head": {
842
+ padding: string;
843
+ };
839
844
  ".MuiCollapse-wrapperInner": {
840
845
  padding: string;
841
846
  };
package/dist/cjs/data/theme/MuiTableHead.d.ts CHANGED
@@ -831,7 +831,6 @@ export default function getMuiTableHead(theme: Theme): {
831
831
  vectorEffect?: import("csstype").Property.VectorEffect | undefined;
832
832
  };
833
833
  "tr th": {
834
- height: string;
835
834
  fontWeight: string;
836
835
  };
837
836
  ".MuiTableCell-stickyHeader": {
package/dist/cjs/index.js CHANGED
@@ -735,6 +735,11 @@ function Bounce18(props) {
735
735
  React.createElement("path", { className: "noFill", id: "Vector 159", d: "M13 1H17V5", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }));
736
736
  }
737
737
 
738
+ function Branded18(props) {
739
+ return React.createElement(SvgIcon, __assign({}, props, { width: "18", height: "18", viewBox: "0 0 18 18" }),
740
+ React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0 0V11C0 12.1046 0.89543 13 2 13H6V16C6 17.1046 6.89543 18 8 18H10C11.1046 18 12 17.1046 12 16V13H16C17.1046 13 18 12.1046 18 11V0H0ZM4 2H2L2 7H16V2H14V5H12V2H10V5H8V2H6V5H4V2ZM2 9H16V11H10V16H8V11H2L2 9Z" }));
741
+ }
742
+
738
743
  function Campaigns18(props) {
739
744
  return React.createElement(SvgIcon, __assign({}, props, { width: "18", height: "18", viewBox: "0 0 18 18" }),
740
745
  React.createElement("path", { className: "noFill", d: "M7 1L17 11", strokeWidth: "2", strokeLinecap: "round" }),
@@ -771,19 +776,8 @@ function Collapse18(props) {
771
776
 
772
777
  function Copy18(props) {
773
778
  return React.createElement(SvgIcon, __assign({}, props, { width: "18", height: "18", viewBox: "0 0 18 18" }),
774
- React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M16 4V5V16H5H3V18H18V4H16Z" }),
775
- React.createElement("path", { d: "M4 0H0V2H4V0Z" }),
776
- React.createElement("path", { d: "M9 0H5V2H9V0Z" }),
777
- React.createElement("path", { d: "M14 0H10V2H14V0Z" }),
778
- React.createElement("path", { d: "M14 4L14 2L12 2L12 4L14 4Z" }),
779
- React.createElement("path", { d: "M14 9L14 5L12 5L12 9L14 9Z" }),
780
- React.createElement("path", { d: "M14 14L14 10L12 10L12 14L14 14Z" }),
781
- React.createElement("path", { d: "M2 4L2 2L0 2L-1.11701e-06 4L2 4Z" }),
782
- React.createElement("path", { d: "M2 9L2 5L0 5L-2.23402e-06 9L2 9Z" }),
783
- React.createElement("path", { d: "M2 14L2 10L0 10L-2.23402e-06 14L2 14Z" }),
784
- React.createElement("path", { d: "M10 14L14 14L14 12L10 12L10 14Z" }),
785
- React.createElement("path", { d: "M5 14L9 14L9 12L5 12L5 14Z" }),
786
- React.createElement("path", { d: "M0 14L4 14L4 12L2.23402e-06 12L0 14Z" }));
779
+ React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0 3C0 1.34315 1.34315 0 3 0H10C11.6569 0 13 1.34315 13 3V10C13 11.6569 11.6569 13 10 13H3C1.34315 13 0 11.6569 0 10V3ZM3 2H10C10.5523 2 11 2.44772 11 3V10C11 10.5523 10.5523 11 10 11H3C2.44772 11 2 10.5523 2 10V3C2 2.44772 2.44772 2 3 2Z" }),
780
+ React.createElement("path", { d: "M6 15H8C8 15.5523 8.44772 16 9 16H15C15.5523 16 16 15.5523 16 15V9C16 8.44772 15.5523 8 15 8V6C16.6569 6 18 7.34315 18 9V15C18 16.6569 16.6569 18 15 18H9C7.34315 18 6 16.6568 6 15Z" }));
787
781
  }
788
782
 
789
783
  function Dashboard18(props) {
@@ -1055,6 +1049,13 @@ function TrayToggle18(props) {
1055
1049
  React.createElement("path", { d: "M3 4C3 3.44772 3.44772 3 4 3H8C8.55228 3 9 3.44772 9 4V14C9 14.5523 8.55228 15 8 15H4C3.44772 15 3 14.5523 3 14V4Z", "fill-opacity": "0.5737" }));
1056
1050
  }
1057
1051
 
1052
+ function UnBranded18(props) {
1053
+ return React.createElement(SvgIcon, __assign({}, props, { width: "18", height: "18", viewBox: "0 0 18 18" }),
1054
+ React.createElement("path", { d: "M18 11C18 12.1046 17.1046 13 16 13H12V16C12 17.1046 11.1046 18 10 18H8C6.89543 18 6 17.1046 6 16V15.1543L8 13.209V16H10V11.2646L10.2734 11H16V9H12.3301L14.3877 7H16V5.43164L18 3.4873V11Z" }),
1055
+ React.createElement("path", { d: "M16.3047 0.282227C16.7014 -0.102033 17.3335 -0.0919732 17.7178 0.304688C18.102 0.701362 18.092 1.3335 17.6953 1.71777L1.69531 17.2178C1.29864 17.602 0.666499 17.592 0.282227 17.1953C-0.102028 16.7986 -0.0919778 16.1665 0.304688 15.7822L16.3047 0.282227Z" }),
1056
+ React.createElement("path", { d: "M12 2.34473V2H10V4.29004L9.26953 5H8V2H6V5H4V2H2V7H7.21289L5.15527 9H2V11H3.09863L1.20898 12.8359C0.498127 12.5293 0 11.8234 0 11V0H14.4131L12 2.34473Z" }));
1057
+ }
1058
+
1058
1059
  function User18(props) {
1059
1060
  return React.createElement(SvgIcon, __assign({}, props, { width: "18", height: "18", viewBox: "0 0 18 18" }),
1060
1061
  React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.60003 4.96399C4.28098 2.32458 6.34137 0.00012207 9 0.00012207C11.6586 0.00012207 13.719 2.32458 13.4 4.96399L13.1274 7.21889C13.092 7.51163 13.0204 7.79723 12.9154 8.06951C15.7946 8.51027 18 10.9976 18 14.0001V17.0001C18 17.5524 17.5523 18.0001 17 18.0001H1C0.447715 18.0001 0 17.5524 0 17.0001V14.0001C0 10.9977 2.20538 8.51027 5.0846 8.06951C4.97955 7.79723 4.90798 7.51163 4.8726 7.21889L4.60003 4.96399ZM11.4144 4.72398L11.1419 6.97888C11.1056 7.27852 10.9824 7.56099 10.7875 7.7914L10.334 8.3273C9.63598 9.15226 8.36402 9.15226 7.66597 8.3273L7.21253 7.7914C7.01756 7.56099 6.89436 7.27852 6.85814 6.97888L6.58557 4.72398C6.4105 3.27564 7.54111 2.00012 9 2.00012C10.4589 2.00012 11.5895 3.27564 11.4144 4.72398ZM6.50995 10.0001H6C3.79086 10.0001 2 11.791 2 14.0001V16.0001H4V14.0001C4 13.4478 4.44772 13.0001 5 13.0001C5.55228 13.0001 6 13.4478 6 14.0001V16.0001H12V14.0001C12 13.4478 12.4477 13.0001 13 13.0001C13.5523 13.0001 14 13.4478 14 14.0001V16.0001H16V14.0001C16 11.791 14.2091 10.0001 12 10.0001H11.49C10.077 11.2613 7.92304 11.2613 6.50995 10.0001Z" }));
@@ -1400,6 +1401,7 @@ function Icon(_a) {
1400
1401
  Arrow18: Arrow18,
1401
1402
  Book18: Book18,
1402
1403
  Bounce18: Bounce18,
1404
+ Branded18: Branded18,
1403
1405
  Campaigns18: Campaigns18,
1404
1406
  Collapse18: Collapse18,
1405
1407
  Clicks18: Clicks18,
@@ -1447,6 +1449,7 @@ function Icon(_a) {
1447
1449
  TrayToggle18: TrayToggle18,
1448
1450
  X18: X18,
1449
1451
  User18: User18,
1452
+ UnBranded18: UnBranded18,
1450
1453
  ZoomReset18: ZoomReset18,
1451
1454
  ColorWheel20: ColorWheel20,
1452
1455
  Bounce24: Bounce24,
@@ -6867,13 +6870,18 @@ function getMuiTableCell(theme) {
6867
6870
  styleOverrides: {
6868
6871
  root: {
6869
6872
  "&:not(.seperator)": {
6870
- padding: theme.spacing(4),
6871
6873
  boxSizing: "border-box",
6872
6874
  marginBottom: theme.spacing(5),
6873
6875
  border: "none",
6874
6876
  maxWidth: "unset",
6875
6877
  verticalAlign: "top",
6876
- "&:not(.MuiTableCell-head)": __assign({}, theme.typography.body1L),
6878
+ "&:nth-child(2)": {
6879
+ paddingLeft: theme.spacing(5) + "!important",
6880
+ },
6881
+ "&:not(.MuiTableCell-head)": __assign(__assign({}, theme.typography.body1L), { padding: theme.spacing(4) }),
6882
+ "&.MuiTableCell-head": {
6883
+ padding: theme.spacing(3, 4),
6884
+ },
6877
6885
  ".MuiCollapse-wrapperInner": {
6878
6886
  padding: theme.spacing(12)
6879
6887
  },
@@ -6969,7 +6977,6 @@ function getMuiTableHead(theme) {
6969
6977
  root: {
6970
6978
  "tr th:not(.MuiTableCell-paddingCheckbox) *:not(svg):(button),tr th:not(.MuiTableCell-paddingCheckbox)": __assign(__assign({}, theme.typography.body1), { color: theme.palette.text.primary }),
6971
6979
  "tr th": {
6972
- "height": "4rem",
6973
6980
  fontWeight: "600 !important"
6974
6981
  },
6975
6982
  ".MuiTableCell-stickyHeader": {
@@ -8021,7 +8028,7 @@ function Logo(_a) {
8021
8028
  React.createElement("img", __assign({ src: url, style: __assign({ maxHeight: "45px", maxWidth: "200px" }, styles) }, imgProps)));
8022
8029
  }
8023
8030
 
8024
- var css_248z$o = "html {\n font-size: 14px;\n}\n\n@media only screen and (min-width: 1440px) {\n html {\n font-size: 16px;\n }\n}\n.ellipsis {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.ui-kit-v2-wrapper .MuiTypography-root,\n.MuiDialog-root .MuiTypography-root,\n.MuiTooltip-popper .MuiTypography-root,\n.MuiPopover-root .MuiTypography-root,\n.MuiMenu-root .MuiTypography-root,\n.base-Popper-root .MuiTypography-root {\n overflow-wrap: break-word;\n -webkit-hyphens: auto;\n hyphens: auto;\n}\n.ui-kit-v2-wrapper .hidden,\n.MuiDialog-root .hidden,\n.MuiTooltip-popper .hidden,\n.MuiPopover-root .hidden,\n.MuiMenu-root .hidden,\n.base-Popper-root .hidden {\n display: none;\n}\n.ui-kit-v2-wrapper .loading,\n.ui-kit-v2-wrapper .disabled,\n.ui-kit-v2-wrapper .inactive,\n.MuiDialog-root .loading,\n.MuiDialog-root .disabled,\n.MuiDialog-root .inactive,\n.MuiTooltip-popper .loading,\n.MuiTooltip-popper .disabled,\n.MuiTooltip-popper .inactive,\n.MuiPopover-root .loading,\n.MuiPopover-root .disabled,\n.MuiPopover-root .inactive,\n.MuiMenu-root .loading,\n.MuiMenu-root .disabled,\n.MuiMenu-root .inactive,\n.base-Popper-root .loading,\n.base-Popper-root .disabled,\n.base-Popper-root .inactive {\n opacity: 0.65;\n pointer-events: none;\n}\n.ui-kit-v2-wrapper .hoverAble,\n.MuiDialog-root .hoverAble,\n.MuiTooltip-popper .hoverAble,\n.MuiPopover-root .hoverAble,\n.MuiMenu-root .hoverAble,\n.base-Popper-root .hoverAble {\n cursor: pointer;\n}\n.ui-kit-v2-wrapper .hoverAble:hover,\n.MuiDialog-root .hoverAble:hover,\n.MuiTooltip-popper .hoverAble:hover,\n.MuiPopover-root .hoverAble:hover,\n.MuiMenu-root .hoverAble:hover,\n.base-Popper-root .hoverAble:hover {\n opacity: 0.65;\n}\n.ui-kit-v2-wrapper .squared,\n.MuiDialog-root .squared,\n.MuiTooltip-popper .squared,\n.MuiPopover-root .squared,\n.MuiMenu-root .squared,\n.base-Popper-root .squared {\n border-radius: 8px !important;\n}\n.ui-kit-v2-wrapper .round,\n.MuiDialog-root .round,\n.MuiTooltip-popper .round,\n.MuiPopover-root .round,\n.MuiMenu-root .round,\n.base-Popper-root .round {\n border-radius: 100px !important;\n}\n.ui-kit-v2-wrapper .rotate-180,\n.MuiDialog-root .rotate-180,\n.MuiTooltip-popper .rotate-180,\n.MuiPopover-root .rotate-180,\n.MuiMenu-root .rotate-180,\n.base-Popper-root .rotate-180 {\n transform: rotate(180deg) !important;\n}\n.ui-kit-v2-wrapper .semiBold,\n.MuiDialog-root .semiBold,\n.MuiTooltip-popper .semiBold,\n.MuiPopover-root .semiBold,\n.MuiMenu-root .semiBold,\n.base-Popper-root .semiBold {\n font-weight: 600 !important;\n}\n.ui-kit-v2-wrapper .bold,\n.MuiDialog-root .bold,\n.MuiTooltip-popper .bold,\n.MuiPopover-root .bold,\n.MuiMenu-root .bold,\n.base-Popper-root .bold {\n font-weight: 700 !important;\n}\n.ui-kit-v2-wrapper .regular,\n.MuiDialog-root .regular,\n.MuiTooltip-popper .regular,\n.MuiPopover-root .regular,\n.MuiMenu-root .regular,\n.base-Popper-root .regular {\n font-weight: 400 !important;\n}\n.ui-kit-v2-wrapper .uppercase,\n.MuiDialog-root .uppercase,\n.MuiTooltip-popper .uppercase,\n.MuiPopover-root .uppercase,\n.MuiMenu-root .uppercase,\n.base-Popper-root .uppercase {\n text-transform: uppercase;\n}\n.ui-kit-v2-wrapper .showTooltip,\n.MuiDialog-root .showTooltip,\n.MuiTooltip-popper .showTooltip,\n.MuiPopover-root .showTooltip,\n.MuiMenu-root .showTooltip,\n.base-Popper-root .showTooltip {\n border-bottom: 1px dashed var(--body-font-color-2, var(--silver, #9B9B9B));\n cursor: pointer;\n}\n.ui-kit-v2-wrapper .ellipsis,\n.MuiDialog-root .ellipsis,\n.MuiTooltip-popper .ellipsis,\n.MuiPopover-root .ellipsis,\n.MuiMenu-root .ellipsis,\n.base-Popper-root .ellipsis {\n overflow: hidden !important;\n text-overflow: ellipsis !important;\n white-space: nowrap !important;\n text-wrap: nowrap !important;\n}\n.ui-kit-v2-wrapper .multilineEllipsis,\n.MuiDialog-root .multilineEllipsis,\n.MuiTooltip-popper .multilineEllipsis,\n.MuiPopover-root .multilineEllipsis,\n.MuiMenu-root .multilineEllipsis,\n.base-Popper-root .multilineEllipsis {\n display: -webkit-box !important;\n -webkit-box-orient: vertical !important;\n -webkit-line-clamp: 3;\n line-clamp: 3;\n overflow: hidden !important;\n text-overflow: ellipsis !important;\n white-space: normal !important;\n word-break: break-word !important;\n}\n.ui-kit-v2-wrapper li::before,\n.MuiDialog-root li::before,\n.MuiTooltip-popper li::before,\n.MuiPopover-root li::before,\n.MuiMenu-root li::before,\n.base-Popper-root li::before {\n content: unset;\n}\n\n.modal-component-v2 {\n position: fixed;\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n background: var(--white, #FFFFFF);\n z-index: 8500;\n flex-direction: column;\n}\n.modal-component-v2.spacedHeader .fullBar-component-v2 {\n padding: 2rem 2rem 0 2rem;\n border-bottom: unset;\n}\n.modal-component-v2.open {\n display: flex;\n}\n.modal-component-v2:not(.open) {\n display: none;\n}\n.modal-component-v2 .vSeperator {\n width: 1px;\n height: 50%;\n background: var(--wild-sand, #dddddd);\n}\n.modal-component-v2 > .fullBar-component-v2 {\n flex: 0;\n padding: 0.75rem 1.5rem;\n border-bottom: 1px solid var(--wild-sand, #dddddd);\n}\n.modal-component-v2 > .fullBar-component-v2 .subNav-component-v2 button {\n padding-top: 0;\n padding-bottom: 0;\n}\n.modal-component-v2 > .fullBar-component-v2 .left > *:nth-child(n+2) {\n margin-left: 1rem;\n}\n.modal-component-v2 > div:not(.fullBar-component-v2) {\n flex: 1;\n}\n.modal-component-v2 .contentSectionContainer {\n display: flex;\n align-items: center;\n overflow-y: auto;\n}";
8031
+ var css_248z$o = "html {\n font-size: 14px;\n}\n\n@media only screen and (min-width: 1440px) {\n html {\n font-size: 16px;\n }\n}\n.ellipsis {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.ui-kit-v2-wrapper .MuiTypography-root,\n.MuiDialog-root .MuiTypography-root,\n.MuiTooltip-popper .MuiTypography-root,\n.MuiPopover-root .MuiTypography-root,\n.MuiMenu-root .MuiTypography-root,\n.base-Popper-root .MuiTypography-root {\n overflow-wrap: break-word;\n -webkit-hyphens: auto;\n hyphens: auto;\n}\n.ui-kit-v2-wrapper .hidden,\n.MuiDialog-root .hidden,\n.MuiTooltip-popper .hidden,\n.MuiPopover-root .hidden,\n.MuiMenu-root .hidden,\n.base-Popper-root .hidden {\n display: none;\n}\n.ui-kit-v2-wrapper .loading,\n.ui-kit-v2-wrapper .disabled,\n.ui-kit-v2-wrapper .inactive,\n.MuiDialog-root .loading,\n.MuiDialog-root .disabled,\n.MuiDialog-root .inactive,\n.MuiTooltip-popper .loading,\n.MuiTooltip-popper .disabled,\n.MuiTooltip-popper .inactive,\n.MuiPopover-root .loading,\n.MuiPopover-root .disabled,\n.MuiPopover-root .inactive,\n.MuiMenu-root .loading,\n.MuiMenu-root .disabled,\n.MuiMenu-root .inactive,\n.base-Popper-root .loading,\n.base-Popper-root .disabled,\n.base-Popper-root .inactive {\n opacity: 0.65;\n pointer-events: none;\n}\n.ui-kit-v2-wrapper .hoverAble,\n.MuiDialog-root .hoverAble,\n.MuiTooltip-popper .hoverAble,\n.MuiPopover-root .hoverAble,\n.MuiMenu-root .hoverAble,\n.base-Popper-root .hoverAble {\n cursor: pointer;\n}\n.ui-kit-v2-wrapper .hoverAble:hover,\n.MuiDialog-root .hoverAble:hover,\n.MuiTooltip-popper .hoverAble:hover,\n.MuiPopover-root .hoverAble:hover,\n.MuiMenu-root .hoverAble:hover,\n.base-Popper-root .hoverAble:hover {\n opacity: 0.65;\n}\n.ui-kit-v2-wrapper .squared,\n.MuiDialog-root .squared,\n.MuiTooltip-popper .squared,\n.MuiPopover-root .squared,\n.MuiMenu-root .squared,\n.base-Popper-root .squared {\n border-radius: 8px !important;\n}\n.ui-kit-v2-wrapper .round,\n.MuiDialog-root .round,\n.MuiTooltip-popper .round,\n.MuiPopover-root .round,\n.MuiMenu-root .round,\n.base-Popper-root .round {\n border-radius: 100px !important;\n}\n.ui-kit-v2-wrapper .rotate-180,\n.MuiDialog-root .rotate-180,\n.MuiTooltip-popper .rotate-180,\n.MuiPopover-root .rotate-180,\n.MuiMenu-root .rotate-180,\n.base-Popper-root .rotate-180 {\n transform: rotate(180deg) !important;\n}\n.ui-kit-v2-wrapper .semiBold,\n.MuiDialog-root .semiBold,\n.MuiTooltip-popper .semiBold,\n.MuiPopover-root .semiBold,\n.MuiMenu-root .semiBold,\n.base-Popper-root .semiBold {\n font-weight: 600 !important;\n}\n.ui-kit-v2-wrapper .bold,\n.MuiDialog-root .bold,\n.MuiTooltip-popper .bold,\n.MuiPopover-root .bold,\n.MuiMenu-root .bold,\n.base-Popper-root .bold {\n font-weight: 700 !important;\n}\n.ui-kit-v2-wrapper .regular,\n.MuiDialog-root .regular,\n.MuiTooltip-popper .regular,\n.MuiPopover-root .regular,\n.MuiMenu-root .regular,\n.base-Popper-root .regular {\n font-weight: 400 !important;\n}\n.ui-kit-v2-wrapper .uppercase,\n.MuiDialog-root .uppercase,\n.MuiTooltip-popper .uppercase,\n.MuiPopover-root .uppercase,\n.MuiMenu-root .uppercase,\n.base-Popper-root .uppercase {\n text-transform: uppercase;\n}\n.ui-kit-v2-wrapper .showTooltip,\n.MuiDialog-root .showTooltip,\n.MuiTooltip-popper .showTooltip,\n.MuiPopover-root .showTooltip,\n.MuiMenu-root .showTooltip,\n.base-Popper-root .showTooltip {\n border-bottom: 1px dashed var(--body-font-color-2, var(--silver, #9B9B9B));\n cursor: pointer;\n}\n.ui-kit-v2-wrapper .ellipsis,\n.MuiDialog-root .ellipsis,\n.MuiTooltip-popper .ellipsis,\n.MuiPopover-root .ellipsis,\n.MuiMenu-root .ellipsis,\n.base-Popper-root .ellipsis {\n overflow: hidden !important;\n text-overflow: ellipsis !important;\n white-space: nowrap !important;\n text-wrap: nowrap !important;\n}\n.ui-kit-v2-wrapper .multilineEllipsis,\n.MuiDialog-root .multilineEllipsis,\n.MuiTooltip-popper .multilineEllipsis,\n.MuiPopover-root .multilineEllipsis,\n.MuiMenu-root .multilineEllipsis,\n.base-Popper-root .multilineEllipsis {\n display: -webkit-box !important;\n -webkit-box-orient: vertical !important;\n -webkit-line-clamp: 3;\n line-clamp: 3;\n overflow: hidden !important;\n text-overflow: ellipsis !important;\n white-space: normal !important;\n word-break: break-word !important;\n}\n.ui-kit-v2-wrapper li::before,\n.MuiDialog-root li::before,\n.MuiTooltip-popper li::before,\n.MuiPopover-root li::before,\n.MuiMenu-root li::before,\n.base-Popper-root li::before {\n content: unset;\n}\n\n.modal-component-v2 {\n position: fixed;\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n background: var(--white, #FFFFFF);\n z-index: 8500;\n flex-direction: column;\n}\n.modal-component-v2.spacedHeader .fullBar-component-v2 {\n padding: 2rem 2rem 0 2rem;\n border-bottom: unset;\n}\n.modal-component-v2.open {\n display: flex;\n}\n.modal-component-v2:not(.open) {\n display: none;\n}\n.modal-component-v2 .vSeperator {\n width: 1px;\n height: 50%;\n background: var(--wild-sand, #dddddd);\n}\n.modal-component-v2:not(.spacedHeader) > .fullBar-component-v2 {\n background: var(--shade100, #F3F2F2);\n}\n.modal-component-v2 > .fullBar-component-v2 {\n flex: 0;\n padding: 0.75rem 1.5rem;\n border-bottom: 1px solid var(--wild-sand, #dddddd);\n}\n.modal-component-v2 > .fullBar-component-v2 .subNav-component-v2 button {\n padding-top: 0;\n padding-bottom: 0;\n}\n.modal-component-v2 > .fullBar-component-v2 .left > *:nth-child(n+2) {\n margin-left: 1rem;\n}\n.modal-component-v2 > div:not(.fullBar-component-v2) {\n flex: 1;\n}\n.modal-component-v2 .contentSectionContainer {\n display: flex;\n align-items: center;\n overflow-y: auto;\n}";
8025
8032
  styleInject(css_248z$o);
8026
8033
 
8027
8034
  function ModalHeading(props) {
@@ -8048,7 +8055,7 @@ function ModalHeading(props) {
8048
8055
  rContent.push(rightContent);
8049
8056
  }
8050
8057
  if (onClose && closeBtnText)
8051
- rContent.push(React.createElement(Button, { key: "modal-close-btn", color: "cloud", size: "medium", onClick: onClose }, closeBtnText));
8058
+ rContent.push(React.createElement(Button, { key: "modal-close-btn", color: "shade150", size: "medium", onClick: onClose }, closeBtnText));
8052
8059
  return React.createElement(FullBar, { left: lContent, right: rContent });
8053
8060
  }
8054
8061
 
@@ -8423,7 +8430,36 @@ var CopyToClipboard = React.forwardRef(function (props, ref) {
8423
8430
  return (React.createElement("textarea", { ref: textareaRef, style: { position: "fixed", top: "-1000px" } }));
8424
8431
  });
8425
8432
 
8426
- var css_248z$i = "html {\n font-size: 14px;\n}\n\n@media only screen and (min-width: 1440px) {\n html {\n font-size: 16px;\n }\n}\n.ellipsis {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.ui-kit-v2-wrapper .MuiTypography-root,\n.MuiDialog-root .MuiTypography-root,\n.MuiTooltip-popper .MuiTypography-root,\n.MuiPopover-root .MuiTypography-root,\n.MuiMenu-root .MuiTypography-root,\n.base-Popper-root .MuiTypography-root {\n overflow-wrap: break-word;\n -webkit-hyphens: auto;\n hyphens: auto;\n}\n.ui-kit-v2-wrapper .hidden,\n.MuiDialog-root .hidden,\n.MuiTooltip-popper .hidden,\n.MuiPopover-root .hidden,\n.MuiMenu-root .hidden,\n.base-Popper-root .hidden {\n display: none;\n}\n.ui-kit-v2-wrapper .loading,\n.ui-kit-v2-wrapper .disabled,\n.ui-kit-v2-wrapper .inactive,\n.MuiDialog-root .loading,\n.MuiDialog-root .disabled,\n.MuiDialog-root .inactive,\n.MuiTooltip-popper .loading,\n.MuiTooltip-popper .disabled,\n.MuiTooltip-popper .inactive,\n.MuiPopover-root .loading,\n.MuiPopover-root .disabled,\n.MuiPopover-root .inactive,\n.MuiMenu-root .loading,\n.MuiMenu-root .disabled,\n.MuiMenu-root .inactive,\n.base-Popper-root .loading,\n.base-Popper-root .disabled,\n.base-Popper-root .inactive {\n opacity: 0.65;\n pointer-events: none;\n}\n.ui-kit-v2-wrapper .hoverAble,\n.MuiDialog-root .hoverAble,\n.MuiTooltip-popper .hoverAble,\n.MuiPopover-root .hoverAble,\n.MuiMenu-root .hoverAble,\n.base-Popper-root .hoverAble {\n cursor: pointer;\n}\n.ui-kit-v2-wrapper .hoverAble:hover,\n.MuiDialog-root .hoverAble:hover,\n.MuiTooltip-popper .hoverAble:hover,\n.MuiPopover-root .hoverAble:hover,\n.MuiMenu-root .hoverAble:hover,\n.base-Popper-root .hoverAble:hover {\n opacity: 0.65;\n}\n.ui-kit-v2-wrapper .squared,\n.MuiDialog-root .squared,\n.MuiTooltip-popper .squared,\n.MuiPopover-root .squared,\n.MuiMenu-root .squared,\n.base-Popper-root .squared {\n border-radius: 8px !important;\n}\n.ui-kit-v2-wrapper .round,\n.MuiDialog-root .round,\n.MuiTooltip-popper .round,\n.MuiPopover-root .round,\n.MuiMenu-root .round,\n.base-Popper-root .round {\n border-radius: 100px !important;\n}\n.ui-kit-v2-wrapper .rotate-180,\n.MuiDialog-root .rotate-180,\n.MuiTooltip-popper .rotate-180,\n.MuiPopover-root .rotate-180,\n.MuiMenu-root .rotate-180,\n.base-Popper-root .rotate-180 {\n transform: rotate(180deg) !important;\n}\n.ui-kit-v2-wrapper .semiBold,\n.MuiDialog-root .semiBold,\n.MuiTooltip-popper .semiBold,\n.MuiPopover-root .semiBold,\n.MuiMenu-root .semiBold,\n.base-Popper-root .semiBold {\n font-weight: 600 !important;\n}\n.ui-kit-v2-wrapper .bold,\n.MuiDialog-root .bold,\n.MuiTooltip-popper .bold,\n.MuiPopover-root .bold,\n.MuiMenu-root .bold,\n.base-Popper-root .bold {\n font-weight: 700 !important;\n}\n.ui-kit-v2-wrapper .regular,\n.MuiDialog-root .regular,\n.MuiTooltip-popper .regular,\n.MuiPopover-root .regular,\n.MuiMenu-root .regular,\n.base-Popper-root .regular {\n font-weight: 400 !important;\n}\n.ui-kit-v2-wrapper .uppercase,\n.MuiDialog-root .uppercase,\n.MuiTooltip-popper .uppercase,\n.MuiPopover-root .uppercase,\n.MuiMenu-root .uppercase,\n.base-Popper-root .uppercase {\n text-transform: uppercase;\n}\n.ui-kit-v2-wrapper .showTooltip,\n.MuiDialog-root .showTooltip,\n.MuiTooltip-popper .showTooltip,\n.MuiPopover-root .showTooltip,\n.MuiMenu-root .showTooltip,\n.base-Popper-root .showTooltip {\n border-bottom: 1px dashed var(--body-font-color-2, var(--silver, #9B9B9B));\n cursor: pointer;\n}\n.ui-kit-v2-wrapper .ellipsis,\n.MuiDialog-root .ellipsis,\n.MuiTooltip-popper .ellipsis,\n.MuiPopover-root .ellipsis,\n.MuiMenu-root .ellipsis,\n.base-Popper-root .ellipsis {\n overflow: hidden !important;\n text-overflow: ellipsis !important;\n white-space: nowrap !important;\n text-wrap: nowrap !important;\n}\n.ui-kit-v2-wrapper .multilineEllipsis,\n.MuiDialog-root .multilineEllipsis,\n.MuiTooltip-popper .multilineEllipsis,\n.MuiPopover-root .multilineEllipsis,\n.MuiMenu-root .multilineEllipsis,\n.base-Popper-root .multilineEllipsis {\n display: -webkit-box !important;\n -webkit-box-orient: vertical !important;\n -webkit-line-clamp: 3;\n line-clamp: 3;\n overflow: hidden !important;\n text-overflow: ellipsis !important;\n white-space: normal !important;\n word-break: break-word !important;\n}\n.ui-kit-v2-wrapper li::before,\n.MuiDialog-root li::before,\n.MuiTooltip-popper li::before,\n.MuiPopover-root li::before,\n.MuiMenu-root li::before,\n.base-Popper-root li::before {\n content: unset;\n}\n\n.dataTable-component-v2 {\n position: relative;\n height: 100%;\n}\n.dataTable-component-v2 .MuiTableContainer-root {\n margin-bottom: 5rem;\n}\n.dataTable-component-v2 .MuiTableContainer-root::-webkit-scrollbar {\n display: block;\n}\n.dataTable-component-v2 .MuiTableContainer-root::-webkit-scrollbar-track:horizontal {\n position: absolute;\n bottom: -20px;\n}\n.dataTable-component-v2 .MuiTableContainer-root::-webkit-scrollbar-track:vertical {\n border-bottom-left-radius: 0 !important;\n border-bottom-right-radius: 8px !important;\n border-top-right-radius: 8px !important;\n}\n.dataTable-component-v2 .MuiTableContainer-root::-webkit-scrollbar-track {\n height: 2.5rem;\n width: 2.5rem;\n padding: 2rem;\n background-clip: content-box;\n border-bottom-left-radius: 8px;\n}\n.dataTable-component-v2 .MuiTableContainer-root::-webkit-scrollbar-thumb {\n background: var(--body-font-color-2, var(--silver, #9B9B9B));\n border-radius: 24px;\n border-top: 5px solid var(--background-color-1, var(--white, #FFFFFF));\n border-bottom: 5px solid var(--background-color-1, var(--white, #FFFFFF));\n border-right: 5px solid var(--background-color-1, var(--white, #FFFFFF));\n border-left: 5px solid var(--background-color-1, var(--white, #FFFFFF));\n}\n.dataTable-component-v2 .MuiTableContainer-root > table thead {\n border-bottom: 1px solid transparent;\n}\n.dataTable-component-v2 .MuiTableContainer-root > table th {\n vertical-align: middle;\n}\n.dataTable-component-v2 .MuiTableContainer-root > table th.sortable {\n cursor: pointer;\n}\n.dataTable-component-v2 .MuiTableContainer-root > table th.sortable:hover .MuiTableSortLabel-root .MuiTableSortLabel-icon {\n opacity: 0.5;\n}\n.dataTable-component-v2 .MuiTableContainer-root > table th,\n.dataTable-component-v2 .MuiTableContainer-root > table td {\n white-space: nowrap;\n}\n.dataTable-component-v2 .MuiTableContainer-root > table th > .cellContainer,\n.dataTable-component-v2 .MuiTableContainer-root > table td > .cellContainer {\n width: -moz-max-content;\n width: max-content;\n}\n.dataTable-component-v2 .MuiTableContainer-root > table th.stickyLastCol::before,\n.dataTable-component-v2 .MuiTableContainer-root > table td.stickyLastCol::before {\n content: \"\";\n width: 19px;\n height: -webkit-fill-available;\n display: block;\n position: absolute;\n top: 0;\n}\n.dataTable-component-v2 .MuiTableContainer-root > table th.stickyFirstCol::after,\n.dataTable-component-v2 .MuiTableContainer-root > table td.stickyFirstCol::after {\n content: \"\";\n width: 19px;\n height: -webkit-fill-available;\n display: block;\n position: absolute;\n top: 0;\n}\n.dataTable-component-v2 .MuiTableContainer-root > table th.leftStickyEffect::before, .dataTable-component-v2 .MuiTableContainer-root > table th.rightStickyEffect::before,\n.dataTable-component-v2 .MuiTableContainer-root > table td.leftStickyEffect::before,\n.dataTable-component-v2 .MuiTableContainer-root > table td.rightStickyEffect::before {\n content: \"\";\n}\n.dataTable-component-v2 .MuiTableContainer-root > table th.leftStickyEffect::after, .dataTable-component-v2 .MuiTableContainer-root > table th.rightStickyEffect::after,\n.dataTable-component-v2 .MuiTableContainer-root > table td.leftStickyEffect::after,\n.dataTable-component-v2 .MuiTableContainer-root > table td.rightStickyEffect::after {\n content: \"\";\n background-size: 16px 16px, 16px 16px;\n background-repeat: no-repeat, no-repeat;\n}\n.dataTable-component-v2 .MuiTableContainer-root > table th.leftStickyEffect,\n.dataTable-component-v2 .MuiTableContainer-root > table td.leftStickyEffect {\n left: 0;\n}\n.dataTable-component-v2 .MuiTableContainer-root > table th.leftStickyEffect::after,\n.dataTable-component-v2 .MuiTableContainer-root > table td.leftStickyEffect::after {\n background-position: top left, bottom left;\n}\n.dataTable-component-v2 .MuiTableContainer-root > table th.rightStickyEffect,\n.dataTable-component-v2 .MuiTableContainer-root > table td.rightStickyEffect {\n right: 0;\n}\n.dataTable-component-v2 .MuiTableContainer-root > table th.rightStickyEffect::after,\n.dataTable-component-v2 .MuiTableContainer-root > table td.rightStickyEffect::after {\n right: 0;\n background-position: top right, bottom right;\n}\n.dataTable-component-v2 .MuiTableContainer-root > table tr {\n position: relative;\n}\n.dataTable-component-v2 .MuiTableContainer-root > table tr td .cellContainer {\n display: flex;\n justify-content: left;\n width: -moz-max-content;\n width: max-content;\n min-width: 100%;\n}\n.dataTable-component-v2 .MuiTableContainer-root > table tr td.centered .cellContainer {\n justify-content: center;\n}\n.dataTable-component-v2 .MuiTablePagination-root .MuiTablePagination-selectLabel,\n.dataTable-component-v2 .MuiTablePagination-root .MuiInputBase-root {\n display: none;\n}\n\n.colManagerMenu .MuiListItemText-root .MuiCheckbox-root {\n margin-right: 0.75rem;\n}\n\n.pagination-buttons {\n display: flex;\n justify-content: flex-end;\n gap: 0.5em;\n}";
8433
+ function CustomPaginationActions(_a) {
8434
+ var count = _a.count, page = _a.page, rowsPerPage = _a.rowsPerPage, onPageChange = _a.onPageChange, showFirstButton = _a.showFirstButton, showLastButton = _a.showLastButton;
8435
+ var handleFirstPageButtonClick = function (event) {
8436
+ onPageChange(event, 0);
8437
+ };
8438
+ var handleBackButtonClick = function (event) {
8439
+ onPageChange(event, page - 1);
8440
+ };
8441
+ var handleNextButtonClick = function (event) {
8442
+ onPageChange(event, page + 1);
8443
+ };
8444
+ var handleLastPageButtonClick = function (event) {
8445
+ onPageChange(event, Math.max(0, Math.ceil(count / rowsPerPage) - 1));
8446
+ };
8447
+ return (React.createElement(material.Stack, { direction: "row", gap: 3 },
8448
+ showFirstButton &&
8449
+ React.createElement(Button, { onClick: handleFirstPageButtonClick, disabled: page === 0, "aria-label": "first page", variant: "outlined", color: "body1" }),
8450
+ React.createElement(Button, { onClick: handleBackButtonClick, disabled: page === 0, iconOnly: true, variant: "outlined", color: "body1" },
8451
+ React.createElement(Icon, { name: "Chevron10", sx: {
8452
+ transform: "rotate(90deg)"
8453
+ } })),
8454
+ React.createElement(Button, { onClick: handleNextButtonClick, disabled: page >= Math.ceil(count / rowsPerPage) - 1, iconOnly: true, variant: "outlined", color: "body1" },
8455
+ React.createElement(Icon, { name: "Chevron10", sx: {
8456
+ transform: "rotate(-90deg)"
8457
+ } })),
8458
+ showLastButton &&
8459
+ React.createElement(Button, { onClick: handleLastPageButtonClick, disabled: page >= Math.ceil(count / rowsPerPage) - 1, "aria-label": "last page", variant: "outlined", color: "body1" }, "Last")));
8460
+ }
8461
+
8462
+ var css_248z$i = "html {\n font-size: 14px;\n}\n\n@media only screen and (min-width: 1440px) {\n html {\n font-size: 16px;\n }\n}\n.ellipsis {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.ui-kit-v2-wrapper .MuiTypography-root,\n.MuiDialog-root .MuiTypography-root,\n.MuiTooltip-popper .MuiTypography-root,\n.MuiPopover-root .MuiTypography-root,\n.MuiMenu-root .MuiTypography-root,\n.base-Popper-root .MuiTypography-root {\n overflow-wrap: break-word;\n -webkit-hyphens: auto;\n hyphens: auto;\n}\n.ui-kit-v2-wrapper .hidden,\n.MuiDialog-root .hidden,\n.MuiTooltip-popper .hidden,\n.MuiPopover-root .hidden,\n.MuiMenu-root .hidden,\n.base-Popper-root .hidden {\n display: none;\n}\n.ui-kit-v2-wrapper .loading,\n.ui-kit-v2-wrapper .disabled,\n.ui-kit-v2-wrapper .inactive,\n.MuiDialog-root .loading,\n.MuiDialog-root .disabled,\n.MuiDialog-root .inactive,\n.MuiTooltip-popper .loading,\n.MuiTooltip-popper .disabled,\n.MuiTooltip-popper .inactive,\n.MuiPopover-root .loading,\n.MuiPopover-root .disabled,\n.MuiPopover-root .inactive,\n.MuiMenu-root .loading,\n.MuiMenu-root .disabled,\n.MuiMenu-root .inactive,\n.base-Popper-root .loading,\n.base-Popper-root .disabled,\n.base-Popper-root .inactive {\n opacity: 0.65;\n pointer-events: none;\n}\n.ui-kit-v2-wrapper .hoverAble,\n.MuiDialog-root .hoverAble,\n.MuiTooltip-popper .hoverAble,\n.MuiPopover-root .hoverAble,\n.MuiMenu-root .hoverAble,\n.base-Popper-root .hoverAble {\n cursor: pointer;\n}\n.ui-kit-v2-wrapper .hoverAble:hover,\n.MuiDialog-root .hoverAble:hover,\n.MuiTooltip-popper .hoverAble:hover,\n.MuiPopover-root .hoverAble:hover,\n.MuiMenu-root .hoverAble:hover,\n.base-Popper-root .hoverAble:hover {\n opacity: 0.65;\n}\n.ui-kit-v2-wrapper .squared,\n.MuiDialog-root .squared,\n.MuiTooltip-popper .squared,\n.MuiPopover-root .squared,\n.MuiMenu-root .squared,\n.base-Popper-root .squared {\n border-radius: 8px !important;\n}\n.ui-kit-v2-wrapper .round,\n.MuiDialog-root .round,\n.MuiTooltip-popper .round,\n.MuiPopover-root .round,\n.MuiMenu-root .round,\n.base-Popper-root .round {\n border-radius: 100px !important;\n}\n.ui-kit-v2-wrapper .rotate-180,\n.MuiDialog-root .rotate-180,\n.MuiTooltip-popper .rotate-180,\n.MuiPopover-root .rotate-180,\n.MuiMenu-root .rotate-180,\n.base-Popper-root .rotate-180 {\n transform: rotate(180deg) !important;\n}\n.ui-kit-v2-wrapper .semiBold,\n.MuiDialog-root .semiBold,\n.MuiTooltip-popper .semiBold,\n.MuiPopover-root .semiBold,\n.MuiMenu-root .semiBold,\n.base-Popper-root .semiBold {\n font-weight: 600 !important;\n}\n.ui-kit-v2-wrapper .bold,\n.MuiDialog-root .bold,\n.MuiTooltip-popper .bold,\n.MuiPopover-root .bold,\n.MuiMenu-root .bold,\n.base-Popper-root .bold {\n font-weight: 700 !important;\n}\n.ui-kit-v2-wrapper .regular,\n.MuiDialog-root .regular,\n.MuiTooltip-popper .regular,\n.MuiPopover-root .regular,\n.MuiMenu-root .regular,\n.base-Popper-root .regular {\n font-weight: 400 !important;\n}\n.ui-kit-v2-wrapper .uppercase,\n.MuiDialog-root .uppercase,\n.MuiTooltip-popper .uppercase,\n.MuiPopover-root .uppercase,\n.MuiMenu-root .uppercase,\n.base-Popper-root .uppercase {\n text-transform: uppercase;\n}\n.ui-kit-v2-wrapper .showTooltip,\n.MuiDialog-root .showTooltip,\n.MuiTooltip-popper .showTooltip,\n.MuiPopover-root .showTooltip,\n.MuiMenu-root .showTooltip,\n.base-Popper-root .showTooltip {\n border-bottom: 1px dashed var(--body-font-color-2, var(--silver, #9B9B9B));\n cursor: pointer;\n}\n.ui-kit-v2-wrapper .ellipsis,\n.MuiDialog-root .ellipsis,\n.MuiTooltip-popper .ellipsis,\n.MuiPopover-root .ellipsis,\n.MuiMenu-root .ellipsis,\n.base-Popper-root .ellipsis {\n overflow: hidden !important;\n text-overflow: ellipsis !important;\n white-space: nowrap !important;\n text-wrap: nowrap !important;\n}\n.ui-kit-v2-wrapper .multilineEllipsis,\n.MuiDialog-root .multilineEllipsis,\n.MuiTooltip-popper .multilineEllipsis,\n.MuiPopover-root .multilineEllipsis,\n.MuiMenu-root .multilineEllipsis,\n.base-Popper-root .multilineEllipsis {\n display: -webkit-box !important;\n -webkit-box-orient: vertical !important;\n -webkit-line-clamp: 3;\n line-clamp: 3;\n overflow: hidden !important;\n text-overflow: ellipsis !important;\n white-space: normal !important;\n word-break: break-word !important;\n}\n.ui-kit-v2-wrapper li::before,\n.MuiDialog-root li::before,\n.MuiTooltip-popper li::before,\n.MuiPopover-root li::before,\n.MuiMenu-root li::before,\n.base-Popper-root li::before {\n content: unset;\n}\n\n.dataTable-component-v2 {\n position: relative;\n height: 100%;\n}\n.dataTable-component-v2 .MuiTableContainer-root {\n margin-bottom: 5rem;\n}\n.dataTable-component-v2 .MuiTableContainer-root::-webkit-scrollbar {\n display: block;\n}\n.dataTable-component-v2 .MuiTableContainer-root::-webkit-scrollbar-track:horizontal {\n position: absolute;\n bottom: -20px;\n}\n.dataTable-component-v2 .MuiTableContainer-root::-webkit-scrollbar-track:vertical {\n border-bottom-left-radius: 0 !important;\n border-bottom-right-radius: 8px !important;\n border-top-right-radius: 8px !important;\n}\n.dataTable-component-v2 .MuiTableContainer-root::-webkit-scrollbar-track {\n height: 2.5rem;\n width: 2.5rem;\n padding: 2rem;\n background-clip: content-box;\n border-bottom-left-radius: 8px;\n}\n.dataTable-component-v2 .MuiTableContainer-root::-webkit-scrollbar-thumb {\n background: var(--body-font-color-2, var(--silver, #9B9B9B));\n border-radius: 24px;\n border-top: 5px solid var(--background-color-1, var(--white, #FFFFFF));\n border-bottom: 5px solid var(--background-color-1, var(--white, #FFFFFF));\n border-right: 5px solid var(--background-color-1, var(--white, #FFFFFF));\n border-left: 5px solid var(--background-color-1, var(--white, #FFFFFF));\n}\n.dataTable-component-v2 .MuiTableContainer-root > table thead {\n border-bottom: 1px solid transparent;\n}\n.dataTable-component-v2 .MuiTableContainer-root > table th {\n vertical-align: middle;\n}\n.dataTable-component-v2 .MuiTableContainer-root > table th.sortable {\n cursor: pointer;\n}\n.dataTable-component-v2 .MuiTableContainer-root > table th.sortable .MuiTableSortLabel-root .MuiTableSortLabel-icon path {\n color: var(--body-font-color, var(--dark-matter, #2B2B2B));\n}\n.dataTable-component-v2 .MuiTableContainer-root > table th.sortable:hover .MuiTableSortLabel-root .MuiTableSortLabel-icon {\n opacity: 0.5;\n}\n.dataTable-component-v2 .MuiTableContainer-root > table th,\n.dataTable-component-v2 .MuiTableContainer-root > table td {\n white-space: nowrap;\n}\n.dataTable-component-v2 .MuiTableContainer-root > table th > .cellContainer,\n.dataTable-component-v2 .MuiTableContainer-root > table td > .cellContainer {\n width: -moz-max-content;\n width: max-content;\n}\n.dataTable-component-v2 .MuiTableContainer-root > table th.stickyLastCol::before,\n.dataTable-component-v2 .MuiTableContainer-root > table td.stickyLastCol::before {\n content: \"\";\n width: 19px;\n height: -webkit-fill-available;\n display: block;\n position: absolute;\n top: 0;\n}\n.dataTable-component-v2 .MuiTableContainer-root > table th.stickyFirstCol::after,\n.dataTable-component-v2 .MuiTableContainer-root > table td.stickyFirstCol::after {\n content: \"\";\n width: 19px;\n height: -webkit-fill-available;\n display: block;\n position: absolute;\n top: 0;\n}\n.dataTable-component-v2 .MuiTableContainer-root > table th.leftStickyEffect::before, .dataTable-component-v2 .MuiTableContainer-root > table th.rightStickyEffect::before,\n.dataTable-component-v2 .MuiTableContainer-root > table td.leftStickyEffect::before,\n.dataTable-component-v2 .MuiTableContainer-root > table td.rightStickyEffect::before {\n content: \"\";\n}\n.dataTable-component-v2 .MuiTableContainer-root > table th.leftStickyEffect::after, .dataTable-component-v2 .MuiTableContainer-root > table th.rightStickyEffect::after,\n.dataTable-component-v2 .MuiTableContainer-root > table td.leftStickyEffect::after,\n.dataTable-component-v2 .MuiTableContainer-root > table td.rightStickyEffect::after {\n content: \"\";\n background-size: 16px 16px, 16px 16px;\n background-repeat: no-repeat, no-repeat;\n}\n.dataTable-component-v2 .MuiTableContainer-root > table th.leftStickyEffect,\n.dataTable-component-v2 .MuiTableContainer-root > table td.leftStickyEffect {\n left: 0;\n}\n.dataTable-component-v2 .MuiTableContainer-root > table th.leftStickyEffect::after,\n.dataTable-component-v2 .MuiTableContainer-root > table td.leftStickyEffect::after {\n background-position: top left, bottom left;\n}\n.dataTable-component-v2 .MuiTableContainer-root > table th.rightStickyEffect,\n.dataTable-component-v2 .MuiTableContainer-root > table td.rightStickyEffect {\n right: 0;\n}\n.dataTable-component-v2 .MuiTableContainer-root > table th.rightStickyEffect::after,\n.dataTable-component-v2 .MuiTableContainer-root > table td.rightStickyEffect::after {\n right: 0;\n background-position: top right, bottom right;\n}\n.dataTable-component-v2 .MuiTableContainer-root > table tr {\n position: relative;\n}\n.dataTable-component-v2 .MuiTableContainer-root > table tr td .cellContainer {\n display: flex;\n justify-content: left;\n width: -moz-max-content;\n width: max-content;\n min-width: 100%;\n}\n.dataTable-component-v2 .MuiTableContainer-root > table tr td.centered .cellContainer {\n justify-content: center;\n}\n.dataTable-component-v2 .MuiTablePagination-root .MuiTablePagination-selectLabel,\n.dataTable-component-v2 .MuiTablePagination-root .MuiInputBase-root {\n display: none;\n}\n\n.colManagerMenu .MuiListItemText-root .MuiCheckbox-root {\n margin-right: 0.75rem;\n}";
8427
8463
  styleInject(css_248z$i);
8428
8464
 
8429
8465
  var bottomLeftCorner = "data:image/svg+xml,%3Csvg%20width%3D%228%22%20height%3D%228%22%20viewBox%3D%220%200%208%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fillRule%3D%22evenodd%22%20clipRule%3D%22evenodd%22%20d%3D%22M8%208C3.58172%208%20-1.56562e-07%204.41828%20-3.49691e-07%200L0%208L8%208Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E";
@@ -8491,12 +8527,12 @@ function DataTablePaginationNoCount(_a) {
8491
8527
  setPage(page + changePage);
8492
8528
  onPaginationChange && onPaginationChange(page + changePage, rowsPerPage);
8493
8529
  }
8494
- return (React.createElement("div", { className: "pagination-buttons" },
8495
- React.createElement(Button, { color: "body1", variant: "outlined", disabled: page < 2, onClick: function () { return handleChangePage(-1); } },
8530
+ return (React.createElement(material.Stack, { direction: "row", className: "pagination-buttons" },
8531
+ React.createElement(Button, { color: "body1", variant: "outlined", size: "medium", disabled: page < 2, onClick: function () { return handleChangePage(-1); } },
8496
8532
  React.createElement(Icon, { name: "Chevron10", sx: {
8497
8533
  transform: "rotate(90deg)"
8498
8534
  } })),
8499
- React.createElement(Button, { color: "body1", variant: "outlined", disabled: !hasMore, onClick: function () { return handleChangePage(1); } },
8535
+ React.createElement(Button, { color: "body1", variant: "outlined", size: "medium", disabled: !hasMore, onClick: function () { return handleChangePage(1); } },
8500
8536
  React.createElement(Icon, { name: "Chevron10", sx: {
8501
8537
  transform: "rotate(-90deg)"
8502
8538
  } }))));
@@ -8873,7 +8909,9 @@ function DataTable(_a) {
8873
8909
  var isItemSelected = isSelected(row[rowIdMap]) || !!(row === null || row === void 0 ? void 0 : row.isSelected);
8874
8910
  return React.createElement(DataTableRow, { key: "mainrow-" + index, handleRowClick: onRowClick, handleRowSelect: handleRowSelect, isItemSelected: isItemSelected, columnsData: columnsData, row: row, index: index, rowIdMap: rowIdMap, showRowSelection: showRowSelection, stickyFirstCol: stickyFirstCol, stickyLastCol: stickyLastCol, showCollapsibleContent: showCollapsibleContent, colCount: colCount });
8875
8911
  })))),
8876
- showPagination && (hasMore !== undefined ? (React.createElement(DataTablePaginationNoCount, { page: page, setPage: setPage, onPaginationChange: onPaginationChange, rowsPerPage: rowsPerPage, hasMore: hasMore })) : (React.createElement(TablePagination, { rowsPerPageOptions: rowsPerPageOptions, component: "div", count: totalCount !== undefined ? totalCount : rows.length, rowsPerPage: rowsPerPage, page: page, onPageChange: handleChangePage, onRowsPerPageChange: handleChangeRowsPerPage }))));
8912
+ showPagination && (hasMore !== undefined ? (React.createElement(DataTablePaginationNoCount, { page: page, setPage: setPage, onPaginationChange: onPaginationChange, rowsPerPage: rowsPerPage, hasMore: hasMore })) : (React.createElement(TablePagination, { rowsPerPageOptions: rowsPerPageOptions, component: "div", count: totalCount !== undefined ? totalCount : rows.length, rowsPerPage: rowsPerPage, page: page, onPageChange: handleChangePage, onRowsPerPageChange: handleChangeRowsPerPage,
8913
+ //@ts-ignore
8914
+ ActionsComponent: CustomPaginationActions }))));
8877
8915
  }
8878
8916
 
8879
8917
  var css_248z$f = ".dateTimeSelector.dateTimeCalendar {\n background: var(--white, #FFFFFF);\n}\n.dateTimeSelector .MuiMultiSectionDigitalClock-root,\n.dateTimeSelector .MuiMultiSectionDigitalClockSection-root {\n flex: 1;\n}\n.dateTimeSelector .MuiMultiSectionDigitalClock-root .MuiMultiSectionDigitalClockSection-item.Mui-selected,\n.dateTimeSelector .MuiMultiSectionDigitalClockSection-root .MuiMultiSectionDigitalClockSection-item.Mui-selected {\n background-color: var(--primary-brand-color, var(--grape, #69006E)) !important;\n}";
@@ -10632,7 +10670,7 @@ function GroupedActions(_a) {
10632
10670
  return React.createElement(Box, { className: classes }, components);
10633
10671
  }
10634
10672
 
10635
- var css_248z$8 = ".header-component-v2 {\n max-width: 31rem;\n width: 100%;\n}\n.header-component-v2 > * {\n width: -moz-fit-content;\n width: fit-content;\n}\n.header-component-v2 .header .headerText,\n.header-component-v2 .header .headerText span,\n.header-component-v2 .desc span,\n.header-component-v2 .support span {\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: 31rem;\n display: block;\n text-wrap: nowrap;\n width: 100%;\n}\n.header-component-v2 .header,\n.header-component-v2 .desc,\n.header-component-v2 .support {\n width: -moz-fit-content;\n width: fit-content;\n}\n.header-component-v2 .header {\n flex: 1;\n margin-top: 0;\n}\n.header-component-v2 .header .postHeader,\n.header-component-v2 .header .preHeader {\n display: inline-block;\n width: -moz-fit-content;\n width: fit-content;\n text-wrap: nowrap;\n}\n.header-component-v2 .header .preHeader {\n margin-right: 1rem;\n}\n.header-component-v2 .header .postHeader {\n margin-left: 1.5rem;\n}\n.header-component-v2 .support {\n flex: 1;\n line-height: 0.75rem;\n display: block;\n margin-bottom: 1rem;\n}\n.header-component-v2 .desc {\n flex: 1;\n margin-top: 1rem;\n border-color: var(--secondary-brand-color, var(--teal, #0ABDAE));\n}";
10673
+ var css_248z$8 = ".header-component-v2 {\n max-width: 31rem;\n width: 100%;\n}\n.header-component-v2 > * {\n width: -moz-fit-content;\n width: fit-content;\n}\n.header-component-v2 .header .headerText,\n.header-component-v2 .header .headerText span,\n.header-component-v2 .desc span,\n.header-component-v2 .support span {\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: 31rem;\n display: block;\n text-wrap: nowrap;\n width: 100%;\n}\n.header-component-v2 .header,\n.header-component-v2 .desc,\n.header-component-v2 .support {\n width: -moz-fit-content;\n width: fit-content;\n}\n.header-component-v2 .header {\n flex: 1;\n margin-top: 0;\n}\n.header-component-v2 .header .postHeader,\n.header-component-v2 .header .preHeader {\n display: inline-block;\n width: -moz-fit-content;\n width: fit-content;\n text-wrap: nowrap;\n}\n.header-component-v2 .header .preHeader {\n margin-right: 1rem;\n}\n.header-component-v2 .header .postHeader {\n margin-left: 1.5rem;\n}\n.header-component-v2 .support {\n flex: 1;\n line-height: 0.75rem;\n display: block;\n margin-bottom: 1px;\n}\n.header-component-v2 .desc {\n flex: 1;\n margin-top: 1rem;\n border-color: var(--secondary-brand-color, var(--teal, #0ABDAE));\n}";
10636
10674
  styleInject(css_248z$8);
10637
10675
 
10638
10676
  //TODO when bottom line is secondary color, it means it is in a editable state, clicking it would transform it into a text field with check and x
package/dist/esm/components/dataTable/CustomPaginationActions.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ import { TablePaginationOwnProps } from "@mui/material";
2
+ import React from "react";
3
+ export declare function CustomPaginationActions({ count, page, rowsPerPage, onPageChange, showFirstButton, showLastButton, }: TablePaginationOwnProps): React.JSX.Element;
4
+ export default CustomPaginationActions;
package/dist/esm/components/icon/types.d.ts CHANGED
@@ -24,6 +24,7 @@ export declare enum EIconName {
24
24
  "Attribute18" = "Attribute18",
25
25
  "Book18" = "Book18",
26
26
  "Bounce18" = "Bounce18",
27
+ "Branded18" = "Branded18",
27
28
  "Dashboard18" = "Dashboard18",
28
29
  "Document18" = "Document18",
29
30
  "Desktop18" = "Desktop18",
@@ -72,6 +73,7 @@ export declare enum EIconName {
72
73
  "TrayToggle18" = "TrayToggle18",
73
74
  "X18" = "X18",
74
75
  "User18" = "User18",
76
+ "UnBranded18" = "UnBranded18",
75
77
  "ZoomReset18" = "ZoomReset18",
76
78
  "ColorWheel20" = "ColorWheel20",
77
79
  "Bounce24" = "Bounce24",
package/dist/esm/components/icons/18/Branded.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ import { SvgIconProps } from '@mui/material/SvgIcon';
2
+ import React from "react";
3
+ declare function Branded18(props: SvgIconProps): React.JSX.Element;
4
+ export default Branded18;
package/dist/esm/components/icons/18/Unbranded.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ import { SvgIconProps } from '@mui/material/SvgIcon';
2
+ import React from "react";
3
+ declare function UnBranded18(props: SvgIconProps): React.JSX.Element;
4
+ export default UnBranded18;
package/dist/esm/data/theme/MuiTableCell.d.ts CHANGED
@@ -3,13 +3,16 @@ export default function getMuiTableCell(theme: Theme): {
3
3
  styleOverrides: {
4
4
  root: {
5
5
  "&:not(.seperator)": {
6
- padding: string;
7
6
  boxSizing: string;
8
7
  marginBottom: string;
9
8
  border: string;
10
9
  maxWidth: string;
11
10
  verticalAlign: string;
11
+ "&:nth-child(2)": {
12
+ paddingLeft: string;
13
+ };
12
14
  "&:not(.MuiTableCell-head)": {
15
+ padding: string;
13
16
  accentColor?: import("csstype").Property.AccentColor | undefined;
14
17
  alignContent?: import("csstype").Property.AlignContent | undefined;
15
18
  alignItems?: import("csstype").Property.AlignItems | undefined;
@@ -435,7 +438,6 @@ export default function getMuiTableCell(theme: Theme): {
435
438
  outline?: import("csstype").Property.Outline<string | number> | undefined;
436
439
  overflow?: import("csstype").Property.Overflow | undefined;
437
440
  overscrollBehavior?: import("csstype").Property.OverscrollBehavior | undefined;
438
- padding?: import("csstype").Property.Padding<string | number> | undefined;
439
441
  paddingBlock?: import("csstype").Property.PaddingBlock<string | number> | undefined;
440
442
  paddingInline?: import("csstype").Property.PaddingInline<string | number> | undefined;
441
443
  placeContent?: import("csstype").Property.PlaceContent | undefined;
@@ -836,6 +838,9 @@ export default function getMuiTableCell(theme: Theme): {
836
838
  textAnchor?: import("csstype").Property.TextAnchor | undefined;
837
839
  vectorEffect?: import("csstype").Property.VectorEffect | undefined;
838
840
  };
841
+ "&.MuiTableCell-head": {
842
+ padding: string;
843
+ };
839
844
  ".MuiCollapse-wrapperInner": {
840
845
  padding: string;
841
846
  };
package/dist/esm/data/theme/MuiTableHead.d.ts CHANGED
@@ -831,7 +831,6 @@ export default function getMuiTableHead(theme: Theme): {
831
831
  vectorEffect?: import("csstype").Property.VectorEffect | undefined;
832
832
  };
833
833
  "tr th": {
834
- height: string;
835
834
  fontWeight: string;
836
835
  };
837
836
  ".MuiTableCell-stickyHeader": {
package/dist/esm/index.js CHANGED
@@ -715,6 +715,11 @@ function Bounce18(props) {
715
715
  React__default.createElement("path", { className: "noFill", id: "Vector 159", d: "M13 1H17V5", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }));
716
716
  }
717
717
 
718
+ function Branded18(props) {
719
+ return React__default.createElement(SvgIcon, __assign({}, props, { width: "18", height: "18", viewBox: "0 0 18 18" }),
720
+ React__default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0 0V11C0 12.1046 0.89543 13 2 13H6V16C6 17.1046 6.89543 18 8 18H10C11.1046 18 12 17.1046 12 16V13H16C17.1046 13 18 12.1046 18 11V0H0ZM4 2H2L2 7H16V2H14V5H12V2H10V5H8V2H6V5H4V2ZM2 9H16V11H10V16H8V11H2L2 9Z" }));
721
+ }
722
+
718
723
  function Campaigns18(props) {
719
724
  return React__default.createElement(SvgIcon, __assign({}, props, { width: "18", height: "18", viewBox: "0 0 18 18" }),
720
725
  React__default.createElement("path", { className: "noFill", d: "M7 1L17 11", strokeWidth: "2", strokeLinecap: "round" }),
@@ -751,19 +756,8 @@ function Collapse18(props) {
751
756
 
752
757
  function Copy18(props) {
753
758
  return React__default.createElement(SvgIcon, __assign({}, props, { width: "18", height: "18", viewBox: "0 0 18 18" }),
754
- React__default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M16 4V5V16H5H3V18H18V4H16Z" }),
755
- React__default.createElement("path", { d: "M4 0H0V2H4V0Z" }),
756
- React__default.createElement("path", { d: "M9 0H5V2H9V0Z" }),
757
- React__default.createElement("path", { d: "M14 0H10V2H14V0Z" }),
758
- React__default.createElement("path", { d: "M14 4L14 2L12 2L12 4L14 4Z" }),
759
- React__default.createElement("path", { d: "M14 9L14 5L12 5L12 9L14 9Z" }),
760
- React__default.createElement("path", { d: "M14 14L14 10L12 10L12 14L14 14Z" }),
761
- React__default.createElement("path", { d: "M2 4L2 2L0 2L-1.11701e-06 4L2 4Z" }),
762
- React__default.createElement("path", { d: "M2 9L2 5L0 5L-2.23402e-06 9L2 9Z" }),
763
- React__default.createElement("path", { d: "M2 14L2 10L0 10L-2.23402e-06 14L2 14Z" }),
764
- React__default.createElement("path", { d: "M10 14L14 14L14 12L10 12L10 14Z" }),
765
- React__default.createElement("path", { d: "M5 14L9 14L9 12L5 12L5 14Z" }),
766
- React__default.createElement("path", { d: "M0 14L4 14L4 12L2.23402e-06 12L0 14Z" }));
759
+ React__default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0 3C0 1.34315 1.34315 0 3 0H10C11.6569 0 13 1.34315 13 3V10C13 11.6569 11.6569 13 10 13H3C1.34315 13 0 11.6569 0 10V3ZM3 2H10C10.5523 2 11 2.44772 11 3V10C11 10.5523 10.5523 11 10 11H3C2.44772 11 2 10.5523 2 10V3C2 2.44772 2.44772 2 3 2Z" }),
760
+ React__default.createElement("path", { d: "M6 15H8C8 15.5523 8.44772 16 9 16H15C15.5523 16 16 15.5523 16 15V9C16 8.44772 15.5523 8 15 8V6C16.6569 6 18 7.34315 18 9V15C18 16.6569 16.6569 18 15 18H9C7.34315 18 6 16.6568 6 15Z" }));
767
761
  }
768
762
 
769
763
  function Dashboard18(props) {
@@ -1035,6 +1029,13 @@ function TrayToggle18(props) {
1035
1029
  React__default.createElement("path", { d: "M3 4C3 3.44772 3.44772 3 4 3H8C8.55228 3 9 3.44772 9 4V14C9 14.5523 8.55228 15 8 15H4C3.44772 15 3 14.5523 3 14V4Z", "fill-opacity": "0.5737" }));
1036
1030
  }
1037
1031
 
1032
+ function UnBranded18(props) {
1033
+ return React__default.createElement(SvgIcon, __assign({}, props, { width: "18", height: "18", viewBox: "0 0 18 18" }),
1034
+ React__default.createElement("path", { d: "M18 11C18 12.1046 17.1046 13 16 13H12V16C12 17.1046 11.1046 18 10 18H8C6.89543 18 6 17.1046 6 16V15.1543L8 13.209V16H10V11.2646L10.2734 11H16V9H12.3301L14.3877 7H16V5.43164L18 3.4873V11Z" }),
1035
+ React__default.createElement("path", { d: "M16.3047 0.282227C16.7014 -0.102033 17.3335 -0.0919732 17.7178 0.304688C18.102 0.701362 18.092 1.3335 17.6953 1.71777L1.69531 17.2178C1.29864 17.602 0.666499 17.592 0.282227 17.1953C-0.102028 16.7986 -0.0919778 16.1665 0.304688 15.7822L16.3047 0.282227Z" }),
1036
+ React__default.createElement("path", { d: "M12 2.34473V2H10V4.29004L9.26953 5H8V2H6V5H4V2H2V7H7.21289L5.15527 9H2V11H3.09863L1.20898 12.8359C0.498127 12.5293 0 11.8234 0 11V0H14.4131L12 2.34473Z" }));
1037
+ }
1038
+
1038
1039
  function User18(props) {
1039
1040
  return React__default.createElement(SvgIcon, __assign({}, props, { width: "18", height: "18", viewBox: "0 0 18 18" }),
1040
1041
  React__default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.60003 4.96399C4.28098 2.32458 6.34137 0.00012207 9 0.00012207C11.6586 0.00012207 13.719 2.32458 13.4 4.96399L13.1274 7.21889C13.092 7.51163 13.0204 7.79723 12.9154 8.06951C15.7946 8.51027 18 10.9976 18 14.0001V17.0001C18 17.5524 17.5523 18.0001 17 18.0001H1C0.447715 18.0001 0 17.5524 0 17.0001V14.0001C0 10.9977 2.20538 8.51027 5.0846 8.06951C4.97955 7.79723 4.90798 7.51163 4.8726 7.21889L4.60003 4.96399ZM11.4144 4.72398L11.1419 6.97888C11.1056 7.27852 10.9824 7.56099 10.7875 7.7914L10.334 8.3273C9.63598 9.15226 8.36402 9.15226 7.66597 8.3273L7.21253 7.7914C7.01756 7.56099 6.89436 7.27852 6.85814 6.97888L6.58557 4.72398C6.4105 3.27564 7.54111 2.00012 9 2.00012C10.4589 2.00012 11.5895 3.27564 11.4144 4.72398ZM6.50995 10.0001H6C3.79086 10.0001 2 11.791 2 14.0001V16.0001H4V14.0001C4 13.4478 4.44772 13.0001 5 13.0001C5.55228 13.0001 6 13.4478 6 14.0001V16.0001H12V14.0001C12 13.4478 12.4477 13.0001 13 13.0001C13.5523 13.0001 14 13.4478 14 14.0001V16.0001H16V14.0001C16 11.791 14.2091 10.0001 12 10.0001H11.49C10.077 11.2613 7.92304 11.2613 6.50995 10.0001Z" }));
@@ -1380,6 +1381,7 @@ function Icon(_a) {
1380
1381
  Arrow18: Arrow18,
1381
1382
  Book18: Book18,
1382
1383
  Bounce18: Bounce18,
1384
+ Branded18: Branded18,
1383
1385
  Campaigns18: Campaigns18,
1384
1386
  Collapse18: Collapse18,
1385
1387
  Clicks18: Clicks18,
@@ -1427,6 +1429,7 @@ function Icon(_a) {
1427
1429
  TrayToggle18: TrayToggle18,
1428
1430
  X18: X18,
1429
1431
  User18: User18,
1432
+ UnBranded18: UnBranded18,
1430
1433
  ZoomReset18: ZoomReset18,
1431
1434
  ColorWheel20: ColorWheel20,
1432
1435
  Bounce24: Bounce24,
@@ -6847,13 +6850,18 @@ function getMuiTableCell(theme) {
6847
6850
  styleOverrides: {
6848
6851
  root: {
6849
6852
  "&:not(.seperator)": {
6850
- padding: theme.spacing(4),
6851
6853
  boxSizing: "border-box",
6852
6854
  marginBottom: theme.spacing(5),
6853
6855
  border: "none",
6854
6856
  maxWidth: "unset",
6855
6857
  verticalAlign: "top",
6856
- "&:not(.MuiTableCell-head)": __assign({}, theme.typography.body1L),
6858
+ "&:nth-child(2)": {
6859
+ paddingLeft: theme.spacing(5) + "!important",
6860
+ },
6861
+ "&:not(.MuiTableCell-head)": __assign(__assign({}, theme.typography.body1L), { padding: theme.spacing(4) }),
6862
+ "&.MuiTableCell-head": {
6863
+ padding: theme.spacing(3, 4),
6864
+ },
6857
6865
  ".MuiCollapse-wrapperInner": {
6858
6866
  padding: theme.spacing(12)
6859
6867
  },
@@ -6949,7 +6957,6 @@ function getMuiTableHead(theme) {
6949
6957
  root: {
6950
6958
  "tr th:not(.MuiTableCell-paddingCheckbox) *:not(svg):(button),tr th:not(.MuiTableCell-paddingCheckbox)": __assign(__assign({}, theme.typography.body1), { color: theme.palette.text.primary }),
6951
6959
  "tr th": {
6952
- "height": "4rem",
6953
6960
  fontWeight: "600 !important"
6954
6961
  },
6955
6962
  ".MuiTableCell-stickyHeader": {
@@ -8001,7 +8008,7 @@ function Logo(_a) {
8001
8008
  React__default.createElement("img", __assign({ src: url, style: __assign({ maxHeight: "45px", maxWidth: "200px" }, styles) }, imgProps)));
8002
8009
  }
8003
8010
 
8004
- var css_248z$o = "html {\n font-size: 14px;\n}\n\n@media only screen and (min-width: 1440px) {\n html {\n font-size: 16px;\n }\n}\n.ellipsis {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.ui-kit-v2-wrapper .MuiTypography-root,\n.MuiDialog-root .MuiTypography-root,\n.MuiTooltip-popper .MuiTypography-root,\n.MuiPopover-root .MuiTypography-root,\n.MuiMenu-root .MuiTypography-root,\n.base-Popper-root .MuiTypography-root {\n overflow-wrap: break-word;\n -webkit-hyphens: auto;\n hyphens: auto;\n}\n.ui-kit-v2-wrapper .hidden,\n.MuiDialog-root .hidden,\n.MuiTooltip-popper .hidden,\n.MuiPopover-root .hidden,\n.MuiMenu-root .hidden,\n.base-Popper-root .hidden {\n display: none;\n}\n.ui-kit-v2-wrapper .loading,\n.ui-kit-v2-wrapper .disabled,\n.ui-kit-v2-wrapper .inactive,\n.MuiDialog-root .loading,\n.MuiDialog-root .disabled,\n.MuiDialog-root .inactive,\n.MuiTooltip-popper .loading,\n.MuiTooltip-popper .disabled,\n.MuiTooltip-popper .inactive,\n.MuiPopover-root .loading,\n.MuiPopover-root .disabled,\n.MuiPopover-root .inactive,\n.MuiMenu-root .loading,\n.MuiMenu-root .disabled,\n.MuiMenu-root .inactive,\n.base-Popper-root .loading,\n.base-Popper-root .disabled,\n.base-Popper-root .inactive {\n opacity: 0.65;\n pointer-events: none;\n}\n.ui-kit-v2-wrapper .hoverAble,\n.MuiDialog-root .hoverAble,\n.MuiTooltip-popper .hoverAble,\n.MuiPopover-root .hoverAble,\n.MuiMenu-root .hoverAble,\n.base-Popper-root .hoverAble {\n cursor: pointer;\n}\n.ui-kit-v2-wrapper .hoverAble:hover,\n.MuiDialog-root .hoverAble:hover,\n.MuiTooltip-popper .hoverAble:hover,\n.MuiPopover-root .hoverAble:hover,\n.MuiMenu-root .hoverAble:hover,\n.base-Popper-root .hoverAble:hover {\n opacity: 0.65;\n}\n.ui-kit-v2-wrapper .squared,\n.MuiDialog-root .squared,\n.MuiTooltip-popper .squared,\n.MuiPopover-root .squared,\n.MuiMenu-root .squared,\n.base-Popper-root .squared {\n border-radius: 8px !important;\n}\n.ui-kit-v2-wrapper .round,\n.MuiDialog-root .round,\n.MuiTooltip-popper .round,\n.MuiPopover-root .round,\n.MuiMenu-root .round,\n.base-Popper-root .round {\n border-radius: 100px !important;\n}\n.ui-kit-v2-wrapper .rotate-180,\n.MuiDialog-root .rotate-180,\n.MuiTooltip-popper .rotate-180,\n.MuiPopover-root .rotate-180,\n.MuiMenu-root .rotate-180,\n.base-Popper-root .rotate-180 {\n transform: rotate(180deg) !important;\n}\n.ui-kit-v2-wrapper .semiBold,\n.MuiDialog-root .semiBold,\n.MuiTooltip-popper .semiBold,\n.MuiPopover-root .semiBold,\n.MuiMenu-root .semiBold,\n.base-Popper-root .semiBold {\n font-weight: 600 !important;\n}\n.ui-kit-v2-wrapper .bold,\n.MuiDialog-root .bold,\n.MuiTooltip-popper .bold,\n.MuiPopover-root .bold,\n.MuiMenu-root .bold,\n.base-Popper-root .bold {\n font-weight: 700 !important;\n}\n.ui-kit-v2-wrapper .regular,\n.MuiDialog-root .regular,\n.MuiTooltip-popper .regular,\n.MuiPopover-root .regular,\n.MuiMenu-root .regular,\n.base-Popper-root .regular {\n font-weight: 400 !important;\n}\n.ui-kit-v2-wrapper .uppercase,\n.MuiDialog-root .uppercase,\n.MuiTooltip-popper .uppercase,\n.MuiPopover-root .uppercase,\n.MuiMenu-root .uppercase,\n.base-Popper-root .uppercase {\n text-transform: uppercase;\n}\n.ui-kit-v2-wrapper .showTooltip,\n.MuiDialog-root .showTooltip,\n.MuiTooltip-popper .showTooltip,\n.MuiPopover-root .showTooltip,\n.MuiMenu-root .showTooltip,\n.base-Popper-root .showTooltip {\n border-bottom: 1px dashed var(--body-font-color-2, var(--silver, #9B9B9B));\n cursor: pointer;\n}\n.ui-kit-v2-wrapper .ellipsis,\n.MuiDialog-root .ellipsis,\n.MuiTooltip-popper .ellipsis,\n.MuiPopover-root .ellipsis,\n.MuiMenu-root .ellipsis,\n.base-Popper-root .ellipsis {\n overflow: hidden !important;\n text-overflow: ellipsis !important;\n white-space: nowrap !important;\n text-wrap: nowrap !important;\n}\n.ui-kit-v2-wrapper .multilineEllipsis,\n.MuiDialog-root .multilineEllipsis,\n.MuiTooltip-popper .multilineEllipsis,\n.MuiPopover-root .multilineEllipsis,\n.MuiMenu-root .multilineEllipsis,\n.base-Popper-root .multilineEllipsis {\n display: -webkit-box !important;\n -webkit-box-orient: vertical !important;\n -webkit-line-clamp: 3;\n line-clamp: 3;\n overflow: hidden !important;\n text-overflow: ellipsis !important;\n white-space: normal !important;\n word-break: break-word !important;\n}\n.ui-kit-v2-wrapper li::before,\n.MuiDialog-root li::before,\n.MuiTooltip-popper li::before,\n.MuiPopover-root li::before,\n.MuiMenu-root li::before,\n.base-Popper-root li::before {\n content: unset;\n}\n\n.modal-component-v2 {\n position: fixed;\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n background: var(--white, #FFFFFF);\n z-index: 8500;\n flex-direction: column;\n}\n.modal-component-v2.spacedHeader .fullBar-component-v2 {\n padding: 2rem 2rem 0 2rem;\n border-bottom: unset;\n}\n.modal-component-v2.open {\n display: flex;\n}\n.modal-component-v2:not(.open) {\n display: none;\n}\n.modal-component-v2 .vSeperator {\n width: 1px;\n height: 50%;\n background: var(--wild-sand, #dddddd);\n}\n.modal-component-v2 > .fullBar-component-v2 {\n flex: 0;\n padding: 0.75rem 1.5rem;\n border-bottom: 1px solid var(--wild-sand, #dddddd);\n}\n.modal-component-v2 > .fullBar-component-v2 .subNav-component-v2 button {\n padding-top: 0;\n padding-bottom: 0;\n}\n.modal-component-v2 > .fullBar-component-v2 .left > *:nth-child(n+2) {\n margin-left: 1rem;\n}\n.modal-component-v2 > div:not(.fullBar-component-v2) {\n flex: 1;\n}\n.modal-component-v2 .contentSectionContainer {\n display: flex;\n align-items: center;\n overflow-y: auto;\n}";
8011
+ var css_248z$o = "html {\n font-size: 14px;\n}\n\n@media only screen and (min-width: 1440px) {\n html {\n font-size: 16px;\n }\n}\n.ellipsis {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.ui-kit-v2-wrapper .MuiTypography-root,\n.MuiDialog-root .MuiTypography-root,\n.MuiTooltip-popper .MuiTypography-root,\n.MuiPopover-root .MuiTypography-root,\n.MuiMenu-root .MuiTypography-root,\n.base-Popper-root .MuiTypography-root {\n overflow-wrap: break-word;\n -webkit-hyphens: auto;\n hyphens: auto;\n}\n.ui-kit-v2-wrapper .hidden,\n.MuiDialog-root .hidden,\n.MuiTooltip-popper .hidden,\n.MuiPopover-root .hidden,\n.MuiMenu-root .hidden,\n.base-Popper-root .hidden {\n display: none;\n}\n.ui-kit-v2-wrapper .loading,\n.ui-kit-v2-wrapper .disabled,\n.ui-kit-v2-wrapper .inactive,\n.MuiDialog-root .loading,\n.MuiDialog-root .disabled,\n.MuiDialog-root .inactive,\n.MuiTooltip-popper .loading,\n.MuiTooltip-popper .disabled,\n.MuiTooltip-popper .inactive,\n.MuiPopover-root .loading,\n.MuiPopover-root .disabled,\n.MuiPopover-root .inactive,\n.MuiMenu-root .loading,\n.MuiMenu-root .disabled,\n.MuiMenu-root .inactive,\n.base-Popper-root .loading,\n.base-Popper-root .disabled,\n.base-Popper-root .inactive {\n opacity: 0.65;\n pointer-events: none;\n}\n.ui-kit-v2-wrapper .hoverAble,\n.MuiDialog-root .hoverAble,\n.MuiTooltip-popper .hoverAble,\n.MuiPopover-root .hoverAble,\n.MuiMenu-root .hoverAble,\n.base-Popper-root .hoverAble {\n cursor: pointer;\n}\n.ui-kit-v2-wrapper .hoverAble:hover,\n.MuiDialog-root .hoverAble:hover,\n.MuiTooltip-popper .hoverAble:hover,\n.MuiPopover-root .hoverAble:hover,\n.MuiMenu-root .hoverAble:hover,\n.base-Popper-root .hoverAble:hover {\n opacity: 0.65;\n}\n.ui-kit-v2-wrapper .squared,\n.MuiDialog-root .squared,\n.MuiTooltip-popper .squared,\n.MuiPopover-root .squared,\n.MuiMenu-root .squared,\n.base-Popper-root .squared {\n border-radius: 8px !important;\n}\n.ui-kit-v2-wrapper .round,\n.MuiDialog-root .round,\n.MuiTooltip-popper .round,\n.MuiPopover-root .round,\n.MuiMenu-root .round,\n.base-Popper-root .round {\n border-radius: 100px !important;\n}\n.ui-kit-v2-wrapper .rotate-180,\n.MuiDialog-root .rotate-180,\n.MuiTooltip-popper .rotate-180,\n.MuiPopover-root .rotate-180,\n.MuiMenu-root .rotate-180,\n.base-Popper-root .rotate-180 {\n transform: rotate(180deg) !important;\n}\n.ui-kit-v2-wrapper .semiBold,\n.MuiDialog-root .semiBold,\n.MuiTooltip-popper .semiBold,\n.MuiPopover-root .semiBold,\n.MuiMenu-root .semiBold,\n.base-Popper-root .semiBold {\n font-weight: 600 !important;\n}\n.ui-kit-v2-wrapper .bold,\n.MuiDialog-root .bold,\n.MuiTooltip-popper .bold,\n.MuiPopover-root .bold,\n.MuiMenu-root .bold,\n.base-Popper-root .bold {\n font-weight: 700 !important;\n}\n.ui-kit-v2-wrapper .regular,\n.MuiDialog-root .regular,\n.MuiTooltip-popper .regular,\n.MuiPopover-root .regular,\n.MuiMenu-root .regular,\n.base-Popper-root .regular {\n font-weight: 400 !important;\n}\n.ui-kit-v2-wrapper .uppercase,\n.MuiDialog-root .uppercase,\n.MuiTooltip-popper .uppercase,\n.MuiPopover-root .uppercase,\n.MuiMenu-root .uppercase,\n.base-Popper-root .uppercase {\n text-transform: uppercase;\n}\n.ui-kit-v2-wrapper .showTooltip,\n.MuiDialog-root .showTooltip,\n.MuiTooltip-popper .showTooltip,\n.MuiPopover-root .showTooltip,\n.MuiMenu-root .showTooltip,\n.base-Popper-root .showTooltip {\n border-bottom: 1px dashed var(--body-font-color-2, var(--silver, #9B9B9B));\n cursor: pointer;\n}\n.ui-kit-v2-wrapper .ellipsis,\n.MuiDialog-root .ellipsis,\n.MuiTooltip-popper .ellipsis,\n.MuiPopover-root .ellipsis,\n.MuiMenu-root .ellipsis,\n.base-Popper-root .ellipsis {\n overflow: hidden !important;\n text-overflow: ellipsis !important;\n white-space: nowrap !important;\n text-wrap: nowrap !important;\n}\n.ui-kit-v2-wrapper .multilineEllipsis,\n.MuiDialog-root .multilineEllipsis,\n.MuiTooltip-popper .multilineEllipsis,\n.MuiPopover-root .multilineEllipsis,\n.MuiMenu-root .multilineEllipsis,\n.base-Popper-root .multilineEllipsis {\n display: -webkit-box !important;\n -webkit-box-orient: vertical !important;\n -webkit-line-clamp: 3;\n line-clamp: 3;\n overflow: hidden !important;\n text-overflow: ellipsis !important;\n white-space: normal !important;\n word-break: break-word !important;\n}\n.ui-kit-v2-wrapper li::before,\n.MuiDialog-root li::before,\n.MuiTooltip-popper li::before,\n.MuiPopover-root li::before,\n.MuiMenu-root li::before,\n.base-Popper-root li::before {\n content: unset;\n}\n\n.modal-component-v2 {\n position: fixed;\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n background: var(--white, #FFFFFF);\n z-index: 8500;\n flex-direction: column;\n}\n.modal-component-v2.spacedHeader .fullBar-component-v2 {\n padding: 2rem 2rem 0 2rem;\n border-bottom: unset;\n}\n.modal-component-v2.open {\n display: flex;\n}\n.modal-component-v2:not(.open) {\n display: none;\n}\n.modal-component-v2 .vSeperator {\n width: 1px;\n height: 50%;\n background: var(--wild-sand, #dddddd);\n}\n.modal-component-v2:not(.spacedHeader) > .fullBar-component-v2 {\n background: var(--shade100, #F3F2F2);\n}\n.modal-component-v2 > .fullBar-component-v2 {\n flex: 0;\n padding: 0.75rem 1.5rem;\n border-bottom: 1px solid var(--wild-sand, #dddddd);\n}\n.modal-component-v2 > .fullBar-component-v2 .subNav-component-v2 button {\n padding-top: 0;\n padding-bottom: 0;\n}\n.modal-component-v2 > .fullBar-component-v2 .left > *:nth-child(n+2) {\n margin-left: 1rem;\n}\n.modal-component-v2 > div:not(.fullBar-component-v2) {\n flex: 1;\n}\n.modal-component-v2 .contentSectionContainer {\n display: flex;\n align-items: center;\n overflow-y: auto;\n}";
8005
8012
  styleInject(css_248z$o);
8006
8013
 
8007
8014
  function ModalHeading(props) {
@@ -8028,7 +8035,7 @@ function ModalHeading(props) {
8028
8035
  rContent.push(rightContent);
8029
8036
  }
8030
8037
  if (onClose && closeBtnText)
8031
- rContent.push(React__default.createElement(Button, { key: "modal-close-btn", color: "cloud", size: "medium", onClick: onClose }, closeBtnText));
8038
+ rContent.push(React__default.createElement(Button, { key: "modal-close-btn", color: "shade150", size: "medium", onClick: onClose }, closeBtnText));
8032
8039
  return React__default.createElement(FullBar, { left: lContent, right: rContent });
8033
8040
  }
8034
8041
 
@@ -8403,7 +8410,36 @@ var CopyToClipboard = forwardRef(function (props, ref) {
8403
8410
  return (React__default.createElement("textarea", { ref: textareaRef, style: { position: "fixed", top: "-1000px" } }));
8404
8411
  });
8405
8412
 
8406
- var css_248z$i = "html {\n font-size: 14px;\n}\n\n@media only screen and (min-width: 1440px) {\n html {\n font-size: 16px;\n }\n}\n.ellipsis {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.ui-kit-v2-wrapper .MuiTypography-root,\n.MuiDialog-root .MuiTypography-root,\n.MuiTooltip-popper .MuiTypography-root,\n.MuiPopover-root .MuiTypography-root,\n.MuiMenu-root .MuiTypography-root,\n.base-Popper-root .MuiTypography-root {\n overflow-wrap: break-word;\n -webkit-hyphens: auto;\n hyphens: auto;\n}\n.ui-kit-v2-wrapper .hidden,\n.MuiDialog-root .hidden,\n.MuiTooltip-popper .hidden,\n.MuiPopover-root .hidden,\n.MuiMenu-root .hidden,\n.base-Popper-root .hidden {\n display: none;\n}\n.ui-kit-v2-wrapper .loading,\n.ui-kit-v2-wrapper .disabled,\n.ui-kit-v2-wrapper .inactive,\n.MuiDialog-root .loading,\n.MuiDialog-root .disabled,\n.MuiDialog-root .inactive,\n.MuiTooltip-popper .loading,\n.MuiTooltip-popper .disabled,\n.MuiTooltip-popper .inactive,\n.MuiPopover-root .loading,\n.MuiPopover-root .disabled,\n.MuiPopover-root .inactive,\n.MuiMenu-root .loading,\n.MuiMenu-root .disabled,\n.MuiMenu-root .inactive,\n.base-Popper-root .loading,\n.base-Popper-root .disabled,\n.base-Popper-root .inactive {\n opacity: 0.65;\n pointer-events: none;\n}\n.ui-kit-v2-wrapper .hoverAble,\n.MuiDialog-root .hoverAble,\n.MuiTooltip-popper .hoverAble,\n.MuiPopover-root .hoverAble,\n.MuiMenu-root .hoverAble,\n.base-Popper-root .hoverAble {\n cursor: pointer;\n}\n.ui-kit-v2-wrapper .hoverAble:hover,\n.MuiDialog-root .hoverAble:hover,\n.MuiTooltip-popper .hoverAble:hover,\n.MuiPopover-root .hoverAble:hover,\n.MuiMenu-root .hoverAble:hover,\n.base-Popper-root .hoverAble:hover {\n opacity: 0.65;\n}\n.ui-kit-v2-wrapper .squared,\n.MuiDialog-root .squared,\n.MuiTooltip-popper .squared,\n.MuiPopover-root .squared,\n.MuiMenu-root .squared,\n.base-Popper-root .squared {\n border-radius: 8px !important;\n}\n.ui-kit-v2-wrapper .round,\n.MuiDialog-root .round,\n.MuiTooltip-popper .round,\n.MuiPopover-root .round,\n.MuiMenu-root .round,\n.base-Popper-root .round {\n border-radius: 100px !important;\n}\n.ui-kit-v2-wrapper .rotate-180,\n.MuiDialog-root .rotate-180,\n.MuiTooltip-popper .rotate-180,\n.MuiPopover-root .rotate-180,\n.MuiMenu-root .rotate-180,\n.base-Popper-root .rotate-180 {\n transform: rotate(180deg) !important;\n}\n.ui-kit-v2-wrapper .semiBold,\n.MuiDialog-root .semiBold,\n.MuiTooltip-popper .semiBold,\n.MuiPopover-root .semiBold,\n.MuiMenu-root .semiBold,\n.base-Popper-root .semiBold {\n font-weight: 600 !important;\n}\n.ui-kit-v2-wrapper .bold,\n.MuiDialog-root .bold,\n.MuiTooltip-popper .bold,\n.MuiPopover-root .bold,\n.MuiMenu-root .bold,\n.base-Popper-root .bold {\n font-weight: 700 !important;\n}\n.ui-kit-v2-wrapper .regular,\n.MuiDialog-root .regular,\n.MuiTooltip-popper .regular,\n.MuiPopover-root .regular,\n.MuiMenu-root .regular,\n.base-Popper-root .regular {\n font-weight: 400 !important;\n}\n.ui-kit-v2-wrapper .uppercase,\n.MuiDialog-root .uppercase,\n.MuiTooltip-popper .uppercase,\n.MuiPopover-root .uppercase,\n.MuiMenu-root .uppercase,\n.base-Popper-root .uppercase {\n text-transform: uppercase;\n}\n.ui-kit-v2-wrapper .showTooltip,\n.MuiDialog-root .showTooltip,\n.MuiTooltip-popper .showTooltip,\n.MuiPopover-root .showTooltip,\n.MuiMenu-root .showTooltip,\n.base-Popper-root .showTooltip {\n border-bottom: 1px dashed var(--body-font-color-2, var(--silver, #9B9B9B));\n cursor: pointer;\n}\n.ui-kit-v2-wrapper .ellipsis,\n.MuiDialog-root .ellipsis,\n.MuiTooltip-popper .ellipsis,\n.MuiPopover-root .ellipsis,\n.MuiMenu-root .ellipsis,\n.base-Popper-root .ellipsis {\n overflow: hidden !important;\n text-overflow: ellipsis !important;\n white-space: nowrap !important;\n text-wrap: nowrap !important;\n}\n.ui-kit-v2-wrapper .multilineEllipsis,\n.MuiDialog-root .multilineEllipsis,\n.MuiTooltip-popper .multilineEllipsis,\n.MuiPopover-root .multilineEllipsis,\n.MuiMenu-root .multilineEllipsis,\n.base-Popper-root .multilineEllipsis {\n display: -webkit-box !important;\n -webkit-box-orient: vertical !important;\n -webkit-line-clamp: 3;\n line-clamp: 3;\n overflow: hidden !important;\n text-overflow: ellipsis !important;\n white-space: normal !important;\n word-break: break-word !important;\n}\n.ui-kit-v2-wrapper li::before,\n.MuiDialog-root li::before,\n.MuiTooltip-popper li::before,\n.MuiPopover-root li::before,\n.MuiMenu-root li::before,\n.base-Popper-root li::before {\n content: unset;\n}\n\n.dataTable-component-v2 {\n position: relative;\n height: 100%;\n}\n.dataTable-component-v2 .MuiTableContainer-root {\n margin-bottom: 5rem;\n}\n.dataTable-component-v2 .MuiTableContainer-root::-webkit-scrollbar {\n display: block;\n}\n.dataTable-component-v2 .MuiTableContainer-root::-webkit-scrollbar-track:horizontal {\n position: absolute;\n bottom: -20px;\n}\n.dataTable-component-v2 .MuiTableContainer-root::-webkit-scrollbar-track:vertical {\n border-bottom-left-radius: 0 !important;\n border-bottom-right-radius: 8px !important;\n border-top-right-radius: 8px !important;\n}\n.dataTable-component-v2 .MuiTableContainer-root::-webkit-scrollbar-track {\n height: 2.5rem;\n width: 2.5rem;\n padding: 2rem;\n background-clip: content-box;\n border-bottom-left-radius: 8px;\n}\n.dataTable-component-v2 .MuiTableContainer-root::-webkit-scrollbar-thumb {\n background: var(--body-font-color-2, var(--silver, #9B9B9B));\n border-radius: 24px;\n border-top: 5px solid var(--background-color-1, var(--white, #FFFFFF));\n border-bottom: 5px solid var(--background-color-1, var(--white, #FFFFFF));\n border-right: 5px solid var(--background-color-1, var(--white, #FFFFFF));\n border-left: 5px solid var(--background-color-1, var(--white, #FFFFFF));\n}\n.dataTable-component-v2 .MuiTableContainer-root > table thead {\n border-bottom: 1px solid transparent;\n}\n.dataTable-component-v2 .MuiTableContainer-root > table th {\n vertical-align: middle;\n}\n.dataTable-component-v2 .MuiTableContainer-root > table th.sortable {\n cursor: pointer;\n}\n.dataTable-component-v2 .MuiTableContainer-root > table th.sortable:hover .MuiTableSortLabel-root .MuiTableSortLabel-icon {\n opacity: 0.5;\n}\n.dataTable-component-v2 .MuiTableContainer-root > table th,\n.dataTable-component-v2 .MuiTableContainer-root > table td {\n white-space: nowrap;\n}\n.dataTable-component-v2 .MuiTableContainer-root > table th > .cellContainer,\n.dataTable-component-v2 .MuiTableContainer-root > table td > .cellContainer {\n width: -moz-max-content;\n width: max-content;\n}\n.dataTable-component-v2 .MuiTableContainer-root > table th.stickyLastCol::before,\n.dataTable-component-v2 .MuiTableContainer-root > table td.stickyLastCol::before {\n content: \"\";\n width: 19px;\n height: -webkit-fill-available;\n display: block;\n position: absolute;\n top: 0;\n}\n.dataTable-component-v2 .MuiTableContainer-root > table th.stickyFirstCol::after,\n.dataTable-component-v2 .MuiTableContainer-root > table td.stickyFirstCol::after {\n content: \"\";\n width: 19px;\n height: -webkit-fill-available;\n display: block;\n position: absolute;\n top: 0;\n}\n.dataTable-component-v2 .MuiTableContainer-root > table th.leftStickyEffect::before, .dataTable-component-v2 .MuiTableContainer-root > table th.rightStickyEffect::before,\n.dataTable-component-v2 .MuiTableContainer-root > table td.leftStickyEffect::before,\n.dataTable-component-v2 .MuiTableContainer-root > table td.rightStickyEffect::before {\n content: \"\";\n}\n.dataTable-component-v2 .MuiTableContainer-root > table th.leftStickyEffect::after, .dataTable-component-v2 .MuiTableContainer-root > table th.rightStickyEffect::after,\n.dataTable-component-v2 .MuiTableContainer-root > table td.leftStickyEffect::after,\n.dataTable-component-v2 .MuiTableContainer-root > table td.rightStickyEffect::after {\n content: \"\";\n background-size: 16px 16px, 16px 16px;\n background-repeat: no-repeat, no-repeat;\n}\n.dataTable-component-v2 .MuiTableContainer-root > table th.leftStickyEffect,\n.dataTable-component-v2 .MuiTableContainer-root > table td.leftStickyEffect {\n left: 0;\n}\n.dataTable-component-v2 .MuiTableContainer-root > table th.leftStickyEffect::after,\n.dataTable-component-v2 .MuiTableContainer-root > table td.leftStickyEffect::after {\n background-position: top left, bottom left;\n}\n.dataTable-component-v2 .MuiTableContainer-root > table th.rightStickyEffect,\n.dataTable-component-v2 .MuiTableContainer-root > table td.rightStickyEffect {\n right: 0;\n}\n.dataTable-component-v2 .MuiTableContainer-root > table th.rightStickyEffect::after,\n.dataTable-component-v2 .MuiTableContainer-root > table td.rightStickyEffect::after {\n right: 0;\n background-position: top right, bottom right;\n}\n.dataTable-component-v2 .MuiTableContainer-root > table tr {\n position: relative;\n}\n.dataTable-component-v2 .MuiTableContainer-root > table tr td .cellContainer {\n display: flex;\n justify-content: left;\n width: -moz-max-content;\n width: max-content;\n min-width: 100%;\n}\n.dataTable-component-v2 .MuiTableContainer-root > table tr td.centered .cellContainer {\n justify-content: center;\n}\n.dataTable-component-v2 .MuiTablePagination-root .MuiTablePagination-selectLabel,\n.dataTable-component-v2 .MuiTablePagination-root .MuiInputBase-root {\n display: none;\n}\n\n.colManagerMenu .MuiListItemText-root .MuiCheckbox-root {\n margin-right: 0.75rem;\n}\n\n.pagination-buttons {\n display: flex;\n justify-content: flex-end;\n gap: 0.5em;\n}";
8413
+ function CustomPaginationActions(_a) {
8414
+ var count = _a.count, page = _a.page, rowsPerPage = _a.rowsPerPage, onPageChange = _a.onPageChange, showFirstButton = _a.showFirstButton, showLastButton = _a.showLastButton;
8415
+ var handleFirstPageButtonClick = function (event) {
8416
+ onPageChange(event, 0);
8417
+ };
8418
+ var handleBackButtonClick = function (event) {
8419
+ onPageChange(event, page - 1);
8420
+ };
8421
+ var handleNextButtonClick = function (event) {
8422
+ onPageChange(event, page + 1);
8423
+ };
8424
+ var handleLastPageButtonClick = function (event) {
8425
+ onPageChange(event, Math.max(0, Math.ceil(count / rowsPerPage) - 1));
8426
+ };
8427
+ return (React__default.createElement(Stack$1, { direction: "row", gap: 3 },
8428
+ showFirstButton &&
8429
+ React__default.createElement(Button, { onClick: handleFirstPageButtonClick, disabled: page === 0, "aria-label": "first page", variant: "outlined", color: "body1" }),
8430
+ React__default.createElement(Button, { onClick: handleBackButtonClick, disabled: page === 0, iconOnly: true, variant: "outlined", color: "body1" },
8431
+ React__default.createElement(Icon, { name: "Chevron10", sx: {
8432
+ transform: "rotate(90deg)"
8433
+ } })),
8434
+ React__default.createElement(Button, { onClick: handleNextButtonClick, disabled: page >= Math.ceil(count / rowsPerPage) - 1, iconOnly: true, variant: "outlined", color: "body1" },
8435
+ React__default.createElement(Icon, { name: "Chevron10", sx: {
8436
+ transform: "rotate(-90deg)"
8437
+ } })),
8438
+ showLastButton &&
8439
+ React__default.createElement(Button, { onClick: handleLastPageButtonClick, disabled: page >= Math.ceil(count / rowsPerPage) - 1, "aria-label": "last page", variant: "outlined", color: "body1" }, "Last")));
8440
+ }
8441
+
8442
+ var css_248z$i = "html {\n font-size: 14px;\n}\n\n@media only screen and (min-width: 1440px) {\n html {\n font-size: 16px;\n }\n}\n.ellipsis {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.ui-kit-v2-wrapper .MuiTypography-root,\n.MuiDialog-root .MuiTypography-root,\n.MuiTooltip-popper .MuiTypography-root,\n.MuiPopover-root .MuiTypography-root,\n.MuiMenu-root .MuiTypography-root,\n.base-Popper-root .MuiTypography-root {\n overflow-wrap: break-word;\n -webkit-hyphens: auto;\n hyphens: auto;\n}\n.ui-kit-v2-wrapper .hidden,\n.MuiDialog-root .hidden,\n.MuiTooltip-popper .hidden,\n.MuiPopover-root .hidden,\n.MuiMenu-root .hidden,\n.base-Popper-root .hidden {\n display: none;\n}\n.ui-kit-v2-wrapper .loading,\n.ui-kit-v2-wrapper .disabled,\n.ui-kit-v2-wrapper .inactive,\n.MuiDialog-root .loading,\n.MuiDialog-root .disabled,\n.MuiDialog-root .inactive,\n.MuiTooltip-popper .loading,\n.MuiTooltip-popper .disabled,\n.MuiTooltip-popper .inactive,\n.MuiPopover-root .loading,\n.MuiPopover-root .disabled,\n.MuiPopover-root .inactive,\n.MuiMenu-root .loading,\n.MuiMenu-root .disabled,\n.MuiMenu-root .inactive,\n.base-Popper-root .loading,\n.base-Popper-root .disabled,\n.base-Popper-root .inactive {\n opacity: 0.65;\n pointer-events: none;\n}\n.ui-kit-v2-wrapper .hoverAble,\n.MuiDialog-root .hoverAble,\n.MuiTooltip-popper .hoverAble,\n.MuiPopover-root .hoverAble,\n.MuiMenu-root .hoverAble,\n.base-Popper-root .hoverAble {\n cursor: pointer;\n}\n.ui-kit-v2-wrapper .hoverAble:hover,\n.MuiDialog-root .hoverAble:hover,\n.MuiTooltip-popper .hoverAble:hover,\n.MuiPopover-root .hoverAble:hover,\n.MuiMenu-root .hoverAble:hover,\n.base-Popper-root .hoverAble:hover {\n opacity: 0.65;\n}\n.ui-kit-v2-wrapper .squared,\n.MuiDialog-root .squared,\n.MuiTooltip-popper .squared,\n.MuiPopover-root .squared,\n.MuiMenu-root .squared,\n.base-Popper-root .squared {\n border-radius: 8px !important;\n}\n.ui-kit-v2-wrapper .round,\n.MuiDialog-root .round,\n.MuiTooltip-popper .round,\n.MuiPopover-root .round,\n.MuiMenu-root .round,\n.base-Popper-root .round {\n border-radius: 100px !important;\n}\n.ui-kit-v2-wrapper .rotate-180,\n.MuiDialog-root .rotate-180,\n.MuiTooltip-popper .rotate-180,\n.MuiPopover-root .rotate-180,\n.MuiMenu-root .rotate-180,\n.base-Popper-root .rotate-180 {\n transform: rotate(180deg) !important;\n}\n.ui-kit-v2-wrapper .semiBold,\n.MuiDialog-root .semiBold,\n.MuiTooltip-popper .semiBold,\n.MuiPopover-root .semiBold,\n.MuiMenu-root .semiBold,\n.base-Popper-root .semiBold {\n font-weight: 600 !important;\n}\n.ui-kit-v2-wrapper .bold,\n.MuiDialog-root .bold,\n.MuiTooltip-popper .bold,\n.MuiPopover-root .bold,\n.MuiMenu-root .bold,\n.base-Popper-root .bold {\n font-weight: 700 !important;\n}\n.ui-kit-v2-wrapper .regular,\n.MuiDialog-root .regular,\n.MuiTooltip-popper .regular,\n.MuiPopover-root .regular,\n.MuiMenu-root .regular,\n.base-Popper-root .regular {\n font-weight: 400 !important;\n}\n.ui-kit-v2-wrapper .uppercase,\n.MuiDialog-root .uppercase,\n.MuiTooltip-popper .uppercase,\n.MuiPopover-root .uppercase,\n.MuiMenu-root .uppercase,\n.base-Popper-root .uppercase {\n text-transform: uppercase;\n}\n.ui-kit-v2-wrapper .showTooltip,\n.MuiDialog-root .showTooltip,\n.MuiTooltip-popper .showTooltip,\n.MuiPopover-root .showTooltip,\n.MuiMenu-root .showTooltip,\n.base-Popper-root .showTooltip {\n border-bottom: 1px dashed var(--body-font-color-2, var(--silver, #9B9B9B));\n cursor: pointer;\n}\n.ui-kit-v2-wrapper .ellipsis,\n.MuiDialog-root .ellipsis,\n.MuiTooltip-popper .ellipsis,\n.MuiPopover-root .ellipsis,\n.MuiMenu-root .ellipsis,\n.base-Popper-root .ellipsis {\n overflow: hidden !important;\n text-overflow: ellipsis !important;\n white-space: nowrap !important;\n text-wrap: nowrap !important;\n}\n.ui-kit-v2-wrapper .multilineEllipsis,\n.MuiDialog-root .multilineEllipsis,\n.MuiTooltip-popper .multilineEllipsis,\n.MuiPopover-root .multilineEllipsis,\n.MuiMenu-root .multilineEllipsis,\n.base-Popper-root .multilineEllipsis {\n display: -webkit-box !important;\n -webkit-box-orient: vertical !important;\n -webkit-line-clamp: 3;\n line-clamp: 3;\n overflow: hidden !important;\n text-overflow: ellipsis !important;\n white-space: normal !important;\n word-break: break-word !important;\n}\n.ui-kit-v2-wrapper li::before,\n.MuiDialog-root li::before,\n.MuiTooltip-popper li::before,\n.MuiPopover-root li::before,\n.MuiMenu-root li::before,\n.base-Popper-root li::before {\n content: unset;\n}\n\n.dataTable-component-v2 {\n position: relative;\n height: 100%;\n}\n.dataTable-component-v2 .MuiTableContainer-root {\n margin-bottom: 5rem;\n}\n.dataTable-component-v2 .MuiTableContainer-root::-webkit-scrollbar {\n display: block;\n}\n.dataTable-component-v2 .MuiTableContainer-root::-webkit-scrollbar-track:horizontal {\n position: absolute;\n bottom: -20px;\n}\n.dataTable-component-v2 .MuiTableContainer-root::-webkit-scrollbar-track:vertical {\n border-bottom-left-radius: 0 !important;\n border-bottom-right-radius: 8px !important;\n border-top-right-radius: 8px !important;\n}\n.dataTable-component-v2 .MuiTableContainer-root::-webkit-scrollbar-track {\n height: 2.5rem;\n width: 2.5rem;\n padding: 2rem;\n background-clip: content-box;\n border-bottom-left-radius: 8px;\n}\n.dataTable-component-v2 .MuiTableContainer-root::-webkit-scrollbar-thumb {\n background: var(--body-font-color-2, var(--silver, #9B9B9B));\n border-radius: 24px;\n border-top: 5px solid var(--background-color-1, var(--white, #FFFFFF));\n border-bottom: 5px solid var(--background-color-1, var(--white, #FFFFFF));\n border-right: 5px solid var(--background-color-1, var(--white, #FFFFFF));\n border-left: 5px solid var(--background-color-1, var(--white, #FFFFFF));\n}\n.dataTable-component-v2 .MuiTableContainer-root > table thead {\n border-bottom: 1px solid transparent;\n}\n.dataTable-component-v2 .MuiTableContainer-root > table th {\n vertical-align: middle;\n}\n.dataTable-component-v2 .MuiTableContainer-root > table th.sortable {\n cursor: pointer;\n}\n.dataTable-component-v2 .MuiTableContainer-root > table th.sortable .MuiTableSortLabel-root .MuiTableSortLabel-icon path {\n color: var(--body-font-color, var(--dark-matter, #2B2B2B));\n}\n.dataTable-component-v2 .MuiTableContainer-root > table th.sortable:hover .MuiTableSortLabel-root .MuiTableSortLabel-icon {\n opacity: 0.5;\n}\n.dataTable-component-v2 .MuiTableContainer-root > table th,\n.dataTable-component-v2 .MuiTableContainer-root > table td {\n white-space: nowrap;\n}\n.dataTable-component-v2 .MuiTableContainer-root > table th > .cellContainer,\n.dataTable-component-v2 .MuiTableContainer-root > table td > .cellContainer {\n width: -moz-max-content;\n width: max-content;\n}\n.dataTable-component-v2 .MuiTableContainer-root > table th.stickyLastCol::before,\n.dataTable-component-v2 .MuiTableContainer-root > table td.stickyLastCol::before {\n content: \"\";\n width: 19px;\n height: -webkit-fill-available;\n display: block;\n position: absolute;\n top: 0;\n}\n.dataTable-component-v2 .MuiTableContainer-root > table th.stickyFirstCol::after,\n.dataTable-component-v2 .MuiTableContainer-root > table td.stickyFirstCol::after {\n content: \"\";\n width: 19px;\n height: -webkit-fill-available;\n display: block;\n position: absolute;\n top: 0;\n}\n.dataTable-component-v2 .MuiTableContainer-root > table th.leftStickyEffect::before, .dataTable-component-v2 .MuiTableContainer-root > table th.rightStickyEffect::before,\n.dataTable-component-v2 .MuiTableContainer-root > table td.leftStickyEffect::before,\n.dataTable-component-v2 .MuiTableContainer-root > table td.rightStickyEffect::before {\n content: \"\";\n}\n.dataTable-component-v2 .MuiTableContainer-root > table th.leftStickyEffect::after, .dataTable-component-v2 .MuiTableContainer-root > table th.rightStickyEffect::after,\n.dataTable-component-v2 .MuiTableContainer-root > table td.leftStickyEffect::after,\n.dataTable-component-v2 .MuiTableContainer-root > table td.rightStickyEffect::after {\n content: \"\";\n background-size: 16px 16px, 16px 16px;\n background-repeat: no-repeat, no-repeat;\n}\n.dataTable-component-v2 .MuiTableContainer-root > table th.leftStickyEffect,\n.dataTable-component-v2 .MuiTableContainer-root > table td.leftStickyEffect {\n left: 0;\n}\n.dataTable-component-v2 .MuiTableContainer-root > table th.leftStickyEffect::after,\n.dataTable-component-v2 .MuiTableContainer-root > table td.leftStickyEffect::after {\n background-position: top left, bottom left;\n}\n.dataTable-component-v2 .MuiTableContainer-root > table th.rightStickyEffect,\n.dataTable-component-v2 .MuiTableContainer-root > table td.rightStickyEffect {\n right: 0;\n}\n.dataTable-component-v2 .MuiTableContainer-root > table th.rightStickyEffect::after,\n.dataTable-component-v2 .MuiTableContainer-root > table td.rightStickyEffect::after {\n right: 0;\n background-position: top right, bottom right;\n}\n.dataTable-component-v2 .MuiTableContainer-root > table tr {\n position: relative;\n}\n.dataTable-component-v2 .MuiTableContainer-root > table tr td .cellContainer {\n display: flex;\n justify-content: left;\n width: -moz-max-content;\n width: max-content;\n min-width: 100%;\n}\n.dataTable-component-v2 .MuiTableContainer-root > table tr td.centered .cellContainer {\n justify-content: center;\n}\n.dataTable-component-v2 .MuiTablePagination-root .MuiTablePagination-selectLabel,\n.dataTable-component-v2 .MuiTablePagination-root .MuiInputBase-root {\n display: none;\n}\n\n.colManagerMenu .MuiListItemText-root .MuiCheckbox-root {\n margin-right: 0.75rem;\n}";
8407
8443
  styleInject(css_248z$i);
8408
8444
 
8409
8445
  var bottomLeftCorner = "data:image/svg+xml,%3Csvg%20width%3D%228%22%20height%3D%228%22%20viewBox%3D%220%200%208%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fillRule%3D%22evenodd%22%20clipRule%3D%22evenodd%22%20d%3D%22M8%208C3.58172%208%20-1.56562e-07%204.41828%20-3.49691e-07%200L0%208L8%208Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E";
@@ -8471,12 +8507,12 @@ function DataTablePaginationNoCount(_a) {
8471
8507
  setPage(page + changePage);
8472
8508
  onPaginationChange && onPaginationChange(page + changePage, rowsPerPage);
8473
8509
  }
8474
- return (React__default.createElement("div", { className: "pagination-buttons" },
8475
- React__default.createElement(Button, { color: "body1", variant: "outlined", disabled: page < 2, onClick: function () { return handleChangePage(-1); } },
8510
+ return (React__default.createElement(Stack$1, { direction: "row", className: "pagination-buttons" },
8511
+ React__default.createElement(Button, { color: "body1", variant: "outlined", size: "medium", disabled: page < 2, onClick: function () { return handleChangePage(-1); } },
8476
8512
  React__default.createElement(Icon, { name: "Chevron10", sx: {
8477
8513
  transform: "rotate(90deg)"
8478
8514
  } })),
8479
- React__default.createElement(Button, { color: "body1", variant: "outlined", disabled: !hasMore, onClick: function () { return handleChangePage(1); } },
8515
+ React__default.createElement(Button, { color: "body1", variant: "outlined", size: "medium", disabled: !hasMore, onClick: function () { return handleChangePage(1); } },
8480
8516
  React__default.createElement(Icon, { name: "Chevron10", sx: {
8481
8517
  transform: "rotate(-90deg)"
8482
8518
  } }))));
@@ -8853,7 +8889,9 @@ function DataTable(_a) {
8853
8889
  var isItemSelected = isSelected(row[rowIdMap]) || !!(row === null || row === void 0 ? void 0 : row.isSelected);
8854
8890
  return React__default.createElement(DataTableRow, { key: "mainrow-" + index, handleRowClick: onRowClick, handleRowSelect: handleRowSelect, isItemSelected: isItemSelected, columnsData: columnsData, row: row, index: index, rowIdMap: rowIdMap, showRowSelection: showRowSelection, stickyFirstCol: stickyFirstCol, stickyLastCol: stickyLastCol, showCollapsibleContent: showCollapsibleContent, colCount: colCount });
8855
8891
  })))),
8856
- showPagination && (hasMore !== undefined ? (React__default.createElement(DataTablePaginationNoCount, { page: page, setPage: setPage, onPaginationChange: onPaginationChange, rowsPerPage: rowsPerPage, hasMore: hasMore })) : (React__default.createElement(TablePagination, { rowsPerPageOptions: rowsPerPageOptions, component: "div", count: totalCount !== undefined ? totalCount : rows.length, rowsPerPage: rowsPerPage, page: page, onPageChange: handleChangePage, onRowsPerPageChange: handleChangeRowsPerPage }))));
8892
+ showPagination && (hasMore !== undefined ? (React__default.createElement(DataTablePaginationNoCount, { page: page, setPage: setPage, onPaginationChange: onPaginationChange, rowsPerPage: rowsPerPage, hasMore: hasMore })) : (React__default.createElement(TablePagination, { rowsPerPageOptions: rowsPerPageOptions, component: "div", count: totalCount !== undefined ? totalCount : rows.length, rowsPerPage: rowsPerPage, page: page, onPageChange: handleChangePage, onRowsPerPageChange: handleChangeRowsPerPage,
8893
+ //@ts-ignore
8894
+ ActionsComponent: CustomPaginationActions }))));
8857
8895
  }
8858
8896
 
8859
8897
  var css_248z$f = ".dateTimeSelector.dateTimeCalendar {\n background: var(--white, #FFFFFF);\n}\n.dateTimeSelector .MuiMultiSectionDigitalClock-root,\n.dateTimeSelector .MuiMultiSectionDigitalClockSection-root {\n flex: 1;\n}\n.dateTimeSelector .MuiMultiSectionDigitalClock-root .MuiMultiSectionDigitalClockSection-item.Mui-selected,\n.dateTimeSelector .MuiMultiSectionDigitalClockSection-root .MuiMultiSectionDigitalClockSection-item.Mui-selected {\n background-color: var(--primary-brand-color, var(--grape, #69006E)) !important;\n}";
@@ -10612,7 +10650,7 @@ function GroupedActions(_a) {
10612
10650
  return React__default.createElement(Box$1, { className: classes }, components);
10613
10651
  }
10614
10652
 
10615
- var css_248z$8 = ".header-component-v2 {\n max-width: 31rem;\n width: 100%;\n}\n.header-component-v2 > * {\n width: -moz-fit-content;\n width: fit-content;\n}\n.header-component-v2 .header .headerText,\n.header-component-v2 .header .headerText span,\n.header-component-v2 .desc span,\n.header-component-v2 .support span {\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: 31rem;\n display: block;\n text-wrap: nowrap;\n width: 100%;\n}\n.header-component-v2 .header,\n.header-component-v2 .desc,\n.header-component-v2 .support {\n width: -moz-fit-content;\n width: fit-content;\n}\n.header-component-v2 .header {\n flex: 1;\n margin-top: 0;\n}\n.header-component-v2 .header .postHeader,\n.header-component-v2 .header .preHeader {\n display: inline-block;\n width: -moz-fit-content;\n width: fit-content;\n text-wrap: nowrap;\n}\n.header-component-v2 .header .preHeader {\n margin-right: 1rem;\n}\n.header-component-v2 .header .postHeader {\n margin-left: 1.5rem;\n}\n.header-component-v2 .support {\n flex: 1;\n line-height: 0.75rem;\n display: block;\n margin-bottom: 1rem;\n}\n.header-component-v2 .desc {\n flex: 1;\n margin-top: 1rem;\n border-color: var(--secondary-brand-color, var(--teal, #0ABDAE));\n}";
10653
+ var css_248z$8 = ".header-component-v2 {\n max-width: 31rem;\n width: 100%;\n}\n.header-component-v2 > * {\n width: -moz-fit-content;\n width: fit-content;\n}\n.header-component-v2 .header .headerText,\n.header-component-v2 .header .headerText span,\n.header-component-v2 .desc span,\n.header-component-v2 .support span {\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: 31rem;\n display: block;\n text-wrap: nowrap;\n width: 100%;\n}\n.header-component-v2 .header,\n.header-component-v2 .desc,\n.header-component-v2 .support {\n width: -moz-fit-content;\n width: fit-content;\n}\n.header-component-v2 .header {\n flex: 1;\n margin-top: 0;\n}\n.header-component-v2 .header .postHeader,\n.header-component-v2 .header .preHeader {\n display: inline-block;\n width: -moz-fit-content;\n width: fit-content;\n text-wrap: nowrap;\n}\n.header-component-v2 .header .preHeader {\n margin-right: 1rem;\n}\n.header-component-v2 .header .postHeader {\n margin-left: 1.5rem;\n}\n.header-component-v2 .support {\n flex: 1;\n line-height: 0.75rem;\n display: block;\n margin-bottom: 1px;\n}\n.header-component-v2 .desc {\n flex: 1;\n margin-top: 1rem;\n border-color: var(--secondary-brand-color, var(--teal, #0ABDAE));\n}";
10616
10654
  styleInject(css_248z$8);
10617
10655
 
10618
10656
  //TODO when bottom line is secondary color, it means it is in a editable state, clicking it would transform it into a text field with check and x
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cakemail-org/ui-components-v2",
3
- "version": "2.1.9",
3
+ "version": "2.1.11",
4
4
  "description": "ui library kit made with material UI",
5
5
  "main": "dist/cjs/index.js",
6
6
  "module": "dist/esm/index.js",