ods-component-lib 1.20.1 → 1.20.3

package/dist/index.modern.js

@@ -1,4 +1,4 @@
-import { Alert, AutoComplete, Badge, Table, Button, Calendar, Card as Card$1, Switch, Input, Select, Row, Col, Typography, Checkbox, Collapse, Tooltip as Tooltip$1, InputNumber, DatePicker, Divider, Dropdown, notification, Upload, Modal, Image, List, Space, Progress, Radio, TimePicker, Rate, Spin, Tabs, Tag, Timeline, Tree, ConfigProvider, TreeSelect, theme, Form, Popover, Transfer, Menu } from 'antd';
+import { Alert, AutoComplete, Badge, Table, Button, Calendar, Card as Card$1, Switch, Input, Select, Row, Col, Typography, Checkbox, Collapse, Tooltip as Tooltip$1, InputNumber, DatePicker, Divider, Dropdown, notification, Upload, Modal, Image as Image$1, List, Space, Progress, Radio, TimePicker, Rate, Spin, Tabs, Tag, Timeline, Tree, ConfigProvider, TreeSelect, theme, Form, Popover, Transfer, Menu } from 'antd';
 import styled, { ThemeProvider } from 'styled-components';
 import React, { useState, useCallback, useEffect, useMemo, useRef, Suspense, forwardRef, useImperativeHandle } from 'react';
 import Marquee from 'react-fast-marquee';
@@ -847,7 +847,7 @@ var CurrencySelect = function CurrencySelect(_ref) {
   }));
 };
 
-var _excluded$1 = ["currencySelectProps", "defaultValue", "locale", "dontFormatValue", "min", "asPercentage", "isOnRight"];
+var _excluded$1 = ["currencySelectProps", "defaultValue", "locale", "dontFormatValue", "min", "asPercentage", "isOnRight", "fractionDigits"];
 var _templateObject$d;
 var useStyles$1 = createStyles(function (_ref) {
   var css = _ref.css;
@@ -866,6 +866,7 @@ var OdsCurrencyInput = function OdsCurrencyInput(_ref2) {
     min = _ref2$min === void 0 ? 0 : _ref2$min,
     asPercentage = _ref2.asPercentage,
     isOnRight = _ref2.isOnRight,
+    fractionDigits = _ref2.fractionDigits,
     props = _objectWithoutPropertiesLoose(_ref2, _excluded$1);
   var _useStyles = useStyles$1(),
     styles = _useStyles.styles;
@@ -906,16 +907,19 @@ var OdsCurrencyInput = function OdsCurrencyInput(_ref2) {
       return props.onChange(value);
     },
     formatter: function formatter(value) {
-      return dontFormatValue ? String(value) : formatValue(value, locale);
+      return dontFormatValue ? String(value) : formatValue(value, locale, fractionDigits);
     },
     parser: function parser(value) {
       return dontFormatValue ? value : parseValue(value, locale);
     }
   }, props))));
 };
-var formatValue = function formatValue(value, locale) {
+var formatValue = function formatValue(value, locale, fractionDigits) {
   if (!value) return value;
-  return new Intl.NumberFormat(locale).format(Number(value));
+  return new Intl.NumberFormat(locale, fractionDigits ? {
+    minimumFractionDigits: fractionDigits,
+    maximumFractionDigits: fractionDigits
+  } : {}).format(Number(value));
 };
 var parseValue = function parseValue(stringNumber, locale) {
   if (!stringNumber) return stringNumber;
@@ -1070,25 +1074,50 @@ function OdsFileUpload(props) {
         var fileType = allowDocumentUpload ? ["image/png", "image/jpg", "image/jpeg", "image/svg+xml", "application/pdf", "application/vnd.ms-excel", "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet", "application/msword", "application/vnd.openxmlformats-officedocument.wordprocessingml.document"] : ["image/png", "image/jpg", "image/jpeg", "image/svg+xml"];
         var isFileSizeOk = skipSizeValidation ? true : file.size / (1024 * 1024) <= maxFileSizeMB;
         var checkType = fileType.includes(file.type);
-        if (!checkType) {
-          OdsNotification({
-            title: "",
-            content: customValidationMessages.typeValidationFailMessage,
-            type: "warning",
-            placement: "bottom"
-          });
-          return Promise.resolve(Upload.LIST_IGNORE);
-        }
-        if (!isFileSizeOk) {
-          OdsNotification({
-            title: "",
-            content: customValidationMessages.sizeValidationFailMessage,
-            type: "warning",
-            placement: "bottom"
+        var checkDimensions = function checkDimensions(file) {
+          return new Promise(function (resolve) {
+            if (file.type.startsWith("image/") && (props.minWidth || props.minHeight)) {
+              var img = new Image();
+              img.src = URL.createObjectURL(file);
+              img.onload = function () {
+                var isValid = (!props.minWidth || img.width >= props.minWidth) && (!props.minHeight || img.height >= props.minHeight);
+                resolve(isValid);
+              };
+            } else {
+              resolve(true);
+            }
           });
-          return Promise.resolve(Upload.LIST_IGNORE);
-        }
-        return Promise.resolve(false);
+        };
+        return Promise.resolve(checkDimensions(file)).then(function (isDimensionsOk) {
+          if (!isDimensionsOk) {
+            OdsNotification({
+              title: "",
+              content: customValidationMessages.dimensionValidationFailMessage || "Image dimensions are too small. Minimum size is " + (props.minWidth || 0) + "px width and " + (props.minHeight || 0) + "px height.",
+              type: "warning",
+              placement: "bottom"
+            });
+            return Upload.LIST_IGNORE;
+          }
+          if (!checkType) {
+            OdsNotification({
+              title: "",
+              content: customValidationMessages.typeValidationFailMessage,
+              type: "warning",
+              placement: "bottom"
+            });
+            return Upload.LIST_IGNORE;
+          }
+          if (!isFileSizeOk) {
+            OdsNotification({
+              title: "",
+              content: customValidationMessages.sizeValidationFailMessage,
+              type: "warning",
+              placement: "bottom"
+            });
+            return Upload.LIST_IGNORE;
+          }
+          return false;
+        });
       } catch (e) {
         return Promise.reject(e);
       }
@@ -1595,7 +1624,7 @@ function OdsFileUploadv2(props) {
 }
 
 function OdsImage(props) {
-  return React.createElement(Image, Object.assign({}, props));
+  return React.createElement(Image$1, Object.assign({}, props));
 }
 
 var _templateObject$g;