sag_components 2.0.0-beta328 → 2.0.0-beta329
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +3 -1
- package/dist/index.esm.js +37 -6
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +37 -5
- package/dist/index.js.map +1 -1
- package/dist/types/components/Footer/FooterBranding.d.ts +2 -0
- package/dist/types/components/Footer/FooterBranding.styles.d.ts +2 -0
- package/dist/types/components/Table/TableFooter.d.ts +2 -1
- package/dist/types/components/Table/TableFooter.styles.d.ts +1 -0
- package/dist/types/index.d.ts +1 -0
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -47341,6 +47341,8 @@ const FooterWrapper = styled__default["default"].div`
|
|
|
47341
47341
|
justify-content: space-between;
|
|
47342
47342
|
padding: 15px 20px 15px 15px;
|
|
47343
47343
|
gap: 16px;
|
|
47344
|
+
background-color: rgba(244, 244, 245, 0.3);
|
|
47345
|
+
border-top: 1px solid #e5e7eb;
|
|
47344
47346
|
`;
|
|
47345
47347
|
const FooterLabel = styled__default["default"].span`
|
|
47346
47348
|
font-size: 14px;
|
|
@@ -47366,6 +47368,12 @@ const FooterLottieWrapper = styled__default["default"].div`
|
|
|
47366
47368
|
display: flex;
|
|
47367
47369
|
align-items: center;
|
|
47368
47370
|
`;
|
|
47371
|
+
const FooterRightGroup = styled__default["default"].div`
|
|
47372
|
+
display: flex;
|
|
47373
|
+
align-items: center;
|
|
47374
|
+
gap: 12px;
|
|
47375
|
+
flex-shrink: 0;
|
|
47376
|
+
`;
|
|
47369
47377
|
const FooterProgressTrack = styled__default["default"].div`
|
|
47370
47378
|
width: 160px;
|
|
47371
47379
|
height: 6px;
|
|
@@ -47388,15 +47396,16 @@ const TableFooter = ({
|
|
|
47388
47396
|
total,
|
|
47389
47397
|
rowLabel,
|
|
47390
47398
|
isLoading,
|
|
47391
|
-
isLoadingText
|
|
47399
|
+
isLoadingText,
|
|
47400
|
+
footerRight
|
|
47392
47401
|
}) => {
|
|
47393
47402
|
if (total <= 0) return null;
|
|
47394
47403
|
return /*#__PURE__*/React__default["default"].createElement(FooterWrapper, null, /*#__PURE__*/React__default["default"].createElement(FooterLabel, null, "Rows ", /*#__PURE__*/React__default["default"].createElement(FooterLabelBold, null, visibleFirst, "\u2013", visibleLast), " of ", /*#__PURE__*/React__default["default"].createElement(FooterLabelBold, null, total), rowLabel ? ` ${rowLabel}` : ""), isLoading && /*#__PURE__*/React__default["default"].createElement(FooterLoadingGroup, null, /*#__PURE__*/React__default["default"].createElement(FooterLottieWrapper, null, /*#__PURE__*/React__default["default"].createElement(Lottie, {
|
|
47395
47404
|
animationData: LoadingAnimation,
|
|
47396
47405
|
loop: true
|
|
47397
|
-
})), /*#__PURE__*/React__default["default"].createElement(FooterLabel, null, isLoadingText || "Loading...")), /*#__PURE__*/React__default["default"].createElement(FooterProgressTrack, null, /*#__PURE__*/React__default["default"].createElement(FooterProgressFill, {
|
|
47406
|
+
})), /*#__PURE__*/React__default["default"].createElement(FooterLabel, null, isLoadingText || "Loading...")), /*#__PURE__*/React__default["default"].createElement(FooterRightGroup, null, /*#__PURE__*/React__default["default"].createElement(FooterProgressTrack, null, /*#__PURE__*/React__default["default"].createElement(FooterProgressFill, {
|
|
47398
47407
|
percent: Math.round(visibleLast / total * 100)
|
|
47399
|
-
})));
|
|
47408
|
+
})), footerRight));
|
|
47400
47409
|
};
|
|
47401
47410
|
|
|
47402
47411
|
/**
|
|
@@ -47748,7 +47757,8 @@ const Table = props => {
|
|
|
47748
47757
|
// Footer props
|
|
47749
47758
|
showFooter = false,
|
|
47750
47759
|
total,
|
|
47751
|
-
rowLabel = ""
|
|
47760
|
+
rowLabel = "",
|
|
47761
|
+
footerRight = null
|
|
47752
47762
|
} = props;
|
|
47753
47763
|
const scrollWrapperRef = React$1.useRef(null);
|
|
47754
47764
|
const tableBodyRef = React$1.useRef(null);
|
|
@@ -47935,7 +47945,8 @@ const Table = props => {
|
|
|
47935
47945
|
total: total,
|
|
47936
47946
|
rowLabel: rowLabel,
|
|
47937
47947
|
isLoading: isLoading,
|
|
47938
|
-
isLoadingText: isLoadingText
|
|
47948
|
+
isLoadingText: isLoadingText,
|
|
47949
|
+
footerRight: footerRight
|
|
47939
47950
|
}))));
|
|
47940
47951
|
};
|
|
47941
47952
|
Table.displayName = "Table";
|
|
@@ -61227,6 +61238,26 @@ KpiFilter.defaultProps = {
|
|
|
61227
61238
|
selectAllIgnoreList: []
|
|
61228
61239
|
};
|
|
61229
61240
|
|
|
61241
|
+
const BrandingText = styled__default["default"].span`
|
|
61242
|
+
font-family: 'Poppins', sans-serif;
|
|
61243
|
+
font-size: 12px;
|
|
61244
|
+
color: #b1b1b1;
|
|
61245
|
+
white-space: nowrap;
|
|
61246
|
+
`;
|
|
61247
|
+
const BrandingLink = styled__default["default"].a`
|
|
61248
|
+
color: #b1b1b1;
|
|
61249
|
+
`;
|
|
61250
|
+
|
|
61251
|
+
const FooterBranding = () => /*#__PURE__*/React__default["default"].createElement(BrandingText, null, "Powered by ", /*#__PURE__*/React__default["default"].createElement("strong", {
|
|
61252
|
+
style: {
|
|
61253
|
+
fontWeight: 600
|
|
61254
|
+
}
|
|
61255
|
+
}, "Sagarmatha"), "\xA0|\xA0", /*#__PURE__*/React__default["default"].createElement(BrandingLink, {
|
|
61256
|
+
href: "https://www.sag121.com/privacy-policy/",
|
|
61257
|
+
target: "_blank",
|
|
61258
|
+
rel: "noreferrer"
|
|
61259
|
+
}, "Privacy Policy"));
|
|
61260
|
+
|
|
61230
61261
|
exports.AdvancedThresholds = AdvancedThresholds;
|
|
61231
61262
|
exports.Analytics = Analytics;
|
|
61232
61263
|
exports.AreaChart = AreaChart;
|
|
@@ -61260,6 +61291,7 @@ exports.EventList = EventList;
|
|
|
61260
61291
|
exports.Execute = Execute;
|
|
61261
61292
|
exports.FilterPanel = FilterPanel;
|
|
61262
61293
|
exports.FilterPop = FilterPop;
|
|
61294
|
+
exports.FooterBranding = FooterBranding;
|
|
61263
61295
|
exports.GroupBuilder = GroupBuilder;
|
|
61264
61296
|
exports.Heatmap = Heatmap;
|
|
61265
61297
|
exports.IconButton = IconButton$1;
|