@atlaskit/editor-core 187.43.17 → 187.43.18
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/CHANGELOG.md +6 -0
- package/dist/cjs/ui/ConfigPanel/Fields/ColorPicker.js +10 -27
- package/dist/cjs/version-wrapper.js +1 -1
- package/dist/es2019/ui/ConfigPanel/Fields/ColorPicker.js +2 -20
- package/dist/es2019/version-wrapper.js +1 -1
- package/dist/esm/ui/ConfigPanel/Fields/ColorPicker.js +10 -27
- package/dist/esm/version-wrapper.js +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -340,18 +340,13 @@ var ColorPicker = function ColorPicker(props) {
|
|
|
340
340
|
title = props.title,
|
|
341
341
|
currentColor = props.currentColor,
|
|
342
342
|
onChange = props.onChange,
|
|
343
|
-
onFieldChange = props.onFieldChange
|
|
344
|
-
featureFlags = props.featureFlags;
|
|
343
|
+
onFieldChange = props.onFieldChange;
|
|
345
344
|
var onColorChange = function onColorChange(color) {
|
|
346
345
|
var colorValue = color.value;
|
|
347
346
|
onChange(colorValue);
|
|
348
347
|
onFieldChange(name, currentColor !== colorValue);
|
|
349
348
|
};
|
|
350
|
-
|
|
351
|
-
expandedChartColors: false
|
|
352
|
-
},
|
|
353
|
-
expandedChartColors = _ref.expandedChartColors;
|
|
354
|
-
return expandedChartColors ? (0, _react.jsx)(_ColorPickerButton.default, {
|
|
349
|
+
return (0, _react.jsx)(_ColorPickerButton.default, {
|
|
355
350
|
title: title,
|
|
356
351
|
currentColor: currentColor,
|
|
357
352
|
onChange: onColorChange,
|
|
@@ -364,25 +359,13 @@ var ColorPicker = function ColorPicker(props) {
|
|
|
364
359
|
width: "var(--ds-space-300, 24px)",
|
|
365
360
|
height: "var(--ds-space-300, 24px)"
|
|
366
361
|
}
|
|
367
|
-
}) : (0, _react.jsx)(_ColorPickerButton.default, {
|
|
368
|
-
title: title,
|
|
369
|
-
currentColor: currentColor,
|
|
370
|
-
onChange: onColorChange,
|
|
371
|
-
colorPalette: colorPalette,
|
|
372
|
-
cols: ORIGINAL_COLOR_PICKER_COLUMNS,
|
|
373
|
-
alignX: "right",
|
|
374
|
-
placement: "ConfigPanel",
|
|
375
|
-
size: {
|
|
376
|
-
width: "var(--ds-space-300, 24px)",
|
|
377
|
-
height: "var(--ds-space-300, 24px)"
|
|
378
|
-
}
|
|
379
362
|
});
|
|
380
363
|
};
|
|
381
|
-
var ColorPickerField = function ColorPickerField(
|
|
382
|
-
var name =
|
|
383
|
-
field =
|
|
384
|
-
onFieldChange =
|
|
385
|
-
featureFlags =
|
|
364
|
+
var ColorPickerField = function ColorPickerField(_ref) {
|
|
365
|
+
var name = _ref.name,
|
|
366
|
+
field = _ref.field,
|
|
367
|
+
onFieldChange = _ref.onFieldChange,
|
|
368
|
+
featureFlags = _ref.featureFlags;
|
|
386
369
|
var label = field.label,
|
|
387
370
|
defaultValue = field.defaultValue,
|
|
388
371
|
isRequired = field.isRequired;
|
|
@@ -393,9 +376,9 @@ var ColorPickerField = function ColorPickerField(_ref2) {
|
|
|
393
376
|
validate: function validate(value) {
|
|
394
377
|
return (0, _utils.validate)(field, value || '');
|
|
395
378
|
}
|
|
396
|
-
}, function (
|
|
397
|
-
var fieldProps =
|
|
398
|
-
error =
|
|
379
|
+
}, function (_ref2) {
|
|
380
|
+
var fieldProps = _ref2.fieldProps,
|
|
381
|
+
error = _ref2.error;
|
|
399
382
|
return (0, _react.jsx)(_react2.Fragment, null, (0, _react.jsx)("div", {
|
|
400
383
|
css: colorPickerWrapper
|
|
401
384
|
}, (0, _react.jsx)("label", {
|
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.version = exports.nextMajorVersion = exports.name = void 0;
|
|
7
7
|
var name = "@atlaskit/editor-core";
|
|
8
8
|
exports.name = name;
|
|
9
|
-
var version = "187.43.
|
|
9
|
+
var version = "187.43.18";
|
|
10
10
|
exports.version = version;
|
|
11
11
|
var nextMajorVersion = function nextMajorVersion() {
|
|
12
12
|
return [Number(version.split('.')[0]) + 1, 0, 0].join('.');
|
|
@@ -333,20 +333,14 @@ const ColorPicker = props => {
|
|
|
333
333
|
title,
|
|
334
334
|
currentColor,
|
|
335
335
|
onChange,
|
|
336
|
-
onFieldChange
|
|
337
|
-
featureFlags
|
|
336
|
+
onFieldChange
|
|
338
337
|
} = props;
|
|
339
338
|
const onColorChange = color => {
|
|
340
339
|
const colorValue = color.value;
|
|
341
340
|
onChange(colorValue);
|
|
342
341
|
onFieldChange(name, currentColor !== colorValue);
|
|
343
342
|
};
|
|
344
|
-
|
|
345
|
-
expandedChartColors
|
|
346
|
-
} = featureFlags !== null && featureFlags !== void 0 ? featureFlags : {
|
|
347
|
-
expandedChartColors: false
|
|
348
|
-
};
|
|
349
|
-
return expandedChartColors ? jsx(ColorPickerButton, {
|
|
343
|
+
return jsx(ColorPickerButton, {
|
|
350
344
|
title: title,
|
|
351
345
|
currentColor: currentColor,
|
|
352
346
|
onChange: onColorChange,
|
|
@@ -359,18 +353,6 @@ const ColorPicker = props => {
|
|
|
359
353
|
width: "var(--ds-space-300, 24px)",
|
|
360
354
|
height: "var(--ds-space-300, 24px)"
|
|
361
355
|
}
|
|
362
|
-
}) : jsx(ColorPickerButton, {
|
|
363
|
-
title: title,
|
|
364
|
-
currentColor: currentColor,
|
|
365
|
-
onChange: onColorChange,
|
|
366
|
-
colorPalette: colorPalette,
|
|
367
|
-
cols: ORIGINAL_COLOR_PICKER_COLUMNS,
|
|
368
|
-
alignX: "right",
|
|
369
|
-
placement: "ConfigPanel",
|
|
370
|
-
size: {
|
|
371
|
-
width: "var(--ds-space-300, 24px)",
|
|
372
|
-
height: "var(--ds-space-300, 24px)"
|
|
373
|
-
}
|
|
374
356
|
});
|
|
375
357
|
};
|
|
376
358
|
const ColorPickerField = ({
|
|
@@ -330,18 +330,13 @@ var ColorPicker = function ColorPicker(props) {
|
|
|
330
330
|
title = props.title,
|
|
331
331
|
currentColor = props.currentColor,
|
|
332
332
|
onChange = props.onChange,
|
|
333
|
-
onFieldChange = props.onFieldChange
|
|
334
|
-
featureFlags = props.featureFlags;
|
|
333
|
+
onFieldChange = props.onFieldChange;
|
|
335
334
|
var onColorChange = function onColorChange(color) {
|
|
336
335
|
var colorValue = color.value;
|
|
337
336
|
onChange(colorValue);
|
|
338
337
|
onFieldChange(name, currentColor !== colorValue);
|
|
339
338
|
};
|
|
340
|
-
|
|
341
|
-
expandedChartColors: false
|
|
342
|
-
},
|
|
343
|
-
expandedChartColors = _ref.expandedChartColors;
|
|
344
|
-
return expandedChartColors ? jsx(ColorPickerButton, {
|
|
339
|
+
return jsx(ColorPickerButton, {
|
|
345
340
|
title: title,
|
|
346
341
|
currentColor: currentColor,
|
|
347
342
|
onChange: onColorChange,
|
|
@@ -354,25 +349,13 @@ var ColorPicker = function ColorPicker(props) {
|
|
|
354
349
|
width: "var(--ds-space-300, 24px)",
|
|
355
350
|
height: "var(--ds-space-300, 24px)"
|
|
356
351
|
}
|
|
357
|
-
}) : jsx(ColorPickerButton, {
|
|
358
|
-
title: title,
|
|
359
|
-
currentColor: currentColor,
|
|
360
|
-
onChange: onColorChange,
|
|
361
|
-
colorPalette: colorPalette,
|
|
362
|
-
cols: ORIGINAL_COLOR_PICKER_COLUMNS,
|
|
363
|
-
alignX: "right",
|
|
364
|
-
placement: "ConfigPanel",
|
|
365
|
-
size: {
|
|
366
|
-
width: "var(--ds-space-300, 24px)",
|
|
367
|
-
height: "var(--ds-space-300, 24px)"
|
|
368
|
-
}
|
|
369
352
|
});
|
|
370
353
|
};
|
|
371
|
-
var ColorPickerField = function ColorPickerField(
|
|
372
|
-
var name =
|
|
373
|
-
field =
|
|
374
|
-
onFieldChange =
|
|
375
|
-
featureFlags =
|
|
354
|
+
var ColorPickerField = function ColorPickerField(_ref) {
|
|
355
|
+
var name = _ref.name,
|
|
356
|
+
field = _ref.field,
|
|
357
|
+
onFieldChange = _ref.onFieldChange,
|
|
358
|
+
featureFlags = _ref.featureFlags;
|
|
376
359
|
var label = field.label,
|
|
377
360
|
defaultValue = field.defaultValue,
|
|
378
361
|
isRequired = field.isRequired;
|
|
@@ -383,9 +366,9 @@ var ColorPickerField = function ColorPickerField(_ref2) {
|
|
|
383
366
|
validate: function validate(value) {
|
|
384
367
|
return _validate(field, value || '');
|
|
385
368
|
}
|
|
386
|
-
}, function (
|
|
387
|
-
var fieldProps =
|
|
388
|
-
error =
|
|
369
|
+
}, function (_ref2) {
|
|
370
|
+
var fieldProps = _ref2.fieldProps,
|
|
371
|
+
error = _ref2.error;
|
|
389
372
|
return jsx(Fragment, null, jsx("div", {
|
|
390
373
|
css: colorPickerWrapper
|
|
391
374
|
}, jsx("label", {
|