oa-componentbook 0.18.162 → 0.18.164
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-accordion/Accordion.js +10 -3
- package/build/widgets/oa-widget-document-upload/DocUploadWidget.js +5 -1
- package/build/widgets/oa-widget-reimbursement-breakup/ReimbursementBreakupWidget.js +1 -3
- package/build/widgets/oa-widget-reimbursement-breakup/styles.js +1 -1
- package/package.json +1 -1
|
@@ -32,6 +32,8 @@ function Accordion(_ref2) {
|
|
|
32
32
|
disabled,
|
|
33
33
|
headerText,
|
|
34
34
|
smallText,
|
|
35
|
+
key,
|
|
36
|
+
defaultActiveKey,
|
|
35
37
|
hasContentPadding // New prop to determine whether to apply contentPadding
|
|
36
38
|
} = _ref2;
|
|
37
39
|
const themeConfig = {
|
|
@@ -47,11 +49,11 @@ function Accordion(_ref2) {
|
|
|
47
49
|
}, /*#__PURE__*/_react.default.createElement(_styles.CollapseStyle, null, /*#__PURE__*/_react.default.createElement(_antd.Collapse, {
|
|
48
50
|
expandIcon: CollapseIcon,
|
|
49
51
|
expandIconPosition: "end",
|
|
50
|
-
defaultActiveKey: disabled ? '-1' :
|
|
52
|
+
defaultActiveKey: disabled ? '-1' : defaultActiveKey
|
|
51
53
|
}, /*#__PURE__*/_react.default.createElement(_antd.Collapse.Panel, {
|
|
52
54
|
"data-test": dataTest ? "".concat(dataTest, "--complete") : undefined,
|
|
53
55
|
collapsible: disabled ? 'disabled' : undefined,
|
|
54
|
-
key:
|
|
56
|
+
key: key,
|
|
55
57
|
header: /*#__PURE__*/_react.default.createElement("div", {
|
|
56
58
|
"data-test": dataTest ? "".concat(dataTest, "--header") : undefined,
|
|
57
59
|
className: "type-button-500"
|
|
@@ -66,13 +68,18 @@ Accordion.propTypes = {
|
|
|
66
68
|
disabled: _propTypes.default.bool,
|
|
67
69
|
headerText: _propTypes.default.string.isRequired,
|
|
68
70
|
smallText: _propTypes.default.string,
|
|
69
|
-
hasContentPadding: _propTypes.default.bool
|
|
71
|
+
hasContentPadding: _propTypes.default.bool,
|
|
72
|
+
// New prop for controlling contentPadding
|
|
73
|
+
key: _propTypes.default.string,
|
|
74
|
+
defaultActiveKey: _propTypes.default.string
|
|
70
75
|
};
|
|
71
76
|
Accordion.defaultProps = {
|
|
72
77
|
body: '',
|
|
73
78
|
'data-test': null,
|
|
74
79
|
disabled: false,
|
|
75
80
|
smallText: '',
|
|
81
|
+
key: '1',
|
|
82
|
+
defaultActiveKey: '1',
|
|
76
83
|
hasContentPadding: true // Default value for contentPadding
|
|
77
84
|
};
|
|
78
85
|
var _default = exports.default = Accordion;
|
|
@@ -139,7 +139,11 @@ function DocumentUpload(props) {
|
|
|
139
139
|
className: "type-t2-700"
|
|
140
140
|
}, heading, /*#__PURE__*/_react.default.createElement(_Typography.default, {
|
|
141
141
|
color: "negative"
|
|
142
|
-
}, " *"))), subText && /*#__PURE__*/_react.default.createElement("div",
|
|
142
|
+
}, " *"))), subText && /*#__PURE__*/_react.default.createElement("div", {
|
|
143
|
+
style: {
|
|
144
|
+
whiteSpace: 'pre-line'
|
|
145
|
+
}
|
|
146
|
+
}, /*#__PURE__*/_react.default.createElement(_Typography.default, {
|
|
143
147
|
color: "secondary-content",
|
|
144
148
|
className: "type-b2-400"
|
|
145
149
|
}, subText)), infoText && /*#__PURE__*/_react.default.createElement(_CustomInfo.default, {
|
|
@@ -35,11 +35,9 @@ function ReimbursementBreakupWidget(props) {
|
|
|
35
35
|
}
|
|
36
36
|
};
|
|
37
37
|
return /*#__PURE__*/_react.default.createElement(_CustomDrawer.default, {
|
|
38
|
-
buttonConfig: btnConfig,
|
|
39
38
|
open: visible,
|
|
40
39
|
title: "Reimbursement Amount breakup",
|
|
41
|
-
|
|
42
|
-
onOk: closeBreakUpModal
|
|
40
|
+
onClose: closeBreakUpModal
|
|
43
41
|
}, /*#__PURE__*/_react.default.createElement(_styles.WidgetContainer, null, cardData === null || cardData === void 0 ? void 0 : cardData.map(item => {
|
|
44
42
|
var _item$tableRows, _item$tableRows2;
|
|
45
43
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -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 WidgetContainer = exports.WidgetContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.oaReimbursFlow {\n background: #fff;\n border-radius: 8px 8px 0px 0px;\n color: #212121;\n padding: 16px 12px;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 150%;\n display: flex;\n flex-direction: column;\n}\n\n.amoutCalculat {\n color: #0282F0;\n padding: 16px 12px 0;\n border-top: solid 1px
|
|
12
|
+
const WidgetContainer = exports.WidgetContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.oaReimbursFlow {\n background: #fff;\n border-radius: 8px 8px 0px 0px;\n color: #212121;\n padding: 16px 12px;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 150%;\n display: flex;\n flex-direction: column;\n}\n\n.amoutCalculat {\n color: #0282F0;\n padding: 16px 12px 0;\n border-top: solid 1px var(--color-divider);\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: 150%;\n width: calc(100% + 24px);\n display: flex;\n flex-direction: row;\n align-items: center;\n margin: 12px 0 0 -12px;\n cursor: pointer;\n justify-content: space-between;\n}\n\n.rmbsProdAmt {\n display: flex;\n flex-direction: column;\n}\n\n.rmbsProdAmt h5 {\n font-style: normal;\n color: #212121;\n font-size: 14px;\n font-weight: 400;\n line-height: 22px;\n margin: 0 0 0 -12px;\n border-top: solid 1px var(--color-divider);\n padding: 36px 0 16px 0px;\n width: calc(100% + 24px);\n}\n\nul.calSecBox {\n display: flex;\n flex-direction: column;\n margin: 0;\n padding: 0;\n}\n\nul.calSecBox li {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n margin: 0 0 16px;\n}\n\n.gridtableFooter {\n border-top: solid 1px var(--color-divider);\n padding: 16px 0 0 0; \n font-size: 14px;\n font-style: normal;\n font-weight: 700;\n line-height: 22px;\n}\n\n.gridtableFooter aside {\n font-weight: 700;\n}\n.gridtableFooter aside p{\n color: var(--color-positive) !important;\n}\nul.calSecBox li aside {\n width: 100%;\n color: #212121;\n position: relative;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 22px;\n /* 157.143% */\n text-transform: capitalize;\n}\n\nul.calSecBox li aside+aside {\n font-weight: 700;\n text-align: right;\n}\n\nul.calSecBox li aside p {\n margin: 0;\n}\n\n.infoIconScroll img {\n width: 12px;\n height: 12px;\n margin: 0 0 0 5px;\n}\n\n.rmbsProdAmt ul.listofProd {\n display: flex;\n flex-direction: column;\n border-radius: 4px 4px 0px 0px;\n border: 1px solid #F6F6F6;\n overflow: hidden;\n border-top: none !important;\n border-bottom: none !important;\n background: #FFF;\n margin: 0;\n padding: 0;\n}\n\n.rmbsProdAmt ul.listofProd li {\n border-bottom: solid 1px var(--color-divider);\n padding: 16px;\n display: flex;\n flex-direction: row;\n gap: 16px;\n\n}\n\n.nonGridTableHeader {\n background: #F6F6F6;\n border-bottom: none;\n}\n\n.rmbsProdAmt ul.listofProd li aside {\n color: #212121;\n width: 100%;\n font-size: 16px;\n font-style: normal;\n font-weight: 400;\n line-height: 24px; \n}\n\n.rmbsProdAmt ul.listofProd li aside.boldText {\n font-weight: 700;\n}\n.nonGridTableHeader aside {\n white-space: nowrap;\n color: var(--color-secondary-content) !important;\n font-size: 12px;\n font-style: normal;\n font-weight: 700;\n line-height: 16px; /* 133.333% */\n letter-spacing: 0.24px;\n text-transform: uppercase;\n}\n#gridView{\n border: solid 1px var(--color-divider);\n}\n.rmbsProdAmt ul#gridView{\n border: solid 1px var(--color-divider);\n border-radius: 4px;\n border-top: solid 1px var(--color-divider) !important;\n}\n#gridView li aside {\n font-size: 14px !important;\n line-height: 20px !important;\n}\n#gridView li.nonGridTableHeader aside {\n font-size: 12px;\n font-weight: 400;\n line-height: 150%;\n white-space: normal;\n}\n"])));
|