armtek-uikit-react 1.0.224 → 1.0.226
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 +9 -19
- 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.226","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,7 +6,7 @@ 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 _ru =
|
|
9
|
+
var _ru = require("date-fns/locale/ru");
|
|
10
10
|
var _dateFns = require("date-fns");
|
|
11
11
|
var _ButtonIcon = _interopRequireDefault(require("../../ButtonIcon"));
|
|
12
12
|
var _Stack = _interopRequireDefault(require("../../Stack"));
|
|
@@ -17,9 +17,10 @@ var _jsxRuntime = require("react/jsx-runtime");
|
|
|
17
17
|
|
|
18
18
|
// import ru from 'date-fns/locale/ru'
|
|
19
19
|
// import rus from 'date-fns/locale/ru'
|
|
20
|
+
// import ru from 'date-fns/esm/locale/ru'
|
|
20
21
|
|
|
21
|
-
//
|
|
22
|
-
|
|
22
|
+
// type DatePickerProps = any
|
|
23
|
+
// type ReactDatePickerCustomHeaderProps = any
|
|
23
24
|
const renderDayContents = day => {
|
|
24
25
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
25
26
|
className: 'customDay',
|
|
@@ -27,28 +28,17 @@ const renderDayContents = day => {
|
|
|
27
28
|
});
|
|
28
29
|
};
|
|
29
30
|
const DatePicker = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
|
|
30
|
-
let {
|
|
31
|
-
onChange,
|
|
32
|
-
selectsRange = false,
|
|
33
|
-
...restProps
|
|
34
|
-
} = props;
|
|
35
|
-
const handleChange = (date, event) => {
|
|
36
|
-
if (onChange) onChange(date, event);
|
|
37
|
-
};
|
|
38
31
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
39
32
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
40
33
|
className: 'ui-datepicker',
|
|
41
34
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactDatepicker.default, {
|
|
42
35
|
ref: ref,
|
|
43
|
-
locale: _ru.
|
|
44
|
-
onChange: handleChange,
|
|
36
|
+
locale: _ru.ru,
|
|
45
37
|
inline: true,
|
|
46
38
|
renderDayContents: renderDayContents,
|
|
47
|
-
...
|
|
48
|
-
selectsRange: selectsRange,
|
|
39
|
+
...props,
|
|
49
40
|
renderCustomHeader: props => /*#__PURE__*/(0, _jsxRuntime.jsx)(PickerHeader, {
|
|
50
|
-
...props
|
|
51
|
-
...restProps
|
|
41
|
+
...props
|
|
52
42
|
})
|
|
53
43
|
})
|
|
54
44
|
})
|
|
@@ -74,7 +64,7 @@ const getMonthNames = () => {
|
|
|
74
64
|
const date = new Date();
|
|
75
65
|
date.setMonth(i);
|
|
76
66
|
months.push((0, _dateFns.format)(date, 'LLLL', {
|
|
77
|
-
locale: _ru.
|
|
67
|
+
locale: _ru.ru
|
|
78
68
|
}));
|
|
79
69
|
}
|
|
80
70
|
return months;
|
|
@@ -111,7 +101,7 @@ const PickerHeader = props => {
|
|
|
111
101
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
112
102
|
className: 'react-datepicker__current-month',
|
|
113
103
|
children: (0, _dateFns.format)(date, 'LLLL yyyy', {
|
|
114
|
-
locale: _ru.
|
|
104
|
+
locale: _ru.ru
|
|
115
105
|
})
|
|
116
106
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonIcon.default, {
|
|
117
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;
|