@mmb-digital/ds-lilly 0.0.1-alpha.326 → 0.0.1-alpha.327-NIB-4963c

package/dist/ds-lilly.js

@@ -104604,8 +104604,8 @@ var FileUpload_spreadArray = (undefined && undefined.__spreadArray) || function
 
 
 var FileUpload_FileUpload = function (_a) {
-    var accept = _a.accept, _b = _a.fileLimit, fileLimit = _b === void 0 ? 1 : _b, files = _a.files, _c = _a.hideImagePreview, hideImagePreview = _c === void 0 ? false : _c, maxSizeBytes = _a.maxSizeBytes, messages = _a.messages, minSizeBytes = _a.minSizeBytes, onDelete = _a.onDelete, onError = _a.onError, onSelectFile = _a.onSelectFile, onShow = _a.onShow, _d = _a.selectMultiple, selectMultiple = _d === void 0 ? false : _d, setFiles = _a.setFiles, theme = _a.theme, uploadProgress = _a.uploadProgress, _e = _a.withProgressBar, withProgressBar = _e === void 0 ? false : _e;
-    var _f = useDropzone({
+    var accept = _a.accept, _b = _a.fileLimit, fileLimit = _b === void 0 ? 1 : _b, files = _a.files, _c = _a.hideImagePreview, hideImagePreview = _c === void 0 ? false : _c, _d = _a.hideTitle, hideTitle = _d === void 0 ? false : _d, maxSizeBytes = _a.maxSizeBytes, messages = _a.messages, minSizeBytes = _a.minSizeBytes, onDelete = _a.onDelete, onError = _a.onError, onSelectFile = _a.onSelectFile, onShow = _a.onShow, _e = _a.selectMultiple, selectMultiple = _e === void 0 ? false : _e, setFiles = _a.setFiles, theme = _a.theme, uploadProgress = _a.uploadProgress, _f = _a.withProgressBar, withProgressBar = _f === void 0 ? false : _f;
+    var _g = useDropzone({
         getFilesFromEvent: function (event) { return applyFileLimit(event); },
         onDropRejected: function (files) {
             files.map(function (file) {
@@ -104644,7 +104644,7 @@ var FileUpload_FileUpload = function (_a) {
         multiple: selectMultiple,
         noClick: true,
         noKeyboard: true
-    }), getInputProps = _f.getInputProps, getRootProps = _f.getRootProps, isDragActive = _f.isDragActive, open = _f.open;
+    }), getInputProps = _g.getInputProps, getRootProps = _g.getRootProps, isDragActive = _g.isDragActive, open = _g.open;
     function applyFileLimit(event) {
         return FileUpload_awaiter(this, void 0, void 0, function () {
             var tempFiles, rejected, fileList, i, file, filesWithoutError;
@@ -104677,17 +104677,26 @@ var FileUpload_FileUpload = function (_a) {
     var isUploadInProgress = uploadProgress &&
         Object.keys(uploadProgress).length !== 0 &&
         Object.keys(uploadProgress).find(function (key) { return uploadProgress[key] !== undefined; });
+    var getTitle = function () {
+        if (isDragActive) {
+            return (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { className: classBinder_cx('f-fileUpload__title') },
+                messages.dragHere,
+                external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { className: classBinder_cx('f-fileUpload__restrictions') })));
+        }
+        if (!hideTitle) {
+            return (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { className: classBinder_cx('f-fileUpload__title') },
+                messages.move,
+                external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Link, { isSmall: true, theme: "f-fileUpload__titleButton", onClick: open }, (files === null || files === void 0 ? void 0 : files.length) === 0 ? messages.select : messages.selectMore),
+                external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { className: classBinder_cx('f-fileUpload__restrictions') }, messages.restriction)));
+        }
+        return null;
+    };
     return (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", FileUpload_assign({}, getRootProps(), { className: componentClassName }),
         ((withProgressBar && isUploadInProgress) || selectMultiple || files.length !== 1) && (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["Fragment"], null,
             external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("input", FileUpload_assign({}, getInputProps())),
             external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { className: classBinder_cx('f-fileUpload__dropZone') },
                 external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Icon, { backgroundColor: "cloudNormal", name: isUploadInProgress ? 'loading' : 'upload', size: "xLarge", theme: "f-fileUpload__uploadIcon" }),
-                isDragActive ? (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { className: classBinder_cx('f-fileUpload__title') },
-                    messages.dragHere,
-                    external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { className: classBinder_cx('f-fileUpload__restrictions') }))) : (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { className: classBinder_cx('f-fileUpload__title') },
-                    messages.move,
-                    external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Link, { isSmall: true, theme: "f-fileUpload__titleButton", onClick: open }, (files === null || files === void 0 ? void 0 : files.length) === 0 ? messages.select : messages.selectMore),
-                    external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { className: classBinder_cx('f-fileUpload__restrictions') }, messages.restriction)))))),
+                getTitle()))),
         external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(FileList, { files: files, handleOnDelete: handleOnDelete, hideImagePreview: hideImagePreview, messages: messages, selectMultiple: selectMultiple, uploadProgress: uploadProgress, withProgressBar: withProgressBar, onShow: onShow })));
 };
 
@@ -104769,7 +104778,7 @@ var Input2_assign = (undefined && undefined.__assign) || function () {
 
 
 var Input2 = function (_a) {
-    var _b = _a.allowLeadingZeros, allowLeadingZeros = _b === void 0 ? true : _b, _c = _a.allowNegative, allowNegative = _c === void 0 ? false : _c, autocomplete = _a.autocomplete, autofocus = _a.autofocus, _d = _a.decimalLimit, decimalLimit = _d === void 0 ? 0 : _d, _e = _a.decimalSeparator, decimalSeparator = _e === void 0 ? ',' : _e, error = _a.error, help = _a.help, _f = _a.integerPlaces, integerPlaces = _f === void 0 ? 0 : _f, isDisabled = _a.isDisabled, label = _a.label, labelTooltip = _a.labelTooltip, maxCharCounter = _a.maxCharCounter, maxLength = _a.maxLength, name = _a.name, onBlur = _a.onBlur, onChange = _a.onChange, onFocus = _a.onFocus, onPaste = _a.onPaste, placeholder = _a.placeholder, prefix = _a.prefix, prefixIconName = _a.prefixIconName, _g = _a.showPassword, showPassword = _g === void 0 ? true : _g, showPasswordTooltip = _a.showPasswordTooltip, suffixIconName = _a.suffixIconName, testId = _a.testId, theme = _a.theme, _h = _a.thousandSeparator, thousandSeparator = _h === void 0 ? '' : _h, _j = _a.type, type = _j === void 0 ? 'text' : _j, unit = _a.unit, outerValue = _a.value;
+    var _b = _a.allowLeadingZeros, allowLeadingZeros = _b === void 0 ? true : _b, _c = _a.allowNegative, allowNegative = _c === void 0 ? false : _c, autocomplete = _a.autocomplete, autofocus = _a.autofocus, _d = _a.decimalLimit, decimalLimit = _d === void 0 ? 0 : _d, _e = _a.decimalSeparator, decimalSeparator = _e === void 0 ? ',' : _e, error = _a.error, help = _a.help, inputMode = _a.inputMode, _f = _a.integerPlaces, integerPlaces = _f === void 0 ? 0 : _f, isDisabled = _a.isDisabled, label = _a.label, labelTooltip = _a.labelTooltip, maxCharCounter = _a.maxCharCounter, maxLength = _a.maxLength, name = _a.name, onBlur = _a.onBlur, onChange = _a.onChange, onFocus = _a.onFocus, onPaste = _a.onPaste, placeholder = _a.placeholder, prefix = _a.prefix, prefixIconName = _a.prefixIconName, _g = _a.showPassword, showPassword = _g === void 0 ? true : _g, showPasswordTooltip = _a.showPasswordTooltip, suffixIconName = _a.suffixIconName, testId = _a.testId, theme = _a.theme, _h = _a.thousandSeparator, thousandSeparator = _h === void 0 ? '' : _h, _j = _a.type, type = _j === void 0 ? 'text' : _j, unit = _a.unit, outerValue = _a.value;
     var minusCharacter = '-';
     var _k = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useState"])(outerValue || ''), value = _k[0], setValue = _k[1];
     var _l = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useState"])(false), isPasswordVisible = _l[0], setIsPasswordVisible = _l[1];
@@ -104877,7 +104886,7 @@ var Input2 = function (_a) {
     };
     var getInputMode = function () {
         if (type === 'number') {
-            return 'numeric';
+            return decimalLimit ? 'decimal' : 'numeric';
         }
         else {
             return type;
@@ -104903,7 +104912,7 @@ var Input2 = function (_a) {
                 }), "data-testid": testId },
                 prefixIconName && (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("span", { className: classBinder_cx('f-controlPrefix') },
                     external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Icon, { name: "search", size: "small", theme: "f-controlPrefix__icon" }))),
-                external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("input", { "aria-describedby": name + "_help", "aria-errormessage": error ? name + "_errorMessage" : undefined, "aria-invalid": !!error, "aria-labelledby": name + "_label", autoComplete: autocomplete ? 'on' : 'off', autoFocus: autofocus, className: classBinder_cx("f-control2 f-control2__" + (value ? 'value' : 'placeholder')), "data-testid": testId, disabled: isDisabled, id: name, inputMode: getInputMode(), maxLength: maxLength, name: name, placeholder: placeholder, type: getInputType(), value: value, onBlur: handleOnBlur, onChange: handleOnChange, onFocus: onFocus, onPaste: handleOnPaste }),
+                external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("input", { "aria-describedby": name + "_help", "aria-errormessage": error ? name + "_errorMessage" : undefined, "aria-invalid": !!error, "aria-labelledby": name + "_label", autoComplete: autocomplete ? 'on' : 'off', autoFocus: autofocus, className: classBinder_cx("f-control2 f-control2__" + (value ? 'value' : 'placeholder')), "data-testid": testId, disabled: isDisabled, id: name, inputMode: inputMode || getInputMode(), lang: decimalSeparator === ',' ? 'cs' : 'en', maxLength: maxLength, name: name, placeholder: placeholder, type: getInputType(), value: value, onBlur: handleOnBlur, onChange: handleOnChange, onFocus: onFocus, onPaste: handleOnPaste }),
                 type === 'password' && showPassword && (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(ShowPasswordIcon, { isPasswordVisible: isPasswordVisible, showPasswordTooltip: showPasswordTooltip, togglePasswordVisibility: togglePasswordVisibility })),
                 suffixIconName && (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("span", { className: classBinder_cx('f-controlSuffix') },
                     external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Icon, { name: suffixIconName, size: "small", theme: "f-controlSuffix__icon" })))),

package/dist/types/src/components/Form/FileUpload/FileUpload.d.ts

@@ -10,6 +10,8 @@ export interface FileUploadPropsType extends ComponentPropsType {
     fileLimit?: number;
     /** Hides preview for the chosen file if it's an image. */
     hideImagePreview?: boolean;
+    /** Hides title and restrictions */
+    hideTitle?: boolean;
     /** Maximum file size (in bytes) */
     maxSizeBytes?: number;
     /** Set of all used text messages. */
@@ -69,5 +71,5 @@ export declare type FileType = {
     /** List of all errors */
     errors?: FileError[];
 };
-export declare const FileUpload: ({ accept, fileLimit, files, hideImagePreview, maxSizeBytes, messages, minSizeBytes, onDelete, onError, onSelectFile, onShow, selectMultiple, setFiles, theme, uploadProgress, withProgressBar }: FileUploadPropsType) => JSX.Element;
+export declare const FileUpload: ({ accept, fileLimit, files, hideImagePreview, hideTitle, maxSizeBytes, messages, minSizeBytes, onDelete, onError, onSelectFile, onShow, selectMultiple, setFiles, theme, uploadProgress, withProgressBar }: FileUploadPropsType) => JSX.Element;
 //# sourceMappingURL=FileUpload.d.ts.map

package/dist/types/src/components/Form/Input2/Input2.d.ts

@@ -13,6 +13,8 @@ export interface Input2PropsType extends FormField2PropsType {
     decimalLimit?: number;
     /** Symbol to separate decimal numbers. */
     decimalSeparator?: string;
+    /** Hint at the type of data that might be entered by the user while editing the element or its contents. */
+    inputMode?: 'none' | 'text' | 'tel' | 'url' | 'email' | 'numeric' | 'decimal' | 'search';
     /** Limit for numbers before decimal symbol. */
     integerPlaces?: number;
     /** Sets maximum value length. */
@@ -39,5 +41,5 @@ export interface Input2PropsType extends FormField2PropsType {
     value?: string;
 }
 export declare type Input2TypeType = 'text' | 'number' | 'password' | 'tel' | 'email' | 'search';
-export declare const Input2: ({ allowLeadingZeros, allowNegative, autocomplete, autofocus, decimalLimit, decimalSeparator, error, help, integerPlaces, isDisabled, label, labelTooltip, maxCharCounter, maxLength, name, onBlur, onChange, onFocus, onPaste, placeholder, prefix, prefixIconName, showPassword, showPasswordTooltip, suffixIconName, testId, theme, thousandSeparator, type, unit, value: outerValue }: Input2PropsType) => JSX.Element;
+export declare const Input2: ({ allowLeadingZeros, allowNegative, autocomplete, autofocus, decimalLimit, decimalSeparator, error, help, inputMode, integerPlaces, isDisabled, label, labelTooltip, maxCharCounter, maxLength, name, onBlur, onChange, onFocus, onPaste, placeholder, prefix, prefixIconName, showPassword, showPasswordTooltip, suffixIconName, testId, theme, thousandSeparator, type, unit, value: outerValue }: Input2PropsType) => JSX.Element;
 //# sourceMappingURL=Input2.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mmb-digital/ds-lilly",
-  "version": "0.0.1-alpha.326",
+  "version": "0.0.1-alpha.327-NIB-4963c",
   "description": "MMB LILLY design system",
   "license": "UNLICENSED",
   "sideEffects": false,