sag_components 2.0.0-beta120 → 2.0.0-beta122
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 -1
- package/dist/index.esm.js +16 -5
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +16 -5
- package/dist/index.js.map +1 -1
- package/dist/types/components/ItemManagerPanel/ItemManagerPanel.d.ts +2 -1
- package/dist/types/components/ItemManagerPanel/ItemManagerPanel.stories.d.ts +20 -10
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -34446,11 +34446,11 @@ const ModalWithOverlay = props => {
|
|
|
34446
34446
|
disabled: disableOkButton,
|
|
34447
34447
|
text: okButtonText,
|
|
34448
34448
|
onClick: onOk,
|
|
34449
|
+
hoverTextColor: "#ffffff",
|
|
34449
34450
|
borderColor: okButtonColor,
|
|
34450
34451
|
backgroundColor: okButtonColor,
|
|
34451
34452
|
hoverBorderColor: okButtonHoverBackgroundColor,
|
|
34452
|
-
hoverBackgroundColor: okButtonHoverBackgroundColor
|
|
34453
|
-
hoverTextColor: "#212121"
|
|
34453
|
+
hoverBackgroundColor: okButtonHoverBackgroundColor
|
|
34454
34454
|
})) : /*#__PURE__*/React__default["default"].createElement(Button$1, {
|
|
34455
34455
|
size: "medium",
|
|
34456
34456
|
type: okButtonType,
|
|
@@ -34459,11 +34459,11 @@ const ModalWithOverlay = props => {
|
|
|
34459
34459
|
disabled: disableOkButton,
|
|
34460
34460
|
text: okButtonText,
|
|
34461
34461
|
onClick: onOk,
|
|
34462
|
+
hoverTextColor: "#ffffff",
|
|
34462
34463
|
borderColor: okButtonColor,
|
|
34463
34464
|
backgroundColor: okButtonColor,
|
|
34464
34465
|
hoverBorderColor: okButtonHoverBackgroundColor,
|
|
34465
|
-
hoverBackgroundColor: okButtonHoverBackgroundColor
|
|
34466
|
-
hoverTextColor: "#212121"
|
|
34466
|
+
hoverBackgroundColor: okButtonHoverBackgroundColor
|
|
34467
34467
|
})))), /*#__PURE__*/React__default["default"].createElement(ModalBody, {
|
|
34468
34468
|
className: "modal-body"
|
|
34469
34469
|
}, children)));
|
|
@@ -41368,6 +41368,8 @@ const Table = props => {
|
|
|
41368
41368
|
leftIcon: "Plus",
|
|
41369
41369
|
text: "New Event",
|
|
41370
41370
|
borderRadius: "12px",
|
|
41371
|
+
borderColor: sideButtonColor,
|
|
41372
|
+
hoverBorderColor: sideButtonHoverColor,
|
|
41371
41373
|
backgroundColor: sideButtonColor,
|
|
41372
41374
|
hoverBackgroundColor: sideButtonHoverColor,
|
|
41373
41375
|
onClick: onSideButtonClick
|
|
@@ -41394,6 +41396,8 @@ const Table = props => {
|
|
|
41394
41396
|
leftIcon: "Plus",
|
|
41395
41397
|
text: "New Event",
|
|
41396
41398
|
borderRadius: "12px",
|
|
41399
|
+
borderColor: buttonColor,
|
|
41400
|
+
hoverBorderColor: buttonHoverColor,
|
|
41397
41401
|
backgroundColor: buttonColor,
|
|
41398
41402
|
hoverBackgroundColor: buttonHoverColor,
|
|
41399
41403
|
onClick: onButtonClick
|
|
@@ -41417,6 +41421,10 @@ const Card = styled__default["default"].div`
|
|
|
41417
41421
|
height: ${props => props.height || "auto"};
|
|
41418
41422
|
margin: 0 auto;
|
|
41419
41423
|
font-family: 'Poppins', sans-serif;
|
|
41424
|
+
&:disabled {
|
|
41425
|
+
background: #f2f2f2;
|
|
41426
|
+
cursor: not-allowed;
|
|
41427
|
+
}
|
|
41420
41428
|
`;
|
|
41421
41429
|
const TitleContainer = styled__default["default"].div`
|
|
41422
41430
|
display: flex;
|
|
@@ -41475,7 +41483,7 @@ styled__default["default"].input`
|
|
|
41475
41483
|
`;
|
|
41476
41484
|
const VendorListWrapper$2 = styled__default["default"].div`
|
|
41477
41485
|
height: calc(100% - ${props => props.headerHeight}px);
|
|
41478
|
-
background: #fff;
|
|
41486
|
+
background: ${props => props.disabled ? '#f2f2f2' : '#fff'};
|
|
41479
41487
|
width: 100%;
|
|
41480
41488
|
overflow: auto;
|
|
41481
41489
|
border-radius: 0 0 8px 8px;
|
|
@@ -41631,6 +41639,7 @@ const VendorSearchResult = styled__default["default"].span`
|
|
|
41631
41639
|
color: #212121;
|
|
41632
41640
|
font-size: 16px;
|
|
41633
41641
|
font-weight: 400;
|
|
41642
|
+
height: 20px;
|
|
41634
41643
|
`;
|
|
41635
41644
|
const VendorNameAndPackagesContainer = styled__default["default"].div`
|
|
41636
41645
|
display: flex;
|
|
@@ -50836,6 +50845,7 @@ const ItemManagerPanel = _ref => {
|
|
|
50836
50845
|
let {
|
|
50837
50846
|
width = "100%",
|
|
50838
50847
|
height = "100%",
|
|
50848
|
+
disableSection = false,
|
|
50839
50849
|
onSendForms = () => {},
|
|
50840
50850
|
editMode = true,
|
|
50841
50851
|
disabledSendForms = false,
|
|
@@ -51044,6 +51054,7 @@ const ItemManagerPanel = _ref => {
|
|
|
51044
51054
|
type: "primary",
|
|
51045
51055
|
textColor: linkColor
|
|
51046
51056
|
}))), /*#__PURE__*/React__default["default"].createElement(VendorListWrapper$2, {
|
|
51057
|
+
disabled: disableSection,
|
|
51047
51058
|
headerHeight: headerHeight
|
|
51048
51059
|
}, /*#__PURE__*/React__default["default"].createElement(VendorList$2, null, itemAndPackage.filter(item => item.packages !== null).map((item, idx) => /*#__PURE__*/React__default["default"].createElement(VendorItem$1, {
|
|
51049
51060
|
key: idx
|