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.d.ts
CHANGED
|
@@ -133,6 +133,7 @@ declare namespace FilterPanel {
|
|
|
133
133
|
placeHolder: PropTypes.Requireable<string>;
|
|
134
134
|
xIconShow: PropTypes.Requireable<boolean>;
|
|
135
135
|
label: PropTypes.Requireable<string>;
|
|
136
|
+
showSelectAll: PropTypes.Requireable<boolean>;
|
|
136
137
|
labelEmptyValue: PropTypes.Requireable<string>;
|
|
137
138
|
name: PropTypes.Requireable<string>;
|
|
138
139
|
periodPickerSelectedValue: PropTypes.Requireable<string>;
|
|
@@ -2104,4 +2105,6 @@ declare namespace KpiFilter {
|
|
|
2104
2105
|
}
|
|
2105
2106
|
}
|
|
2106
2107
|
|
|
2107
|
-
|
|
2108
|
+
declare function FooterBranding(): react_jsx_runtime.JSX.Element;
|
|
2109
|
+
|
|
2110
|
+
export { AdvancedThresholds, Analytics, AreaChart, BannerEventBoxList, BarChart, BarChartTwoRows, BarChartWithAreaChart, BarChartsByWeeks, BatteryChart, BreakdownPanel, BrushChart, BubbleChart, Budgets, Build, Button, Campaigns, CheckBox, CollapseData, CollapseHeader, ContainerTable, Coupons, CustomerSegments, Dashboard, DialogOverlay, DoubleBarSingleLine, DoublePanelDataRow, DownloadProgress, DropdownNew, EventDetailsCard, EventList, Execute, FilterPanel, FilterPop, FooterBranding, GroupBuilder, Heatmap, IconButton, Input, InsightsCarousel, ItemManagerPanel, ItemsStores, KpiFilter, LinkButton, LinnerDataBox, MarketShareDescription, MenuRoute, MessageBox, ModalDrawer, ModalWithOverlay, NoDataFoundMessage, OneColumnContainer, OverlayDropdown, PerformanceAnalyticsLegend, PieChart, PopupCharts, PreTestWhatIf, QuickFilter, QuickFilterCards, RangePicker, RangePop, ReportTable, RulesEngine, SagIconButton, SampleRunEngine, SearchInput, SegmentedButton, SingleBarLineCharts, SortPop, TabMenu, Table, Tag, ToasterMessageBox, ToggleSwitch, Tooltip, TopToggleList, TotalBenchmark, TotalBenchmarkAreachart, TotalBenchmarkArrows, TotalBenchmarkBarchart, TotalDoughnutChart, TotalHorizontalCharts, Track, TwoBarCharts, WeeksPicker };
|
package/dist/index.esm.js
CHANGED
|
@@ -12038,6 +12038,7 @@ FilterPanel.propTypes = {
|
|
|
12038
12038
|
placeHolder: PropTypes.string,
|
|
12039
12039
|
xIconShow: PropTypes.bool,
|
|
12040
12040
|
label: PropTypes.string,
|
|
12041
|
+
showSelectAll: PropTypes.bool,
|
|
12041
12042
|
labelEmptyValue: PropTypes.string,
|
|
12042
12043
|
name: PropTypes.string,
|
|
12043
12044
|
periodPickerSelectedValue: PropTypes.string,
|
|
@@ -12394,13 +12395,16 @@ const Td$1 = styled.td`
|
|
|
12394
12395
|
`;
|
|
12395
12396
|
const Tr = styled.tr`
|
|
12396
12397
|
border-bottom: 1px solid #f3f4f6;
|
|
12397
|
-
${
|
|
12398
|
-
|
|
12399
|
-
|
|
12400
|
-
|
|
12398
|
+
${_ref => {
|
|
12399
|
+
let {
|
|
12400
|
+
enableHover,
|
|
12401
|
+
selectHoverColor
|
|
12402
|
+
} = _ref;
|
|
12403
|
+
return enableHover && `&:hover {
|
|
12401
12404
|
background-color: ${selectHoverColor};
|
|
12402
12405
|
cursor: pointer;
|
|
12403
|
-
}
|
|
12406
|
+
}`;
|
|
12407
|
+
}}
|
|
12404
12408
|
`;
|
|
12405
12409
|
const InfoText = styled.div`
|
|
12406
12410
|
font-weight: 400;
|
|
@@ -47327,6 +47331,8 @@ const FooterWrapper = styled.div`
|
|
|
47327
47331
|
justify-content: space-between;
|
|
47328
47332
|
padding: 15px 20px 15px 15px;
|
|
47329
47333
|
gap: 16px;
|
|
47334
|
+
background-color: rgba(244, 244, 245, 0.3);
|
|
47335
|
+
border-top: 1px solid #e5e7eb;
|
|
47330
47336
|
`;
|
|
47331
47337
|
const FooterLabel = styled.span`
|
|
47332
47338
|
font-size: 14px;
|
|
@@ -47352,6 +47358,12 @@ const FooterLottieWrapper = styled.div`
|
|
|
47352
47358
|
display: flex;
|
|
47353
47359
|
align-items: center;
|
|
47354
47360
|
`;
|
|
47361
|
+
const FooterRightGroup = styled.div`
|
|
47362
|
+
display: flex;
|
|
47363
|
+
align-items: center;
|
|
47364
|
+
gap: 12px;
|
|
47365
|
+
flex-shrink: 0;
|
|
47366
|
+
`;
|
|
47355
47367
|
const FooterProgressTrack = styled.div`
|
|
47356
47368
|
width: 160px;
|
|
47357
47369
|
height: 6px;
|
|
@@ -47374,15 +47386,16 @@ const TableFooter = ({
|
|
|
47374
47386
|
total,
|
|
47375
47387
|
rowLabel,
|
|
47376
47388
|
isLoading,
|
|
47377
|
-
isLoadingText
|
|
47389
|
+
isLoadingText,
|
|
47390
|
+
footerRight
|
|
47378
47391
|
}) => {
|
|
47379
47392
|
if (total <= 0) return null;
|
|
47380
47393
|
return /*#__PURE__*/React$1.createElement(FooterWrapper, null, /*#__PURE__*/React$1.createElement(FooterLabel, null, "Rows ", /*#__PURE__*/React$1.createElement(FooterLabelBold, null, visibleFirst, "\u2013", visibleLast), " of ", /*#__PURE__*/React$1.createElement(FooterLabelBold, null, total), rowLabel ? ` ${rowLabel}` : ""), isLoading && /*#__PURE__*/React$1.createElement(FooterLoadingGroup, null, /*#__PURE__*/React$1.createElement(FooterLottieWrapper, null, /*#__PURE__*/React$1.createElement(Lottie, {
|
|
47381
47394
|
animationData: LoadingAnimation,
|
|
47382
47395
|
loop: true
|
|
47383
|
-
})), /*#__PURE__*/React$1.createElement(FooterLabel, null, isLoadingText || "Loading...")), /*#__PURE__*/React$1.createElement(FooterProgressTrack, null, /*#__PURE__*/React$1.createElement(FooterProgressFill, {
|
|
47396
|
+
})), /*#__PURE__*/React$1.createElement(FooterLabel, null, isLoadingText || "Loading...")), /*#__PURE__*/React$1.createElement(FooterRightGroup, null, /*#__PURE__*/React$1.createElement(FooterProgressTrack, null, /*#__PURE__*/React$1.createElement(FooterProgressFill, {
|
|
47384
47397
|
percent: Math.round(visibleLast / total * 100)
|
|
47385
|
-
})));
|
|
47398
|
+
})), footerRight));
|
|
47386
47399
|
};
|
|
47387
47400
|
|
|
47388
47401
|
/**
|
|
@@ -47734,7 +47747,8 @@ const Table = props => {
|
|
|
47734
47747
|
// Footer props
|
|
47735
47748
|
showFooter = false,
|
|
47736
47749
|
total,
|
|
47737
|
-
rowLabel = ""
|
|
47750
|
+
rowLabel = "",
|
|
47751
|
+
footerRight = null
|
|
47738
47752
|
} = props;
|
|
47739
47753
|
const scrollWrapperRef = useRef(null);
|
|
47740
47754
|
const tableBodyRef = useRef(null);
|
|
@@ -47921,7 +47935,8 @@ const Table = props => {
|
|
|
47921
47935
|
total: total,
|
|
47922
47936
|
rowLabel: rowLabel,
|
|
47923
47937
|
isLoading: isLoading,
|
|
47924
|
-
isLoadingText: isLoadingText
|
|
47938
|
+
isLoadingText: isLoadingText,
|
|
47939
|
+
footerRight: footerRight
|
|
47925
47940
|
}))));
|
|
47926
47941
|
};
|
|
47927
47942
|
Table.displayName = "Table";
|
|
@@ -61213,5 +61228,25 @@ KpiFilter.defaultProps = {
|
|
|
61213
61228
|
selectAllIgnoreList: []
|
|
61214
61229
|
};
|
|
61215
61230
|
|
|
61216
|
-
|
|
61231
|
+
const BrandingText = styled.span`
|
|
61232
|
+
font-family: 'Poppins', sans-serif;
|
|
61233
|
+
font-size: 12px;
|
|
61234
|
+
color: #b1b1b1;
|
|
61235
|
+
white-space: nowrap;
|
|
61236
|
+
`;
|
|
61237
|
+
const BrandingLink = styled.a`
|
|
61238
|
+
color: #b1b1b1;
|
|
61239
|
+
`;
|
|
61240
|
+
|
|
61241
|
+
const FooterBranding = () => /*#__PURE__*/React$1.createElement(BrandingText, null, "Powered by ", /*#__PURE__*/React$1.createElement("strong", {
|
|
61242
|
+
style: {
|
|
61243
|
+
fontWeight: 600
|
|
61244
|
+
}
|
|
61245
|
+
}, "Sagarmatha"), "\xA0|\xA0", /*#__PURE__*/React$1.createElement(BrandingLink, {
|
|
61246
|
+
href: "https://www.sag121.com/privacy-policy/",
|
|
61247
|
+
target: "_blank",
|
|
61248
|
+
rel: "noreferrer"
|
|
61249
|
+
}, "Privacy Policy"));
|
|
61250
|
+
|
|
61251
|
+
export { AdvancedThresholds, Analytics, AreaChart, BannerEventBoxList, BarChart, BarChartTwoRows, BarChartWithAreaChart, BarChartsByWeeks, BatteryChart, BreakdownPanel, BrushChart, BubbleChart, Budgets, Build, Button$1 as Button, Campaigns, CheckBox, CollapseData, CollapseHeader, ContainerTable, Coupons, CustomerSegments, Dashboard, DialogOverlay$1 as DialogOverlay, DoubleBarSingleLine, DoublePanelDataRow, DownloadProgress, DropdownNew, EventDetailsCard, EventList, Execute, FilterPanel, FilterPop, FooterBranding, GroupBuilder, Heatmap, IconButton$1 as IconButton, Input$2 as Input, InsightsCarousel, ItemManagerPanel, ItemsStores, KpiFilter, LinkButton, LinnerDataBox, MarketShareDescription, MenuRoute, MessageBox, ModalDrawer, ModalWithOverlay, NoDataFoundMessage, OneColumnContainer, OverlayDropdown, PerformanceAnalyticsLegend, PieChart, PopupCharts, PreTestWhatIf, QuickFilter, QuickFilterCards, RangePicker, RangePop, ReportTable, RulesEngine, SagIconButton, SampleRunEngine, SearchInput$1 as SearchInput, SegmentedButton, SingleBarLineCharts, SortPop, TabMenu, Table, Tag, ToasterMessageBox, ToggleSwitch, Tooltip$2 as Tooltip, TopToggleList, TotalBenchmark, TotalBenchmarkAreachart, TotalBenchmarkArrows, TotalBenchmarkBarchart, TotalDoughnutChart, TotalHorizontalCharts, Track, TwoBarCharts, WeeksPicker };
|
|
61217
61252
|
//# sourceMappingURL=index.esm.js.map
|