@arbisoft/react-design-tool 1.0.65 → 1.0.67
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/README.md +4 -4
- package/dist/cjs/index.js +8 -7
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/index.js +8 -7
- package/dist/esm/index.js.map +1 -1
- package/package.json +1 -1
package/dist/esm/index.js
CHANGED
|
@@ -3790,6 +3790,7 @@ var ImageToolBar = function ImageToolBar(_ref) {
|
|
|
3790
3790
|
onClearImageTint = _ref.onClearImageTint,
|
|
3791
3791
|
selectedElement = _ref.selectedElement,
|
|
3792
3792
|
languageLocale = _ref.languageLocale;
|
|
3793
|
+
var isSelectedImage = isElementOfSameType(selectedElement, elementTypes.image);
|
|
3793
3794
|
return /*#__PURE__*/React.createElement(RowContainer$2, null, /*#__PURE__*/React.createElement(StrokePicker, {
|
|
3794
3795
|
value: isElementOfSameType(selectedElement, elementTypes.image) ? selectedElement === null || selectedElement === void 0 ? void 0 : selectedElement.strokeWidth : imageStrokeWidth,
|
|
3795
3796
|
onChangeStrokeWidth: onChangeImageStrokeWidth,
|
|
@@ -3801,19 +3802,19 @@ var ImageToolBar = function ImageToolBar(_ref) {
|
|
|
3801
3802
|
value: isElementOfSameType(selectedElement, elementTypes.image) ? selectedElement === null || selectedElement === void 0 ? void 0 : selectedElement.opacity : imageOpacity,
|
|
3802
3803
|
onChangeOpacity: onChangeImageOpacity,
|
|
3803
3804
|
languageLocale: languageLocale
|
|
3804
|
-
}), /*#__PURE__*/React.createElement(ToolBarButtonWrapper, {
|
|
3805
|
+
}), isSelectedImage && /*#__PURE__*/React.createElement(ToolBarButtonWrapper, {
|
|
3805
3806
|
gap: 8,
|
|
3806
3807
|
tooltip: TEXT_DICTIONARY === null || TEXT_DICTIONARY === void 0 || (_TEXT_DICTIONARY$lang2 = TEXT_DICTIONARY[languageLocale]) === null || _TEXT_DICTIONARY$lang2 === void 0 ? void 0 : _TEXT_DICTIONARY$lang2.MONOCHROME_COLOR,
|
|
3807
3808
|
tooltipPosition: 'bottom'
|
|
3808
3809
|
}, /*#__PURE__*/React.createElement(StyledText, {
|
|
3809
3810
|
fontFamily: theme.fonts.secondary
|
|
3810
3811
|
}, TEXT_DICTIONARY === null || TEXT_DICTIONARY === void 0 || (_TEXT_DICTIONARY$lang3 = TEXT_DICTIONARY[languageLocale]) === null || _TEXT_DICTIONARY$lang3 === void 0 ? void 0 : _TEXT_DICTIONARY$lang3.MONOCHROME_COLOR), /*#__PURE__*/React.createElement(ColorBox, {
|
|
3811
|
-
backgroundColor:
|
|
3812
|
+
backgroundColor: (selectedElement === null || selectedElement === void 0 ? void 0 : selectedElement.tintColor) || imageTintColor,
|
|
3812
3813
|
onChange: onChangeImageTintColor
|
|
3813
|
-
})), /*#__PURE__*/React.createElement(OpacityPicker, {
|
|
3814
|
+
})), isSelectedImage && /*#__PURE__*/React.createElement(OpacityPicker, {
|
|
3814
3815
|
tooltip: TEXT_DICTIONARY === null || TEXT_DICTIONARY === void 0 || (_TEXT_DICTIONARY$lang4 = TEXT_DICTIONARY[languageLocale]) === null || _TEXT_DICTIONARY$lang4 === void 0 ? void 0 : _TEXT_DICTIONARY$lang4.MONOCHROME_STRENGTH,
|
|
3815
3816
|
tooltipPosition: 'bottom',
|
|
3816
|
-
value:
|
|
3817
|
+
value: (_selectedElement$tint = selectedElement === null || selectedElement === void 0 ? void 0 : selectedElement.tintStrength) !== null && _selectedElement$tint !== void 0 ? _selectedElement$tint : imageTintStrength,
|
|
3817
3818
|
min: 0,
|
|
3818
3819
|
max: 1,
|
|
3819
3820
|
step: 0.05,
|
|
@@ -3821,12 +3822,12 @@ var ImageToolBar = function ImageToolBar(_ref) {
|
|
|
3821
3822
|
leftChild: /*#__PURE__*/React.createElement(StyledText, {
|
|
3822
3823
|
fontFamily: theme.fonts.secondary
|
|
3823
3824
|
}, TEXT_DICTIONARY === null || TEXT_DICTIONARY === void 0 || (_TEXT_DICTIONARY$lang5 = TEXT_DICTIONARY[languageLocale]) === null || _TEXT_DICTIONARY$lang5 === void 0 ? void 0 : _TEXT_DICTIONARY$lang5.TINT_SHORT)
|
|
3824
|
-
}), /*#__PURE__*/React.createElement(ToolBarButtonWrapper, {
|
|
3825
|
+
}), isSelectedImage && /*#__PURE__*/React.createElement(ToolBarButtonWrapper, {
|
|
3825
3826
|
gap: 8,
|
|
3826
3827
|
tooltip: TEXT_DICTIONARY === null || TEXT_DICTIONARY === void 0 || (_TEXT_DICTIONARY$lang6 = TEXT_DICTIONARY[languageLocale]) === null || _TEXT_DICTIONARY$lang6 === void 0 ? void 0 : _TEXT_DICTIONARY$lang6.CLEAR_MONOCHROME,
|
|
3827
3828
|
tooltipPosition: 'bottom',
|
|
3828
3829
|
onClick: onClearImageTint,
|
|
3829
|
-
disabled:
|
|
3830
|
+
disabled: ((_selectedElement$tint2 = selectedElement === null || selectedElement === void 0 ? void 0 : selectedElement.tintStrength) !== null && _selectedElement$tint2 !== void 0 ? _selectedElement$tint2 : 0) <= 0
|
|
3830
3831
|
}, /*#__PURE__*/React.createElement(StyledText, {
|
|
3831
3832
|
fontFamily: theme.fonts.secondary
|
|
3832
3833
|
}, TEXT_DICTIONARY === null || TEXT_DICTIONARY === void 0 || (_TEXT_DICTIONARY$lang7 = TEXT_DICTIONARY[languageLocale]) === null || _TEXT_DICTIONARY$lang7 === void 0 ? void 0 : _TEXT_DICTIONARY$lang7.CLEAR_MONOCHROME)));
|
|
@@ -6775,7 +6776,7 @@ var Studio = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
6775
6776
|
_useState40 = _slicedToArray(_useState39, 2),
|
|
6776
6777
|
imageTintColor = _useState40[0],
|
|
6777
6778
|
setImageTintColor = _useState40[1];
|
|
6778
|
-
var _useState41 = useState(0
|
|
6779
|
+
var _useState41 = useState(0),
|
|
6779
6780
|
_useState42 = _slicedToArray(_useState41, 2),
|
|
6780
6781
|
imageTintStrength = _useState42[0],
|
|
6781
6782
|
setImageTintStrength = _useState42[1];
|