oa-componentbook 1.0.1-stage.96 → 1.0.1-stage.98
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-modal/styles.js +1 -1
- package/build/dev/oa-component-upload/CustomUpload.js +0 -3
- package/build/global-css/commonStyles.js +1 -1
- package/build/index.js +0 -35
- package/build/widgets/oa-widget-add-spare-part/AddSparePartCollapseWidget.js +7 -12
- package/build/widgets/oa-widget-approval/styles.js +2 -2
- package/build/widgets/oa-widget-document-upload/DocUploadWidget.js +6 -6
- package/build/widgets/oa-widget-map-base-location/AddressDetails.js +8 -5
- package/build/widgets/oa-widget-map-base-location/AddressForm.js +28 -3
- package/build/widgets/oa-widget-map-base-location/MapBaseLocation.js +7 -3
- package/build/widgets/oa-widget-notes/NotesWidget.js +1 -2
- package/package.json +2 -2
- package/build/dev/oa-component-document-viewer/CustomDocumentViewer.js +0 -281
- package/build/dev/oa-component-document-viewer/styles.js +0 -12
- package/build/dev/oa-widget-document-side-drawer/DocumentSideDrawer.js +0 -130
- package/build/dev/oa-widget-document-side-drawer/styles.js +0 -12
- package/build/widgets/oa-widget-approval/ApprovalWidgetNew.js +0 -376
- package/build/widgets/oa-widget-reupload-drawer/ReUploadDrawer.js +0 -164
|
@@ -10,4 +10,4 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
|
|
|
10
10
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
11
11
|
const ButtonContainer = exports.ButtonContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n gap: 16px;\n justify-content: flex-end;\n margin: 24px 0 0;\n @media (max-width: 768px) {\n justify-content: space-between;\n button{\n width: 100%;\n }\n }\n"])));
|
|
12
12
|
const DescriptionContainer = exports.DescriptionContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n padding: 12px 0 0;\n"])));
|
|
13
|
-
const TitleContainer = exports.TitleContainer = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n display: flex;\n gap: 16px;\n flex-direction: column;\n margin: 0 0 16px;\n
|
|
13
|
+
const TitleContainer = exports.TitleContainer = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n display: flex;\n gap: 16px;\n flex-direction: column;\n margin: 0 0 16px;\n\n img {\n height: 36px;\n width: 36px;\n }\n"])));
|
|
@@ -196,9 +196,6 @@ function DocumentUpload(_ref) {
|
|
|
196
196
|
rules: [{
|
|
197
197
|
validator: (rule, value) => {
|
|
198
198
|
if (isMandatory && !(value !== null && value !== void 0 && value.length)) {
|
|
199
|
-
if (typeof value === 'object' && Object.keys(value).length > 0) {
|
|
200
|
-
return Promise.resolve();
|
|
201
|
-
}
|
|
202
199
|
return Promise.reject(new Error('Please upload the document.'));
|
|
203
200
|
}
|
|
204
201
|
return Promise.resolve();
|
|
@@ -7,5 +7,5 @@ exports.default = void 0;
|
|
|
7
7
|
var _styledComponents = require("styled-components");
|
|
8
8
|
var _templateObject;
|
|
9
9
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
10
|
-
const CommonStyles = (0, _styledComponents.createGlobalStyle)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.
|
|
10
|
+
const CommonStyles = (0, _styledComponents.createGlobalStyle)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.ant-modal .ant-modal-content {\n padding: 24px 24px 32px;\n border-radius: 12px;\n }\n .ant-select-dropdown .ant-select-item{\n min-height: auto !important;\n }\n .ant-notification .ant-notification-notice-wrapper .ant-notification-notice-message{\n margin-bottom: 0 !important;\n }\n .ant-notification .ant-notification-notice-wrapper{\n background: transparent;\n }\n .ant-notification .ant-notification-notice-wrapper .ant-notification-notice-close{\n position: inherit !important;\n width: 24px !important;\n height: 24px !important;\n }\n .ant-notification .ant-notification-notice-wrapper .ant-notification-notice-closable .ant-notification-notice-message {\n padding-inline-end: 0px !important;\n}\n .ant-notification-notice-close > button{\n width: 24px !important;\n height: 24px !important;\n }\n .ant-notification .ant-notification-notice-wrapper .ant-notification-notice {\n display: flex;\n align-items: center;\n gap: 12px;\n justify-content: space-between;\n }\n @media (max-width: 372px) {\n .ant-picker-date-panel .ant-picker-body{\n padding: 8px !important;\n }\n }\n@media (max-width: 600px) {\n .ant-drawer .ant-drawer-header,.ant-drawer .ant-drawer-body{\n padding: 16px !important;\n }\n .ant-drawer .ant-drawer-footer {\n padding: 12px 16px;\n }\n .ant-picker-dropdown .ant-picker-date-panel{\n width: 100%;\n }\n .ant-picker-dropdown .ant-picker-time-panel-column {\n overflow-y: auto;\n}\n.ant-picker-dropdown .ant-picker-time-panel-column::-webkit-scrollbar {\n width: 2px;\n }\n\n .ant-modal-root .ant-modal-wrap {\n position: fixed;\n overflow: inherit;\n }\n .ant-modal-root .ant-modal-centered .ant-modal{\n vertical-align: middle;\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100% !important;\n max-width: 100%!important;\n // transform-origin: bottom !important;\n //animation-duration: 0s !important;\n animation-name: slideUp;\n animation-duration: 0.2s;\n transition: .3s ease-in-out;\n animation-timing-function: ease-in;\n }\n @keyframes slideUp {\n 0%,\n 50% {\n transform: translateY(100%);\n opacity: 0;\n }\n \n 60%,\n 100% {\n transform: translateY(0);\n opacity: 1;\n \n }\n }\n .ant-modal .ant-modal-content {\n bottom: -8px;\n left: 0;\n position: absolute;\n right: 0;\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n }\n .ant-modal .ant-modal-body{\n max-height: calc(90vh - 126px);\n overflow: auto;\n padding-right: 16px;\n }\n .ant-modal-footer{\n padding-right: 16px !important;\n }\n .ant-modal .ant-modal-content{\n padding: 24px 16px 32px;\n padding-right: 0;\n }\n}\n\n.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item{\n padding: 12px 24px;\n}\n.ant-dropdown-menu{\n min-width: 256px;\n top: 4px;\n}\n.ant-space-item span{\n line-height: 0 !important;\n display: flex;\n}\n.ant-select-dropdown{border-radius: 4px; padding:8px 0 !important;\n background: var(--color-primary-background) ;\n box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.14);}\n\n.ant-select-dropdown .ant-select-item { \n min-height: auto;\n padding: 12px 16px;\n color: var(--color-primary-content) ;\n line-height: 20px;\n border-radius: 0px;\n}\n\n.label-date-dropdown {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n gap: 16px;\n}\n\n.ant-select-dropdown .ant-select-item-option-active span{ color: var(--color-primary) !important;}\n.ant-picker-range {opacity: 0;}\n.ant-picker-dropdown-range { padding: 0; }\n\n.fadeImg{\n position: relative;\n width: 100%;\n max-height: 300px;\n overflow-x: auto;\n}\n.overLayImg{\n background: rgb(0 0 0 / 40%);\n border-radius: 12px 12px 0px 0px;\n overflow: hidden;\n}\n \n.OaTooltip .ant-tooltip-inner{\n padding: 24px 16px;\n background: #fff;\n color: #212121;\n box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.14);\n width: 348px;\n border-radius: 12px;\n}\n.OaTooltip .ant-tooltip-arrow:before{\n background: #fff !important;\n}\n.OaFooterBtn{\n display: flex;\n justify-content: end;\n}\n.OaTooltip{\n max-width: 348px !important;\n}\n.paddingBot .ant-drawer-body{\n padding-bottom: 100px !important;\n}\n.react-transform-component,.react-transform-wrapper,.react-transform-component > div{\n width: 100%;\n}\n.ascCollapse .ant-collapse-arrow{\n transform: rotate(90deg);\n color: var(--color-primary) !important;\n font-size: 14px !important;\n}\n.gappingIcons{\n display: flex;\n gap: 16px;\n}\n.imageZoom .ant-modal-body > div{\n height: 350px;\n overflow-y: auto;\n margin: 30px 0px 0px;\n padding: 0px 8px 0 0;;\n \n}\n/* width */\n.imageZoom ::-webkit-scrollbar {\n width: 8px;\n height: 100px;\n border-radius: 8px;\n}\n\n/* Track */\n.imageZoom ::-webkit-scrollbar-track {\n background: #f6f6f6; \n border-radius: 8px;\n}\n \n/* Handle */\n.imageZoom ::-webkit-scrollbar-thumb {\n background: #888; \n border-radius: 8px;\n height: 100px;\n}\n\n/* Handle on hover */\n.imageZoom ::-webkit-scrollbar-thumb:hover {\n background: #555; \n}\n .modalImg{\n width: 100%;\n }\n.overflowScroll{\n position: relative;\n}\n.ascCollapse .ant-collapse-header{\n border-radius: 4px !important;\n background: var(--color-secondary-background);\n}\n.ascCollapse,.ant-collapse{\n overflow: hidden;\n}\n.ascCollapse .totalVal{\n display: flex;\n gap: 12px;\n}\n.ascCollapse.ant-collapse-item-active .ant-collapse-arrow{\n transform: rotate(180deg) !important;\n}.mobilesIcons li.ant-dropdown-menu-item > svg {\n display: none\n}\n .ant-notification-notice-close svg{\n font-size: 24px !important;\n height: auto;\n }\n @media only screen and (max-width: 574px) {\n .ant-steps-item-tail{\n inset-inline-start: 78px !important;\n \n }\n}\n @media only screen and (max-width: 480px) {\n .ant-steps-item-tail{\n inset-inline-start: 60px !important;\n \n }\n}\n@media only screen and (max-width: 600px) {\n \n .ant-picker-dropdown .ant-picker-date-panel .ant-picker-body {\n padding: 8px;\n }\n .ant-picker-dropdown { width: 100%; left: 0 !important; }\n .mobilesIcons li.ant-dropdown-menu-item > svg {\n display: block;\n}\n.imageZoom .ant-modal-body>div{\n height: auto;\n overflow-y: auto;\n}\n.imageZoom .ant-modal-footer{\n padding-right: 16px !important;\n}\n .fadeImg{\n max-height: auto;\n }\n .ant-picker-dropdown .ant-picker-date-panel .ant-picker-content th {\n width: 24px; font-size: 12px; font-weight: bold; }\n\n .ant-picker-dropdown .ant-picker-content th {\n height: 24px;\n }\n .ant-picker-dropdown .ant-picker-content td {\n font-size: 12px;\n }\n .ant-picker-dropdown .ant-picker-date-panel .ant-picker-content {\n width: 100%;\n }\n\n}\n.ant-picker .ant-picker-clear{\n font-size: 20px;\n}\n"])));
|
|
11
11
|
var _default = exports.default = CommonStyles;
|
package/build/index.js
CHANGED
|
@@ -35,12 +35,6 @@ Object.defineProperty(exports, "ApprovalWidget", {
|
|
|
35
35
|
return _ApprovalWidget.default;
|
|
36
36
|
}
|
|
37
37
|
});
|
|
38
|
-
Object.defineProperty(exports, "ApprovalWidgetNew", {
|
|
39
|
-
enumerable: true,
|
|
40
|
-
get: function get() {
|
|
41
|
-
return _ApprovalWidgetNew.default;
|
|
42
|
-
}
|
|
43
|
-
});
|
|
44
38
|
Object.defineProperty(exports, "BarChart", {
|
|
45
39
|
enumerable: true,
|
|
46
40
|
get: function get() {
|
|
@@ -125,12 +119,6 @@ Object.defineProperty(exports, "CustomDetails", {
|
|
|
125
119
|
return _CustomDetails.default;
|
|
126
120
|
}
|
|
127
121
|
});
|
|
128
|
-
Object.defineProperty(exports, "CustomDocumentViewer", {
|
|
129
|
-
enumerable: true,
|
|
130
|
-
get: function get() {
|
|
131
|
-
return _CustomDocumentViewer.default;
|
|
132
|
-
}
|
|
133
|
-
});
|
|
134
122
|
Object.defineProperty(exports, "CustomDrawer", {
|
|
135
123
|
enumerable: true,
|
|
136
124
|
get: function get() {
|
|
@@ -323,12 +311,6 @@ Object.defineProperty(exports, "DocUploadWidget", {
|
|
|
323
311
|
return _DocUploadWidget.default;
|
|
324
312
|
}
|
|
325
313
|
});
|
|
326
|
-
Object.defineProperty(exports, "DocumentSideDrawer", {
|
|
327
|
-
enumerable: true,
|
|
328
|
-
get: function get() {
|
|
329
|
-
return _DocumentSideDrawer.default;
|
|
330
|
-
}
|
|
331
|
-
});
|
|
332
314
|
Object.defineProperty(exports, "DropdownSearchInput", {
|
|
333
315
|
enumerable: true,
|
|
334
316
|
get: function get() {
|
|
@@ -353,12 +335,6 @@ Object.defineProperty(exports, "FeedbackWidget", {
|
|
|
353
335
|
return _FeedbackWidget.default;
|
|
354
336
|
}
|
|
355
337
|
});
|
|
356
|
-
Object.defineProperty(exports, "GenericUpload", {
|
|
357
|
-
enumerable: true,
|
|
358
|
-
get: function get() {
|
|
359
|
-
return _ReUploadDrawer.default;
|
|
360
|
-
}
|
|
361
|
-
});
|
|
362
338
|
Object.defineProperty(exports, "GlobalCss", {
|
|
363
339
|
enumerable: true,
|
|
364
340
|
get: function get() {
|
|
@@ -569,12 +545,6 @@ Object.defineProperty(exports, "colorOptions", {
|
|
|
569
545
|
return _colorOptions.colorOptions;
|
|
570
546
|
}
|
|
571
547
|
});
|
|
572
|
-
Object.defineProperty(exports, "customForm", {
|
|
573
|
-
enumerable: true,
|
|
574
|
-
get: function get() {
|
|
575
|
-
return _antd.Form;
|
|
576
|
-
}
|
|
577
|
-
});
|
|
578
548
|
Object.defineProperty(exports, "getCheckboxTheme", {
|
|
579
549
|
enumerable: true,
|
|
580
550
|
get: function get() {
|
|
@@ -593,8 +563,6 @@ Object.defineProperty(exports, "typographyOptions", {
|
|
|
593
563
|
return _typographyOptions.typographyOptions;
|
|
594
564
|
}
|
|
595
565
|
});
|
|
596
|
-
var _antd = require("antd");
|
|
597
|
-
var _ReUploadDrawer = _interopRequireDefault(require("./widgets/oa-widget-reupload-drawer/ReUploadDrawer"));
|
|
598
566
|
var _Accordion = _interopRequireDefault(require("./components/oa-component-accordion/Accordion"));
|
|
599
567
|
var _CustomDetails = _interopRequireDefault(require("./widgets/oa-widget-custom-details/CustomDetails"));
|
|
600
568
|
var _DocUploadWidget = _interopRequireDefault(require("./widgets/oa-widget-document-upload/DocUploadWidget"));
|
|
@@ -648,7 +616,6 @@ var _AddressWidget = _interopRequireDefault(require("./widgets/oa-widget-address
|
|
|
648
616
|
var _AddSparePartWidget = _interopRequireDefault(require("./widgets/oa-widget-add-spare-part/AddSparePartWidget"));
|
|
649
617
|
var _AddSparePartCollapseWidget = _interopRequireDefault(require("./widgets/oa-widget-add-spare-part/AddSparePartCollapseWidget"));
|
|
650
618
|
var _ApprovalWidget = _interopRequireDefault(require("./widgets/oa-widget-approval/ApprovalWidget"));
|
|
651
|
-
var _ApprovalWidgetNew = _interopRequireDefault(require("./widgets/oa-widget-approval/ApprovalWidgetNew"));
|
|
652
619
|
var _CloseClaimWidget = _interopRequireDefault(require("./widgets/oa-widget-close-claim/CloseClaimWidget"));
|
|
653
620
|
var _KeyValueWidget = _interopRequireDefault(require("./widgets/oa-widget-key-value/KeyValueWidget"));
|
|
654
621
|
var _NotesWidget = _interopRequireDefault(require("./widgets/oa-widget-notes/NotesWidget"));
|
|
@@ -685,8 +652,6 @@ var _MapBaseLocation = _interopRequireDefault(require("./widgets/oa-widget-map-b
|
|
|
685
652
|
var _CustomTimeline2 = _interopRequireDefault(require("./dev/oa-component-timeline/CustomTimeline"));
|
|
686
653
|
var _DocUploadCardWidget2 = _interopRequireDefault(require("./dev/oa-widget-document-upload-card/DocUploadCardWidget"));
|
|
687
654
|
var _CustomUpload2 = _interopRequireDefault(require("./dev/oa-component-upload/CustomUpload"));
|
|
688
|
-
var _DocumentSideDrawer = _interopRequireDefault(require("./dev/oa-widget-document-side-drawer/DocumentSideDrawer"));
|
|
689
|
-
var _CustomDocumentViewer = _interopRequireDefault(require("./dev/oa-component-document-viewer/CustomDocumentViewer"));
|
|
690
655
|
var _PaymentAndConsent = _interopRequireDefault(require("./layout/paymentAndConsent/PaymentAndConsent"));
|
|
691
656
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
692
657
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
@@ -11,7 +11,6 @@ require("core-js/modules/es.array.includes.js");
|
|
|
11
11
|
require("core-js/modules/es.string.includes.js");
|
|
12
12
|
require("core-js/modules/es.regexp.exec.js");
|
|
13
13
|
require("core-js/modules/es.regexp.test.js");
|
|
14
|
-
require("core-js/modules/es.parse-int.js");
|
|
15
14
|
require("core-js/modules/es.array.reduce.js");
|
|
16
15
|
var _react = _interopRequireWildcard(require("react"));
|
|
17
16
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
@@ -157,23 +156,19 @@ function AddSparePartCollapseWidget(_ref) {
|
|
|
157
156
|
*/
|
|
158
157
|
const onFieldChange = (itemId, field, value) => {
|
|
159
158
|
if (field === 'hsnId' || isNumeric(value)) {
|
|
160
|
-
|
|
161
|
-
var _formValues$itemId;
|
|
162
|
-
if (parseInt((_formValues$itemId = formValues[itemId]) === null || _formValues$itemId === void 0 ? void 0 : _formValues$itemId.cost, 10) < parseInt(value, 10)) {
|
|
163
|
-
openNotification({
|
|
164
|
-
title: 'Error',
|
|
165
|
-
description: 'Discount cannot be greater than Cost.',
|
|
166
|
-
type: 'failure'
|
|
167
|
-
});
|
|
168
|
-
return;
|
|
169
|
-
}
|
|
170
|
-
}
|
|
159
|
+
// Bypass numeric check for HSN Code
|
|
171
160
|
const updatedFormValues = _objectSpread(_objectSpread({}, formValues), {}, {
|
|
172
161
|
[itemId]: _objectSpread(_objectSpread({}, formValues[itemId]), {}, {
|
|
173
162
|
[field]: value
|
|
174
163
|
})
|
|
175
164
|
});
|
|
176
165
|
setFormValues(updatedFormValues);
|
|
166
|
+
} else {
|
|
167
|
+
// openNotification({
|
|
168
|
+
// title: 'Error',
|
|
169
|
+
// description: 'Please enter only numeric values 146.',
|
|
170
|
+
// type: 'failure',
|
|
171
|
+
// });
|
|
177
172
|
}
|
|
178
173
|
};
|
|
179
174
|
|
|
@@ -8,6 +8,6 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
|
8
8
|
var _templateObject, _templateObject2, _templateObject3;
|
|
9
9
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
10
10
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
11
|
-
const Styledescription = exports.Styledescription = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n
|
|
12
|
-
const StyledContainer = exports.StyledContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n padding: 0 0 16px;\
|
|
11
|
+
const Styledescription = exports.Styledescription = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n padding: 0 0 8px;\n"])));
|
|
12
|
+
const StyledContainer = exports.StyledContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n padding: 0 0 16px;\nlabel.ant-radio-wrapper:first-child{\n margin-inline-end: 16px;\n}\n.paddind-bottom-4{\n padding: 0 0 4px;\n}\n .container {\n margin-bottom: 16px;\n }\n\n h4{\n padding: 0 0 4px;\n }\n.view-button {\n justify-content: start;\n}\n .ant-form-item.custom-radio-group {\n margin-bottom: 12px;\n }\n\n .ant-divider-horizontal {\n margin: 16px 0px 0px;\n }\n\n .ant-form-item .ant-form-item-control-input {\n min-height: auto;\n }\n\n .ant-radio-group-outline {\n display: flex;\n justify-content: start;\n }\n\n textarea {\n padding: 16px; \n min-height: 88px;\n resize: none;\n border-radius: 4px;\n border: 1px solid var(--color-placeholder-text);\n }\n\n h5 {\n margin: 0 0 4px;\n color: var(--color-primary-content);\n }\n\n radiofield label {\n white-space: nowrap;\n }\n\n docdetailstag a {\n white-space: nowrap;\n }\n \n"])));
|
|
13
13
|
const RedText = exports.RedText = _styledComponents.default.span(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n display: inline-block;\n color: red;\n margin-left: 4px;\n"])));
|
|
@@ -86,8 +86,8 @@ function DocumentUpload(props) {
|
|
|
86
86
|
const handleCancel = () => setPreviewOpen(false);
|
|
87
87
|
|
|
88
88
|
/**
|
|
89
|
-
|
|
90
|
-
|
|
89
|
+
* Determines if the given file is an image file based on its file extension.
|
|
90
|
+
*/
|
|
91
91
|
function isImageFile(fileName) {
|
|
92
92
|
var _fileName$split;
|
|
93
93
|
// Extract the file extension from the file name
|
|
@@ -192,10 +192,10 @@ function DocumentUpload(props) {
|
|
|
192
192
|
}, /*#__PURE__*/_react.default.createElement(_Typography.default, {
|
|
193
193
|
color: "secondary-content",
|
|
194
194
|
className: "type-b2-400"
|
|
195
|
-
}, subText)), infoText && /*#__PURE__*/_react.default.createElement(
|
|
196
|
-
color: "
|
|
197
|
-
|
|
198
|
-
}
|
|
195
|
+
}, subText)), infoText && /*#__PURE__*/_react.default.createElement(_CustomInfo.default, {
|
|
196
|
+
color: "background-warning",
|
|
197
|
+
description: infoText
|
|
198
|
+
})), /*#__PURE__*/_react.default.createElement("div", {
|
|
199
199
|
className: "uploadDiv"
|
|
200
200
|
}, multipleDoc > 0 && /*#__PURE__*/_react.default.createElement("em", null, multipleDoc), /*#__PURE__*/_react.default.createElement(_antd.ConfigProvider, {
|
|
201
201
|
theme: {
|
|
@@ -15,7 +15,6 @@ var _AddressForm = _interopRequireDefault(require("./AddressForm"));
|
|
|
15
15
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
16
16
|
/* eslint-disable */
|
|
17
17
|
|
|
18
|
-
// Address Details Component
|
|
19
18
|
/**
|
|
20
19
|
* Address Details component.
|
|
21
20
|
* This component renders the address details and edit button.
|
|
@@ -33,7 +32,9 @@ function AddressDetails(_ref) {
|
|
|
33
32
|
geolocationData,
|
|
34
33
|
pinCodeServisible,
|
|
35
34
|
editLocationHandler,
|
|
36
|
-
onFinish
|
|
35
|
+
onFinish,
|
|
36
|
+
showAddressType,
|
|
37
|
+
isSaveButtonDisabled
|
|
37
38
|
} = _ref;
|
|
38
39
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
39
40
|
className: "addresBoxDiv"
|
|
@@ -49,12 +50,12 @@ function AddressDetails(_ref) {
|
|
|
49
50
|
}, /*#__PURE__*/_react.default.createElement(_Typography.default, {
|
|
50
51
|
className: "type-b3-400",
|
|
51
52
|
color: "secondary-content"
|
|
52
|
-
}, (_geolocationData$addr2 = geolocationData.addressLine2) === null || _geolocationData$addr2 === void 0 ? void 0 : _geolocationData$addr2.secondaryAddress, (_geolocationData$addr3 = geolocationData.addressLine2) !== null && _geolocationData$addr3 !== void 0 && (_geolocationData$addr3 = _geolocationData$addr3.mainAddress) !== null && _geolocationData$addr3 !== void 0 && _geolocationData$addr3.includes(geolocationData.pincode) || (_geolocationData$addr4 = geolocationData.addressLine2) !== null && _geolocationData$addr4 !== void 0 && (_geolocationData$addr4 = _geolocationData$addr4.secondaryAddress) !== null && _geolocationData$addr4 !== void 0 && _geolocationData$addr4.includes(geolocationData.pincode) ?
|
|
53
|
+
}, (_geolocationData$addr2 = geolocationData.addressLine2) === null || _geolocationData$addr2 === void 0 ? void 0 : _geolocationData$addr2.secondaryAddress, (_geolocationData$addr3 = geolocationData.addressLine2) !== null && _geolocationData$addr3 !== void 0 && (_geolocationData$addr3 = _geolocationData$addr3.mainAddress) !== null && _geolocationData$addr3 !== void 0 && _geolocationData$addr3.includes(geolocationData.pincode) || (_geolocationData$addr4 = geolocationData.addressLine2) !== null && _geolocationData$addr4 !== void 0 && (_geolocationData$addr4 = _geolocationData$addr4.secondaryAddress) !== null && _geolocationData$addr4 !== void 0 && _geolocationData$addr4.includes(geolocationData.pincode) ? "" : ", ".concat(geolocationData.pincode)))), pinCodeServisible && /*#__PURE__*/_react.default.createElement(_CustomButton.default, {
|
|
53
54
|
iconConfig: {
|
|
54
55
|
icon: /*#__PURE__*/_react.default.createElement(_MaterialIcon.default, {
|
|
55
56
|
icon: _EditOutlined.default
|
|
56
57
|
}),
|
|
57
|
-
position:
|
|
58
|
+
position: "left"
|
|
58
59
|
},
|
|
59
60
|
size: "small",
|
|
60
61
|
label: "Edit location",
|
|
@@ -62,7 +63,9 @@ function AddressDetails(_ref) {
|
|
|
62
63
|
onClick: editLocationHandler
|
|
63
64
|
})), pinCodeServisible ? /*#__PURE__*/_react.default.createElement(_AddressForm.default, {
|
|
64
65
|
geolocationData: geolocationData,
|
|
65
|
-
onFinish: onFinish
|
|
66
|
+
onFinish: onFinish,
|
|
67
|
+
showAddressType: showAddressType,
|
|
68
|
+
isSaveButtonDisabled: isSaveButtonDisabled
|
|
66
69
|
}) : /*#__PURE__*/_react.default.createElement(_Typography.default, {
|
|
67
70
|
color: "negative"
|
|
68
71
|
}, "Pincode according to your pin on map is Non-serviceable, please move the pin to serviceable pincode."));
|
|
@@ -10,6 +10,7 @@ var _antd = require("antd");
|
|
|
10
10
|
var _CustomInput = _interopRequireDefault(require("../../components/oa-component-input/CustomInput"));
|
|
11
11
|
var _Typography = _interopRequireDefault(require("../../components/oa-component-typography/Typography"));
|
|
12
12
|
var _CustomButton = _interopRequireDefault(require("../../components/oa-component-button/CustomButton"));
|
|
13
|
+
var _CustomRadio = _interopRequireDefault(require("../../components/oa-component-radio/CustomRadio"));
|
|
13
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
14
15
|
/* eslint-disable */
|
|
15
16
|
|
|
@@ -28,7 +29,9 @@ function AddressForm(props) {
|
|
|
28
29
|
const [form] = _antd.Form.useForm();
|
|
29
30
|
const {
|
|
30
31
|
geolocationData,
|
|
31
|
-
onFinish
|
|
32
|
+
onFinish,
|
|
33
|
+
showAddressType,
|
|
34
|
+
isSaveButtonDisabled = false
|
|
32
35
|
} = props;
|
|
33
36
|
return /*#__PURE__*/_react.default.createElement(_antd.Form, {
|
|
34
37
|
form: form,
|
|
@@ -51,7 +54,7 @@ function AddressForm(props) {
|
|
|
51
54
|
name: "houseNo",
|
|
52
55
|
rules: [{
|
|
53
56
|
required: true,
|
|
54
|
-
message:
|
|
57
|
+
message: "Please input your House no. / Flat / Floor!"
|
|
55
58
|
}]
|
|
56
59
|
}, /*#__PURE__*/_react.default.createElement(_CustomInput.default, {
|
|
57
60
|
placeholder: "Type here",
|
|
@@ -67,9 +70,31 @@ function AddressForm(props) {
|
|
|
67
70
|
name: "landmark"
|
|
68
71
|
}, /*#__PURE__*/_react.default.createElement(_CustomInput.default, {
|
|
69
72
|
placeholder: "Type here"
|
|
70
|
-
})))), /*#__PURE__*/_react.default.createElement("div", {
|
|
73
|
+
})))), showAddressType && /*#__PURE__*/_react.default.createElement("div", {
|
|
74
|
+
className: "margin-top-12"
|
|
75
|
+
}, /*#__PURE__*/_react.default.createElement(_Typography.default, {
|
|
76
|
+
color: "primary-content",
|
|
77
|
+
className: "type-b2-400"
|
|
78
|
+
}, "Address Type", /*#__PURE__*/_react.default.createElement(_Typography.default, {
|
|
79
|
+
color: "negative"
|
|
80
|
+
}, "*")), /*#__PURE__*/_react.default.createElement("div", {
|
|
81
|
+
className: "margin-top-4"
|
|
82
|
+
}, /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
|
|
83
|
+
name: "addressType",
|
|
84
|
+
rules: [{
|
|
85
|
+
required: true,
|
|
86
|
+
message: "Please select Address Type"
|
|
87
|
+
}]
|
|
88
|
+
}, /*#__PURE__*/_react.default.createElement(_CustomRadio.default.Group, null, /*#__PURE__*/_react.default.createElement(_CustomRadio.default, {
|
|
89
|
+
value: "RESIDENTIAL",
|
|
90
|
+
label: "Residential"
|
|
91
|
+
}), /*#__PURE__*/_react.default.createElement(_CustomRadio.default, {
|
|
92
|
+
value: "COMMERCIAL",
|
|
93
|
+
label: "Commercial"
|
|
94
|
+
}))))), /*#__PURE__*/_react.default.createElement("div", {
|
|
71
95
|
className: "buttonBottom margin-top-24"
|
|
72
96
|
}, /*#__PURE__*/_react.default.createElement(_antd.Form.Item, null, /*#__PURE__*/_react.default.createElement(_CustomButton.default, {
|
|
97
|
+
disabled: isSaveButtonDisabled || false,
|
|
73
98
|
type: "primary",
|
|
74
99
|
size: "large",
|
|
75
100
|
label: "Save and Proceed",
|
|
@@ -44,7 +44,9 @@ function MapBaseLocation(_ref) {
|
|
|
44
44
|
form,
|
|
45
45
|
onFinish,
|
|
46
46
|
openLocationNotDetectedModal,
|
|
47
|
-
setOpenLocationNotDetectedModalState
|
|
47
|
+
setOpenLocationNotDetectedModalState,
|
|
48
|
+
showAddressType,
|
|
49
|
+
isSaveButtonDisabled
|
|
48
50
|
} = _ref;
|
|
49
51
|
return /*#__PURE__*/_react.default.createElement(_styles.MapStyles, null, /*#__PURE__*/_react.default.createElement("div", {
|
|
50
52
|
className: "containerMap"
|
|
@@ -58,7 +60,7 @@ function MapBaseLocation(_ref) {
|
|
|
58
60
|
googleMapURL: googleMapURL,
|
|
59
61
|
loadingElement: /*#__PURE__*/_react.default.createElement("div", {
|
|
60
62
|
style: {
|
|
61
|
-
height:
|
|
63
|
+
height: "100%"
|
|
62
64
|
}
|
|
63
65
|
}),
|
|
64
66
|
containerElement: /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -66,7 +68,7 @@ function MapBaseLocation(_ref) {
|
|
|
66
68
|
}),
|
|
67
69
|
mapElement: /*#__PURE__*/_react.default.createElement("div", {
|
|
68
70
|
style: {
|
|
69
|
-
height:
|
|
71
|
+
height: "100%"
|
|
70
72
|
}
|
|
71
73
|
}),
|
|
72
74
|
googleMapRef: googleMapRef,
|
|
@@ -74,6 +76,8 @@ function MapBaseLocation(_ref) {
|
|
|
74
76
|
fetchAddressFromGoogleApi: fetchAddressFromGoogleApi,
|
|
75
77
|
setOpenLocationNotDetectedModal: setOpenLocationNotDetectedModal
|
|
76
78
|
}), /*#__PURE__*/_react.default.createElement(_AddressDetails.default, {
|
|
79
|
+
isSaveButtonDisabled: isSaveButtonDisabled,
|
|
80
|
+
showAddressType: showAddressType,
|
|
77
81
|
geolocationData: geolocationData,
|
|
78
82
|
pinCodeServisible: pinCodeServisible,
|
|
79
83
|
editLocationHandler: editLocationHandler,
|
|
@@ -76,8 +76,7 @@ function NotesWidget(_ref) {
|
|
|
76
76
|
value: noteInputValue,
|
|
77
77
|
onChange: event => setNoteInputValue(event.target.value),
|
|
78
78
|
onBlur: handleBlur,
|
|
79
|
-
placeholder: "Type here .."
|
|
80
|
-
maxLength: 500
|
|
79
|
+
placeholder: "Type here .."
|
|
81
80
|
});
|
|
82
81
|
}
|
|
83
82
|
return /*#__PURE__*/_react.default.createElement("div", {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "oa-componentbook",
|
|
3
|
-
"version": "1.0.1-stage.
|
|
3
|
+
"version": "1.0.1-stage.98",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "Reusable components",
|
|
6
6
|
"main": "build/index.js",
|
|
@@ -72,7 +72,7 @@
|
|
|
72
72
|
"storybook": "storybook dev -p 6006",
|
|
73
73
|
"build-storybook": "storybook build",
|
|
74
74
|
"update-package-lock": "npm i --package-lock-only",
|
|
75
|
-
"lint": "eslint
|
|
75
|
+
"lint": "eslint src/** --ext .js,.jsx",
|
|
76
76
|
"lint-fix": "npm run lint -- --fix",
|
|
77
77
|
"lint-fix-quiet": "npm run lint-fix -- --quiet",
|
|
78
78
|
"pre-commit": "./pre-commit.sh"
|