oolib 2.139.1 → 2.140.1

package/dist/components/Dropdowns/comps/SelectTagsInput/index.js

@@ -75,7 +75,7 @@ var SelectTagsInput = function (_a) {
                     ? themes_1.colors.greyColor40
                     : invert
                         ? themes_1.colors.white
-                        : themes_1.colors.greyColor80 }, "Selected Tags:")));
+                        : themes_1.colors.greyColor80 }, "".concat(localize('Selected Tags'), ":"))));
     };
     var genSelectComp = function () {
         // const minHeightStyle = minHeight

package/dist/components/ImageInput/comps/Placeholder/index.js

@@ -48,6 +48,7 @@ var FileUploadWrapper_1 = require("../../../FileUploadWrapper");
 var ModalConfirm_1 = require("../../../Modals/ModalConfirm");
 var genIcon_1 = require("../../../Dropdowns/utils/genIcon");
 var styled_1 = require("./styled");
+var utilsOolib_1 = require("../../../../utilsOolib");
 var ImageSquare = icons_1.icons.ImageSquare;
 var greyColor100 = themes_1.colors.greyColor100;
 var Placeholder = function (_a) {
@@ -84,6 +85,7 @@ var Placeholder = function (_a) {
         handleUpload(__assign({}, uploadArgs));
         setShowModal(false);
     };
+    var localize = (0, utilsOolib_1.useLocale)();
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(AspectRatioShell_1.default, { aspectRatio: aspectRatio, containerShape: containerShape, stretchToFullHeight: stretchToFullHeight, onShellPrepared: decideUIStyle },
             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) {
                     react_1.default.createElement(Typo_1.SANS_0, { semibold: true }, dropzoneLabel),
                     showOptionalLabelInDropzone && isRequired === false && (react_1.default.createElement(Typo_1.SANS_0, null, "(optional)")))) : (react_1.default.createElement(react_1.Fragment, null,
                     react_1.default.createElement(ImageSquare, { size: 30, color: greyColor100 }),
-                    react_1.default.createElement(Typo_1.SANS_2, { semibold: true }, "".concat(dropzoneLabel, " ").concat(showOptionalLabelInDropzone && isRequired === false
+                    react_1.default.createElement(Typo_1.SANS_2, { semibold: true }, "".concat(localize(dropzoneLabel), " ").concat(showOptionalLabelInDropzone && isRequired === false
                         ? "(optional)"
                         : "")),
                     react_1.default.createElement(Typo_1.SANS_2, null, dropzoneSublabel))),

package/dist/components/ImageInput/index.js

@@ -22,6 +22,7 @@ var InlineImageInput_1 = require("./comps/InlineImageInput");
 var ImageInputContext_1 = require("./ImageInputContext");
 var BlockLabel_1 = require("../BlockLabel");
 var getBlockLabelProps_1 = require("../../utils/getBlockLabelProps");
+var utilsOolib_1 = require("../../utilsOolib");
 /**
  * maybe should pass uploading placeholders for gallery thumbnails from gallery slider (just like its done for slider shell)
  *
@@ -37,7 +38,8 @@ function ImageInput(_a) {
     isInRTE = _a.isInRTE;
     var props = arguments[0];
     var showOptionalLabelInDropzone = !props.label && !props.sublabel;
-    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 ? "Add Images ( max 10 )" : "Add Image"),
+    var localize = (0, utilsOolib_1.useLocale)();
+    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"),
         dropzoneSublabel: dropzoneSublabel ||
             "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
         isRequired: isRequired, files: files, isInRTE: isInRTE, showImageUploadCaution: showImageUploadCaution },

package/dist/icons/index.d.ts

@@ -111,6 +111,9 @@ export namespace icons {
     export { MagicWand };
     export { CrownSimple };
     export { Funnel };
+    export { ThumbsDown };
+    export { CopySimple };
+    export { PaperPlaneRight };
     export { OkeGoogleIcon };
     export { LetterH };
     export { IndexIcon };
@@ -285,6 +288,9 @@ import { SquareHalfBottom } from 'phosphor-react';
 import { MagicWand } from 'phosphor-react';
 import { CrownSimple } from 'phosphor-react';
 import { Funnel } from 'phosphor-react';
+import { ThumbsDown } from 'phosphor-react';
+import { CopySimple } from 'phosphor-react';
+import { PaperPlaneRight } from 'phosphor-react';
 import { OkeGoogleIcon } from "./custom";
 import { LetterH } from "./custom";
 import { IndexIcon } from "./custom";

package/dist/icons/index.js

@@ -116,6 +116,9 @@ exports.icons = {
     MagicWand: phosphor_react_1.MagicWand,
     CrownSimple: phosphor_react_1.CrownSimple,
     Funnel: phosphor_react_1.Funnel,
+    ThumbsDown: phosphor_react_1.ThumbsDown,
+    CopySimple: phosphor_react_1.CopySimple,
+    PaperPlaneRight: phosphor_react_1.PaperPlaneRight,
     //custom
     OkeGoogleIcon: custom_1.OkeGoogleIcon,
     LetterH: custom_1.LetterH,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "oolib",
-  "version": "2.139.1",
+  "version": "2.140.1",
   "description": " OKE Component Library",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",