oa-componentbook 1.0.1-stage.387 → 1.0.1-stage.389
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/build/components/oa-component-button/CustomButton.js +2 -2
- package/build/components/oa-component-table/CustomTableV1.js +5 -1
- package/build/components/oa-component-table/stylesV1.js +1 -1
- package/build/layout/GenricLayOut/GenricLayOut.js +1 -3
- package/build/layout/GenricLayOut/styles.js +1 -1
- package/build/widgets/oa-widget-add-spare-part/AddSparePartCollapseWidget.js +7 -4
- package/build/widgets/oa-widget-notes/NotesWidget.js +28 -28
- package/build/widgets/oa-widget-notes/styles.js +2 -3
- package/build/widgets/oa-widget-user-management/UserManagementWidget.js +1 -0
- package/package.json +1 -1
|
@@ -63,7 +63,7 @@ function CustomButton(_ref) {
|
|
|
63
63
|
className: "text-container"
|
|
64
64
|
}, iconConfig.position === "left" && /*#__PURE__*/_react.default.isValidElement(iconConfig.icon) && /*#__PURE__*/_react.default.cloneElement(iconConfig.icon, {
|
|
65
65
|
size: (iconConfig === null || iconConfig === void 0 ? void 0 : iconConfig.size) || iconSize,
|
|
66
|
-
color:
|
|
66
|
+
color: (iconConfig === null || iconConfig === void 0 ? void 0 : iconConfig.color) || undefined
|
|
67
67
|
}), label && (showEllipsis ? /*#__PURE__*/_react.default.createElement(_styles.EllipsisTypography, {
|
|
68
68
|
title: label,
|
|
69
69
|
typography: buttonTypography
|
|
@@ -71,7 +71,7 @@ function CustomButton(_ref) {
|
|
|
71
71
|
typography: buttonTypography
|
|
72
72
|
}, label)), iconConfig.position === "right" && /*#__PURE__*/_react.default.isValidElement(iconConfig.icon) && /*#__PURE__*/_react.default.cloneElement(iconConfig.icon, {
|
|
73
73
|
size: (iconConfig === null || iconConfig === void 0 ? void 0 : iconConfig.size) || iconSize,
|
|
74
|
-
color:
|
|
74
|
+
color: (iconConfig === null || iconConfig === void 0 ? void 0 : iconConfig.color) || undefined
|
|
75
75
|
})));
|
|
76
76
|
}
|
|
77
77
|
CustomButton.propTypes = {
|
|
@@ -199,7 +199,11 @@ function CustomTableV1(_ref2) {
|
|
|
199
199
|
// Check if any config has customRenderers type
|
|
200
200
|
const hasCustomRenderers = jsxConfigs.some(config => config && config.type === "customRenderers");
|
|
201
201
|
let ctaRender = (_, record) => /*#__PURE__*/_react.default.createElement("div", {
|
|
202
|
-
|
|
202
|
+
style: {
|
|
203
|
+
display: "flex",
|
|
204
|
+
gap: "8px",
|
|
205
|
+
alignItems: "center"
|
|
206
|
+
}
|
|
203
207
|
}, jsxConfigs.map((config, index) => {
|
|
204
208
|
var _config$options, _record$config$styleK;
|
|
205
209
|
// Add safety check for undefined config
|
|
@@ -16,4 +16,4 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
|
|
|
16
16
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
17
17
|
const GlobalStyle = exports.GlobalStyle = (0, _styledComponents.createGlobalStyle)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.ant-dropdown .ant-table-filter-dropdown .ant-dropdown-menu {padding: 0; top: 0;}\n.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item {border-radius: 0; padding: 12px !important;}\n.ant-dropdown .ant-table-filter-dropdown {border-radius: 8px;background: #FFF;box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.14);}\n.ant-dropdown .ant-table-filter-dropdown .ant-table-filter-dropdown-btns {padding: 12px; border: none;}\n.ant-dropdown .ant-table-filter-dropdown .ant-btn-link, .ant-dropdown .ant-table-filter-dropdown .ant-btn-primary {border-radius: 4px; min-width: 100px; padding: 7px 16px;\n border: 1px solid #014FC5; height: auto;text-align: center;font-size: 14px;font-style: normal;font-weight: 500;line-height: 20px; }\n.ant-dropdown .ant-table-filter-dropdown .ant-btn-link {color: #014FC5; background: #fff;}\n.ant-dropdown .ant-table-filter-dropdown .ant-btn-primary {background: #014FC5; color: #fff;}\n.ant-checkbox .ant-checkbox-inner {width: 18px; height: 18px; border: 1px solid #717171; border-radius: 2px;}\n.ant-checkbox-checked .ant-checkbox-inner {background-color: #014FC5; border-color: #014FC5;}\n.ant-dropdown .ant-table-filter-dropdown .ant-btn-primary:hover {background:#82a9e2; border: 1px solid #82a9e2;}\n.ant-dropdown .ant-table-filter-dropdown .ant-btn-link:hover {border: 1px solid #82a9e2; color: #82a9e2;}\n.ant-table-wrapper .ant-table-tbody .ant-table-row.ant-table-row-selected >.ant-table-cell {background: #DEF1FB;}\n.ant-table-wrapper .ant-table-pagination.ant-pagination {\n padding: 16px; margin: 0;\n border-top: solid 1px #E0E0E0;\n}\n\n/* Custom filter dropdown styles */\n.statusBox {\n padding: 20px 12px;\n display: flex;\n flex-direction: column;\n gap: 24px;\n}\n\n.statusBox .ant-checkbox-group {\n display: flex;\n flex-direction: column;\n gap: 24px;\n}\n\n.statusBox aside {\n display: flex;\n justify-content: space-between;\n gap: 12px;\n padding: 8px 0 0;\n}\n\n.statusBox aside button {\n width: 100% !important;\n}\n\n.statusBox .type-sl1-700 {\n margin-bottom: 0;\n color: var(--color-secondary-content);\n font-weight: 700;\n font-size: 14px;\n line-height: 20px;\n}\n"])));
|
|
18
18
|
const StyledTable = exports.StyledTable = (0, _styledComponents.default)(_antd.Table)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n tr > td {\n vertical-align: top;\n }\n .ant-table-row:last-child td {\n border: none;\n }\n .ant-table-row .ant-table-cell,\n .ant-table-thead .ant-table-cell {\n padding: 16px !important;\n }\n .ant-table-measure-row > td {\n padding: 0 !important;\n }\n"])));
|
|
19
|
-
const MainContainer = exports.MainContainer = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n .fullWidthBtn button {\n width: 100%;\n }\n .fullWidthBtn {\n position: fixed;\n bottom: 0;\n left: 0;\n right: 0;\n background: #fff;\n padding: 16px;\n box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.14);\n }\n .secondary:hover {\n background: transparent;\n border: 1px solid var(--color-primary);\n color: var(--color-primary);\n }\n .cardStyles {\n padding: 16px;\n border-radius: 8px;\n border: 1px solid var(--color-divider);\n background: var(--color-primary-background);\n margin: 0 0 24px;\n box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.14);\n }\n\n .
|
|
19
|
+
const MainContainer = exports.MainContainer = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n .fullWidthBtn button {\n width: 100%;\n }\n .fullWidthBtn {\n position: fixed;\n bottom: 0;\n left: 0;\n right: 0;\n background: #fff;\n padding: 16px;\n box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.14);\n }\n .secondary:hover {\n background: transparent;\n border: 1px solid var(--color-primary);\n color: var(--color-primary);\n }\n .cardStyles {\n padding: 16px;\n border-radius: 8px;\n border: 1px solid var(--color-divider);\n background: var(--color-primary-background);\n margin: 0 0 24px;\n box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.14);\n }\n\n .showHideBtn {\n padding: 8px 0 16px;\n }\n .keyValue {\n display: flex;\n gap: 12px;\n margin: 0 0 16px;\n }\n .keyValue:last-child {\n margin: 0;\n }\n .keyValue strong,\n .keyValue span {\n width: 100%;\n }\n .keyValue strong {\n color: var(--color-primary-content);\n font-size: 14px;\n font-weight: 400;\n line-height: 20px;\n }\n .keyValue span {\n color: var(--color-primary-content);\n font-size: 14px;\n font-weight: 400;\n line-height: 20px;\n }\n .srDetails {\n padding: 0 0 12px;\n margin: 0 0 16px;\n border-bottom: 1px solid var(--color-divider);\n }\n\n .srDetails span {\n display: flex;\n flex-direction: row;\n gap: 8px;\n align-items: flex-start;\n white-space: nowrap;\n }\n\n .srDetails .ctaContainer {\n display: flex;\n gap: 8px;\n align-items: center;\n word-break: break-word;\n white-space: normal;\n }\n\n .srDetails > span > div {\n display: flex;\n flex-direction: row;\n align-items: center;\n }\n\n .srDetails > span > .type-sl1-700 {\n font-size: initial;\n }\n\n .srDetails .srValue span {\n white-space: break-spaces;\n }\n\n .footerCta {\n display: flex;\n justify-content: end;\n gap: 16px;\n padding: 16px 0 0 0;\n border-top: 1px solid var(--color-divider);\n width: 100%;\n align-items: center;\n }\n\n .footerCta .ant-dropdown-trigger {\n margin-bottom: 0;\n }\n\n .flexEnd {\n display: flex;\n justify-content: end;\n margin: 0 0 12px;\n }\n\n @media only screen and (max-width: 600px) {\n .keyValue span {\n word-break: break-word;\n overflow-wrap: break-word;\n }\n .keyValue strong {\n word-break: break-word;\n overflow-wrap: break-word;\n }\n .mobileViewPagination {\n display: flex;\n justify-content: flex-end;\n margin: 16px 0px;\n }\n\n .mobileViewPagination .ant-pagination {\n padding: 0;\n }\n }\n"])));
|
|
@@ -2125,9 +2125,7 @@ function GenricLayOut(_ref) {
|
|
|
2125
2125
|
onClick: rightHeaderSecondButtonClick,
|
|
2126
2126
|
type: rightHeaderSecondButton === null || rightHeaderSecondButton === void 0 ? void 0 : rightHeaderSecondButton.type,
|
|
2127
2127
|
size: rightHeaderSecondButton === null || rightHeaderSecondButton === void 0 ? void 0 : rightHeaderSecondButton.size
|
|
2128
|
-
}), (rightHeaderFirstButton === null || rightHeaderFirstButton === void 0 ? void 0 : rightHeaderFirstButton.visible) && /*#__PURE__*/_react.default.createElement("div", {
|
|
2129
|
-
className: "filterIconHoverBtn"
|
|
2130
|
-
}, /*#__PURE__*/_react.default.createElement(_CustomButton.default, {
|
|
2128
|
+
}), (rightHeaderFirstButton === null || rightHeaderFirstButton === void 0 ? void 0 : rightHeaderFirstButton.visible) && /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_CustomButton.default, {
|
|
2131
2129
|
label: rightHeaderFirstButton === null || rightHeaderFirstButton === void 0 ? void 0 : rightHeaderFirstButton.label,
|
|
2132
2130
|
onClick: rightHeaderFirstButtonClick,
|
|
2133
2131
|
type: rightHeaderFirstButton === null || rightHeaderFirstButton === void 0 ? void 0 : rightHeaderFirstButton.type,
|
|
@@ -16,7 +16,7 @@ function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(
|
|
|
16
16
|
const DrawerWithOutFooter = exports.DrawerWithOutFooter = (0, _styledComponents.createGlobalStyle)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.hubAutomationContainer .fullPageLayout {padding: 0 !important; background: #fff !important;}\n.hubAutomationContainer .fullPageLayout .oaRightLayouts{\n max-width: 1154px;\n margin: 24px auto;\n padding: 0 16px;\n box-shadow: none;}\n.oaDrawer div + div.ant-drawer-body{padding-bottom:100px !important;}\n\n.ant-checkbox-indeterminate .ant-checkbox-inner:after {\n background-color: #014fc5;\n}\n\n.ant-form-item .ant-form-item-label >label.ant-form-item-required::before {display:none;}\n.ant-form-item .ant-form-item-label >label.ant-form-item-required::after{ content: \"*\"; color: #DE350B; visibility: visible !important;}\n\n\n.cstUplaodWithFullWidth{margin-bottom:24px;}\n.cstUplaodWithFullWidth:last-child{margin-bottom:0;}\n.cstUplaodWithFullWidth .uploadDiv{width:100%;}\n.cstUplaodWithFullWidth .uploadDiv .ant-upload-list-item-container, .cstUplaodWithFullWidth .uploadDiv .ant-upload-wrapper .ant-upload-list-picture-card .ant-upload-select, .cstUplaodWithFullWidth .uploadDiv .ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-container {\n width: 100%; \n height: 120px;\n}\n\n\n\n\n.oaDrawer .ant-form-item .ant-form-item-explain-error {\n color: #DE350B;\n font-size: 12px;\n margin: 4px 0 0 0;\n}\n.bottomSelectedSecion{background: #F6F6F6; padding: 16px 36px; position: fixed; bottom: 0; left: 0; right: 0;\nbox-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.14);\n display: flex; z-index: 2;\n align-items: center;\n justify-content: end;\n gap: 24px;}\n\n\n\n.listOfItems{ border-radius: 12px;\n border: 1px solid #E0E0E0;\n padding: 24px;\n margin: 24px 0 0 0;}\n modalSubheading{\n padding: 24px;\n margin: 24px 0 0 0;}\n\n.listOfItemsWithoutBorder{\n padding: 24px 0;\n margin: 24px 0 0 0;}\n\n modalSubheading{\n padding: 24px;\n margin: 24px 0 0 0;}\n\n\n\n\n.modalIconAndTextBox{display:flex; flex-direction:row; align-items: center; margin: 0 0 16px 0; gap:4px;}\n"])));
|
|
17
17
|
const FormWidgetStyle = exports.FormWidgetStyle = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n .formBottomAction {\n position: absolute;\n bottom: 0px;\n background-color: rgb(249, 249, 249);\n box-shadow: rgba(0, 0, 0, 0.1) 0px -2px 8px;\n padding: 16px;\n display: flex;\n justify-content: flex-end;\n gap: 12px;\n z-index: 10;\n left: 0;\n right: 0;\n }\n\n .formBottomAction .ant-form-item {\n margin-bottom: 0px;\n }\n\n .searchErrorMsg {\n font-size: 12px;\n }\n .searchErrorMsg {\n font-size: 12px;\n }\n"])));
|
|
18
18
|
const TableDataStyle = exports.TableDataStyle = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n .tableContainerList th,\n button {\n white-space: nowrap;\n }\n .tableContainerList th,\n button {\n white-space: nowrap;\n }\n"])));
|
|
19
|
-
const OapageWithDataStyle = exports.OapageWithDataStyle = _styledComponents.default.aside(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n .oaTopHeaderAndBtnSec {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n
|
|
19
|
+
const OapageWithDataStyle = exports.OapageWithDataStyle = _styledComponents.default.aside(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n .oaTopHeaderAndBtnSec {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n\n .headerContent {\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n\n .headerLeft {\n flex: 1;\n }\n\n .headerRight {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n }\n }\n }\n\n .fullPageLayout {\n display: flex;\n padding: 8px;\n background: #f6f6f6;\n }\n .ant-pagination {\n padding: 0 16px;\n justify-content: end;\n }\n .layoutHeadingPage {\n display: flex;\n gap: 8px;\n margin: 0 0 32px 0;\n flex-direction: column;\n justify-content: flex-start;\n }\n\n .topHadingWithIcon span {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n gap: 8px;\n }\n\n .subHadingText {\n margin: 0 0 0 36px;\n }\n\n .subHading1Text {\n margin: 0 0 0 40px;\n }\n\n .marginNone {\n margin: 0 !important;\n }\n\n .subHadingText > span {\n display: flex;\n flex-direction: row;\n gap: 4px;\n align-items: center;\n }\n\n .oaRightLayouts {\n width: 100%;\n min-height: calc(100vh - 16px);\n padding: 76px 48px;\n overflow-y: auto;\n border-radius: 16px;\n background: #fff;\n box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.14);\n }\n\n .oaheaderSearchAndFilter {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin: 0 0 16px 0;\n gap: 16px;\n }\n\n .oaRightLayouts .iconAndTextSecBox {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 8px;\n }\n .inLine {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 4px;\n }\n\n .customeSelectDropdown {\n margin: 4px 0 0 8px;\n }\n\n .cardData {\n padding: 28px 0 48px 0;\n }\n\n .ant-carousel .slick-dots {\n position: static;\n margin: 20px auto 12px 0;\n }\n .ant-carousel .slick-dots li {\n width: 8px;\n height: 8px;\n }\n .ant-carousel .slick-dots li button {\n width: 8px;\n height: 8px;\n background: #cacaca;\n border-radius: 50%;\n opacity: 0.5;\n }\n .ant-carousel .slick-dots li.slick-active {\n width: 8px;\n height: 8px;\n }\n .ant-carousel .slick-dots li.slick-active button {\n width: 8px;\n height: 8px;\n opacity: 1;\n }\n .ant-carousel .slick-dots li::after {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n opacity: 1;\n background: #717171;\n }\n\n .oaTabs .ant-tabs-nav {\n border-top: 1px solid #e0e0e0;\n border-left: 1px solid #e0e0e0;\n border-right: 1px solid #e0e0e0;\n padding: 12px 22px 0 22px;\n margin: 0 0 8px 0;\n background: #fff;\n border-radius: 4px 4px 0 0;\n }\n .ant-card-body {\n padding: 24px 16px !important;\n border-radius: 16px;\n background: #f6f6f6;\n }\n .cardContainer {\n display: flex;\n gap: 24px;\n }\n .selectAndSearch .noClear {\n border-radius: 0 4px 4px 0;\n width: 320px;\n }\n\n .searchErrorMsg {\n font-size: 12px;\n margin: 4px 0px 0px;\n color: #de350b;\n }\n .searchOnly {\n margin: 0px 0px 16px;\n position: relative;\n }\n .searchOnly .ant-input-affix-wrapper {\n border-radius: 4px;\n max-width: 420px;\n padding-left: 44px;\n }\n .searchOnly .cstSearchIcon {\n position: absolute;\n left: 16px;\n top: 14px;\n z-index: 2;\n }\n\n .selectAndSearch .ant-input-affix-wrapper {\n border-radius: 0 4px 4px 0;\n width: 320px;\n }\n\n .selectAndSearch {\n flex-shrink: 0;\n }\n\n .customeSelectDropdown .ant-select-selector {\n border: none;\n padding: 0;\n }\n .customeSelectDropdown .ant-select-selection-item > span {\n font-size: 24px;\n font-weight: 500;\n line-height: 32px;\n }\n\n .customeSelectDropdown .ant-select {\n margin: 0 0 0 32px;\n }\n\n .customeSelectDropdown .ant-select .ant-select-arrow {\n color: #014fc5;\n inset-inline-end: -6px;\n }\n\n .customeSelectDropdown .ant-select-selector {\n box-shadow: none !important;\n }\n .oaheaderButtons {\n display: flex;\n gap: 24px;\n align-items: center;\n position: relative;\n flex-grow: 1;\n justify-content: space-between;\n }\n\n .oaheaderButtons.single-child {\n justify-content: flex-end;\n }\n\n .oaheaderButtonsRight {\n display: flex;\n flex-direction: row;\n gap: 16px;\n }\n\n .oaheaderButtons .notifyDot {\n width: 12px;\n height: 12px;\n background: #de350b;\n position: absolute;\n top: -4px;\n right: -4px;\n border-radius: 50%;\n }\n\n @media only screen and (max-width: 600px) {\n .selectAndSearch .ant-input-affix-wrapper {\n width: calc(100% - 84px);\n }\n .oaheaderSearchAndFilter .dropDownSearchContainer {\n width: 100%;\n }\n\n .oaheaderSearchAndFilter {\n align-items: flex-end;\n flex-direction: column;\n gap: 16px;\n }\n\n .inLine {\n flex-direction: column;\n gap: 0;\n align-items: flex-start;\n }\n\n .subHadingText > span {\n flex-direction: column;\n align-items: flex-start;\n }\n\n .fullPageLayout {\n flex-direction: column;\n padding: 0;\n }\n .oaRightLayouts {\n padding: 16px;\n border-radius: 0;\n background: #fff;\n box-shadow: none;\n height: auto;\n background: #f6f6f6;\n }\n .oaTabs .ant-tabs-nav {\n margin: 0 0 28px 0;\n padding: 12px 0 0 0;\n }\n .layoutHeadingPage {\n margin: 0 0 16px 0;\n background: #fff;\n padding: 16px;\n border-radius: 8px;\n width: 100%;\n }\n .layoutHeadingAndSearch {\n background: #fff;\n padding: 20px 16px;\n margin: 0;\n width: 100%;\n border-radius: 8px;\n }\n \n /* Hide profile section on mobile when sidebar has profile icon */\n .hideProfileOnMobile {\n display: none !important;\n }\n }\n"])));
|
|
20
20
|
const ListofDamageParts = exports.ListofDamageParts = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n ul.damagedParts {\n display: flex;\n flex-direction: column;\n margin: 8px 0 0 16px;\n list-style-type: disc;\n }\n ul.damagedParts li {\n padding: 4px 0;\n width: 100%;\n }\n ul.damagedParts li::marker {\n color: #717171;\n font-size: 20px;\n }\n"])));
|
|
21
21
|
const IncidentListParts = exports.IncidentListParts = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n .qaSec dl {\n display: flex;\n flex-direction: column;\n margin: 0;\n padding: 0;\n }\n .qaSec dl dt {\n display: flex;\n flex-direction: column;\n margin: 16px 0 0 0;\n }\n .qaSec dl dt:first-child {\n margin-top: 8px;\n }\n"])));
|
|
22
22
|
const ProfileSectionContainer = exports.ProfileSectionContainer = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n position: relative;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n margin-left: auto;\n\n .profile-icon-container {\n position: relative;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n"])));
|
|
@@ -56,7 +56,8 @@ function AddSparePartCollapseWidget(_ref) {
|
|
|
56
56
|
open,
|
|
57
57
|
selectedItems,
|
|
58
58
|
disableDiscount,
|
|
59
|
-
disableHsn
|
|
59
|
+
disableHsn,
|
|
60
|
+
isHsnOptional
|
|
60
61
|
} = _ref;
|
|
61
62
|
const [filteredItems, setFilteredItems] = (0, _react.useState)([]);
|
|
62
63
|
const [selectedItemIds, setSelectedItemIds] = (0, _react.useState)(new Set());
|
|
@@ -259,7 +260,7 @@ function AddSparePartCollapseWidget(_ref) {
|
|
|
259
260
|
const allFieldsFilled = toSubmit.every(item => {
|
|
260
261
|
const mandatoryFields = ['cost', 'discount', 'hsnId'].filter(field => {
|
|
261
262
|
if (disableDiscount && field === 'discount') return false;
|
|
262
|
-
if (disableHsn && field === 'hsnId') return false;
|
|
263
|
+
if ((disableHsn || isHsnOptional) && field === 'hsnId') return false;
|
|
263
264
|
return true;
|
|
264
265
|
});
|
|
265
266
|
return mandatoryFields.every(field => item[field] !== '' && item[field] !== null && item[field] !== undefined);
|
|
@@ -438,7 +439,8 @@ function AddSparePartCollapseWidget(_ref) {
|
|
|
438
439
|
}
|
|
439
440
|
AddSparePartCollapseWidget.defaultProps = {
|
|
440
441
|
disableDiscount: false,
|
|
441
|
-
disableHsn: false
|
|
442
|
+
disableHsn: false,
|
|
443
|
+
isHsnOptional: false
|
|
442
444
|
};
|
|
443
445
|
AddSparePartCollapseWidget.propTypes = {
|
|
444
446
|
items: _propTypes.default.arrayOf(_propTypes.default.shape({
|
|
@@ -456,6 +458,7 @@ AddSparePartCollapseWidget.propTypes = {
|
|
|
456
458
|
disableSelected: _propTypes.default.bool
|
|
457
459
|
})).isRequired,
|
|
458
460
|
disableDiscount: _propTypes.default.bool,
|
|
459
|
-
disableHsn: _propTypes.default.bool
|
|
461
|
+
disableHsn: _propTypes.default.bool,
|
|
462
|
+
isHsnOptional: _propTypes.default.bool
|
|
460
463
|
};
|
|
461
464
|
var _default = exports.default = AddSparePartCollapseWidget;
|
|
@@ -23,7 +23,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
|
|
|
23
23
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
24
24
|
function NotesWidget(_ref) {
|
|
25
25
|
let {
|
|
26
|
-
|
|
26
|
+
"data-test": dataTest,
|
|
27
27
|
disabled,
|
|
28
28
|
records,
|
|
29
29
|
tableBorder,
|
|
@@ -31,32 +31,32 @@ function NotesWidget(_ref) {
|
|
|
31
31
|
extraColumnData
|
|
32
32
|
} = _ref,
|
|
33
33
|
antDesignTableProps = _objectWithoutProperties(_ref, _excluded);
|
|
34
|
-
const [noteInputValue, setNoteInputValue] = (0, _react.useState)(
|
|
34
|
+
const [noteInputValue, setNoteInputValue] = (0, _react.useState)("");
|
|
35
35
|
|
|
36
36
|
/**
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
37
|
+
* Call to callback from props.
|
|
38
|
+
* Clearing the notes input, on blur.
|
|
39
|
+
*/
|
|
40
40
|
const handleBlur = event => {
|
|
41
41
|
// Call to callback from props.
|
|
42
42
|
onBlur(event);
|
|
43
43
|
|
|
44
44
|
// Clearing the notes input, on blur.
|
|
45
|
-
setNoteInputValue(
|
|
45
|
+
setNoteInputValue("");
|
|
46
46
|
};
|
|
47
47
|
|
|
48
48
|
// Used a local variable to avoid mutating the passed prop.
|
|
49
49
|
const mutatedRecords = [...records];
|
|
50
50
|
if (!disabled) {
|
|
51
51
|
mutatedRecords === null || mutatedRecords === void 0 || mutatedRecords.unshift({
|
|
52
|
-
key:
|
|
52
|
+
key: "0"
|
|
53
53
|
});
|
|
54
54
|
}
|
|
55
55
|
const extraColumns = Array.isArray(extraColumnData) && extraColumnData.map(column => ({
|
|
56
56
|
title: column.title,
|
|
57
57
|
dataIndex: column.dataIndex,
|
|
58
58
|
key: column.key,
|
|
59
|
-
width:
|
|
59
|
+
width: "20%"
|
|
60
60
|
}));
|
|
61
61
|
const columns = [
|
|
62
62
|
// {
|
|
@@ -66,9 +66,9 @@ function NotesWidget(_ref) {
|
|
|
66
66
|
// width: '20%',
|
|
67
67
|
// },
|
|
68
68
|
{
|
|
69
|
-
title:
|
|
70
|
-
width:
|
|
71
|
-
dataIndex:
|
|
69
|
+
title: "NOTES",
|
|
70
|
+
width: "40%",
|
|
71
|
+
dataIndex: "notes",
|
|
72
72
|
render: (text, obj, index) => {
|
|
73
73
|
if (!disabled && index === 0) {
|
|
74
74
|
return /*#__PURE__*/_react.default.createElement(_CustomInput.default, {
|
|
@@ -83,30 +83,30 @@ function NotesWidget(_ref) {
|
|
|
83
83
|
}
|
|
84
84
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
85
85
|
style: {
|
|
86
|
-
overflow:
|
|
86
|
+
overflow: "auto"
|
|
87
87
|
}
|
|
88
88
|
}, text);
|
|
89
89
|
},
|
|
90
|
-
key:
|
|
90
|
+
key: "notes"
|
|
91
91
|
}, {
|
|
92
|
-
title:
|
|
93
|
-
dataIndex:
|
|
94
|
-
key:
|
|
92
|
+
title: "DATE AND TIME",
|
|
93
|
+
dataIndex: "dateTime",
|
|
94
|
+
key: "dateTime"
|
|
95
95
|
}, {
|
|
96
|
-
title:
|
|
97
|
-
dataIndex:
|
|
98
|
-
key:
|
|
99
|
-
width:
|
|
96
|
+
title: "USER",
|
|
97
|
+
dataIndex: "user",
|
|
98
|
+
key: "user",
|
|
99
|
+
width: "20%"
|
|
100
100
|
}, ...(extraColumns || [])];
|
|
101
101
|
const tableStyle = {
|
|
102
|
-
borderTop:
|
|
103
|
-
borderRight: tableBorder ?
|
|
104
|
-
borderBottom: tableBorder ?
|
|
105
|
-
borderLeft: tableBorder ?
|
|
106
|
-
borderRadius: tableBorder ?
|
|
102
|
+
borderTop: "1px solid var(--color-divider)",
|
|
103
|
+
borderRight: tableBorder ? "1px solid var(--color-divider)" : "0",
|
|
104
|
+
borderBottom: tableBorder ? "1px solid var(--color-divider)" : "0",
|
|
105
|
+
borderLeft: tableBorder ? "1px solid var(--color-divider)" : "0",
|
|
106
|
+
borderRadius: tableBorder ? "4px" : "0"
|
|
107
107
|
// visibility: (!(records.length > 0) && disabled) ? 'hidden' : undefined,
|
|
108
108
|
};
|
|
109
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
109
|
+
return /*#__PURE__*/_react.default.createElement(NotesTable, null, /*#__PURE__*/_react.default.createElement(_CustomTable.default, _extends({
|
|
110
110
|
style: tableStyle,
|
|
111
111
|
columns: columns,
|
|
112
112
|
dataSource: mutatedRecords,
|
|
@@ -117,7 +117,7 @@ function NotesWidget(_ref) {
|
|
|
117
117
|
}, antDesignTableProps)));
|
|
118
118
|
}
|
|
119
119
|
NotesWidget.propTypes = {
|
|
120
|
-
|
|
120
|
+
"data-test": _propTypes.default.string,
|
|
121
121
|
disabled: _propTypes.default.bool,
|
|
122
122
|
records: _propTypes.default.arrayOf(_propTypes.default.objectOf(_propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]))),
|
|
123
123
|
onBlur: _propTypes.default.func,
|
|
@@ -125,7 +125,7 @@ NotesWidget.propTypes = {
|
|
|
125
125
|
extraColumnData: _propTypes.default.array
|
|
126
126
|
};
|
|
127
127
|
NotesWidget.defaultProps = {
|
|
128
|
-
|
|
128
|
+
"data-test": null,
|
|
129
129
|
disabled: false,
|
|
130
130
|
onBlur: () => {},
|
|
131
131
|
records: [],
|
|
@@ -6,9 +6,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.default = exports.NotesTable = exports.NoNotesMessage = void 0;
|
|
7
7
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
8
8
|
var _templateObject, _templateObject2;
|
|
9
|
-
/* eslint-disable */
|
|
10
9
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
10
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
12
11
|
var _default = exports.default = {};
|
|
13
|
-
const NoNotesMessage = exports.NoNotesMessage = _styledComponents.default.section(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translateX(-50%) translateY(-50%);\n input{\n height: 30px;\n }\n"])));
|
|
14
|
-
const NotesTable = exports.NotesTable = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\
|
|
12
|
+
const NoNotesMessage = exports.NoNotesMessage = _styledComponents.default.section(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translateX(-50%) translateY(-50%);\n input {\n height: 30px;\n }\n"])));
|
|
13
|
+
const NotesTable = exports.NotesTable = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n table {\n width: auto !important;\n }\n"])));
|