@vitrosoftware/common-ui-ts 1.1.32 → 1.1.34

package/dist/index.modern.js

@@ -60281,7 +60281,7 @@ var DropdownButton = function DropdownButton(props) {
     className: styles$a['vitro-dropdown-icon']
   }, props.title)), React__default.createElement(BootstrapDropdown.Menu, {
     renderOnMount: true,
-    flip: false
+    flip: props.flip !== false
   }, dropItemList.map(function (x) {
     return x.isConfirm && x.actionCode ? React__default.createElement(ActionHandler, {
       key: x.key,
@@ -64114,5 +64114,73 @@ var MessageInput = function MessageInput(props) {
   }));
 };
 
-export { ActionHandlerConstants as ACTION_HANDLER, AlertConstants as ALERT, ActionHandler, Activity, ActivityItem, ActivityMessage, Alert$1 as Alert, Avatar, Breadcrumbs, Button$2 as Button, Checkbox, CommandMenu, CommandMenuButton, CommandMenuDropdownButton, CommandMenuLookupPicker, CommandMenuSubItem, ComponentLoader, ComponentLoaderContextImpl, ControlGroup, DatePicker, Dialog, DialogContent, DialogFooter, DropdownButton, EVENT, Icon, Input, IssueTile, Label, Login, LookupPicker, MessageInput, MicroFrontend, PdfViewer, ScrollBar, Sidebar, TableViewConstants as TABLE_VIEW, TreeViewConstants as TREE_VIEW, TabGroup, TableView, TaskTile, TelerikUploader, TelerikUploaderContextImpl, TimePicker, TopLevelMenu, TreeView, UserLookupPicker, UserProfile, View, commonEn, commonRu };
+var styles$I = {"vitro-image-picker-root":"_image-picker_vitro-image-picker-root_AqOYRhP","vitro-image-picker-dropdown-wrapper":"_image-picker_vitro-image-picker-dropdown-wrapper_8Tr_BBS","vitro-image-picker-defaultIcon-wrapper":"_image-picker_vitro-image-picker-defaultIcon-wrapper_1XLKgLW","vitro-image-picker-icon":"_image-picker_vitro-image-picker-icon_1q7KZiW","vitro-image-picker-input":"_image-picker_vitro-image-picker-input_12jFFNU","vitro-icon-default":"_image-picker_vitro-icon-default_2Hdhta2","vitro-image-picker-label-wrapper":"_image-picker_vitro-image-picker-label-wrapper_WRLzUYM","vitro-image-picker-wrapper":"_image-picker_vitro-image-picker-wrapper_dlZyYFL"};
+
+var ACTION$1;
+(function (ACTION) {
+  ACTION["UPLOAD"] = "upload";
+  ACTION["DELETE"] = "delete";
+})(ACTION$1 || (ACTION$1 = {}));
+var LOCALE$7;
+(function (LOCALE) {
+  LOCALE["ACTION_UPLOAD"] = "app.common.action.upload";
+  LOCALE["ACTION_DELETE"] = "app.common.action.delete";
+})(LOCALE$7 || (LOCALE$7 = {}));
+
+var ImagePicker = function ImagePicker(props) {
+  var localeService = useInjection(SERVICE.LOCALE);
+  var defaultItemList = useMemo(function () {
+    var _props$itemList;
+    var result = [{
+      onClick: function onClick() {
+        var _props$inputFileRef, _props$inputFileRef$c;
+        return (_props$inputFileRef = props.inputFileRef) === null || _props$inputFileRef === void 0 ? void 0 : (_props$inputFileRef$c = _props$inputFileRef.current) === null || _props$inputFileRef$c === void 0 ? void 0 : _props$inputFileRef$c.click();
+      },
+      text: localeService.create(LOCALE$7.ACTION_UPLOAD),
+      value: ACTION$1.UPLOAD,
+      key: ACTION$1.UPLOAD,
+      actionCode: ACTION$1.UPLOAD,
+      isConfirm: false,
+      isOverflow: false,
+      imageUrl: props.imgUrlUpload
+    }];
+    if (props.defaultUrl) {
+      result.push({
+        onClick: props.onDelete,
+        text: localeService.create(LOCALE$7.ACTION_DELETE),
+        value: ACTION$1.DELETE,
+        key: ACTION$1.DELETE,
+        actionCode: ACTION$1.DELETE,
+        isConfirm: false,
+        isOverflow: false,
+        imageUrl: props.imgUrlDelete
+      });
+    }
+    return (_props$itemList = props.itemList) !== null && _props$itemList !== void 0 && _props$itemList.length ? result.concat(props.itemList) : result;
+  }, [props.itemList, props.defaultUrl]);
+  return React__default.createElement("div", {
+    className: styles$I['vitro-image-picker-wrapper']
+  }, React__default.createElement("div", {
+    className: styles$I['vitro-image-picker-label-wrapper']
+  }, props.label ? props.label : ''), React__default.createElement("div", {
+    className: props.classNameRoot ? props.classNameRoot : styles$I['vitro-image-picker-root']
+  }, React__default.createElement(DropdownButton, {
+    itemList: defaultItemList,
+    className: styles$I['vitro-image-picker-dropdown-wrapper']
+  }), React__default.createElement("input", {
+    type: 'file',
+    className: styles$I['vitro-image-picker-input'],
+    ref: props.inputFileRef,
+    accept: "image/*"
+  }), props.defaultUrl ? React__default.createElement(Icon, {
+    defaultUrl: props.defaultUrl,
+    className: props.classNameIcon ? props.classNameIcon : styles$I['vitro-image-picker-icon']
+  }) : React__default.createElement("div", {
+    className: props.classNameDefaultIcon ? props.classNameDefaultIcon : styles$I['vitro-image-picker-defaultIcon-wrapper']
+  }, React__default.createElement("div", {
+    className: styles$I['vitro-icon-default']
+  }))));
+};
+
+export { ActionHandlerConstants as ACTION_HANDLER, AlertConstants as ALERT, ActionHandler, Activity, ActivityItem, ActivityMessage, Alert$1 as Alert, Avatar, Breadcrumbs, Button$2 as Button, Checkbox, CommandMenu, CommandMenuButton, CommandMenuDropdownButton, CommandMenuLookupPicker, CommandMenuSubItem, ComponentLoader, ComponentLoaderContextImpl, ControlGroup, DatePicker, Dialog, DialogContent, DialogFooter, DropdownButton, EVENT, Icon, ImagePicker, Input, IssueTile, Label, Login, LookupPicker, MessageInput, MicroFrontend, PdfViewer, ScrollBar, Sidebar, TableViewConstants as TABLE_VIEW, TreeViewConstants as TREE_VIEW, TabGroup, TableView, TaskTile, TelerikUploader, TelerikUploaderContextImpl, TimePicker, TopLevelMenu, TreeView, UserLookupPicker, UserProfile, View, commonEn, commonRu };
 //# sourceMappingURL=index.modern.js.map