oolib 2.140.0 → 2.140.1
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.
|
@@ -75,7 +75,7 @@ var SelectTagsInput = function (_a) {
|
|
|
75
75
|
? themes_1.colors.greyColor40
|
|
76
76
|
: invert
|
|
77
77
|
? themes_1.colors.white
|
|
78
|
-
: themes_1.colors.greyColor80 }, "Selected Tags:")));
|
|
78
|
+
: themes_1.colors.greyColor80 }, "".concat(localize('Selected Tags'), ":"))));
|
|
79
79
|
};
|
|
80
80
|
var genSelectComp = function () {
|
|
81
81
|
// const minHeightStyle = minHeight
|
|
@@ -48,6 +48,7 @@ var FileUploadWrapper_1 = require("../../../FileUploadWrapper");
|
|
|
48
48
|
var ModalConfirm_1 = require("../../../Modals/ModalConfirm");
|
|
49
49
|
var genIcon_1 = require("../../../Dropdowns/utils/genIcon");
|
|
50
50
|
var styled_1 = require("./styled");
|
|
51
|
+
var utilsOolib_1 = require("../../../../utilsOolib");
|
|
51
52
|
var ImageSquare = icons_1.icons.ImageSquare;
|
|
52
53
|
var greyColor100 = themes_1.colors.greyColor100;
|
|
53
54
|
var Placeholder = function (_a) {
|
|
@@ -84,6 +85,7 @@ var Placeholder = function (_a) {
|
|
|
84
85
|
handleUpload(__assign({}, uploadArgs));
|
|
85
86
|
setShowModal(false);
|
|
86
87
|
};
|
|
88
|
+
var localize = (0, utilsOolib_1.useLocale)();
|
|
87
89
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
88
90
|
react_1.default.createElement(AspectRatioShell_1.default, { aspectRatio: aspectRatio, containerShape: containerShape, stretchToFullHeight: stretchToFullHeight, onShellPrepared: decideUIStyle },
|
|
89
91
|
react_1.default.createElement(FileUploadWrapper_1.FileUploadWrapper, { styledPlaceholderWrapperRef: styledPlaceholderWrapperRef, uploadProgress: uploadProgress, isLoading: isLoading, containerShape: containerShape, multiple: multiple, smallPlaceholderUI: smallPlaceholderUI, mediaType: "image", handleUpload: handleUpload, onChange: onChange, value: value, id: id, inputRef: inputRef },
|
|
@@ -92,7 +94,7 @@ var Placeholder = function (_a) {
|
|
|
92
94
|
react_1.default.createElement(Typo_1.SANS_0, { semibold: true }, dropzoneLabel),
|
|
93
95
|
showOptionalLabelInDropzone && isRequired === false && (react_1.default.createElement(Typo_1.SANS_0, null, "(optional)")))) : (react_1.default.createElement(react_1.Fragment, null,
|
|
94
96
|
react_1.default.createElement(ImageSquare, { size: 30, color: greyColor100 }),
|
|
95
|
-
react_1.default.createElement(Typo_1.SANS_2, { semibold: true }, "".concat(dropzoneLabel, " ").concat(showOptionalLabelInDropzone && isRequired === false
|
|
97
|
+
react_1.default.createElement(Typo_1.SANS_2, { semibold: true }, "".concat(localize(dropzoneLabel), " ").concat(showOptionalLabelInDropzone && isRequired === false
|
|
96
98
|
? "(optional)"
|
|
97
99
|
: "")),
|
|
98
100
|
react_1.default.createElement(Typo_1.SANS_2, null, dropzoneSublabel))),
|
|
@@ -22,6 +22,7 @@ var InlineImageInput_1 = require("./comps/InlineImageInput");
|
|
|
22
22
|
var ImageInputContext_1 = require("./ImageInputContext");
|
|
23
23
|
var BlockLabel_1 = require("../BlockLabel");
|
|
24
24
|
var getBlockLabelProps_1 = require("../../utils/getBlockLabelProps");
|
|
25
|
+
var utilsOolib_1 = require("../../utilsOolib");
|
|
25
26
|
/**
|
|
26
27
|
* maybe should pass uploading placeholders for gallery thumbnails from gallery slider (just like its done for slider shell)
|
|
27
28
|
*
|
|
@@ -37,7 +38,8 @@ function ImageInput(_a) {
|
|
|
37
38
|
isInRTE = _a.isInRTE;
|
|
38
39
|
var props = arguments[0];
|
|
39
40
|
var showOptionalLabelInDropzone = !props.label && !props.sublabel;
|
|
40
|
-
|
|
41
|
+
var localize = (0, utilsOolib_1.useLocale)();
|
|
42
|
+
return (react_1.default.createElement(ImageInputContext_1.ImageInputContextProvider, { value: value, onChange: onChange, id: id, allowedFormats: allowedFormats, formatConvertConfig: formatConvertConfig, folderName: folderName, bucketEnv: bucketEnv, multiple: multiple, aspectRatio: aspectRatio, readOnly: readOnly, enableCaptions: enableCaptions, defaultImageSpread: defaultImageSpread, invert: invert, containerShape: containerShape, stretchToFullHeight: stretchToFullHeight, disableImageBorder: disableImageBorder, omitEditorTools: omitEditorTools, dropzoneLabel: dropzoneLabel || (multiple ? "".concat(localize('Add Images'), " ( max 10 )") : "Add Image"),
|
|
41
43
|
dropzoneSublabel: dropzoneSublabel ||
|
|
42
44
|
"Supports: ".concat(allowedFormats.map(function (f) { return f.toUpperCase(); }).join(", ")), showOptionalLabelInDropzone: showOptionalLabelInDropzone, // in cases like cover image scenario, we wanna show the 'optional' label in the dropzone area, rather than label area
|
|
43
45
|
isRequired: isRequired, files: files, isInRTE: isInRTE, showImageUploadCaution: showImageUploadCaution },
|