@telefonica/mistica 10.13.0 → 10.15.0

package/dist/date-time-picker.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", {
     value: true
 });
 exports.default = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
 var React = _interopRequireWildcard(require("react"));
 var _textFieldBase = _interopRequireDefault(require("./text-field-base"));
 var _iconCalendarRegular = _interopRequireDefault(require("./generated/mistica-icons/icon-calendar-regular"));
@@ -45,19 +46,18 @@ function _interopRequireWildcard(obj) {
 function _arrayWithHoles(arr) {
     if (Array.isArray(arr)) return arr;
 }
-function _extends() {
-    _extends = Object.assign || function(target) {
-        for(var i = 1; i < arguments.length; i++){
-            var source = arguments[i];
-            for(var key in source){
-                if (Object.prototype.hasOwnProperty.call(source, key)) {
-                    target[key] = source[key];
-                }
-            }
-        }
-        return target;
-    };
-    return _extends.apply(this, arguments);
+function _defineProperty(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
 }
 function _iterableToArrayLimit(arr, i) {
     var _arr = [];
@@ -84,6 +84,23 @@ function _iterableToArrayLimit(arr, i) {
 function _nonIterableRest() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance");
 }
+function _objectSpread(target) {
+    var _arguments = arguments, _loop = function(i) {
+        var source = _arguments[i] != null ? _arguments[i] : {
+        };
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _defineProperty(target, key, source[key]);
+        });
+    };
+    for(var i = 1; i < arguments.length; i++)_loop(i);
+    return target;
+}
 function _objectWithoutProperties(source, excluded) {
     if (source == null) return {
     };
@@ -201,7 +218,7 @@ var useStyles = (0, _jss).createUseStyles(function() {
             '& .rdtPicker td.rdtDisabled, & .rdtPicker td.rdtDisabled:hover': {
                 background: 'none',
                 color: '#999999',
-                cursor: 'not-allowed'
+                cursor: 'default'
             },
             '& .rdtPicker td span.rdtOld': {
                 color: '#999999'
@@ -209,7 +226,7 @@ var useStyles = (0, _jss).createUseStyles(function() {
             '& .rdtPicker td span.rdtDisabled, & .rdtPicker td span.rdtDisabled:hover': {
                 background: 'none',
                 color: '#999999',
-                cursor: 'not-allowed'
+                cursor: 'default'
             },
             '& .rdtPicker th': {
                 borderBottom: '1px solid #f9f9f9',
@@ -234,7 +251,7 @@ var useStyles = (0, _jss).createUseStyles(function() {
             '& .rdtPicker th.rdtDisabled, & .rdtPicker th.rdtDisabled:hover': {
                 background: 'none',
                 color: '#999999',
-                cursor: 'not-allowed'
+                cursor: 'default'
             },
             '& .rdtPicker thead tr:first-of-type th': {
                 cursor: 'pointer'
@@ -315,11 +332,16 @@ var DateTimePicker = function DateTimePicker(_param) {
         "isValidDate",
         "optional"
     ]);
-    var ref = _slicedToArray(React.useState(false), 2), showPicker = ref[0], setShowPicker = ref[1];
+    var ref = _slicedToArray(React.useState(false), 2), showPicker = ref[0], realSetShowPicker = ref[1];
     var classes = useStyles();
     var ref1 = (0, _hooks).useTheme(), texts = ref1.texts;
     var fieldRef = React.useRef(null);
     var ref2 = (0, _hooks).useElementDimensions(), pickerContainerHeight = ref2.height, pickerContainerRef = ref2.ref;
+    var setShowPicker = function setShowPicker(show) {
+        if (!rest.disabled) {
+            realSetShowPicker(show);
+        }
+    };
     var getPickerContainerStyles = function getPickerContainerStyles() {
         var ref;
         var ref3 = ((ref = fieldRef.current) === null || ref === void 0 ? void 0 : ref.getBoundingClientRect()) || {
@@ -362,65 +384,77 @@ var DateTimePicker = function DateTimePicker(_param) {
     };
     var renderEndIcon = function renderEndIcon() {
         if (getValue() && optional) {
-            return(/*#__PURE__*/ React.createElement(_iconButton.default, {
+            return(/*#__PURE__*/ (0, _jsxRuntime).jsx(_iconButton.default, {
                 "aria-label": texts.clearButton,
                 size: 32,
                 onPress: function onPress(event) {
                     event.stopPropagation();
                     setValue('');
-                }
-            }, /*#__PURE__*/ React.createElement(_iconCloseRegular.default, null)));
+                },
+                children: /*#__PURE__*/ (0, _jsxRuntime).jsx(_iconCloseRegular.default, {
+                })
+            }));
         }
-        return(/*#__PURE__*/ React.createElement(_iconButton.default, {
+        return(/*#__PURE__*/ (0, _jsxRuntime).jsx(_iconButton.default, {
+            disabled: rest.disabled,
             "aria-label": "",
             size: 32,
             onPress: function onPress() {
                 return setShowPicker(!showPicker);
-            }
-        }, /*#__PURE__*/ React.createElement(_iconCalendarRegular.default, null)));
+            },
+            children: /*#__PURE__*/ (0, _jsxRuntime).jsx(_iconCalendarRegular.default, {
+            })
+        }));
     };
-    return(/*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(_textFieldBase.default, _extends({
-    }, rest, {
-        style: {
-            cursor: 'default'
-        },
-        required: !optional,
-        type: "text",
-        autoComplete: "off",
-        shrinkLabel: !!getValue(),
-        endIcon: renderEndIcon(),
-        inputRef: function inputRef(e) {
-            var ref;
-            rest === null || rest === void 0 ? void 0 : (ref = rest.inputRef) === null || ref === void 0 ? void 0 : ref.call(rest, e);
-            fieldRef.current = e;
-        },
-        readOnly: true,
-        onKeyDown: function onKeyDown() {
-            return setShowPicker(true);
-        },
-        onClick: function onClick() {
-            setShowPicker(true);
-        }
-    })), showPicker && /*#__PURE__*/ React.createElement(_overlay.default, {
-        onPress: function onPress(e) {
-            (0, _dom).cancelEvent(e);
-            setShowPicker(false);
-        },
-        disableScroll: true
-    }, /*#__PURE__*/ React.createElement("div", {
-        ref: pickerContainerRef,
-        style: getPickerContainerStyles(),
-        className: classes.reactDatePicker
-    }, /*#__PURE__*/ React.createElement(_reactDatetime.default, {
-        initialViewMode: mode === 'year-month' ? 'months' : undefined,
-        dateFormat: mode === 'year-month' ? 'YYYY-MM' : undefined,
-        timeFormat: withTime ? 'HH:mm' : false,
-        initialValue: getValue(),
-        locale: browserLocale,
-        input: false,
-        onChange: setValue,
-        isValidDate: isValidDate
-    })))));
+    return(/*#__PURE__*/ (0, _jsxRuntime).jsxs(_jsxRuntime.Fragment, {
+        children: [
+            /*#__PURE__*/ (0, _jsxRuntime).jsx(_textFieldBase.default, _objectSpread({
+            }, rest, {
+                style: {
+                    cursor: 'default'
+                },
+                required: !optional,
+                type: "text",
+                autoComplete: "off",
+                shrinkLabel: !!getValue(),
+                endIcon: renderEndIcon(),
+                inputRef: function inputRef(e) {
+                    var ref;
+                    rest === null || rest === void 0 ? void 0 : (ref = rest.inputRef) === null || ref === void 0 ? void 0 : ref.call(rest, e);
+                    fieldRef.current = e;
+                },
+                readOnly: true,
+                onKeyDown: function onKeyDown() {
+                    return setShowPicker(true);
+                },
+                onClick: function onClick() {
+                    setShowPicker(true);
+                }
+            })),
+            showPicker && /*#__PURE__*/ (0, _jsxRuntime).jsx(_overlay.default, {
+                onPress: function onPress(e) {
+                    (0, _dom).cancelEvent(e);
+                    setShowPicker(false);
+                },
+                disableScroll: true,
+                children: /*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
+                    ref: pickerContainerRef,
+                    style: getPickerContainerStyles(),
+                    className: classes.reactDatePicker,
+                    children: /*#__PURE__*/ (0, _jsxRuntime).jsx(_reactDatetime.default, {
+                        initialViewMode: mode === 'year-month' ? 'months' : undefined,
+                        dateFormat: mode === 'year-month' ? 'YYYY-MM' : undefined,
+                        timeFormat: withTime ? 'HH:mm' : false,
+                        initialValue: getValue(),
+                        locale: browserLocale,
+                        input: false,
+                        onChange: setValue,
+                        isValidDate: isValidDate
+                    })
+                })
+            })
+        ]
+    }));
 };
 var _default = DateTimePicker;
 exports.default = _default;

package/dist/decimal-field.d.ts

@@ -13,6 +13,8 @@ export declare const DecimalInput: React.FC<DecimalInputProps>;
 export interface DecimalFieldProps extends CommonFormFieldProps {
     onChangeValue?: (value: string, rawValue: string) => void;
     prefix?: React.ReactNode;
+    /** defaults to Infinity */
+    maxDecimals?: number;
 }
 declare const DecimalField: React.FC<DecimalFieldProps>;
 export default DecimalField;

package/dist/decimal-field.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", {
     value: true
 });
 exports.DecimalInput = exports.default = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
 var React = _interopRequireWildcard(require("react"));
 var _formContext = require("./form-context");
 var _hooks = require("./hooks");
@@ -41,19 +42,18 @@ function _interopRequireWildcard(obj) {
 function _arrayWithHoles(arr) {
     if (Array.isArray(arr)) return arr;
 }
-function _extends() {
-    _extends = Object.assign || function(target) {
-        for(var i = 1; i < arguments.length; i++){
-            var source = arguments[i];
-            for(var key in source){
-                if (Object.prototype.hasOwnProperty.call(source, key)) {
-                    target[key] = source[key];
-                }
-            }
-        }
-        return target;
-    };
-    return _extends.apply(this, arguments);
+function _defineProperty(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
 }
 function _iterableToArrayLimit(arr, i) {
     var _arr = [];
@@ -80,6 +80,23 @@ function _iterableToArrayLimit(arr, i) {
 function _nonIterableRest() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance");
 }
+function _objectSpread(target) {
+    var _arguments = arguments, _loop = function(i) {
+        var source = _arguments[i] != null ? _arguments[i] : {
+        };
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _defineProperty(target, key, source[key]);
+        });
+    };
+    for(var i = 1; i < arguments.length; i++)_loop(i);
+    return target;
+}
 function _objectWithoutProperties(source, excluded) {
     if (source == null) return {
     };
@@ -120,7 +137,7 @@ var getLocalDecimalChar = function getLocalDecimalChar(locale) {
         return '.';
     }
 };
-var format = function format(value) {
+var format = function format(value, maxDecimals) {
     // do not make the localDecimalChar replacement here. Instead, keep the one the user typed.
     // Make that replacement in `replace` prost-processor. It is what rifm lib expects.
     var sanitized = String(value !== null && value !== void 0 ? value : '').replace(/[^.,\d]/g, ''); // remove non digits or decimal separator chars;
@@ -130,20 +147,21 @@ var format = function format(value) {
         // empty
         return '';
     }
-    if (firstSeparator) {
+    if (firstSeparator && maxDecimals > 0) {
         // value includes one or more decimal separators, keep the first one
-        return parts.shift() + firstSeparator[0] + parts.join('');
+        return parts.shift() + firstSeparator[0] + parts.join('').slice(0, maxDecimals);
     } else {
         // no fractional part, return "as is"
         return parts[0];
     }
 };
 var DecimalInput = function DecimalInput(_param) {
-    var inputRef = _param.inputRef, value = _param.value, defaultValue = _param.defaultValue, onChange = _param.onChange, rest = _objectWithoutProperties(_param, [
+    var inputRef = _param.inputRef, value = _param.value, defaultValue = _param.defaultValue, onChange = _param.onChange, maxDecimals = _param.maxDecimals, rest = _objectWithoutProperties(_param, [
         "inputRef",
         "value",
         "defaultValue",
-        "onChange"
+        "onChange",
+        "maxDecimals"
     ]);
     var ref = (0, _hooks).useTheme(), i18n = ref.i18n;
     var localDecimalChar = getLocalDecimalChar(i18n.locale);
@@ -166,13 +184,15 @@ var DecimalInput = function DecimalInput(_param) {
         onChange
     ]);
     var rifm = (0, _rifm).useRifm({
-        format: format,
+        format: function format1(value) {
+            return format(value, maxDecimals);
+        },
         replace: replace,
         value: controlledValue,
         onChange: handleChangeValue,
         accept: /[\d.,]+/g
     });
-    return(/*#__PURE__*/ React.createElement("input", _extends({
+    return(/*#__PURE__*/ (0, _jsxRuntime).jsx("input", _objectSpread({
     }, rest, {
         type: "text",
         inputMode: "decimal" // shows decimal keypad in Chrome for Android
@@ -186,7 +206,7 @@ var DecimalInput = function DecimalInput(_param) {
 };
 exports.DecimalInput = DecimalInput;
 var DecimalField = function DecimalField(_param) {
-    var disabled = _param.disabled, error = _param.error, helperText = _param.helperText, name = _param.name, optional = _param.optional, validateProp = _param.validate, onChange = _param.onChange, onChangeValue = _param.onChangeValue, onBlur = _param.onBlur, value = _param.value, defaultValue = _param.defaultValue, rest = _objectWithoutProperties(_param, [
+    var disabled = _param.disabled, error = _param.error, helperText = _param.helperText, name = _param.name, optional = _param.optional, validateProp = _param.validate, onChange = _param.onChange, onChangeValue = _param.onChangeValue, onBlur = _param.onBlur, value = _param.value, defaultValue = _param.defaultValue, _maxDecimals = _param.maxDecimals, maxDecimals = _maxDecimals === void 0 ? Infinity : _maxDecimals, rest = _objectWithoutProperties(_param, [
         "disabled",
         "error",
         "helperText",
@@ -197,7 +217,8 @@ var DecimalField = function DecimalField(_param) {
         "onChangeValue",
         "onBlur",
         "value",
-        "defaultValue"
+        "defaultValue",
+        "maxDecimals"
     ]);
     var ref = (0, _hooks).useTheme(), texts = ref.texts;
     var validate = function validate(value, rawValue) {
@@ -223,9 +244,12 @@ var DecimalField = function DecimalField(_param) {
         onChange: onChange,
         onChangeValue: onChangeValue
     });
-    return(/*#__PURE__*/ React.createElement(_textFieldBase.default, _extends({
+    return(/*#__PURE__*/ (0, _jsxRuntime).jsx(_textFieldBase.default, _objectSpread({
     }, rest, fieldProps, {
-        inputComponent: DecimalInput
+        inputComponent: DecimalInput,
+        inputProps: {
+            maxDecimals: maxDecimals
+        }
     })));
 };
 var _default = DecimalField;

package/dist/decimal-field.js.flow

@@ -18,6 +18,11 @@ export type DecimalFieldProps = {
 
   onChangeValue?: (value: string, rawValue: string) => void,
   prefix?: React.Node,
+
+  /**
+   * defaults to Infinity
+   */
+  maxDecimals?: number,
 };
 declare var DecimalField: React.ComponentType<DecimalFieldProps>;
 declare export default typeof DecimalField;