sag_components 2.0.0-beta10 → 2.0.0-beta11
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 +15 -9
- package/dist/index.esm.js +27 -35
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +27 -35
- package/dist/index.js.map +1 -1
- package/dist/types/components/BannerEventBoxList/BannerEventBoxList.d.ts +0 -3
- package/dist/types/components/CollapseHeader/CollapseHeader.d.ts +13 -1
- package/dist/types/components/DropdownNew/DropdownNew.d.ts +1 -1
- package/dist/types/components/FilterPanel/FilterPanel.d.ts +2 -5
- package/dist/types/components/QuickFilterDropdownSingle/SagIconButton/SagIconButton.d.ts +45 -0
- package/dist/types/components/QuickFilterDropdownSingle/SagIconButton/SagIconButton.stories.d.ts +178 -0
- package/dist/types/components/QuickFilterDropdownSingle/SagIconButton/SagIconButton.style.d.ts +2 -0
- package/dist/types/components/Tooltip/Tooltip.d.ts +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -43481,7 +43481,7 @@ const Tooltip$1 = props => {
|
|
|
43481
43481
|
};
|
|
43482
43482
|
Tooltip$1.propTypes = {
|
|
43483
43483
|
children: PropTypes.node,
|
|
43484
|
-
content: PropTypes.
|
|
43484
|
+
content: PropTypes.node,
|
|
43485
43485
|
direction: PropTypes.string,
|
|
43486
43486
|
delay: PropTypes.string,
|
|
43487
43487
|
topFactor: PropTypes.number
|
|
@@ -44316,19 +44316,18 @@ const InfoIcon = _ref => {
|
|
|
44316
44316
|
}));
|
|
44317
44317
|
};
|
|
44318
44318
|
|
|
44319
|
-
const LinkButton =
|
|
44320
|
-
|
|
44321
|
-
|
|
44322
|
-
|
|
44323
|
-
|
|
44324
|
-
|
|
44325
|
-
|
|
44326
|
-
|
|
44327
|
-
|
|
44328
|
-
|
|
44329
|
-
|
|
44330
|
-
|
|
44331
|
-
} = _ref;
|
|
44319
|
+
const LinkButton = ({
|
|
44320
|
+
text = '',
|
|
44321
|
+
type = 'primary',
|
|
44322
|
+
size = 'small',
|
|
44323
|
+
height = '',
|
|
44324
|
+
width = '',
|
|
44325
|
+
disabled = false,
|
|
44326
|
+
textColor = '',
|
|
44327
|
+
onClick,
|
|
44328
|
+
leftIcon = 'none',
|
|
44329
|
+
rightIcon = 'none'
|
|
44330
|
+
}) => {
|
|
44332
44331
|
// const {
|
|
44333
44332
|
// text,
|
|
44334
44333
|
// type,
|
|
@@ -51346,7 +51345,7 @@ DropdownNew.propTypes = {
|
|
|
51346
51345
|
width: PropTypes.string,
|
|
51347
51346
|
disabled: PropTypes.bool,
|
|
51348
51347
|
error: PropTypes.bool,
|
|
51349
|
-
errorMessage:
|
|
51348
|
+
errorMessage: PropTypes.string,
|
|
51350
51349
|
options: PropTypes.arrayOf(PropTypes.shape({
|
|
51351
51350
|
id: PropTypes.string,
|
|
51352
51351
|
label: PropTypes.string
|
|
@@ -53476,10 +53475,7 @@ FilterPanel.propTypes = {
|
|
|
53476
53475
|
label: PropTypes.string,
|
|
53477
53476
|
labelEmptyValue: PropTypes.string,
|
|
53478
53477
|
name: PropTypes.string,
|
|
53479
|
-
periodPickerSelectedValue: PropTypes.
|
|
53480
|
-
value: PropTypes.string,
|
|
53481
|
-
label: PropTypes.string
|
|
53482
|
-
})),
|
|
53478
|
+
periodPickerSelectedValue: PropTypes.string,
|
|
53483
53479
|
selectedValue: PropTypes.arrayOf(PropTypes.shape({
|
|
53484
53480
|
value: PropTypes.string,
|
|
53485
53481
|
label: PropTypes.string
|
|
@@ -53502,7 +53498,7 @@ FilterPanel.propTypes = {
|
|
|
53502
53498
|
okButtonBackgroundColor: PropTypes.string,
|
|
53503
53499
|
okButtonHoverColor: PropTypes.string,
|
|
53504
53500
|
resetButtonHoverColor: PropTypes.string,
|
|
53505
|
-
borderColor:
|
|
53501
|
+
borderColor: PropTypes.string,
|
|
53506
53502
|
onOkClick: PropTypes.func,
|
|
53507
53503
|
onResetClick: PropTypes.func,
|
|
53508
53504
|
onItemValueChanged: PropTypes.func,
|
|
@@ -53832,13 +53828,16 @@ const Td = dt.td`
|
|
|
53832
53828
|
`;
|
|
53833
53829
|
const Tr = dt.tr`
|
|
53834
53830
|
border-bottom: 1px solid #f3f4f6;
|
|
53835
|
-
${
|
|
53836
|
-
|
|
53837
|
-
|
|
53838
|
-
|
|
53831
|
+
${_ref => {
|
|
53832
|
+
let {
|
|
53833
|
+
enableHover,
|
|
53834
|
+
selectHoverColor
|
|
53835
|
+
} = _ref;
|
|
53836
|
+
return enableHover && `&:hover {
|
|
53839
53837
|
background-color: ${selectHoverColor};
|
|
53840
53838
|
cursor: pointer;
|
|
53841
|
-
}
|
|
53839
|
+
}`;
|
|
53840
|
+
}}
|
|
53842
53841
|
`;
|
|
53843
53842
|
const InfoText = dt.div`
|
|
53844
53843
|
font-weight: 400;
|
|
@@ -54206,9 +54205,7 @@ const ReportTable = props => {
|
|
|
54206
54205
|
disabled: currentPage === totalPages
|
|
54207
54206
|
}))))), isLoading && enablePagination && /*#__PURE__*/React__default["default"].createElement(LoaderWrapper$1, {
|
|
54208
54207
|
id: "LoaderWrapper"
|
|
54209
|
-
}, /*#__PURE__*/React__default["default"].createElement(Loader$1, {
|
|
54210
|
-
loaderColor: "#1B30AA"
|
|
54211
|
-
})), !disableInfo ? /*#__PURE__*/React__default["default"].createElement(InfoBlock, null, /*#__PURE__*/React__default["default"].createElement(InfoIcon, {
|
|
54208
|
+
}, /*#__PURE__*/React__default["default"].createElement(Loader$1, null)), !disableInfo ? /*#__PURE__*/React__default["default"].createElement(InfoBlock, null, /*#__PURE__*/React__default["default"].createElement(InfoIcon, {
|
|
54212
54209
|
color: "#1B30AA"
|
|
54213
54210
|
}), /*#__PURE__*/React__default["default"].createElement(InfoText, null, "Download table to get the full data")) : "");
|
|
54214
54211
|
};
|
|
@@ -54840,7 +54837,6 @@ const BannerEventBoxList = props => {
|
|
|
54840
54837
|
linkText,
|
|
54841
54838
|
disableToggle,
|
|
54842
54839
|
bannerWidth,
|
|
54843
|
-
loaderColor,
|
|
54844
54840
|
showDraft
|
|
54845
54841
|
} = props;
|
|
54846
54842
|
const [IsItemOpen, setIsItemOpen] = React.useState(false);
|
|
@@ -54870,9 +54866,7 @@ const BannerEventBoxList = props => {
|
|
|
54870
54866
|
onClick: () => handleToggle()
|
|
54871
54867
|
}, showLoader ? /*#__PURE__*/React__default["default"].createElement(LoaderWrapper, {
|
|
54872
54868
|
id: "LoaderWrapper"
|
|
54873
|
-
}, /*#__PURE__*/React__default["default"].createElement("span", null, "Processing Data"), /*#__PURE__*/React__default["default"].createElement(Loader, {
|
|
54874
|
-
loaderColor: loaderColor
|
|
54875
|
-
})) : /*#__PURE__*/React__default["default"].createElement(MainDetails, null, !cardsContent && /*#__PURE__*/React__default["default"].createElement(BannerIcon, null, bannersIcon()), showEventDetails ? /*#__PURE__*/React__default["default"].createElement(SubDetails, null, eventName, ' ', eventName !== '' && eventType !== '' && /*#__PURE__*/React__default["default"].createElement(ProductName, null, "|"), ' ', eventType, count && /*#__PURE__*/React__default["default"].createElement(ProductName, null, ': ', count, ' ', count > 1 ? 'Products' : 'Product')) : ' '), /*#__PURE__*/React__default["default"].createElement(ToggleContainer, null, IsItemOpen ? /*#__PURE__*/React__default["default"].createElement(LinkButton, {
|
|
54869
|
+
}, /*#__PURE__*/React__default["default"].createElement("span", null, "Processing Data"), /*#__PURE__*/React__default["default"].createElement(Loader, null)) : /*#__PURE__*/React__default["default"].createElement(MainDetails, null, !cardsContent && /*#__PURE__*/React__default["default"].createElement(BannerIcon, null, bannersIcon()), showEventDetails ? /*#__PURE__*/React__default["default"].createElement(SubDetails, null, eventName, ' ', eventName !== '' && eventType !== '' && /*#__PURE__*/React__default["default"].createElement(ProductName, null, "|"), ' ', eventType, count && /*#__PURE__*/React__default["default"].createElement(ProductName, null, ': ', count, ' ', count > 1 ? 'Products' : 'Product')) : ' '), /*#__PURE__*/React__default["default"].createElement(ToggleContainer, null, IsItemOpen ? /*#__PURE__*/React__default["default"].createElement(LinkButton, {
|
|
54876
54870
|
disabled: disableToggle,
|
|
54877
54871
|
text: linkText,
|
|
54878
54872
|
leftIcon: "info",
|
|
@@ -54922,7 +54916,6 @@ BannerEventBoxList.propTypes = {
|
|
|
54922
54916
|
disableToggle: PropTypes.bool,
|
|
54923
54917
|
children: PropTypes.node,
|
|
54924
54918
|
bannerWidth: PropTypes.string,
|
|
54925
|
-
loaderColor: PropTypes.string,
|
|
54926
54919
|
showDraft: PropTypes.bool
|
|
54927
54920
|
};
|
|
54928
54921
|
BannerEventBoxList.defaultProps = {
|
|
@@ -54974,7 +54967,6 @@ BannerEventBoxList.defaultProps = {
|
|
|
54974
54967
|
disableToggle: true,
|
|
54975
54968
|
children: null,
|
|
54976
54969
|
bannerWidth: 'auto',
|
|
54977
|
-
loaderColor: '#212121',
|
|
54978
54970
|
showDraft: false
|
|
54979
54971
|
};
|
|
54980
54972
|
|
|
@@ -65668,7 +65660,7 @@ CollapseHeader.propTypes = {
|
|
|
65668
65660
|
data: PropTypes.shape({
|
|
65669
65661
|
eventType: PropTypes.string,
|
|
65670
65662
|
retailer: PropTypes.string,
|
|
65671
|
-
eventDescription:
|
|
65663
|
+
eventDescription: PropTypes.string,
|
|
65672
65664
|
objectivesDescription: PropTypes.string,
|
|
65673
65665
|
eventDatesValue: PropTypes.string,
|
|
65674
65666
|
externalEventDescription: PropTypes.string,
|