oa-componentbook 0.17.93 → 0.17.95
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 +5 -2
- package/build/components/oa-component-button/styles.js +5 -3
- package/build/components/oa-component-select/CustomSelect.js +32 -5
- package/build/widgets/oa-widget-spare-part/SparePartsWidget.js +29 -7
- package/build/widgets/oa-widget-upload-download/UploadDownloadWidget.js +5 -5
- package/build/widgets/oa-widget-upload-download/styles.js +4 -5
- package/package.json +1 -1
|
@@ -43,9 +43,12 @@ function CustomButton(_ref) {
|
|
|
43
43
|
className: "text-container"
|
|
44
44
|
}, iconConfig.position === 'left' && /*#__PURE__*/_react.default.isValidElement(iconConfig.icon) && /*#__PURE__*/_react.default.cloneElement(iconConfig.icon, {
|
|
45
45
|
size: iconSize
|
|
46
|
-
}), label && /*#__PURE__*/_react.default.createElement(
|
|
46
|
+
}), label && (showEllipsis ? /*#__PURE__*/_react.default.createElement(_styles.EllipsisTypography, {
|
|
47
|
+
title: label,
|
|
47
48
|
typography: buttonTypography
|
|
48
|
-
}, label)
|
|
49
|
+
}, label) : /*#__PURE__*/_react.default.createElement(_Typography.default, {
|
|
50
|
+
typography: buttonTypography
|
|
51
|
+
}, label)), iconConfig.position === 'right' && /*#__PURE__*/_react.default.isValidElement(iconConfig.icon) && /*#__PURE__*/_react.default.cloneElement(iconConfig.icon, {
|
|
49
52
|
size: iconSize
|
|
50
53
|
})));
|
|
51
54
|
}
|
|
@@ -3,16 +3,18 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.default = exports.ColoredStyledButton = void 0;
|
|
6
|
+
exports.default = exports.EllipsisTypography = exports.ColoredStyledButton = void 0;
|
|
7
7
|
exports.getButtonTypography = getButtonTypography;
|
|
8
8
|
exports.getIconSize = getIconSize;
|
|
9
9
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
10
|
-
var
|
|
10
|
+
var _Typography = _interopRequireDefault(require("../oa-component-typography/Typography"));
|
|
11
|
+
var _templateObject, _templateObject2, _templateObject3;
|
|
11
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
12
13
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
13
14
|
var _default = exports.default = {};
|
|
14
15
|
const StyledButton = _styledComponents.default.button(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n border-radius: 4px;\n cursor: pointer;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n .text-container {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px; \n text-align: left;\n }\n"])));
|
|
15
|
-
const
|
|
16
|
+
const EllipsisTypography = exports.EllipsisTypography = (0, _styledComponents.default)(_Typography.default)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n display: block;\n \n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n width: 102px;\n"])));
|
|
17
|
+
const ColoredStyledButton = exports.ColoredStyledButton = (0, _styledComponents.default)(StyledButton)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n height: 2.25rem;\n min-width: 100px;\n padding: 0.625rem 1rem;\n\n &.small {\n height: 30px;\n min-width: 80px;\n padding: 10px 16px;\n }\n\n &.medium {\n height: 36px;\n min-width: 100px;\n padding: 10px 16px;\n }\n\n &.large {\n height: 48px;\n min-width: 136px;\n padding: 10px 24px;\n }\n\n &.medium-text-only,\n &.small-text-only {\n min-width: auto;\n height: auto;\n padding: 4px 0;\n }\n\n &.large-text-only {\n min-width: auto;\n height: auto;\n padding: 8px 0;\n }\n\n &.primary {\n background: var(--color-primary);\n border: 1px solid var(--color-primary);\n color: var(--color-primary-background);\n }\n &.primary:hover {\n background: var(--color-primary-hover);\n border: 1px solid var(--color-primary-hover);\n }\n\n &.primary-disabled {\n background: var(--color-disabled-button);\n cursor: not-allowed;\n color: var(--color-primary-background);\n border: 1px solid var(--color-disabled-button);\n }\n\n &.secondary {\n background: transparent;\n border: 1px solid var(--color-primary);\n color: var(--color-primary);\n }\n &.secondary:hover {\n background: transparent;\n border: 1px solid var(--color-primary-hover);\n color: var(--color-primary-hover);\n }\n\n &.secondary-disabled {\n background: transparent;\n border: 1px solid var(--color-disabled-button);\n color: var(--color-disabled-button);\n cursor: not-allowed;\n }\n \n &.text-only {\n border: none;\n background: transparent;\n color: var(--color-primary);\n }\n &.text-only:hover {\n color: var(--color-primary-hover);\n }\n\n &.text-only-disabled {\n border: none;\n background: transparent;\n color: var(--color-disabled-button);\n cursor: not-allowed;\n }\n \n &.danger-primary {\n background: var(--color-negative);\n color: var(--color-primary-background);\n border: 1px solid var(--color-negative);\n }\n &.danger-primary:hover {\n background: var(--color-hover-negative);\n color: var(--color-primary-background);\n border: 1px solid var(--color-hover-negative);\n }\n\n &.danger-secondary {\n background: transparent;\n border: 1px solid var(--color-negative);\n color: var(--color-negative);\n }\n &.danger-secondary:hover {\n background: transparent;\n border: 1px solid var(--color-hover-negative);\n color: var(--color-hover-negative);\n }\n\n &.danger-text-only {\n border: none;\n color: var(--color-negative);\n background: transparent;\n }\n &.danger-text-only:hover {\n border: none;\n color: var(--color-hover-negative);\n background: transparent;\n }\n"])));
|
|
16
18
|
function getButtonTypography(size) {
|
|
17
19
|
switch (size) {
|
|
18
20
|
case 'large':
|
|
@@ -10,6 +10,7 @@ exports.default = CustomSelect;
|
|
|
10
10
|
require("core-js/modules/web.dom-collections.iterator.js");
|
|
11
11
|
require("core-js/modules/es.array.includes.js");
|
|
12
12
|
require("core-js/modules/es.string.includes.js");
|
|
13
|
+
require("core-js/modules/es.array.reduce.js");
|
|
13
14
|
var _react = _interopRequireWildcard(require("react"));
|
|
14
15
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
15
16
|
var _antd = require("antd");
|
|
@@ -21,7 +22,7 @@ var _Typography = _interopRequireDefault(require("../oa-component-typography/Typ
|
|
|
21
22
|
var _ColorVariablesMap = _interopRequireDefault(require("../../global-css/ColorVariablesMap"));
|
|
22
23
|
require("antd/dist/reset.css");
|
|
23
24
|
var _Elevation = require("../../global-css/Elevation");
|
|
24
|
-
const _excluded = ["allText", "children", "data-test", "onSelectionChange", "options"],
|
|
25
|
+
const _excluded = ["allText", "children", "defaultValue", "data-test", "onSelectionChange", "options"],
|
|
25
26
|
_excluded2 = ["label", "disabled", "value"];
|
|
26
27
|
var _templateObject;
|
|
27
28
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
@@ -40,15 +41,38 @@ const {
|
|
|
40
41
|
Option
|
|
41
42
|
} = _antd.Select;
|
|
42
43
|
const StyledSelect = (0, _styledComponents.default)(_antd.Select)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n /* Hiding the last tag in case of All being selected. */\n .ant-select-selection-overflow-item.ant-select-selection-overflow-item-rest {\n display: ", "\n }\n"])), props => props.maxTagCount === 1 ? 'none' : undefined);
|
|
44
|
+
const valuesArrayToOptionArray = (valuesArray, valueLabelMap) => valuesArray.map(value => ({
|
|
45
|
+
value,
|
|
46
|
+
label: valueLabelMap === null || valueLabelMap === void 0 ? void 0 : valueLabelMap[value]
|
|
47
|
+
}));
|
|
43
48
|
function CustomSelect(_ref) {
|
|
44
49
|
let {
|
|
45
50
|
allText,
|
|
46
51
|
children,
|
|
52
|
+
defaultValue,
|
|
47
53
|
'data-test': dataTest,
|
|
48
54
|
onSelectionChange,
|
|
49
55
|
options
|
|
50
56
|
} = _ref,
|
|
51
57
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
58
|
+
// If allText is present in default values, we select all the options manually.
|
|
59
|
+
const actualDefaultValue = [...defaultValue];
|
|
60
|
+
if (allText && defaultValue !== null && defaultValue !== void 0 && defaultValue.includes(allText)) {
|
|
61
|
+
var _options$filter$map, _options$filter;
|
|
62
|
+
// Emptying the array first.
|
|
63
|
+
actualDefaultValue.length = 0;
|
|
64
|
+
|
|
65
|
+
// Pushing the allText
|
|
66
|
+
actualDefaultValue === null || actualDefaultValue === void 0 || actualDefaultValue.push(allText);
|
|
67
|
+
|
|
68
|
+
// Pushing the enabled options.
|
|
69
|
+
actualDefaultValue.push(...((_options$filter$map = options === null || options === void 0 || (_options$filter = options.filter(option => !(option !== null && option !== void 0 && option.disabled))) === null || _options$filter === void 0 ? void 0 : _options$filter.map(option => option.value)) !== null && _options$filter$map !== void 0 ? _options$filter$map : []));
|
|
70
|
+
}
|
|
71
|
+
const valueLabelMap = options.reduce((accumulator, option) => {
|
|
72
|
+
var _option$label;
|
|
73
|
+
accumulator[option.value] = (_option$label = option === null || option === void 0 ? void 0 : option.label) !== null && _option$label !== void 0 ? _option$label : option.value;
|
|
74
|
+
return accumulator;
|
|
75
|
+
}, {});
|
|
52
76
|
const actualOptions = options === null || options === void 0 ? void 0 : options.map(option => {
|
|
53
77
|
const {
|
|
54
78
|
label,
|
|
@@ -89,7 +113,7 @@ function CustomSelect(_ref) {
|
|
|
89
113
|
}
|
|
90
114
|
return option;
|
|
91
115
|
});
|
|
92
|
-
const [selectedOptions, setSelectedOptions] = (0, _react.useState)(
|
|
116
|
+
const [selectedOptions, setSelectedOptions] = (0, _react.useState)(actualDefaultValue);
|
|
93
117
|
const getMaxTagPlaceholder = omittedValues => {
|
|
94
118
|
if (selectedOptions.indexOf(allText) !== -1) {
|
|
95
119
|
return null;
|
|
@@ -135,9 +159,10 @@ function CustomSelect(_ref) {
|
|
|
135
159
|
} else {
|
|
136
160
|
newlySelectedOptions.splice(newlySelectedOptions.indexOf(value), 1);
|
|
137
161
|
}
|
|
162
|
+
const optionsWithoutAllText = newlySelectedOptions.filter(option => option !== allText);
|
|
138
163
|
|
|
139
164
|
// Passing the data to parent, using a callback.
|
|
140
|
-
onSelectionChange(
|
|
165
|
+
onSelectionChange(valuesArrayToOptionArray(optionsWithoutAllText, valueLabelMap));
|
|
141
166
|
setSelectedOptions(newlySelectedOptions);
|
|
142
167
|
};
|
|
143
168
|
return /*#__PURE__*/_react.default.createElement(_antd.ConfigProvider, {
|
|
@@ -220,19 +245,20 @@ function CustomSelect(_ref) {
|
|
|
220
245
|
virtual: false
|
|
221
246
|
}, props), allText && /*#__PURE__*/_react.default.createElement(Option, {
|
|
222
247
|
value: allText
|
|
223
|
-
}, allText), actualOptions === null || actualOptions === void 0 ? void 0 : actualOptions.map(actualOption => {
|
|
248
|
+
}, allText), children || (actualOptions === null || actualOptions === void 0 ? void 0 : actualOptions.map(actualOption => {
|
|
224
249
|
var _actualOption$disable;
|
|
225
250
|
return /*#__PURE__*/_react.default.createElement(Option, {
|
|
226
251
|
disabled: (_actualOption$disable = actualOption.disabled) !== null && _actualOption$disable !== void 0 ? _actualOption$disable : false,
|
|
227
252
|
value: actualOption.value,
|
|
228
253
|
key: (0, _utils.getUUID)()
|
|
229
254
|
}, actualOption.label);
|
|
230
|
-
})));
|
|
255
|
+
}))));
|
|
231
256
|
}
|
|
232
257
|
CustomSelect.Option = _antd.Select.Option;
|
|
233
258
|
CustomSelect.propTypes = {
|
|
234
259
|
allText: _propTypes.default.string,
|
|
235
260
|
children: _propTypes.default.node,
|
|
261
|
+
defaultValue: _propTypes.default.array,
|
|
236
262
|
'data-test': _propTypes.default.string,
|
|
237
263
|
onSelectionChange: _propTypes.default.func,
|
|
238
264
|
options: _propTypes.default.arrayOf(
|
|
@@ -246,6 +272,7 @@ CustomSelect.propTypes = {
|
|
|
246
272
|
CustomSelect.defaultProps = {
|
|
247
273
|
allText: null,
|
|
248
274
|
children: null,
|
|
275
|
+
defaultValue: [],
|
|
249
276
|
'data-test': null,
|
|
250
277
|
onSelectionChange: selection => {},
|
|
251
278
|
options: [],
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
require("core-js/modules/es.weak-map.js");
|
|
3
4
|
Object.defineProperty(exports, "__esModule", {
|
|
4
5
|
value: true
|
|
5
6
|
});
|
|
6
7
|
exports.default = void 0;
|
|
7
8
|
require("core-js/modules/web.dom-collections.iterator.js");
|
|
8
|
-
var _react =
|
|
9
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
9
10
|
var _antd = require("antd");
|
|
10
11
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
12
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
@@ -19,6 +20,8 @@ var _CustomInfo = _interopRequireDefault(require("../../components/oa-component-
|
|
|
19
20
|
var _MaterialIcon = _interopRequireDefault(require("../../components/oa-component-icons/MaterialIcon"));
|
|
20
21
|
var _templateObject, _templateObject2;
|
|
21
22
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
23
|
+
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); }
|
|
24
|
+
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; }
|
|
22
25
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
23
26
|
const FlexContainer = _styledComponents.default.section(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n gap: 16px;\n .text-only-size{\n justify-content: left;\n }\n"])));
|
|
24
27
|
const CostBreakdown = _styledComponents.default.aside(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n background: var(--color-secondary-background);\n padding: 0 12px;\n border-radius: 4px;\n ul{\n display: flex;\n margin: 0;\n border-bottom: 1px solid var(--color-divider);\n padding: 12px 0;\n }\n ul:last-child{\n border-bottom: none;\n }\n ul li{\n width: 100%;\n list-style: none;\n }\n ul li:first-child{\n color: var(--color-primary-content);\n font-style: normal;\n }\n ul li:last-child{\n font-style: normal;\n color: var(--color-secondary-content);\n }\n"])));
|
|
@@ -73,10 +76,25 @@ function SparePartsWidget(_ref) {
|
|
|
73
76
|
showCostBreakdown,
|
|
74
77
|
coverageShow
|
|
75
78
|
} = _ref;
|
|
79
|
+
const [sparePartList, setSparePartList] = (0, _react.useState)([]);
|
|
80
|
+
const [actionList, setActionList] = (0, _react.useState)(false);
|
|
81
|
+
(0, _react.useEffect)(() => {
|
|
82
|
+
var tempSparePartsList = [...scopeDetails.unCoveredScope, ...scopeDetails.coveredScope];
|
|
83
|
+
setActionList(tempSparePartsList.some(sparePart => {
|
|
84
|
+
var _sparePart$action;
|
|
85
|
+
return (sparePart === null || sparePart === void 0 || (_sparePart$action = sparePart.action) === null || _sparePart$action === void 0 ? void 0 : _sparePart$action.length) > 0;
|
|
86
|
+
}));
|
|
87
|
+
setSparePartList(tempSparePartsList);
|
|
88
|
+
}, [scopeDetails]);
|
|
76
89
|
const columns = [{
|
|
77
90
|
title: 'Spare Part',
|
|
78
91
|
dataIndex: 'scopeName',
|
|
79
|
-
key: 'scopeName'
|
|
92
|
+
key: 'scopeName',
|
|
93
|
+
render: (scopeName, record) => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Typography.default, {
|
|
94
|
+
typography: "type-b2-400"
|
|
95
|
+
}, scopeName), (record === null || record === void 0 ? void 0 : record.subText) && /*#__PURE__*/_react.default.createElement(_Typography.default, {
|
|
96
|
+
typography: "type-b2-400"
|
|
97
|
+
}, "(", record === null || record === void 0 ? void 0 : record.subText, ")"))
|
|
80
98
|
}, {
|
|
81
99
|
title: 'Cost',
|
|
82
100
|
dataIndex: 'cost',
|
|
@@ -92,19 +110,23 @@ function SparePartsWidget(_ref) {
|
|
|
92
110
|
});
|
|
93
111
|
}
|
|
94
112
|
// check if there are any actions then create action column
|
|
95
|
-
if (
|
|
113
|
+
if (actionList) {
|
|
96
114
|
columns.push({
|
|
97
115
|
title: 'Action',
|
|
98
116
|
key: 'action',
|
|
99
|
-
render: (text, record) =>
|
|
100
|
-
|
|
101
|
-
|
|
117
|
+
render: (text, record) => {
|
|
118
|
+
var _record$action;
|
|
119
|
+
return /*#__PURE__*/_react.default.createElement(_antd.Space, {
|
|
120
|
+
size: "middle"
|
|
121
|
+
}, record === null || record === void 0 || (_record$action = record.action) === null || _record$action === void 0 ? void 0 : _record$action.map(action => renderAction(action, record)));
|
|
122
|
+
}
|
|
102
123
|
});
|
|
103
124
|
}
|
|
104
125
|
if (scopeDetails) {
|
|
126
|
+
var _scopeDetails$unCover;
|
|
105
127
|
const unCoveredScope = scopeDetails.unCoveredScope || [];
|
|
106
128
|
const coveredScope = scopeDetails.coveredScope || [];
|
|
107
|
-
return /*#__PURE__*/_react.default.createElement(FlexContainer, null, scopeDetails.unCoveredScope.length > 0 && coverageShow && /*#__PURE__*/_react.default.createElement(_CustomInfo.default, {
|
|
129
|
+
return /*#__PURE__*/_react.default.createElement(FlexContainer, null, (scopeDetails === null || scopeDetails === void 0 || (_scopeDetails$unCover = scopeDetails.unCoveredScope) === null || _scopeDetails$unCover === void 0 ? void 0 : _scopeDetails$unCover.length) > 0 && coverageShow && /*#__PURE__*/_react.default.createElement(_CustomInfo.default, {
|
|
108
130
|
color: "background-warning",
|
|
109
131
|
description: "Multiple components need to be repaired which are not covered in this plan",
|
|
110
132
|
iconConfig: {
|
|
@@ -85,7 +85,7 @@ function UploadDownloadWidget(_ref) {
|
|
|
85
85
|
size: "small",
|
|
86
86
|
type: "secondary"
|
|
87
87
|
}))), (uploadedDocuments === null || uploadedDocuments === void 0 ? void 0 : uploadedDocuments.length) > 0 && uploadedDocuments.map((uploadedDocument, index) => {
|
|
88
|
-
var _uploadedDocument$onD, _uploadedDocument$onD2;
|
|
88
|
+
var _uploadedDocument$onD, _uploadedDocument$sho, _uploadedDocument$onD2;
|
|
89
89
|
return /*#__PURE__*/_react.default.createElement(_styles.StyledSection, {
|
|
90
90
|
key: (0, _utils.getUUID)()
|
|
91
91
|
}, /*#__PURE__*/_react.default.createElement(_CustomButton.default, {
|
|
@@ -97,9 +97,8 @@ function UploadDownloadWidget(_ref) {
|
|
|
97
97
|
})
|
|
98
98
|
},
|
|
99
99
|
onClick: (_uploadedDocument$onD = uploadedDocument.onDownload) !== null && _uploadedDocument$onD !== void 0 ? _uploadedDocument$onD : () => {},
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
}, uploadedDocument.name),
|
|
100
|
+
showEllipsis: (_uploadedDocument$sho = uploadedDocument === null || uploadedDocument === void 0 ? void 0 : uploadedDocument.showEllipsis) !== null && _uploadedDocument$sho !== void 0 ? _uploadedDocument$sho : true,
|
|
101
|
+
label: uploadedDocument.name,
|
|
103
102
|
type: "text-only",
|
|
104
103
|
disabled: !(0, _utils.isFunction)(uploadedDocument.onDownload)
|
|
105
104
|
}), /*#__PURE__*/_react.default.createElement(_CustomButton.default, {
|
|
@@ -136,7 +135,8 @@ UploadDownloadWidget.propTypes = {
|
|
|
136
135
|
uploadedDocuments: _propTypes.default.arrayOf(_propTypes.default.shape({
|
|
137
136
|
name: _propTypes.default.string,
|
|
138
137
|
onDelete: _propTypes.default.func,
|
|
139
|
-
onDownload: _propTypes.default.func
|
|
138
|
+
onDownload: _propTypes.default.func,
|
|
139
|
+
showEllipsis: _propTypes.default.bool
|
|
140
140
|
}))
|
|
141
141
|
};
|
|
142
142
|
UploadDownloadWidget.defaultProps = {
|
|
@@ -3,13 +3,12 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.StyledUpload = exports.StyledSection = exports.StyledContainer =
|
|
6
|
+
exports.StyledUpload = exports.StyledSection = exports.StyledContainer = void 0;
|
|
7
7
|
var _antd = require("antd");
|
|
8
8
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
9
|
-
var _templateObject, _templateObject2, _templateObject3
|
|
9
|
+
var _templateObject, _templateObject2, _templateObject3;
|
|
10
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
11
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
12
12
|
const StyledSection = exports.StyledSection = _styledComponents.default.section(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n gap: 4px;\n\n .text-container img:hover{\n opacity: 0.4;\n }\n .ant-btn-link{\n display: flex;\n padding: 0!important;\n height: auto !important;\n align-items: center;\n }\n\n .ant-btn >.anticon+span {\n margin-inline-start: 4px;\n }\n"])));
|
|
13
|
-
const
|
|
14
|
-
const
|
|
15
|
-
const StyledContainer = exports.StyledContainer = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n gap: 8px;\n"])));
|
|
13
|
+
const StyledUpload = exports.StyledUpload = (0, _styledComponents.default)(_antd.Upload)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n button{\n border: 1px solid var(--color-primary);\n color: var(--color-primary);\n } \n\n display: flex;\n gap: 4px;\n\n .ant-upload-icon {\n display: none;\n }\n\n .ant-upload-list-item-progress {\n display: none;\n }\n\n .ant-upload-list-item-name {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n width: 102px;\n text-align: left;\n }\n"])));
|
|
14
|
+
const StyledContainer = exports.StyledContainer = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n gap: 8px;\n"])));
|