dtable-ui-component 6.0.48 → 6.0.49
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/lib/CollapsibleSettingLayout/index.css +0 -5
- package/lib/CollapsibleSettingLayout/index.js +1 -1
- package/lib/DTableModalHeader/index.css +0 -1
- package/lib/FieldDisplaySetting/index.css +6 -7
- package/lib/FieldDisplaySetting/index.js +1 -1
- package/lib/GeolocationEditor/pc-editor/map-editor/index.js +1 -1
- package/lib/RowExpandFormatter/formula-formatter/index.js +14 -3
- package/lib/RowExpandFormatter/index.js +2 -1
- package/lib/formatterConfig/base-formatter-config.js +3 -1
- package/package.json +1 -1
|
@@ -19,7 +19,7 @@ const CollapsibleSettingLayout = props => {
|
|
|
19
19
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
20
20
|
className: (0, _classnames.default)('collapsible-setting-layout', className)
|
|
21
21
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
22
|
-
className: "collapsible-setting-layout-header w-100 d-flex align-items-center",
|
|
22
|
+
className: "collapsible-setting-layout-header seatable-collapse-header w-100 d-flex align-items-center",
|
|
23
23
|
onClick: () => setIsShowSettings(!isShowSettings)
|
|
24
24
|
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
25
25
|
className: "collapsible-setting-layout-title"
|
|
@@ -1,5 +1,9 @@
|
|
|
1
|
+
.field-setting .field-setting-header,
|
|
2
|
+
.field-setting .field-setting-header .form-label {
|
|
3
|
+
cursor: pointer;
|
|
4
|
+
}
|
|
5
|
+
|
|
1
6
|
.field-setting .field-setting-header .expand-button {
|
|
2
|
-
color: #ccc;
|
|
3
7
|
font-size: 10px;
|
|
4
8
|
cursor: pointer;
|
|
5
9
|
transition: transform .3s cubic-bezier(.645,.045,.355,1);
|
|
@@ -9,13 +13,8 @@
|
|
|
9
13
|
transform: rotate(90deg);
|
|
10
14
|
}
|
|
11
15
|
|
|
12
|
-
.field-setting .field-setting-header .expand-button:hover {
|
|
13
|
-
color: #3a2121;
|
|
14
|
-
cursor: pointer;
|
|
15
|
-
}
|
|
16
|
-
|
|
17
16
|
.field-setting .field-setting-banner .show-all-button {
|
|
18
|
-
color: #
|
|
17
|
+
color: #ed7109;
|
|
19
18
|
cursor: pointer;
|
|
20
19
|
font-size: 12px;
|
|
21
20
|
}
|
|
@@ -53,7 +53,7 @@ function FieldDisplaySetting(_ref) {
|
|
|
53
53
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
54
54
|
className: "field-setting"
|
|
55
55
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
56
|
-
className: "field-setting-header d-flex align-items-center justify-content-between",
|
|
56
|
+
className: "field-setting-header seatable-collapse-header d-flex align-items-center justify-content-between",
|
|
57
57
|
onClick: expandAllFields
|
|
58
58
|
}, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, {
|
|
59
59
|
className: "mb-0"
|
|
@@ -492,7 +492,7 @@ class MapEditor extends _react.Component {
|
|
|
492
492
|
}))))));
|
|
493
493
|
}
|
|
494
494
|
return /*#__PURE__*/_react.default.createElement(_largeEditor.default, Object.assign({}, this.props, {
|
|
495
|
-
value: value,
|
|
495
|
+
value: this.state.value,
|
|
496
496
|
setValue: this.setValue,
|
|
497
497
|
toggleFullScreen: this.toggleFullScreen
|
|
498
498
|
}));
|
|
@@ -91,7 +91,8 @@ class RowExpandFormulaFormatter extends _react.default.Component {
|
|
|
91
91
|
const {
|
|
92
92
|
value,
|
|
93
93
|
column,
|
|
94
|
-
collaborators
|
|
94
|
+
collaborators,
|
|
95
|
+
departments
|
|
95
96
|
} = this.props;
|
|
96
97
|
const {
|
|
97
98
|
array_type,
|
|
@@ -101,7 +102,7 @@ class RowExpandFormulaFormatter extends _react.default.Component {
|
|
|
101
102
|
return null;
|
|
102
103
|
}
|
|
103
104
|
const Formatter = _baseFormatterConfig.default[array_type];
|
|
104
|
-
let formatterProps = this.getFormatterProps(array_type, array_data, collaborators);
|
|
105
|
+
let formatterProps = this.getFormatterProps(array_type, array_data, collaborators, departments);
|
|
105
106
|
if ((0, _utils.isArrayFormatColumn)(array_type)) {
|
|
106
107
|
formatterProps.value = value;
|
|
107
108
|
return this.renderBorder(this.createColumnFormatter(Formatter, formatterProps));
|
|
@@ -143,7 +144,7 @@ class RowExpandFormulaFormatter extends _react.default.Component {
|
|
|
143
144
|
}), this.createColumnFormatter(Formatter, formatterProps));
|
|
144
145
|
})));
|
|
145
146
|
};
|
|
146
|
-
this.getFormatterProps = (array_type, array_data, collaborators) => {
|
|
147
|
+
this.getFormatterProps = (array_type, array_data, collaborators, departments) => {
|
|
147
148
|
switch (array_type) {
|
|
148
149
|
case _dtableUtils.CellType.DURATION:
|
|
149
150
|
{
|
|
@@ -156,6 +157,16 @@ class RowExpandFormulaFormatter extends _react.default.Component {
|
|
|
156
157
|
}
|
|
157
158
|
case _dtableUtils.CellType.NUMBER:
|
|
158
159
|
case _dtableUtils.CellType.RATE:
|
|
160
|
+
case _dtableUtils.CellType.DEPARTMENT_SINGLE_SELECT:
|
|
161
|
+
{
|
|
162
|
+
return {
|
|
163
|
+
column: {
|
|
164
|
+
data: array_data
|
|
165
|
+
},
|
|
166
|
+
readOnly: true,
|
|
167
|
+
departments
|
|
168
|
+
};
|
|
169
|
+
}
|
|
159
170
|
case _dtableUtils.CellType.GEOLOCATION:
|
|
160
171
|
{
|
|
161
172
|
return {
|
|
@@ -235,7 +235,8 @@ class RowExpandFormatter extends _react.default.Component {
|
|
|
235
235
|
value: cellValue,
|
|
236
236
|
column: column,
|
|
237
237
|
collaborators: collaborators,
|
|
238
|
-
containerClassName: containerClassName
|
|
238
|
+
containerClassName: containerClassName,
|
|
239
|
+
departments: this.props.departments
|
|
239
240
|
});
|
|
240
241
|
}
|
|
241
242
|
case _dtableUtils.CellType.LINK:
|
|
@@ -28,6 +28,7 @@ var _EmailFormatter = _interopRequireDefault(require("../EmailFormatter"));
|
|
|
28
28
|
var _DurationFormatter = _interopRequireDefault(require("../DurationFormatter"));
|
|
29
29
|
var _RateFormatter = _interopRequireDefault(require("../RateFormatter"));
|
|
30
30
|
var _ButtonFormatter = _interopRequireDefault(require("../ButtonFormatter"));
|
|
31
|
+
var _DepartmentSingleSelectFormatter = _interopRequireDefault(require("../DepartmentSingleSelectFormatter"));
|
|
31
32
|
const BaseFormatterConfig = {
|
|
32
33
|
[_dtableUtils.CellType.DEFAULT]: /*#__PURE__*/_react.default.createElement(_TextFormatter.default, null),
|
|
33
34
|
[_dtableUtils.CellType.TEXT]: /*#__PURE__*/_react.default.createElement(_TextFormatter.default, null),
|
|
@@ -50,6 +51,7 @@ const BaseFormatterConfig = {
|
|
|
50
51
|
[_dtableUtils.CellType.EMAIL]: /*#__PURE__*/_react.default.createElement(_EmailFormatter.default, null),
|
|
51
52
|
[_dtableUtils.CellType.DURATION]: /*#__PURE__*/_react.default.createElement(_DurationFormatter.default, null),
|
|
52
53
|
[_dtableUtils.CellType.RATE]: /*#__PURE__*/_react.default.createElement(_RateFormatter.default, null),
|
|
53
|
-
[_dtableUtils.CellType.BUTTON]: /*#__PURE__*/_react.default.createElement(_ButtonFormatter.default, null)
|
|
54
|
+
[_dtableUtils.CellType.BUTTON]: /*#__PURE__*/_react.default.createElement(_ButtonFormatter.default, null),
|
|
55
|
+
[_dtableUtils.CellType.DEPARTMENT_SINGLE_SELECT]: /*#__PURE__*/_react.default.createElement(_DepartmentSingleSelectFormatter.default, null)
|
|
54
56
|
};
|
|
55
57
|
var _default = exports.default = BaseFormatterConfig;
|