@mailstep/design-system 0.6.75-beta.6 → 0.6.76

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mailstep/design-system",
-  "version": "0.6.75-beta.6",
+  "version": "0.6.76",
   "license": "ISC",
   "type": "module",
   "main": "./ui/index.js",

package/ui/Blocks/Stepper/Stepper.js

@@ -8,7 +8,6 @@ export var Stepper = function (_a) {
     useEffect(function () {
         var _a;
         if (!!activeStep && !((_a = items[activeStep - 1]) === null || _a === void 0 ? void 0 : _a.completed)) {
-            console.log('USE EFFECT RESET');
             handleChangeStep === null || handleChangeStep === void 0 ? void 0 : handleChangeStep(0)();
         }
     }, [items]);

package/ui/Blocks/Stepper/hooks/useStepper.js

@@ -4,23 +4,18 @@ export var useStepper = function (_a) {
     var _b = useState(0), activeStep = _b[0], setActiveStep = _b[1];
     var _c = useState(false), isSuccess = _c[0], setSuccess = _c[1];
     var handleReset = useCallback(function () {
-        console.log('RESET');
         setActiveStep(0);
         setSuccess(false);
     }, []);
     var handleGoToNextStep = useCallback(function () {
-        console.log('handleGoToNextStep');
         if (activeStep + 1 === totalSteps) {
-            console.log('success, reset');
             handleReset();
             setSuccess(true);
             return;
         }
-        console.log('SET ACTIVE STEP', activeStep + 1);
         setActiveStep(activeStep + 1);
     }, [activeStep, totalSteps, handleReset]);
     var handleChangeStep = useCallback(function (step) { return function () {
-        console.log('handleChangeStep');
         setActiveStep(step);
     }; }, []);
     return { activeStep: activeStep, handleChangeStep: handleChangeStep, handleGoToNextStep: handleGoToNextStep, isSuccess: isSuccess, handleReset: handleReset };

package/ui/Elements/DatePicker/DatePicker.js

@@ -21,20 +21,20 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
+import React, { useCallback, useContext } from 'react';
 import moment from 'moment';
+import Input from '../../Forms/Input';
+import { LanguageContext } from '../../ThemeProvider/ThemeProvider';
+import SpaceAroundWrap from '../SpaceAround';
+import DatetimePicker from './Datetime/DateTime';
+import { x } from '@xstyled/styled-components';
 // @TODO each language has 62kb gziped, please replace moment with different lib
 import 'moment/dist/locale/cs';
+import 'moment/dist/locale/el';
+import 'moment/dist/locale/it';
 import 'moment/dist/locale/ru';
 import 'moment/dist/locale/sk';
-import 'moment/dist/locale/it';
-import 'moment/dist/locale/el';
-import React, { useCallback, useContext } from 'react';
-import DatetimePicker from './Datetime/DateTime';
-import { x } from '@xstyled/styled-components';
 import { DatePickerBase } from './styles';
-import SpaceAroundWrap from '../SpaceAround';
-import Input from '../../Forms/Input';
-import { LanguageContext } from '../../ThemeProvider/ThemeProvider';
 var defaultDateFormat = 'DD.MM.YYYY';
 var DatePicker = function (_a) {
     var name = _a.name, value = _a.value, initialViewDate = _a.initialViewDate, error = _a.error, label = _a.label, disabled = _a.disabled, isValidDate = _a.isValidDate, onChange = _a.onChange, _b = _a.dateFormat, dateFormat = _b === void 0 ? defaultDateFormat : _b, _c = _a.timeFormat, timeFormat = _c === void 0 ? false : _c, open = _a.open, _d = _a.secondValue, secondValue = _d === void 0 ? null : _d, input = _a.input, _e = _a.icon, icon = _e === void 0 ? true : _e, _f = _a.showInputLabel, showInputLabel = _f === void 0 ? false : _f, _g = _a.showCalendarLabel, showCalendarLabel = _g === void 0 ? true : _g, _h = _a.spaceAround, spaceAround = _h === void 0 ? false : _h, className = _a.className, onClear = _a.onClear, onInputChange = _a.onInputChange, passProps = __rest(_a, ["name", "value", "initialViewDate", "error", "label", "disabled", "isValidDate", "onChange", "dateFormat", "timeFormat", "open", "secondValue", "input", "icon", "showInputLabel", "showCalendarLabel", "spaceAround", "className", "onClear", "onInputChange"]);
@@ -43,7 +43,7 @@ var DatePicker = function (_a) {
     var stringValue = isValid ? moment(value, format).format(format) : value;
     var locale = useContext(LanguageContext);
     var handleRenderInput = useCallback(function (_, openCalendar) {
-        return (_jsx(Input, { type: "text", icon: icon ? 'calendar' : undefined, name: name, error: error, disabled: disabled, isInvalid: !!error, onChange: onInputChange, label: showInputLabel ? label : undefined, value: stringValue, onFocus: openCalendar, iconOnClick: openCalendar, onClear: onClear }));
+        return (_jsx(Input, { type: "text", icon: icon ? 'calendar' : undefined, name: name, error: error, disabled: disabled, isInvalid: !!error, onChange: onInputChange, label: showInputLabel ? label : undefined, value: stringValue, onFocus: openCalendar, iconOnClick: openCalendar, onClear: onClear, autoComplete: "off" }));
     }, [name, stringValue, error, label, showInputLabel, isValid, disabled]);
     var handleRenderView = useCallback(function (_, renderCalendar) {
         if (label && !showInputLabel) {

package/ui/Elements/DatePicker/Datetime/components/Timepicker.js

@@ -52,6 +52,6 @@ export var Timepicker = function (_a) {
     useEffect(function () {
         !!value && setTime('minutes', minutes);
     }, [minutes]);
-    return (_jsx("td", { colSpan: 7, children: _jsx(x.div, { display: "flex", flexDirection: "column", alignItems: "flex-start", pt: "1rem", w: "fit-content", children: _jsxs(x.div, { display: "flex", alignItems: "center", children: [_jsxs(x.div, { display: "flex", flexDirection: "column", children: [_jsx(Btn, { disabled: disabled, onClick: increaseHour, children: "\u2039" }), _jsx(Btn, { disabled: disabled, onClick: decreaseHour, children: "\u203A" })] }), _jsxs(TimeWrapper, { children: [_jsx(Hours, { value: hours < 10 ? "0".concat(hours) : hours, disabled: disabled, onChange: onHoursChange }), _jsx(x.div, { mx: "7px", color: "lightGray4", children: "|" }), _jsx(Minutes, { value: minutes < 10 ? "0".concat(minutes) : minutes, disabled: disabled, onChange: onMinutesChange })] }), _jsxs(x.div, { display: "flex", flexDirection: "column", children: [_jsx(Btn, { disabled: disabled, onClick: increaseMinutes, children: "\u2039" }), _jsx(Btn, { disabled: disabled, onClick: decreaseMinutes, children: "\u203A" })] })] }) }) }));
+    return (_jsx("td", { colSpan: 7, children: _jsx(x.div, { display: "flex", flexDirection: "column", alignItems: "flex-start", pt: "1rem", w: "fit-content", children: _jsxs(x.div, { display: "flex", alignItems: "center", children: [_jsxs(x.div, { display: "flex", flexDirection: "column", children: [_jsx(Btn, { disabled: disabled, onClick: increaseHour, type: "button", children: "\u2039" }), _jsx(Btn, { disabled: disabled, onClick: decreaseHour, type: "button", children: "\u203A" })] }), _jsxs(TimeWrapper, { children: [_jsx(Hours, { value: hours < 10 ? "0".concat(hours) : hours, disabled: disabled, onChange: onHoursChange }), _jsx(x.div, { mx: "7px", color: "lightGray4", children: "|" }), _jsx(Minutes, { value: minutes < 10 ? "0".concat(minutes) : minutes, disabled: disabled, onChange: onMinutesChange })] }), _jsxs(x.div, { display: "flex", flexDirection: "column", children: [_jsx(Btn, { disabled: disabled, onClick: increaseMinutes, type: "button", children: "\u2039" }), _jsx(Btn, { disabled: disabled, onClick: decreaseMinutes, type: "button", children: "\u203A" })] })] }) }) }));
 };
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

package/ui/Elements/SingleSelect/SingleSelect.d.ts

@@ -1,7 +1,7 @@
 import { SelectProps, Option } from '../Select/types';
 type FieldValueType = string | number | (string | number)[] | null;
 export type Props = Omit<SelectProps, 'onChange' | 'loadOptions'> & {
-    onChange: (event: {
+    onChange?: (event: {
         target: {
             [key: string]: FieldValueType;
         };

package/ui/Elements/SingleSelect/SingleSelect.js

@@ -56,11 +56,11 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 };
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useCallback, useEffect, useMemo, useState } from 'react';
+import { nanoid } from 'nanoid';
 import { createFilter } from 'react-select';
 import Select from '../Select';
-import omit from 'lodash/fp/omit';
-import { nanoid } from 'nanoid';
 import { i18n } from '@lingui/core';
+import omit from 'lodash/fp/omit';
 var CREATE = "_create_".concat(nanoid(), "_");
 var defaultFilterOption = createFilter();
 var creatableFilterOption = function (option, rawInput) {
@@ -88,7 +88,7 @@ var SingleSelect = function (props) {
         return loadOptions && inputValue.length < asyncLoadMinChars
             ? i18n._({
                 id: 'components.dropdown.writeMoreChars',
-                message: 'Write at least ${asyncLoadMinChars} characters.',
+                message: 'Write at least ${asyncLoadMinChars} characters.'
             })
             : i18n._({ id: 'components.dropdown.noOptions', message: 'No options' });
     }, [loadOptions, asyncLoadMinChars]);
@@ -100,8 +100,8 @@ var SingleSelect = function (props) {
                 {
                     value: CREATE,
                     label: "".concat(inputValue, " (").concat(i18n._({ id: 'components.dropdown.newOption', message: 'new value' }), ")"),
-                    inputValue: inputValue,
-                },
+                    inputValue: inputValue
+                }
             ], false));
         }
         else if (!loadOptions || inputValue.length < asyncLoadMinChars) {
@@ -159,8 +159,8 @@ var SingleSelect = function (props) {
                             target: {
                                 name: name !== null && name !== void 0 ? name : '',
                                 type: 'change',
-                                value: value,
-                            },
+                                value: value
+                            }
                         });
                     }
                     if (onValueChange) {
@@ -176,8 +176,8 @@ var SingleSelect = function (props) {
                 target: {
                     name: name,
                     type: 'blur',
-                    value: getOptionValue(option),
-                },
+                    value: getOptionValue(option)
+                }
             });
         }
     }, [name, onBlur]);