oa-componentbook 0.18.51 → 0.18.53
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/global-css/SpacingScales.js +1 -1
- package/build/index.js +7 -0
- package/build/widgets/oa-widget-location-access/LocationAccessWidget.js +9 -8
- package/build/widgets/oa-widget-notes/NotesWidget.js +9 -8
- package/build/widgets/oa-widget-repair-service/RepairServiceWidget.js +19 -15
- package/build/widgets/oa-widget-repair-service/styles.js +1 -1
- package/build/widgets/oa-widget-spare-part/SparePartsWidget.js +1 -1
- package/package.json +1 -1
|
@@ -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 SpacingScales = (0, _styledComponents.createGlobalStyle)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.padding-top-4 {\n padding-top: 4px;\n }\n \n .padding-left-4 {\n padding-left: 4px;\n }\n \n .padding-right-4 {\n padding-right: 4px;\n }\n \n .padding-bottom-4 {\n padding-bottom: 4px;\n }\n \n .padding-top-8 {\n padding-top: 8px;\n }\n \n .padding-left-8 {\n padding-left: 8px;\n }\n \n .padding-right-8 {\n padding-right: 8px;\n }\n \n .padding-bottom-8 {\n padding-bottom: 8px;\n }\n \n .padding-top-12 {\n padding-top: 12px;\n }\n \n .padding-left-12 {\n padding-left: 12px;\n }\n \n .padding-right-12 {\n padding-right: 12px;\n }\n \n .padding-bottom-12 {\n padding-bottom: 12px;\n }\n \n .padding-top-16 {\n padding-top: 16px;\n }\n \n .padding-left-16 {\n padding-left: 16px;\n }\n \n .padding-right-16 {\n padding-right: 16px;\n }\n \n .padding-bottom-16 {\n padding-bottom: 16px;\n }\n \n .padding-top-24 {\n padding-top: 24px;\n }\n \n .padding-left-24 {\n padding-left: 24px;\n }\n \n .padding-right-24 {\n padding-right: 24px;\n }\n \n .padding-bottom-24 {\n padding-bottom: 24px;\n }\n \n .padding-top-32 {\n padding-top: 32px;\n }\n \n .padding-left-32 {\n padding-left: 32px;\n }\n \n .padding-right-32 {\n padding-right: 32px;\n }\n \n .padding-bottom-32 {\n padding-bottom: 32px;\n }\n \n .padding-top-40 {\n padding-top: 40px;\n }\n \n .padding-left-40 {\n padding-left: 40px;\n }\n \n .padding-right-40 {\n padding-right: 40px;\n }\n \n .padding-bottom-40 {\n padding-bottom: 40px;\n }\n \n .padding-top-48 {\n padding-top: 48px;\n }\n \n .padding-left-48 {\n padding-left: 48px;\n }\n \n .padding-right-48 {\n padding-right: 48px;\n }\n \n .padding-bottom-48 {\n padding-bottom: 48px;\n }\n \n .padding-top-56 {\n padding-top: 56px;\n }\n \n .padding-left-56 {\n padding-left: 56px;\n }\n \n .padding-right-56 {\n padding-right: 56px;\n }\n \n .padding-bottom-56 {\n padding-bottom: 56px;\n }\n \n .padding-top-64 {\n padding-top: 64px;\n }\n \n .padding-left-64 {\n padding-left: 64px;\n }\n \n .padding-right-64 {\n padding-right: 64px;\n }\n \n .padding-bottom-64 {\n padding-bottom: 64px;\n }\n \n .padding-top-72 {\n padding-top: 72px;\n }\n \n .padding-left-72 {\n padding-left: 72px;\n }\n \n .padding-right-72 {\n padding-right: 72px;\n }\n \n .padding-bottom-72 {\n padding-bottom: 72px;\n }\n \n .padding-top-80 {\n padding-top: 80px;\n }\n \n .padding-left-80 {\n padding-left: 80px;\n }\n \n .padding-right-80 {\n padding-right: 80px;\n }\n \n .padding-bottom-80 {\n padding-bottom: 80px;\n }\n \n .padding-top-96 {\n padding-top: 96px;\n }\n \n .padding-left-96 {\n padding-left: 96px;\n }\n \n .padding-right-96 {\n padding-right: 96px;\n }\n \n .padding-bottom-96 {\n padding-bottom: 96px;\n }\n \n .padding-top-108 {\n padding-top: 108px;\n }\n \n .padding-left-108 {\n padding-left: 108px;\n }\n \n .padding-right-108 {\n padding-right: 108px;\n }\n \n .padding-bottom-108 {\n padding-bottom: 108px;\n }\n \n .margin-top-4 {\n margin-top: 4px;\n }\n \n .margin-left-4 {\n margin-left: 4px;\n }\n \n .margin-right-4 {\n margin-right: 4px;\n }\n \n .margin-bottom-4 {\n margin-bottom: 4px;\n }\n \n .margin-top-8 {\n margin-top: 8px;\n }\n \n .margin-left-8 {\n margin-left: 8px;\n }\n \n .margin-right-8 {\n margin-right: 8px;\n }\n \n .margin-bottom-8 {\n margin-bottom: 8px;\n }\n \n .margin-top-12 {\n margin-top: 12px;\n }\n \n .margin-left-12 {\n margin-left: 12px;\n }\n \n .margin-right-12 {\n margin-right: 12px;\n }\n \n .margin-bottom-12 {\n margin-bottom: 12px;\n }\n \n .margin-top-16 {\n margin-top: 16px;\n }\n \n .margin-left-16 {\n margin-left: 16px;\n }\n \n .margin-right-16 {\n margin-right: 16px;\n }\n \n .margin-bottom-16 {\n margin-bottom: 16px;\n }\n \n .margin-top-24 {\n margin-top: 24px;\n }\n \n .margin-left-24 {\n margin-left: 24px;\n }\n \n .margin-right-24 {\n margin-right: 24px;\n }\n \n .margin-bottom-24 {\n margin-bottom: 24px;\n }\n \n .margin-top-32 {\n margin-top: 32px;\n }\n \n .margin-left-32 {\n margin-left: 32px;\n }\n \n .margin-right-32 {\n margin-right: 32px;\n }\n \n .margin-bottom-32 {\n margin-bottom: 32px;\n }\n \n .margin-top-40 {\n margin-top: 40px;\n }\n \n .margin-left-40 {\n margin-left: 40px;\n }\n \n .margin-right-40 {\n margin-right: 40px;\n }\n \n .margin-bottom-40 {\n margin-bottom: 40px;\n }\n \n .margin-top-48 {\n margin-top: 48px;\n }\n \n .margin-left-48 {\n margin-left: 48px;\n }\n \n .margin-right-48 {\n margin-right: 48px;\n }\n \n .margin-bottom-48 {\n margin-bottom: 48px;\n }\n \n .margin-top-56 {\n margin-top: 56px;\n }\n \n .margin-left-56 {\n margin-left: 56px;\n }\n \n .margin-right-56 {\n margin-right: 56px;\n }\n \n .margin-bottom-56 {\n margin-bottom: 56px;\n }\n \n .margin-top-64 {\n margin-top: 64px;\n }\n \n .margin-left-64 {\n margin-left: 64px;\n }\n \n .margin-right-64 {\n margin-right: 64px;\n }\n \n .margin-bottom-64 {\n margin-bottom: 64px;\n }\n \n .margin-top-72 {\n margin-top: 72px;\n }\n \n .margin-left-72 {\n margin-left: 72px;\n }\n \n .margin-right-72 {\n margin-right: 72px;\n }\n \n .margin-bottom-72 {\n margin-bottom: 72px;\n }\n \n .margin-top-80 {\n margin-top: 80px;\n }\n \n .margin-left-80 {\n margin-left: 80px;\n }\n \n .margin-right-80 {\n margin-right: 80px;\n }\n \n .margin-bottom-80 {\n margin-bottom: 80px;\n }\n \n .margin-top-96 {\n margin-top: 96px;\n }\n \n .margin-left-96 {\n margin-left: 96px;\n }\n \n .margin-right-96 {\n margin-right: 96px;\n }\n \n .margin-bottom-96 {\n margin-bottom: 96px;\n }\n \n .margin-top-108 {\n margin-top: 108px;\n }\n \n .margin-left-108 {\n margin-left: 108px;\n }\n \n .margin-right-108 {\n margin-right: 108px;\n }\n \n .margin-bottom-108 {\n margin-bottom: 108px;\n } \n.spacing-4 {\n padding: 4px;\n}\n.spacing-8 {\n padding: 8px;\n }\n .spacing-12 {\n padding: 12px;\n }\n .spacing-16 {\n padding: 16px;\n }\n .spacing-24 {\n padding: 24px;\n }\n .spacing-32 {\n padding: 32px;\n }\n \n"])));
|
|
10
|
+
const SpacingScales = (0, _styledComponents.createGlobalStyle)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.padding-top-4 {\n padding-top: 4px;\n }\n \n .padding-left-4 {\n padding-left: 4px;\n }\n \n .padding-right-4 {\n padding-right: 4px;\n }\n \n .padding-bottom-4 {\n padding-bottom: 4px;\n }\n \n .padding-top-8 {\n padding-top: 8px;\n }\n \n .padding-left-8 {\n padding-left: 8px;\n }\n \n .padding-right-8 {\n padding-right: 8px;\n }\n \n .padding-bottom-8 {\n padding-bottom: 8px;\n }\n \n .padding-top-12 {\n padding-top: 12px;\n }\n \n .padding-left-12 {\n padding-left: 12px;\n }\n \n .padding-right-12 {\n padding-right: 12px;\n }\n \n .padding-bottom-12 {\n padding-bottom: 12px;\n }\n \n .padding-top-16 {\n padding-top: 16px;\n }\n \n .padding-left-16 {\n padding-left: 16px;\n }\n \n .padding-right-16 {\n padding-right: 16px;\n }\n \n .padding-bottom-16 {\n padding-bottom: 16px;\n }\n \n .padding-top-24 {\n padding-top: 24px;\n }\n \n .padding-left-24 {\n padding-left: 24px;\n }\n \n .padding-right-24 {\n padding-right: 24px;\n }\n \n .padding-bottom-24 {\n padding-bottom: 24px;\n }\n \n .padding-top-32 {\n padding-top: 32px;\n }\n \n .padding-left-32 {\n padding-left: 32px;\n }\n \n .padding-right-32 {\n padding-right: 32px;\n }\n \n .padding-bottom-32 {\n padding-bottom: 32px;\n }\n \n .padding-top-40 {\n padding-top: 40px;\n }\n \n .padding-left-40 {\n padding-left: 40px;\n }\n \n .padding-right-40 {\n padding-right: 40px;\n }\n \n .padding-bottom-40 {\n padding-bottom: 40px;\n }\n \n .padding-top-48 {\n padding-top: 48px;\n }\n \n .padding-left-48 {\n padding-left: 48px;\n }\n \n .padding-right-48 {\n padding-right: 48px;\n }\n \n .padding-bottom-48 {\n padding-bottom: 48px;\n }\n \n .padding-top-56 {\n padding-top: 56px;\n }\n \n .padding-left-56 {\n padding-left: 56px;\n }\n \n .padding-right-56 {\n padding-right: 56px;\n }\n \n .padding-bottom-56 {\n padding-bottom: 56px;\n }\n \n .padding-top-64 {\n padding-top: 64px;\n }\n \n .padding-left-64 {\n padding-left: 64px;\n }\n \n .padding-right-64 {\n padding-right: 64px;\n }\n \n .padding-bottom-64 {\n padding-bottom: 64px;\n }\n \n .padding-top-72 {\n padding-top: 72px;\n }\n \n .padding-left-72 {\n padding-left: 72px;\n }\n \n .padding-right-72 {\n padding-right: 72px;\n }\n \n .padding-bottom-72 {\n padding-bottom: 72px;\n }\n \n .padding-top-80 {\n padding-top: 80px;\n }\n \n .padding-left-80 {\n padding-left: 80px;\n }\n \n .padding-right-80 {\n padding-right: 80px;\n }\n \n .padding-bottom-80 {\n padding-bottom: 80px;\n }\n \n .padding-top-96 {\n padding-top: 96px;\n }\n \n .padding-left-96 {\n padding-left: 96px;\n }\n \n .padding-right-96 {\n padding-right: 96px;\n }\n \n .padding-bottom-96 {\n padding-bottom: 96px;\n }\n \n .padding-top-108 {\n padding-top: 108px;\n }\n \n .padding-left-108 {\n padding-left: 108px;\n }\n \n .padding-right-108 {\n padding-right: 108px;\n }\n \n .padding-bottom-108 {\n padding-bottom: 108px;\n }\n \n .margin-top-4 {\n margin-top: 4px;\n }\n \n .margin-left-4 {\n margin-left: 4px;\n }\n \n .margin-right-4 {\n margin-right: 4px;\n }\n \n .margin-bottom-4 {\n margin-bottom: 4px;\n }\n \n .margin-top-8 {\n margin-top: 8px;\n }\n \n .margin-left-8 {\n margin-left: 8px;\n }\n \n .margin-right-8 {\n margin-right: 8px;\n }\n \n .margin-bottom-8 {\n margin-bottom: 8px;\n }\n \n .margin-top-12 {\n margin-top: 12px;\n }\n \n .margin-left-12 {\n margin-left: 12px;\n }\n \n .margin-right-12 {\n margin-right: 12px;\n }\n \n .margin-bottom-12 {\n margin-bottom: 12px;\n }\n \n .margin-top-16 {\n margin-top: 16px;\n }\n \n .margin-left-16 {\n margin-left: 16px;\n }\n \n .margin-right-16 {\n margin-right: 16px;\n }\n \n .margin-bottom-16 {\n margin-bottom: 16px;\n }\n \n .margin-top-24 {\n margin-top: 24px;\n }\n \n .margin-left-24 {\n margin-left: 24px;\n }\n \n .margin-right-24 {\n margin-right: 24px;\n }\n \n .margin-bottom-24 {\n margin-bottom: 24px;\n }\n \n .margin-top-32 {\n margin-top: 32px;\n }\n \n .margin-left-32 {\n margin-left: 32px;\n }\n \n .margin-right-32 {\n margin-right: 32px;\n }\n \n .margin-bottom-32 {\n margin-bottom: 32px;\n }\n \n .margin-top-40 {\n margin-top: 40px;\n }\n \n .margin-left-40 {\n margin-left: 40px;\n }\n \n .margin-right-40 {\n margin-right: 40px;\n }\n \n .margin-bottom-40 {\n margin-bottom: 40px;\n }\n \n .margin-top-48 {\n margin-top: 48px;\n }\n \n .margin-left-48 {\n margin-left: 48px;\n }\n \n .margin-right-48 {\n margin-right: 48px;\n }\n \n .margin-bottom-48 {\n margin-bottom: 48px;\n }\n \n .margin-top-56 {\n margin-top: 56px;\n }\n \n .margin-left-56 {\n margin-left: 56px;\n }\n \n .margin-right-56 {\n margin-right: 56px;\n }\n \n .margin-bottom-56 {\n margin-bottom: 56px;\n }\n \n .margin-top-64 {\n margin-top: 64px;\n }\n \n .margin-left-64 {\n margin-left: 64px;\n }\n \n .margin-right-64 {\n margin-right: 64px;\n }\n \n .margin-bottom-64 {\n margin-bottom: 64px;\n }\n \n .margin-top-72 {\n margin-top: 72px;\n }\n \n .margin-left-72 {\n margin-left: 72px;\n }\n \n .margin-right-72 {\n margin-right: 72px;\n }\n \n .margin-bottom-72 {\n margin-bottom: 72px;\n }\n \n .margin-top-80 {\n margin-top: 80px;\n }\n \n .margin-left-80 {\n margin-left: 80px;\n }\n \n .margin-right-80 {\n margin-right: 80px;\n }\n \n .margin-bottom-80 {\n margin-bottom: 80px;\n }\n \n .margin-top-96 {\n margin-top: 96px;\n }\n \n .margin-left-96 {\n margin-left: 96px;\n }\n \n .margin-right-96 {\n margin-right: 96px;\n }\n \n .margin-bottom-96 {\n margin-bottom: 96px;\n }\n \n .margin-top-108 {\n margin-top: 108px;\n }\n \n .margin-left-108 {\n margin-left: 108px;\n }\n \n .margin-right-108 {\n margin-right: 108px;\n }\n \n .margin-bottom-108 {\n margin-bottom: 108px;\n } \n.spacing-4 {\n padding: 4px;\n}\n.spacing-8 {\n padding: 8px;\n }\n .spacing-12 {\n padding: 12px;\n }\n .spacing-16 {\n padding: 16px;\n }\n .spacing-24 {\n padding: 24px;\n }\n .spacing-32 {\n padding: 32px;\n }\n @media screen and (max-width: 1024px) {\n .padding-left-96, .padding-right-96, .padding-top-56, .padding-bottom-56{\n padding: 16px;\n }\n}\n"])));
|
|
11
11
|
var _default = exports.default = SpacingScales;
|
package/build/index.js
CHANGED
|
@@ -263,6 +263,12 @@ Object.defineProperty(exports, "KeyValueWidget", {
|
|
|
263
263
|
return _KeyValueWidget.default;
|
|
264
264
|
}
|
|
265
265
|
});
|
|
266
|
+
Object.defineProperty(exports, "LocationAccessWidget", {
|
|
267
|
+
enumerable: true,
|
|
268
|
+
get: function get() {
|
|
269
|
+
return _LocationAccessWidget.default;
|
|
270
|
+
}
|
|
271
|
+
});
|
|
266
272
|
Object.defineProperty(exports, "MaterialIcon", {
|
|
267
273
|
enumerable: true,
|
|
268
274
|
get: function get() {
|
|
@@ -434,6 +440,7 @@ var _Typographies = _interopRequireDefault(require("./global-css/Typographies"))
|
|
|
434
440
|
var _colorOptions = require("./global-css/color-options");
|
|
435
441
|
var _typographyOptions = require("./global-css/typography-options");
|
|
436
442
|
var _GoogleRating = _interopRequireDefault(require("./widgets/oa-widget-googlerating/GoogleRating"));
|
|
443
|
+
var _LocationAccessWidget = _interopRequireDefault(require("./widgets/oa-widget-location-access/LocationAccessWidget"));
|
|
437
444
|
var _RepairServiceWidget = _interopRequireDefault(require("./widgets/oa-widget-repair-service/RepairServiceWidget"));
|
|
438
445
|
var _AddressWidget = _interopRequireDefault(require("./widgets/oa-widget-address/AddressWidget"));
|
|
439
446
|
var _AddSparePartWidget = _interopRequireDefault(require("./widgets/oa-widget-add-spare-part/AddSparePartWidget"));
|
|
@@ -18,10 +18,6 @@ var _styles = require("./styles");
|
|
|
18
18
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19
19
|
const buttonConfig = {
|
|
20
20
|
label: 'Change',
|
|
21
|
-
// iconConfig:{
|
|
22
|
-
// icon:<MaterialIcon icon ={ ArrowForwardIosOutlinedIcon } />,
|
|
23
|
-
// position:'right'
|
|
24
|
-
// },
|
|
25
21
|
type: 'text-only'
|
|
26
22
|
};
|
|
27
23
|
const iconConfigInfo = {
|
|
@@ -37,7 +33,8 @@ function LocationAccessWidget(_ref) {
|
|
|
37
33
|
buttonLabel,
|
|
38
34
|
locationAccessTitle,
|
|
39
35
|
locationAccessDescription,
|
|
40
|
-
showOrHideTypography
|
|
36
|
+
showOrHideTypography,
|
|
37
|
+
onClick
|
|
41
38
|
} = _ref;
|
|
42
39
|
return /*#__PURE__*/_react.default.createElement(_styles.LocationAccessStyle, null, materialIcon && /*#__PURE__*/_react.default.createElement(_MaterialIcon.default, {
|
|
43
40
|
color: "primary",
|
|
@@ -62,7 +59,8 @@ function LocationAccessWidget(_ref) {
|
|
|
62
59
|
iconConfig: iconConfigInfo
|
|
63
60
|
}))), buttonLabel && /*#__PURE__*/_react.default.createElement(_CustomButton.default, {
|
|
64
61
|
size: "large",
|
|
65
|
-
label: buttonLabel
|
|
62
|
+
label: buttonLabel,
|
|
63
|
+
onClick: onClick
|
|
66
64
|
}));
|
|
67
65
|
}
|
|
68
66
|
LocationAccessWidget.propTypes = {
|
|
@@ -70,7 +68,8 @@ LocationAccessWidget.propTypes = {
|
|
|
70
68
|
buttonLabel: _propTypes.default.string,
|
|
71
69
|
locationAccessTitle: _propTypes.default.string,
|
|
72
70
|
locationAccessDescription: _propTypes.default.string,
|
|
73
|
-
showOrHideTypography: _propTypes.default.bool
|
|
71
|
+
showOrHideTypography: _propTypes.default.bool,
|
|
72
|
+
onClick: _propTypes.default.func
|
|
74
73
|
};
|
|
75
74
|
LocationAccessWidget.defaultProps = {
|
|
76
75
|
materialIcon: null,
|
|
@@ -81,6 +80,8 @@ LocationAccessWidget.defaultProps = {
|
|
|
81
80
|
// Provide a default value, e.g., an empty string
|
|
82
81
|
locationAccessDescription: '',
|
|
83
82
|
// Provide a default value, e.g., an empty string
|
|
84
|
-
showOrHideTypography: false
|
|
83
|
+
showOrHideTypography: false,
|
|
84
|
+
// Provide a default value, e.g., false
|
|
85
|
+
onClick: () => {}
|
|
85
86
|
};
|
|
86
87
|
var _default = exports.default = LocationAccessWidget;
|
|
@@ -53,12 +53,14 @@ function NotesWidget(_ref) {
|
|
|
53
53
|
key: column.key,
|
|
54
54
|
width: '20%'
|
|
55
55
|
}));
|
|
56
|
-
const columns = [
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
56
|
+
const columns = [
|
|
57
|
+
// {
|
|
58
|
+
// title: 'SERIAL NO.',
|
|
59
|
+
// dataIndex: 'sr',
|
|
60
|
+
// key: 'sr',
|
|
61
|
+
// width: '20%',
|
|
62
|
+
// },
|
|
63
|
+
{
|
|
62
64
|
title: 'NOTES',
|
|
63
65
|
width: '40%',
|
|
64
66
|
dataIndex: 'notes',
|
|
@@ -83,8 +85,7 @@ function NotesWidget(_ref) {
|
|
|
83
85
|
}, {
|
|
84
86
|
title: 'DATE AND TIME',
|
|
85
87
|
dataIndex: 'dateTime',
|
|
86
|
-
key: 'dateTime'
|
|
87
|
-
width: '20%'
|
|
88
|
+
key: 'dateTime'
|
|
88
89
|
}, {
|
|
89
90
|
title: 'USER',
|
|
90
91
|
dataIndex: 'user',
|
|
@@ -15,9 +15,15 @@ function RepairServiceWidget(_ref) {
|
|
|
15
15
|
let {
|
|
16
16
|
text,
|
|
17
17
|
icon,
|
|
18
|
-
subText
|
|
18
|
+
subText,
|
|
19
|
+
onClick
|
|
19
20
|
} = _ref;
|
|
20
|
-
return /*#__PURE__*/_react.default.createElement(_styles.RepairService, null, /*#__PURE__*/_react.default.createElement("
|
|
21
|
+
return /*#__PURE__*/_react.default.createElement(_styles.RepairService, null, /*#__PURE__*/_react.default.createElement("div", {
|
|
22
|
+
role: "button",
|
|
23
|
+
onClick: onClick,
|
|
24
|
+
onKeyPress: e => e.preventDefault(),
|
|
25
|
+
tabIndex: 0
|
|
26
|
+
}, /*#__PURE__*/_react.default.createElement("ul", null, /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement(_Typography.default, {
|
|
21
27
|
color: "primary-content",
|
|
22
28
|
typography: "type-t2-700"
|
|
23
29
|
}, text), /*#__PURE__*/_react.default.createElement(_Typography.default, {
|
|
@@ -27,22 +33,20 @@ function RepairServiceWidget(_ref) {
|
|
|
27
33
|
color: "primary",
|
|
28
34
|
icon: icon,
|
|
29
35
|
size: 20
|
|
30
|
-
})))
|
|
31
|
-
color: "primary-content",
|
|
32
|
-
typography: "type-t2-700"
|
|
33
|
-
}, text), /*#__PURE__*/_react.default.createElement(_Typography.default, {
|
|
34
|
-
color: "secondary-content",
|
|
35
|
-
typography: "type-b2-400"
|
|
36
|
-
}, subText)), /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement(_MaterialIcon.default, {
|
|
37
|
-
color: "primary",
|
|
38
|
-
icon: icon,
|
|
39
|
-
size: 20
|
|
40
|
-
}))));
|
|
36
|
+
})))));
|
|
41
37
|
}
|
|
42
38
|
RepairServiceWidget.propTypes = {
|
|
43
39
|
text: _propTypes.default.string.isRequired,
|
|
44
|
-
subText: _propTypes.default.string
|
|
45
|
-
icon: _propTypes.default.object
|
|
40
|
+
subText: _propTypes.default.string,
|
|
41
|
+
icon: _propTypes.default.object,
|
|
42
|
+
// Assuming that icon is a Material UI icon component
|
|
43
|
+
onClick: _propTypes.default.func
|
|
44
|
+
};
|
|
45
|
+
RepairServiceWidget.defaultProps = {
|
|
46
|
+
subText: '',
|
|
47
|
+
icon: null,
|
|
48
|
+
// Assuming that icon is a Material UI icon component
|
|
49
|
+
onClick: () => {}
|
|
46
50
|
};
|
|
47
51
|
|
|
48
52
|
// export default RepairServiceWidget;
|
|
@@ -9,4 +9,4 @@ var _templateObject;
|
|
|
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
11
|
var _default = exports.default = {};
|
|
12
|
-
const RepairService = exports.RepairService = _styledComponents.default.aside(_templateObject || (_templateObject = _taggedTemplateLiteral(["\nul{\n display: flex;\n justify-content: space-between;\n
|
|
12
|
+
const RepairService = exports.RepairService = _styledComponents.default.aside(_templateObject || (_templateObject = _taggedTemplateLiteral(["\nul{\n display: flex;\n justify-content: space-between;\n cursor: pointer;\n border-bottom: 1px solid var(--color-divider);\n padding: 16px 0;\n align-items: center;\n margin: 0;\n list-style: none;\n}\n \n ul:last-child{\n border-bottom: none;\n }\n ul li span{\n display: block;\n }\n ul li:last-child{\n margin: 0 0 0 16px;\n }\n li span:last-child{\n padding: 8px 0 0;\n }\n"])));
|
|
@@ -97,7 +97,7 @@ function SparePartsWidget(_ref) {
|
|
|
97
97
|
typography: "type-b2-400"
|
|
98
98
|
}, scopeName), (record === null || record === void 0 ? void 0 : record.subText) && /*#__PURE__*/_react.default.createElement("small", {
|
|
99
99
|
className: "type-b2-400"
|
|
100
|
-
}, "(", record === null || record === void 0 ? void 0 : record.subText, ")"), showPriceHistory && ![
|
|
100
|
+
}, "(", record === null || record === void 0 ? void 0 : record.subText, ")"), showPriceHistory && !['Transport Charge', 'Labour Charge'].includes(scopeName) && /*#__PURE__*/_react.default.createElement(_CustomButton.default, {
|
|
101
101
|
onClick: () => {
|
|
102
102
|
onViewPriceHistory(record);
|
|
103
103
|
},
|