@imposium-hub/components 2.6.6 → 2.6.7
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/dist/cjs/components/color-field/ColorField.d.ts +1 -0
- package/dist/cjs/components/color-field/ColorField.js +2 -2
- package/dist/cjs/components/color-field/ColorField.js.map +1 -1
- package/dist/esm/components/color-field/ColorField.d.ts +1 -0
- package/dist/esm/components/color-field/ColorField.js +2 -2
- package/dist/esm/components/color-field/ColorField.js.map +1 -1
- package/dist/styles.css +35 -6
- package/dist/styles.less +10 -1
- package/less/components/form-field.less +10 -1
- package/package.json +1 -1
- package/src/components/color-field/ColorField.tsx +10 -6
|
@@ -105,7 +105,7 @@ var ColorField = /** @class */ (function (_super) {
|
|
|
105
105
|
};
|
|
106
106
|
ColorField.prototype.render = function () {
|
|
107
107
|
var _this = this;
|
|
108
|
-
var _a = this.props, label = _a.label, width = _a.width, buttons = _a.buttons, tooltip = _a.tooltip, value = _a.value, enableAlpha = _a.enableAlpha, presetColors = _a.presetColors, info = _a.info, labelPosition = _a.labelPosition, pickerPosition = _a.pickerPosition, labelWidth = _a.labelWidth;
|
|
108
|
+
var _a = this.props, label = _a.label, width = _a.width, buttons = _a.buttons, tooltip = _a.tooltip, value = _a.value, enableAlpha = _a.enableAlpha, presetColors = _a.presetColors, info = _a.info, labelPosition = _a.labelPosition, pickerPosition = _a.pickerPosition, labelWidth = _a.labelWidth, disabled = _a.disabled;
|
|
109
109
|
var pickerOpen = this.state.pickerOpen;
|
|
110
110
|
var disableAlpha = !enableAlpha;
|
|
111
111
|
var pickerPos = pickerPosition || 'left';
|
|
@@ -121,7 +121,7 @@ var ColorField = /** @class */ (function (_super) {
|
|
|
121
121
|
return (React.createElement(FieldWrapper_1.default, { customClass: 'color-field', label: label, tooltip: tooltip, buttons: buttons, info: info, labelPosition: labelPosition, labelWidth: labelWidth, width: width },
|
|
122
122
|
React.createElement("div", { style: transparentBg },
|
|
123
123
|
React.createElement("div", { className: 'swatch', style: swatchStyle, onClick: function (e) { return _this.togglePicker(e); } })),
|
|
124
|
-
React.createElement("div", { className: "picker picker-".concat(pickerPos), ref: this.picker }, picker)));
|
|
124
|
+
!disabled && (React.createElement("div", { className: "picker picker-".concat(pickerPos), ref: this.picker }, picker))));
|
|
125
125
|
};
|
|
126
126
|
return ColorField;
|
|
127
127
|
}(React.PureComponent));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ColorField.js","sourceRoot":"","sources":["../../../../src/components/color-field/ColorField.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,+EAAyD;AAEzD,yDAAyD;
|
|
1
|
+
{"version":3,"file":"ColorField.js","sourceRoot":"","sources":["../../../../src/components/color-field/ColorField.tsx"],"names":[],"mappings":"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"}
|
|
@@ -60,7 +60,7 @@ class ColorField extends React.PureComponent {
|
|
|
60
60
|
}
|
|
61
61
|
}
|
|
62
62
|
render() {
|
|
63
|
-
const { label, width, buttons, tooltip, value, enableAlpha, presetColors, info, labelPosition, pickerPosition, labelWidth } = this.props;
|
|
63
|
+
const { label, width, buttons, tooltip, value, enableAlpha, presetColors, info, labelPosition, pickerPosition, labelWidth, disabled } = this.props;
|
|
64
64
|
const { pickerOpen } = this.state;
|
|
65
65
|
const disableAlpha = !enableAlpha;
|
|
66
66
|
const pickerPos = pickerPosition || 'left';
|
|
@@ -76,7 +76,7 @@ class ColorField extends React.PureComponent {
|
|
|
76
76
|
return (React.createElement(FieldWrapper, { customClass: 'color-field', label: label, tooltip: tooltip, buttons: buttons, info: info, labelPosition: labelPosition, labelWidth: labelWidth, width: width },
|
|
77
77
|
React.createElement("div", { style: transparentBg },
|
|
78
78
|
React.createElement("div", { className: 'swatch', style: swatchStyle, onClick: (e) => this.togglePicker(e) })),
|
|
79
|
-
React.createElement("div", { className: `picker picker-${pickerPos}`, ref: this.picker }, picker)));
|
|
79
|
+
!disabled && (React.createElement("div", { className: `picker picker-${pickerPos}`, ref: this.picker }, picker))));
|
|
80
80
|
}
|
|
81
81
|
}
|
|
82
82
|
export default ColorField;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ColorField.js","sourceRoot":"","sources":["../../../../src/components/color-field/ColorField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,YAAY,MAAM,+BAA+B,CAAC;AAEzD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;
|
|
1
|
+
{"version":3,"file":"ColorField.js","sourceRoot":"","sources":["../../../../src/components/color-field/ColorField.tsx"],"names":[],"mappings":"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"}
|
package/dist/styles.css
CHANGED
|
@@ -1226,7 +1226,6 @@ body a {
|
|
|
1226
1226
|
margin-bottom: 4px;
|
|
1227
1227
|
}
|
|
1228
1228
|
.form-field input,
|
|
1229
|
-
.form-field select,
|
|
1230
1229
|
.form-field textarea {
|
|
1231
1230
|
display: inline-block;
|
|
1232
1231
|
background: #1d1d1d;
|
|
@@ -1243,32 +1242,62 @@ body a {
|
|
|
1243
1242
|
padding: 4px;
|
|
1244
1243
|
}
|
|
1245
1244
|
.form-field input:hover,
|
|
1246
|
-
.form-field select:hover,
|
|
1247
1245
|
.form-field textarea:hover {
|
|
1248
1246
|
background: #151515;
|
|
1249
1247
|
}
|
|
1250
1248
|
.form-field input:focus,
|
|
1251
|
-
.form-field select:focus,
|
|
1252
1249
|
.form-field textarea:focus {
|
|
1253
1250
|
background: #151515;
|
|
1254
1251
|
}
|
|
1255
1252
|
.form-field input:disabled,
|
|
1256
|
-
.form-field select:disabled,
|
|
1257
1253
|
.form-field textarea:disabled {
|
|
1258
1254
|
color: rgba(223, 223, 223, 0.4);
|
|
1259
1255
|
background: #1d1d1d;
|
|
1260
1256
|
pointer-events: none;
|
|
1261
1257
|
}
|
|
1262
1258
|
.form-field input:disabled:focus,
|
|
1263
|
-
.form-field select:disabled:focus,
|
|
1264
1259
|
.form-field textarea:disabled:focus {
|
|
1265
1260
|
background: #1d1d1d;
|
|
1266
1261
|
}
|
|
1267
1262
|
.form-field input:disabled:hover,
|
|
1268
|
-
.form-field select:disabled:hover,
|
|
1269
1263
|
.form-field textarea:disabled:hover {
|
|
1270
1264
|
background: #1d1d1d;
|
|
1271
1265
|
}
|
|
1266
|
+
.form-field .caret {
|
|
1267
|
+
top: -2px;
|
|
1268
|
+
}
|
|
1269
|
+
.form-field select {
|
|
1270
|
+
display: inline-block;
|
|
1271
|
+
background: #1d1d1d;
|
|
1272
|
+
border: none;
|
|
1273
|
+
color: #dfdfdf;
|
|
1274
|
+
font-size: 12px;
|
|
1275
|
+
box-sizing: border-box;
|
|
1276
|
+
vertical-align: top;
|
|
1277
|
+
height: 20px;
|
|
1278
|
+
width: 100%;
|
|
1279
|
+
font-family: 'Roboto Condensed', sans-serif;
|
|
1280
|
+
border-radius: 0;
|
|
1281
|
+
appearance: none;
|
|
1282
|
+
padding: 4px 15px 4px 4px;
|
|
1283
|
+
}
|
|
1284
|
+
.form-field select:hover {
|
|
1285
|
+
background: #151515;
|
|
1286
|
+
}
|
|
1287
|
+
.form-field select:focus {
|
|
1288
|
+
background: #151515;
|
|
1289
|
+
}
|
|
1290
|
+
.form-field select:disabled {
|
|
1291
|
+
color: rgba(223, 223, 223, 0.4);
|
|
1292
|
+
background: #1d1d1d;
|
|
1293
|
+
pointer-events: none;
|
|
1294
|
+
}
|
|
1295
|
+
.form-field select:disabled:focus {
|
|
1296
|
+
background: #1d1d1d;
|
|
1297
|
+
}
|
|
1298
|
+
.form-field select:disabled:hover {
|
|
1299
|
+
background: #1d1d1d;
|
|
1300
|
+
}
|
|
1272
1301
|
.form-field input[type=number] {
|
|
1273
1302
|
-moz-appearance: textfield;
|
|
1274
1303
|
}
|
package/dist/styles.less
CHANGED
|
@@ -1378,11 +1378,20 @@ body{
|
|
|
1378
1378
|
vertical-align: top;
|
|
1379
1379
|
margin-bottom:@fieldMargin;
|
|
1380
1380
|
|
|
1381
|
-
input,
|
|
1381
|
+
input, textarea{
|
|
1382
1382
|
.inputMixin;
|
|
1383
1383
|
padding:4px;
|
|
1384
1384
|
}
|
|
1385
1385
|
|
|
1386
|
+
.caret {
|
|
1387
|
+
top: -2px;
|
|
1388
|
+
}
|
|
1389
|
+
|
|
1390
|
+
select {
|
|
1391
|
+
.inputMixin;
|
|
1392
|
+
padding: 4px 15px 4px 4px;
|
|
1393
|
+
}
|
|
1394
|
+
|
|
1386
1395
|
input[type=number] {
|
|
1387
1396
|
-moz-appearance: textfield;
|
|
1388
1397
|
}
|
|
@@ -50,11 +50,20 @@
|
|
|
50
50
|
vertical-align: top;
|
|
51
51
|
margin-bottom:@fieldMargin;
|
|
52
52
|
|
|
53
|
-
input,
|
|
53
|
+
input, textarea{
|
|
54
54
|
.inputMixin;
|
|
55
55
|
padding:4px;
|
|
56
56
|
}
|
|
57
57
|
|
|
58
|
+
.caret {
|
|
59
|
+
top: -2px;
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
select {
|
|
63
|
+
.inputMixin;
|
|
64
|
+
padding: 4px 15px 4px 4px;
|
|
65
|
+
}
|
|
66
|
+
|
|
58
67
|
input[type=number] {
|
|
59
68
|
-moz-appearance: textfield;
|
|
60
69
|
}
|
package/package.json
CHANGED
|
@@ -18,6 +18,7 @@ interface IColorFieldProps {
|
|
|
18
18
|
labelPosition?: string;
|
|
19
19
|
pickerPosition?: string;
|
|
20
20
|
labelWidth?: string | number;
|
|
21
|
+
disabled?: boolean;
|
|
21
22
|
}
|
|
22
23
|
|
|
23
24
|
interface IColorFieldState {
|
|
@@ -112,7 +113,8 @@ class ColorField extends React.PureComponent<IColorFieldProps, IColorFieldState>
|
|
|
112
113
|
info,
|
|
113
114
|
labelPosition,
|
|
114
115
|
pickerPosition,
|
|
115
|
-
labelWidth
|
|
116
|
+
labelWidth,
|
|
117
|
+
disabled
|
|
116
118
|
} = this.props;
|
|
117
119
|
const { pickerOpen } = this.state;
|
|
118
120
|
const disableAlpha = !enableAlpha;
|
|
@@ -154,11 +156,13 @@ class ColorField extends React.PureComponent<IColorFieldProps, IColorFieldState>
|
|
|
154
156
|
/>
|
|
155
157
|
</div>
|
|
156
158
|
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
159
|
+
{!disabled && (
|
|
160
|
+
<div
|
|
161
|
+
className={`picker picker-${pickerPos}`}
|
|
162
|
+
ref={this.picker}>
|
|
163
|
+
{picker}
|
|
164
|
+
</div>
|
|
165
|
+
)}
|
|
162
166
|
</FieldWrapper>
|
|
163
167
|
);
|
|
164
168
|
}
|