armtek-uikit-react 1.0.225 → 1.0.227
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/ui/Form/DateField/DateField.d.ts +1 -1
- package/ui/Form/DatePicker/DatePicker.d.ts +2 -7
- package/ui/Form/DatePicker/DatePicker.js +11 -20
- package/ui/Form/DatePicker/index.d.ts +1 -1
- package/ui/Form/Period/Period.js +2 -2
- package/ui/Form/TimeField/TimeField.d.ts +1 -1
package/package.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"armtek-uikit-react","version":"1.0.
|
|
1
|
+
{"name":"armtek-uikit-react","version":"1.0.227","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"}}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { TextFieldProps } from '../TextField/TextField';
|
|
2
2
|
import { ChangeEvent, MouseEvent } from 'react';
|
|
3
|
-
import { DatePickerProps } from '
|
|
3
|
+
import { DatePickerProps } from 'react-datepicker';
|
|
4
4
|
import { DataAttributes } from '../../../types/theme';
|
|
5
5
|
type BaseInputProps = Pick<TextFieldProps, 'label' | 'className' | 'placeholder' | 'error' | 'helperText'>;
|
|
6
6
|
export type DateFieldChangeEvent = Omit<ChangeEvent<HTMLInputElement>, 'target'> & {
|
|
@@ -1,9 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { DatePickerProps } from 'react-datepicker';
|
|
2
2
|
import './styles.css';
|
|
3
|
-
|
|
4
|
-
selectsRange?: T;
|
|
5
|
-
} & Omit<ReactDatePickerProps<never, T>, 'selectsRange'>;
|
|
6
|
-
declare const DatePicker: import("react").ForwardRefExoticComponent<{
|
|
7
|
-
selectsRange?: boolean | undefined;
|
|
8
|
-
} & Omit<ReactDatePickerProps<never, boolean | undefined>, "selectsRange"> & import("react").RefAttributes<unknown>>;
|
|
3
|
+
declare const DatePicker: import("react").ForwardRefExoticComponent<DatePickerProps & import("react").RefAttributes<unknown>>;
|
|
9
4
|
export default DatePicker;
|
|
@@ -6,8 +6,8 @@ exports.default = void 0;
|
|
|
6
6
|
var _react = require("react");
|
|
7
7
|
var _reactDatepicker = _interopRequireDefault(require("react-datepicker"));
|
|
8
8
|
require("./styles.css");
|
|
9
|
-
var
|
|
10
|
-
var
|
|
9
|
+
var _ru = require("date-fns/locale/ru");
|
|
10
|
+
var _format = require("date-fns/format");
|
|
11
11
|
var _ButtonIcon = _interopRequireDefault(require("../../ButtonIcon"));
|
|
12
12
|
var _Stack = _interopRequireDefault(require("../../Stack"));
|
|
13
13
|
var _Select = _interopRequireDefault(require("../Select"));
|
|
@@ -19,6 +19,8 @@ var _jsxRuntime = require("react/jsx-runtime");
|
|
|
19
19
|
// import rus from 'date-fns/locale/ru'
|
|
20
20
|
// import ru from 'date-fns/esm/locale/ru'
|
|
21
21
|
|
|
22
|
+
// type DatePickerProps = any
|
|
23
|
+
// type ReactDatePickerCustomHeaderProps = any
|
|
22
24
|
const renderDayContents = day => {
|
|
23
25
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
24
26
|
className: 'customDay',
|
|
@@ -26,28 +28,17 @@ const renderDayContents = day => {
|
|
|
26
28
|
});
|
|
27
29
|
};
|
|
28
30
|
const DatePicker = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
|
|
29
|
-
let {
|
|
30
|
-
onChange,
|
|
31
|
-
selectsRange = false,
|
|
32
|
-
...restProps
|
|
33
|
-
} = props;
|
|
34
|
-
const handleChange = (date, event) => {
|
|
35
|
-
if (onChange) onChange(date, event);
|
|
36
|
-
};
|
|
37
31
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
38
32
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
39
33
|
className: 'ui-datepicker',
|
|
40
34
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactDatepicker.default, {
|
|
41
35
|
ref: ref,
|
|
42
|
-
locale:
|
|
43
|
-
onChange: handleChange,
|
|
36
|
+
locale: _ru.ru,
|
|
44
37
|
inline: true,
|
|
45
38
|
renderDayContents: renderDayContents,
|
|
46
|
-
...
|
|
47
|
-
selectsRange: selectsRange,
|
|
39
|
+
...props,
|
|
48
40
|
renderCustomHeader: props => /*#__PURE__*/(0, _jsxRuntime.jsx)(PickerHeader, {
|
|
49
|
-
...props
|
|
50
|
-
...restProps
|
|
41
|
+
...props
|
|
51
42
|
})
|
|
52
43
|
})
|
|
53
44
|
})
|
|
@@ -72,8 +63,8 @@ const getMonthNames = () => {
|
|
|
72
63
|
for (let i = 0; i < 12; i++) {
|
|
73
64
|
const date = new Date();
|
|
74
65
|
date.setMonth(i);
|
|
75
|
-
months.push((0,
|
|
76
|
-
locale:
|
|
66
|
+
months.push((0, _format.format)(date, 'LLLL', {
|
|
67
|
+
locale: _ru.ru
|
|
77
68
|
}));
|
|
78
69
|
}
|
|
79
70
|
return months;
|
|
@@ -109,8 +100,8 @@ const PickerHeader = props => {
|
|
|
109
100
|
disabled: prevMonthButtonDisabled
|
|
110
101
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
111
102
|
className: 'react-datepicker__current-month',
|
|
112
|
-
children: (0,
|
|
113
|
-
locale:
|
|
103
|
+
children: (0, _format.format)(date, 'LLLL yyyy', {
|
|
104
|
+
locale: _ru.ru
|
|
114
105
|
})
|
|
115
106
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonIcon.default, {
|
|
116
107
|
size: 'small',
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export { default } from './DatePicker';
|
|
2
|
-
export { type DatePickerProps } from '
|
|
2
|
+
export { type DatePickerProps } from 'react-datepicker';
|
package/ui/Form/Period/Period.js
CHANGED
|
@@ -150,8 +150,8 @@ const Period = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
|
|
|
150
150
|
selected: realValue[0],
|
|
151
151
|
startDate: realValue[0],
|
|
152
152
|
endDate: realValue[1],
|
|
153
|
-
minDate: minDate,
|
|
154
|
-
maxDate: maxDate,
|
|
153
|
+
minDate: minDate || undefined,
|
|
154
|
+
maxDate: maxDate || undefined,
|
|
155
155
|
showMonthDropdown: showMonthDropdown,
|
|
156
156
|
showYearDropdown: showYearDropdown
|
|
157
157
|
})
|
|
@@ -14,7 +14,7 @@ declare const TimeField: import("react").ForwardRefExoticComponent<{
|
|
|
14
14
|
placeholder?: string | undefined | undefined;
|
|
15
15
|
error?: boolean | undefined;
|
|
16
16
|
helperText?: import("react").ReactNode;
|
|
17
|
-
} & Omit<import("
|
|
17
|
+
} & Omit<import("react-datepicker").DatePickerProps, keyof {
|
|
18
18
|
onClick?: (e: import("react").MouseEvent) => void;
|
|
19
19
|
onInput?: (e: import("react").ChangeEvent<HTMLInputElement>) => void;
|
|
20
20
|
onChange?: (e: import("../DateField/DateField").DateFieldChangeEvent) => void;
|