sag_components 2.0.0-beta138 → 2.0.0-beta139
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 +2 -2
- package/dist/index.esm.js +77 -72
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +77 -72
- package/dist/index.js.map +1 -1
- package/dist/types/components/QuickFilterCards/QuickFilterCards.d.ts +2 -2
- package/dist/types/components/QuickFilterCards/QuickFilterCards.stories.d.ts +2 -2
- package/dist/types/index.d.ts +1 -1
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -1508,7 +1508,7 @@ declare function ToasterMessageBox({ color, messageText, linkText, duration, wid
|
|
|
1508
1508
|
onClose?: () => void;
|
|
1509
1509
|
}): react_jsx_runtime.JSX.Element;
|
|
1510
1510
|
|
|
1511
|
-
declare function
|
|
1511
|
+
declare function QuickFilterCards({ data, onCardToggle, width, }: {
|
|
1512
1512
|
data?: any[];
|
|
1513
1513
|
onCardToggle?: () => void;
|
|
1514
1514
|
width?: string;
|
|
@@ -1565,4 +1565,4 @@ declare namespace RangePicker {
|
|
|
1565
1565
|
}
|
|
1566
1566
|
}
|
|
1567
1567
|
|
|
1568
|
-
export { AreaChart, BannerEventBoxList, BarChart, BarChartTwoRows, BarChartWithAreaChart, BarChartsByWeeks, BatteryChart, BreakdownPanel, BrushChart, BubbleChart, Build, Button, CollapseData, CollapseHeader, ContainerTable, DialogOverlay, DoubleBarSingleLine, DoublePanelDataRow, DownloadProgress, DropdownNew, EventDetailsCard, EventList,
|
|
1568
|
+
export { AreaChart, BannerEventBoxList, BarChart, BarChartTwoRows, BarChartWithAreaChart, BarChartsByWeeks, BatteryChart, BreakdownPanel, BrushChart, BubbleChart, Build, Button, CollapseData, CollapseHeader, ContainerTable, DialogOverlay, DoubleBarSingleLine, DoublePanelDataRow, DownloadProgress, DropdownNew, EventDetailsCard, EventList, Execute, FilterPanel, FilterPop, Heatmap, IconButton, Input, InsightsCarousel, ItemManagerPanel, LinkButton, LinnerDataBox, MarketShareDescription, MenuRoute, MessageBox, ModalDrawer, ModalWithOverlay, OneColumnContainer, OverlayDropdown, PerformanceAnalyticsLegend, PieChart, PopupCharts, QuickFilter, QuickFilterCards, RangePicker, RangePop, ReportTable, SearchInput, SingleBarLineCharts, SortPop, TabMenu, Table, ToasterMessageBox, ToggleSwitch, Tooltip, TopToggleList, TotalDoughnutChart, TotalHorizontalCharts, Track, TwoBarCharts, WeeksPicker };
|
package/dist/index.esm.js
CHANGED
|
@@ -8710,24 +8710,25 @@ const IconContainer$5 = styled.div`
|
|
|
8710
8710
|
cursor: pointer;
|
|
8711
8711
|
`;
|
|
8712
8712
|
|
|
8713
|
-
const DropdownSingleNew =
|
|
8714
|
-
|
|
8715
|
-
|
|
8716
|
-
|
|
8717
|
-
|
|
8718
|
-
|
|
8719
|
-
|
|
8720
|
-
|
|
8721
|
-
|
|
8722
|
-
|
|
8723
|
-
|
|
8724
|
-
|
|
8725
|
-
|
|
8726
|
-
|
|
8727
|
-
|
|
8728
|
-
|
|
8729
|
-
|
|
8730
|
-
|
|
8713
|
+
const DropdownSingleNew = _ref => {
|
|
8714
|
+
let {
|
|
8715
|
+
label,
|
|
8716
|
+
labelEmptyValue,
|
|
8717
|
+
options,
|
|
8718
|
+
selectedValue,
|
|
8719
|
+
onChange,
|
|
8720
|
+
required,
|
|
8721
|
+
disabled,
|
|
8722
|
+
width,
|
|
8723
|
+
withMarginBottom = true,
|
|
8724
|
+
error,
|
|
8725
|
+
errorMessage,
|
|
8726
|
+
xIconShow,
|
|
8727
|
+
labelColor,
|
|
8728
|
+
showLabelOnTop,
|
|
8729
|
+
orderBy,
|
|
8730
|
+
elementType
|
|
8731
|
+
} = _ref;
|
|
8731
8732
|
const [isFocused, setIsFocused] = useState(false);
|
|
8732
8733
|
const [showOptions, setShowOptions] = useState(false);
|
|
8733
8734
|
const [showAbove, setShowAbove] = useState(false);
|
|
@@ -9199,25 +9200,26 @@ const IconContainer$4 = styled.div`
|
|
|
9199
9200
|
cursor: pointer;
|
|
9200
9201
|
`;
|
|
9201
9202
|
|
|
9202
|
-
const DropdownMultiNew =
|
|
9203
|
-
|
|
9204
|
-
|
|
9205
|
-
|
|
9206
|
-
|
|
9207
|
-
|
|
9208
|
-
|
|
9209
|
-
|
|
9210
|
-
|
|
9211
|
-
|
|
9212
|
-
|
|
9213
|
-
|
|
9214
|
-
|
|
9215
|
-
|
|
9216
|
-
|
|
9217
|
-
|
|
9218
|
-
|
|
9219
|
-
|
|
9220
|
-
|
|
9203
|
+
const DropdownMultiNew = _ref => {
|
|
9204
|
+
let {
|
|
9205
|
+
label,
|
|
9206
|
+
labelEmptyValue,
|
|
9207
|
+
options,
|
|
9208
|
+
selectedValue,
|
|
9209
|
+
onChange,
|
|
9210
|
+
required,
|
|
9211
|
+
disabled,
|
|
9212
|
+
width,
|
|
9213
|
+
withMarginBottom = true,
|
|
9214
|
+
error,
|
|
9215
|
+
errorMessage,
|
|
9216
|
+
labelColor,
|
|
9217
|
+
xIconShow,
|
|
9218
|
+
checkBoxColor,
|
|
9219
|
+
showLabelOnTop,
|
|
9220
|
+
orderBy,
|
|
9221
|
+
elementType
|
|
9222
|
+
} = _ref;
|
|
9221
9223
|
const [isFocused, setIsFocused] = useState(false);
|
|
9222
9224
|
const [showOptions, setShowOptions] = useState(false);
|
|
9223
9225
|
const [showAbove, setShowAbove] = useState(false);
|
|
@@ -23903,21 +23905,22 @@ const DeleteIcon = styled.div`
|
|
|
23903
23905
|
position: absolute;
|
|
23904
23906
|
`;
|
|
23905
23907
|
|
|
23906
|
-
const QuickFilterDropdownSingle =
|
|
23907
|
-
|
|
23908
|
-
|
|
23909
|
-
|
|
23910
|
-
|
|
23911
|
-
|
|
23912
|
-
|
|
23913
|
-
|
|
23914
|
-
|
|
23915
|
-
|
|
23916
|
-
|
|
23917
|
-
|
|
23918
|
-
|
|
23919
|
-
|
|
23920
|
-
|
|
23908
|
+
const QuickFilterDropdownSingle = _ref => {
|
|
23909
|
+
let {
|
|
23910
|
+
label,
|
|
23911
|
+
hoverColor,
|
|
23912
|
+
options,
|
|
23913
|
+
selectedValue,
|
|
23914
|
+
placeHolder,
|
|
23915
|
+
onChange,
|
|
23916
|
+
disabled,
|
|
23917
|
+
width,
|
|
23918
|
+
error,
|
|
23919
|
+
errorMessage,
|
|
23920
|
+
xIconShow,
|
|
23921
|
+
labelColor,
|
|
23922
|
+
showLabelOnTop
|
|
23923
|
+
} = _ref;
|
|
23921
23924
|
const [isFocused, setIsFocused] = useState(false);
|
|
23922
23925
|
const [showOptions, setShowOptions] = useState(false);
|
|
23923
23926
|
const [inputValue, setInputValue] = useState("");
|
|
@@ -24314,23 +24317,24 @@ const IconContainer$2 = styled.div`
|
|
|
24314
24317
|
cursor: pointer;
|
|
24315
24318
|
`;
|
|
24316
24319
|
|
|
24317
|
-
const QuickFilterDropdownMultiSelection =
|
|
24318
|
-
|
|
24319
|
-
|
|
24320
|
-
|
|
24321
|
-
|
|
24322
|
-
|
|
24323
|
-
|
|
24324
|
-
|
|
24325
|
-
|
|
24326
|
-
|
|
24327
|
-
|
|
24328
|
-
|
|
24329
|
-
|
|
24330
|
-
|
|
24331
|
-
|
|
24332
|
-
|
|
24333
|
-
|
|
24320
|
+
const QuickFilterDropdownMultiSelection = _ref => {
|
|
24321
|
+
let {
|
|
24322
|
+
label,
|
|
24323
|
+
labelEmptyValue,
|
|
24324
|
+
options,
|
|
24325
|
+
selectedValue,
|
|
24326
|
+
placeHolder,
|
|
24327
|
+
onChange,
|
|
24328
|
+
required,
|
|
24329
|
+
disabled,
|
|
24330
|
+
width,
|
|
24331
|
+
error,
|
|
24332
|
+
errorMessage,
|
|
24333
|
+
labelColor,
|
|
24334
|
+
xIconShow,
|
|
24335
|
+
checkBoxColor,
|
|
24336
|
+
showLabelOnTop
|
|
24337
|
+
} = _ref;
|
|
24334
24338
|
const [isFocused, setIsFocused] = useState(false);
|
|
24335
24339
|
const [showOptions, setShowOptions] = useState(false);
|
|
24336
24340
|
const [inputValue, setInputValue] = useState('');
|
|
@@ -52379,6 +52383,7 @@ const StatusCard = styled.div`
|
|
|
52379
52383
|
padding: 12px 16px;
|
|
52380
52384
|
flex-grow: 1;
|
|
52381
52385
|
flex-basis: 0;
|
|
52386
|
+
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.10);
|
|
52382
52387
|
`;
|
|
52383
52388
|
const CardHeader = styled.div`
|
|
52384
52389
|
display: flex;
|
|
@@ -52439,7 +52444,7 @@ const StatusCount = styled.span`
|
|
|
52439
52444
|
line-height: 1;
|
|
52440
52445
|
`;
|
|
52441
52446
|
|
|
52442
|
-
const
|
|
52447
|
+
const QuickFilterCards = _ref => {
|
|
52443
52448
|
let {
|
|
52444
52449
|
data = [],
|
|
52445
52450
|
onCardToggle = () => {},
|
|
@@ -52462,7 +52467,7 @@ const EventStatusCards = _ref => {
|
|
|
52462
52467
|
};
|
|
52463
52468
|
return /*#__PURE__*/React$1.createElement(CardsContainer, {
|
|
52464
52469
|
width: width,
|
|
52465
|
-
className: "
|
|
52470
|
+
className: "QuickFilterCardsContainer"
|
|
52466
52471
|
}, items.map(_ref2 => {
|
|
52467
52472
|
let {
|
|
52468
52473
|
status,
|
|
@@ -52496,5 +52501,5 @@ const EventStatusCards = _ref => {
|
|
|
52496
52501
|
}));
|
|
52497
52502
|
};
|
|
52498
52503
|
|
|
52499
|
-
export { AreaChart, BannerEventBoxList, BarChart, BarChartTwoRows, BarChartWithAreaChart, BarChartsByWeeks, BatteryChart, BreakdownPanel, BrushChart, BubbleChart, Build, Button$1 as Button, CollapseData, CollapseHeader, ContainerTable, DialogOverlay$1 as DialogOverlay, DoubleBarSingleLine, DoublePanelDataRow, DownloadProgress, DropdownNew, EventDetailsCard, EventList,
|
|
52504
|
+
export { AreaChart, BannerEventBoxList, BarChart, BarChartTwoRows, BarChartWithAreaChart, BarChartsByWeeks, BatteryChart, BreakdownPanel, BrushChart, BubbleChart, Build, Button$1 as Button, CollapseData, CollapseHeader, ContainerTable, DialogOverlay$1 as DialogOverlay, DoubleBarSingleLine, DoublePanelDataRow, DownloadProgress, DropdownNew, EventDetailsCard, EventList, Execute, FilterPanel, FilterPop, Heatmap, IconButton$1 as IconButton, Input$2 as Input, InsightsCarousel, ItemManagerPanel, LinkButton, LinnerDataBox, MarketShareDescription, MenuRoute, MessageBox, ModalDrawer, ModalWithOverlay, OneColumnContainer, OverlayDropdown, PerformanceAnalyticsLegend, PieChart, PopupCharts, QuickFilter, QuickFilterCards, RangePicker, RangePop, ReportTable, SearchInput, SingleBarLineCharts, SortPop, TabMenu, Table, ToasterMessageBox, ToggleSwitch, Tooltip$2 as Tooltip, TopToggleList, TotalDoughnutChart, TotalHorizontalCharts, Track, TwoBarCharts, WeeksPicker };
|
|
52500
52505
|
//# sourceMappingURL=index.esm.js.map
|