sag_components 2.0.0-beta327 → 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 +4 -1
- package/dist/index.esm.js +46 -11
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +46 -10
- package/dist/index.js.map +1 -1
- package/dist/types/components/FilterPanel/FilterPanel.d.ts +1 -0
- 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
|
@@ -12048,6 +12048,7 @@ FilterPanel.propTypes = {
|
|
|
12048
12048
|
placeHolder: PropTypes.string,
|
|
12049
12049
|
xIconShow: PropTypes.bool,
|
|
12050
12050
|
label: PropTypes.string,
|
|
12051
|
+
showSelectAll: PropTypes.bool,
|
|
12051
12052
|
labelEmptyValue: PropTypes.string,
|
|
12052
12053
|
name: PropTypes.string,
|
|
12053
12054
|
periodPickerSelectedValue: PropTypes.string,
|
|
@@ -12404,13 +12405,16 @@ const Td$1 = styled__default["default"].td`
|
|
|
12404
12405
|
`;
|
|
12405
12406
|
const Tr = styled__default["default"].tr`
|
|
12406
12407
|
border-bottom: 1px solid #f3f4f6;
|
|
12407
|
-
${
|
|
12408
|
-
|
|
12409
|
-
|
|
12410
|
-
|
|
12408
|
+
${_ref => {
|
|
12409
|
+
let {
|
|
12410
|
+
enableHover,
|
|
12411
|
+
selectHoverColor
|
|
12412
|
+
} = _ref;
|
|
12413
|
+
return enableHover && `&:hover {
|
|
12411
12414
|
background-color: ${selectHoverColor};
|
|
12412
12415
|
cursor: pointer;
|
|
12413
|
-
}
|
|
12416
|
+
}`;
|
|
12417
|
+
}}
|
|
12414
12418
|
`;
|
|
12415
12419
|
const InfoText = styled__default["default"].div`
|
|
12416
12420
|
font-weight: 400;
|
|
@@ -47337,6 +47341,8 @@ const FooterWrapper = styled__default["default"].div`
|
|
|
47337
47341
|
justify-content: space-between;
|
|
47338
47342
|
padding: 15px 20px 15px 15px;
|
|
47339
47343
|
gap: 16px;
|
|
47344
|
+
background-color: rgba(244, 244, 245, 0.3);
|
|
47345
|
+
border-top: 1px solid #e5e7eb;
|
|
47340
47346
|
`;
|
|
47341
47347
|
const FooterLabel = styled__default["default"].span`
|
|
47342
47348
|
font-size: 14px;
|
|
@@ -47362,6 +47368,12 @@ const FooterLottieWrapper = styled__default["default"].div`
|
|
|
47362
47368
|
display: flex;
|
|
47363
47369
|
align-items: center;
|
|
47364
47370
|
`;
|
|
47371
|
+
const FooterRightGroup = styled__default["default"].div`
|
|
47372
|
+
display: flex;
|
|
47373
|
+
align-items: center;
|
|
47374
|
+
gap: 12px;
|
|
47375
|
+
flex-shrink: 0;
|
|
47376
|
+
`;
|
|
47365
47377
|
const FooterProgressTrack = styled__default["default"].div`
|
|
47366
47378
|
width: 160px;
|
|
47367
47379
|
height: 6px;
|
|
@@ -47384,15 +47396,16 @@ const TableFooter = ({
|
|
|
47384
47396
|
total,
|
|
47385
47397
|
rowLabel,
|
|
47386
47398
|
isLoading,
|
|
47387
|
-
isLoadingText
|
|
47399
|
+
isLoadingText,
|
|
47400
|
+
footerRight
|
|
47388
47401
|
}) => {
|
|
47389
47402
|
if (total <= 0) return null;
|
|
47390
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, {
|
|
47391
47404
|
animationData: LoadingAnimation,
|
|
47392
47405
|
loop: true
|
|
47393
|
-
})), /*#__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, {
|
|
47394
47407
|
percent: Math.round(visibleLast / total * 100)
|
|
47395
|
-
})));
|
|
47408
|
+
})), footerRight));
|
|
47396
47409
|
};
|
|
47397
47410
|
|
|
47398
47411
|
/**
|
|
@@ -47744,7 +47757,8 @@ const Table = props => {
|
|
|
47744
47757
|
// Footer props
|
|
47745
47758
|
showFooter = false,
|
|
47746
47759
|
total,
|
|
47747
|
-
rowLabel = ""
|
|
47760
|
+
rowLabel = "",
|
|
47761
|
+
footerRight = null
|
|
47748
47762
|
} = props;
|
|
47749
47763
|
const scrollWrapperRef = React$1.useRef(null);
|
|
47750
47764
|
const tableBodyRef = React$1.useRef(null);
|
|
@@ -47931,7 +47945,8 @@ const Table = props => {
|
|
|
47931
47945
|
total: total,
|
|
47932
47946
|
rowLabel: rowLabel,
|
|
47933
47947
|
isLoading: isLoading,
|
|
47934
|
-
isLoadingText: isLoadingText
|
|
47948
|
+
isLoadingText: isLoadingText,
|
|
47949
|
+
footerRight: footerRight
|
|
47935
47950
|
}))));
|
|
47936
47951
|
};
|
|
47937
47952
|
Table.displayName = "Table";
|
|
@@ -61223,6 +61238,26 @@ KpiFilter.defaultProps = {
|
|
|
61223
61238
|
selectAllIgnoreList: []
|
|
61224
61239
|
};
|
|
61225
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
|
+
|
|
61226
61261
|
exports.AdvancedThresholds = AdvancedThresholds;
|
|
61227
61262
|
exports.Analytics = Analytics;
|
|
61228
61263
|
exports.AreaChart = AreaChart;
|
|
@@ -61256,6 +61291,7 @@ exports.EventList = EventList;
|
|
|
61256
61291
|
exports.Execute = Execute;
|
|
61257
61292
|
exports.FilterPanel = FilterPanel;
|
|
61258
61293
|
exports.FilterPop = FilterPop;
|
|
61294
|
+
exports.FooterBranding = FooterBranding;
|
|
61259
61295
|
exports.GroupBuilder = GroupBuilder;
|
|
61260
61296
|
exports.Heatmap = Heatmap;
|
|
61261
61297
|
exports.IconButton = IconButton$1;
|