armtek-uikit-react 1.0.235 → 1.0.237

package/package.json

@@ -1 +1 @@
-{"name":"armtek-uikit-react","version":"1.0.235","description":"Armtek UIKit for React","main":"cjs/index.js","module":"esm/index.js","types":"esm/index.d.ts","repository":{"type":"git","url":"ssh://git@gl.corp:10022/int/uikit/uikit_react.git"},"author":"","license":"ISC","dependencies":{"@popperjs/core":"^2.11.8","clsx":"^2.0.0","date-fns":"^4.1.0","rc-slider":"^10.2.1","react":"<=18.2.0","react-datepicker":"^8.3.0","react-dom":"<=18.2.0","react-transition-group":"^4.4.5"},"peerDependencies":{"react":"<=18.2.0","react-dom":"<=18.2.0"},"engines":{"node":">=14.0.0"},"scripts":{"pub":"npm version patch && npm publish"}}
+{"name":"armtek-uikit-react","version":"1.0.237","description":"Armtek UIKit for React","main":"cjs/index.js","module":"esm/index.js","types":"esm/index.d.ts","repository":{"type":"git","url":"ssh://git@gl.corp:10022/int/uikit/uikit_react.git"},"author":"","license":"ISC","dependencies":{"@popperjs/core":"^2.11.8","clsx":"^2.0.0","date-fns":"^4.1.0","rc-slider":"^10.2.1","react":"<=18.2.0","react-datepicker":"^8.3.0","react-dom":"<=18.2.0","react-transition-group":"^4.4.5"},"peerDependencies":{"react":"<=18.2.0","react-dom":"<=18.2.0"},"engines":{"node":">=14.0.0"},"scripts":{"pub":"npm version patch && npm publish"}}

package/ui/Form/DateField/DateField.js

@@ -83,6 +83,7 @@ const DateField = exports.DateField = /*#__PURE__*/(0, _react.forwardRef)((props
     handleChange(date);
   };
   const processChange = value => {
+    if (disabled) return;
     //backspace
     const bs = (text.endsWith('.') || text.endsWith(' ') || text.endsWith(':')) && text.length > value.length;
     let matcher = /^\d{2}\.\d{2}\.\d{4}$/;
@@ -155,6 +156,19 @@ const DateField = exports.DateField = /*#__PURE__*/(0, _react.forwardRef)((props
   if (!(dateValue instanceof Date && !isNaN(dateValue.getDate()))) dateValue = null;
 
   //TODO Подключение Popover ломает тесты, разобраться почему
+
+  const calendarBtn = /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonIcon.default, {
+    disabled: disabled,
+    size: 'medium',
+    variant: 'transparent',
+    onClick: handleClick,
+    color: 'neutral',
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      ref: btnRef,
+      className: 'material_icon',
+      children: inputIcon
+    })
+  });
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField.default, {
       ref: ref,
@@ -165,19 +179,10 @@ const DateField = exports.DateField = /*#__PURE__*/(0, _react.forwardRef)((props
       helperText: helperText,
       ...inputProps,
       value: text || '',
+      disabled: disabled,
       onChange: handleChangeText,
       onPaste: handlePaste,
-      endAdornment: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonIcon.default, {
-        size: 'medium',
-        variant: 'transparent',
-        onClick: handleClick,
-        color: 'neutral',
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-          ref: btnRef,
-          className: 'material_icon',
-          children: inputIcon
-        })
-      })
+      endAdornment: calendarBtn
     }), open && /*#__PURE__*/(0, _jsxRuntime.jsx)(_BackDrop.default, {
       onClick: () => setOpen(false),
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_PopperBase.PopperBase, {

package/ui/Form/Period/Period.js

@@ -42,6 +42,7 @@ const Period = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
     showYearDropdown,
     showMonthDropdown,
     datePickerProps,
+    disabled,
     ...restProps
   } = props;
   const [active, setActive] = (0, _react.useState)(false);
@@ -58,6 +59,7 @@ const Period = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
     setActive(prev => !prev);
   };
   const handleSelect = date => {
+    if (disabled) return;
     if (date[0] && date[1] && disableSameDate && (0, _DateService.isDateEqual)(date[0], date[1])) {
       setTextValue('');
       return;
@@ -83,6 +85,7 @@ const Period = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
   // const mask = '--.--.---- - --.--.----'
 
   const handleChange = e => {
+    if (disabled) return;
     let value = e.target.value;
     const bs = (textValue.endsWith('.') || textValue.endsWith(' ') || textValue.endsWith('-')) && textValue.length > value.length;
     if (!bs) {
@@ -127,6 +130,7 @@ const Period = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
       size: 'medium',
       variant: 'transparent',
       color: 'neutral',
+      disabled: disabled,
       onClick: handleClick,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
         className: 'material_icon',
@@ -142,6 +146,7 @@ const Period = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
         ref: ref,
         placeholder: 'дд.мм.гггг - дд.мм.гггг',
         ...restProps,
+        disabled: disabled,
         id: 'period',
         value: textValue,
         onBlur: () => setActive(false),