colibri-ui 0.8.63 → 0.8.65
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/Badge/index.js +2 -2
- package/Image/index.js +1 -1
- package/InputRadio/InputRadio.module.css +1 -0
- package/TimeSelect/helpers.d.ts +9 -1
- package/TimeSelect/helpers.js +24 -0
- package/TimeSelect/index.d.ts +1 -9
- package/TimeSelect/index.js +18 -27
- package/esm/Badge/index.js +2 -2
- package/esm/Dropdown/index.js +1 -1
- package/esm/Image/index.js +1 -1
- package/esm/InputRadio/InputRadio.module.css +1 -0
- package/esm/TimeSelect/helpers.d.ts +9 -1
- package/esm/TimeSelect/helpers.js +20 -1
- package/esm/TimeSelect/index.d.ts +1 -9
- package/esm/TimeSelect/index.js +19 -27
- package/index.js +14 -14
- package/package.json +35 -2
- package/TimeSelect/index.props.d.ts +0 -4
- package/esm/TimeSelect/index.props.d.ts +0 -4
package/Badge/index.js
CHANGED
|
@@ -34,8 +34,8 @@ var Badge = function Badge(_a) {
|
|
|
34
34
|
if (invisibleProp == null && (content === 0 && !showZero || content == null)) {
|
|
35
35
|
invisible = true;
|
|
36
36
|
}
|
|
37
|
-
var displayValue = content ? content > max ? "".concat(max, "+") : content
|
|
38
|
-
return /*#__PURE__*/React__default.default.createElement(index.BadgeControl, Object.assign({}, props), children, displayValue && (/*#__PURE__*/React__default.default.createElement("span", {
|
|
37
|
+
var displayValue = content == null ? undefined : content > max ? "".concat(max, "+") : content;
|
|
38
|
+
return /*#__PURE__*/React__default.default.createElement(index.BadgeControl, Object.assign({}, props), children, displayValue !== undefined && (/*#__PURE__*/React__default.default.createElement("span", {
|
|
39
39
|
className: clsx__default.default(styles__default.default.root, _defineProperty__default.default(_defineProperty__default.default({}, styles__default.default["root_direction_".concat(direction)], Boolean(direction)), styles__default.default["root_invisible"], Boolean(invisible)), className),
|
|
40
40
|
"data-testid": "badge",
|
|
41
41
|
style: {
|
package/Image/index.js
CHANGED
|
@@ -51,13 +51,13 @@ var Image = function Image(_a) {
|
|
|
51
51
|
setFailed(true);
|
|
52
52
|
}, []);
|
|
53
53
|
return /*#__PURE__*/React__default.default.createElement("picture", {
|
|
54
|
-
ref: ref,
|
|
55
54
|
className: styles__default.default.root
|
|
56
55
|
}, !!sources.length && sources.map(function (source, index) {
|
|
57
56
|
return /*#__PURE__*/React__default.default.createElement("source", Object.assign({
|
|
58
57
|
key: "item-".concat(index)
|
|
59
58
|
}, source));
|
|
60
59
|
}), /*#__PURE__*/React__default.default.createElement("img", Object.assign({
|
|
60
|
+
ref: ref,
|
|
61
61
|
alt: alt,
|
|
62
62
|
style: sizeAttrs,
|
|
63
63
|
className: clsx__default.default(className),
|
package/TimeSelect/helpers.d.ts
CHANGED
|
@@ -1,4 +1,7 @@
|
|
|
1
|
-
|
|
1
|
+
export type Timestamp = {
|
|
2
|
+
time: string;
|
|
3
|
+
disabled?: boolean;
|
|
4
|
+
};
|
|
2
5
|
export declare const DEFAULT_TIME: {
|
|
3
6
|
index: number;
|
|
4
7
|
time: string;
|
|
@@ -7,3 +10,8 @@ export declare const formatTime: (date: Date) => string;
|
|
|
7
10
|
export declare const generateSuggest: (interval?: number) => Timestamp[];
|
|
8
11
|
export declare const checkIsBeforeNow: (time: string, currentDate?: Date | null) => boolean;
|
|
9
12
|
export declare const checkIsBeforeSelectedDate: (time: string, interval: number, date?: Date | null) => boolean;
|
|
13
|
+
export type TimeRange = {
|
|
14
|
+
start: string;
|
|
15
|
+
end: string;
|
|
16
|
+
};
|
|
17
|
+
export declare const isTimeInRange: (timeString: string, range: TimeRange) => boolean;
|
package/TimeSelect/helpers.js
CHANGED
|
@@ -1,7 +1,12 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
+
var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
|
|
3
4
|
var dateFns = require('date-fns');
|
|
4
5
|
|
|
6
|
+
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
7
|
+
|
|
8
|
+
var _slicedToArray__default = /*#__PURE__*/_interopDefault(_slicedToArray);
|
|
9
|
+
|
|
5
10
|
var day = new Date();
|
|
6
11
|
day.setHours(24, 0, 0, 0);
|
|
7
12
|
var DEFAULT_TIME = {
|
|
@@ -38,9 +43,28 @@ var checkIsBeforeSelectedDate = function checkIsBeforeSelectedDate(time, interva
|
|
|
38
43
|
}
|
|
39
44
|
return false;
|
|
40
45
|
};
|
|
46
|
+
var isTimeInRange = function isTimeInRange(timeString, range) {
|
|
47
|
+
var _timeString$split$map = timeString.split(":").map(Number),
|
|
48
|
+
_timeString$split$map2 = _slicedToArray__default.default(_timeString$split$map, 2),
|
|
49
|
+
hours = _timeString$split$map2[0],
|
|
50
|
+
minutes = _timeString$split$map2[1];
|
|
51
|
+
var totalMinutes = hours * 60 + minutes;
|
|
52
|
+
var _range$start$split$ma = range.start.split(":").map(Number),
|
|
53
|
+
_range$start$split$ma2 = _slicedToArray__default.default(_range$start$split$ma, 2),
|
|
54
|
+
startHours = _range$start$split$ma2[0],
|
|
55
|
+
startMinutes = _range$start$split$ma2[1];
|
|
56
|
+
var startTotalMinutes = startHours * 60 + startMinutes;
|
|
57
|
+
var _range$end$split$map = range.end.split(":").map(Number),
|
|
58
|
+
_range$end$split$map2 = _slicedToArray__default.default(_range$end$split$map, 2),
|
|
59
|
+
endHours = _range$end$split$map2[0],
|
|
60
|
+
endMinutes = _range$end$split$map2[1];
|
|
61
|
+
var endTotalMinutes = endHours * 60 + endMinutes;
|
|
62
|
+
return totalMinutes >= startTotalMinutes && totalMinutes <= endTotalMinutes;
|
|
63
|
+
};
|
|
41
64
|
|
|
42
65
|
exports.DEFAULT_TIME = DEFAULT_TIME;
|
|
43
66
|
exports.checkIsBeforeNow = checkIsBeforeNow;
|
|
44
67
|
exports.checkIsBeforeSelectedDate = checkIsBeforeSelectedDate;
|
|
45
68
|
exports.formatTime = formatTime;
|
|
46
69
|
exports.generateSuggest = generateSuggest;
|
|
70
|
+
exports.isTimeInRange = isTimeInRange;
|
package/TimeSelect/index.d.ts
CHANGED
|
@@ -1,19 +1,11 @@
|
|
|
1
1
|
import type { SelectProps } from "../Select/index.props";
|
|
2
|
+
import type { TimeRange } from "./helpers";
|
|
2
3
|
import type { FC } from "react";
|
|
3
|
-
type TimeRange = {
|
|
4
|
-
start: string;
|
|
5
|
-
end: string;
|
|
6
|
-
};
|
|
7
4
|
interface TimeSelectProps extends Omit<SelectProps<string>, "options"> {
|
|
8
5
|
interval?: 5 | 10 | 15 | 30;
|
|
9
6
|
currentDate?: Date | null;
|
|
10
7
|
selectedDate?: Date | null;
|
|
11
|
-
name?: string;
|
|
12
|
-
disabled?: boolean;
|
|
13
8
|
allowedTimeRange?: TimeRange;
|
|
14
|
-
fullWidth?: boolean;
|
|
15
|
-
placeholder?: string;
|
|
16
|
-
required?: boolean;
|
|
17
9
|
}
|
|
18
10
|
declare const TimeSelect: FC<TimeSelectProps>;
|
|
19
11
|
export default TimeSelect;
|
package/TimeSelect/index.js
CHANGED
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
|
|
6
5
|
var React = require('react');
|
|
7
6
|
var index$1 = require('../Select/index.js');
|
|
8
7
|
var helpers = require('./helpers.js');
|
|
@@ -10,30 +9,12 @@ var index = require('./Label/index.js');
|
|
|
10
9
|
|
|
11
10
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
11
|
|
|
13
|
-
var _slicedToArray__default = /*#__PURE__*/_interopDefault(_slicedToArray);
|
|
14
12
|
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
15
13
|
|
|
16
|
-
var isTimeInRange = function isTimeInRange(timeString, range) {
|
|
17
|
-
var _timeString$split$map = timeString.split(":").map(Number),
|
|
18
|
-
_timeString$split$map2 = _slicedToArray__default.default(_timeString$split$map, 2),
|
|
19
|
-
hours = _timeString$split$map2[0],
|
|
20
|
-
minutes = _timeString$split$map2[1];
|
|
21
|
-
var totalMinutes = hours * 60 + minutes;
|
|
22
|
-
var _range$start$split$ma = range.start.split(":").map(Number),
|
|
23
|
-
_range$start$split$ma2 = _slicedToArray__default.default(_range$start$split$ma, 2),
|
|
24
|
-
startHours = _range$start$split$ma2[0],
|
|
25
|
-
startMinutes = _range$start$split$ma2[1];
|
|
26
|
-
var startTotalMinutes = startHours * 60 + startMinutes;
|
|
27
|
-
var _range$end$split$map = range.end.split(":").map(Number),
|
|
28
|
-
_range$end$split$map2 = _slicedToArray__default.default(_range$end$split$map, 2),
|
|
29
|
-
endHours = _range$end$split$map2[0],
|
|
30
|
-
endMinutes = _range$end$split$map2[1];
|
|
31
|
-
var endTotalMinutes = endHours * 60 + endMinutes;
|
|
32
|
-
return totalMinutes >= startTotalMinutes && totalMinutes <= endTotalMinutes;
|
|
33
|
-
};
|
|
34
14
|
var TimeSelect = function TimeSelect(_ref) {
|
|
35
15
|
var value = _ref.value,
|
|
36
16
|
name = _ref.name,
|
|
17
|
+
className = _ref.className,
|
|
37
18
|
currentDate = _ref.currentDate,
|
|
38
19
|
selectedDate = _ref.selectedDate,
|
|
39
20
|
label = _ref.label,
|
|
@@ -44,7 +25,13 @@ var TimeSelect = function TimeSelect(_ref) {
|
|
|
44
25
|
allowedTimeRange = _ref.allowedTimeRange,
|
|
45
26
|
placeholder = _ref.placeholder,
|
|
46
27
|
fullWidth = _ref.fullWidth,
|
|
47
|
-
|
|
28
|
+
customInputRoot = _ref.customInputRoot,
|
|
29
|
+
fontSize = _ref.fontSize,
|
|
30
|
+
required = _ref.required,
|
|
31
|
+
size = _ref.size,
|
|
32
|
+
zIndex = _ref.zIndex,
|
|
33
|
+
hasError = _ref.hasError,
|
|
34
|
+
hint = _ref.hint;
|
|
48
35
|
var baseOptions = React.useMemo(function () {
|
|
49
36
|
return helpers.generateSuggest(interval).map(function (item) {
|
|
50
37
|
return {
|
|
@@ -57,25 +44,29 @@ var TimeSelect = function TimeSelect(_ref) {
|
|
|
57
44
|
}, [interval]);
|
|
58
45
|
var options = React.useMemo(function () {
|
|
59
46
|
return baseOptions.map(function (option) {
|
|
60
|
-
var
|
|
61
|
-
var beforeSelectedDisabled = !!selectedDate && helpers.checkIsBeforeSelectedDate(option.value, interval, selectedDate);
|
|
62
|
-
var beforeCurrentDisabled = !!currentDate && helpers.checkIsBeforeNow(option.value, currentDate);
|
|
63
|
-
var isDisabled = timeRangeDisabled || beforeSelectedDisabled || beforeCurrentDisabled;
|
|
47
|
+
var isDisabled = !!allowedTimeRange && !helpers.isTimeInRange(option.value, allowedTimeRange) || !!selectedDate && helpers.checkIsBeforeSelectedDate(option.value, interval, selectedDate) || !!currentDate && helpers.checkIsBeforeNow(option.value, currentDate);
|
|
64
48
|
return Object.assign(Object.assign({}, option), {
|
|
65
49
|
disabled: isDisabled
|
|
66
50
|
});
|
|
67
51
|
});
|
|
68
|
-
}, [baseOptions, currentDate, selectedDate,
|
|
52
|
+
}, [baseOptions, currentDate, selectedDate, allowedTimeRange, interval]);
|
|
69
53
|
return /*#__PURE__*/React__default.default.createElement(index$1.default, {
|
|
54
|
+
className: className,
|
|
55
|
+
customInputRoot: customInputRoot,
|
|
56
|
+
fontSize: fontSize,
|
|
70
57
|
fullWidth: fullWidth,
|
|
71
58
|
name: name,
|
|
72
59
|
value: value,
|
|
73
60
|
required: required,
|
|
61
|
+
size: size,
|
|
74
62
|
placeholder: placeholder,
|
|
75
63
|
label: label,
|
|
76
64
|
options: options,
|
|
77
65
|
onChange: onChange,
|
|
78
|
-
disabled: disabled
|
|
66
|
+
disabled: disabled,
|
|
67
|
+
zIndex: zIndex,
|
|
68
|
+
hasError: hasError,
|
|
69
|
+
hint: hint
|
|
79
70
|
});
|
|
80
71
|
};
|
|
81
72
|
|
package/esm/Badge/index.js
CHANGED
|
@@ -23,8 +23,8 @@ var Badge = function Badge(_a) {
|
|
|
23
23
|
if (invisibleProp == null && (content === 0 && !showZero || content == null)) {
|
|
24
24
|
invisible = true;
|
|
25
25
|
}
|
|
26
|
-
var displayValue = content ? content > max ? "".concat(max, "+") : content
|
|
27
|
-
return /*#__PURE__*/React__default.createElement(BadgeControl, Object.assign({}, props), children, displayValue && (/*#__PURE__*/React__default.createElement("span", {
|
|
26
|
+
var displayValue = content == null ? undefined : content > max ? "".concat(max, "+") : content;
|
|
27
|
+
return /*#__PURE__*/React__default.createElement(BadgeControl, Object.assign({}, props), children, displayValue !== undefined && (/*#__PURE__*/React__default.createElement("span", {
|
|
28
28
|
className: clsx(styles.root, _defineProperty(_defineProperty({}, styles["root_direction_".concat(direction)], Boolean(direction)), styles["root_invisible"], Boolean(invisible)), className),
|
|
29
29
|
"data-testid": "badge",
|
|
30
30
|
style: {
|
package/esm/Dropdown/index.js
CHANGED
|
@@ -2,7 +2,7 @@ import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
|
|
|
2
2
|
import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
|
|
3
3
|
import React__default, { useState, useMemo, Children, useCallback, useEffect } from 'react';
|
|
4
4
|
import clsx from 'clsx';
|
|
5
|
-
import { useFloating,
|
|
5
|
+
import { useFloating, autoUpdate, offset, flip, shift, useHover, useClick, useFocus, useDismiss, useRole, useInteractions, FloatingPortal } from '@floating-ui/react';
|
|
6
6
|
import ClickOutside from '../ClickOutside/index.js';
|
|
7
7
|
import styles from './Dropdown.module.css';
|
|
8
8
|
|
package/esm/Image/index.js
CHANGED
|
@@ -40,13 +40,13 @@ var Image = function Image(_a) {
|
|
|
40
40
|
setFailed(true);
|
|
41
41
|
}, []);
|
|
42
42
|
return /*#__PURE__*/React__default.createElement("picture", {
|
|
43
|
-
ref: ref,
|
|
44
43
|
className: styles.root
|
|
45
44
|
}, !!sources.length && sources.map(function (source, index) {
|
|
46
45
|
return /*#__PURE__*/React__default.createElement("source", Object.assign({
|
|
47
46
|
key: "item-".concat(index)
|
|
48
47
|
}, source));
|
|
49
48
|
}), /*#__PURE__*/React__default.createElement("img", Object.assign({
|
|
49
|
+
ref: ref,
|
|
50
50
|
alt: alt,
|
|
51
51
|
style: sizeAttrs,
|
|
52
52
|
className: clsx(className),
|
|
@@ -1,4 +1,7 @@
|
|
|
1
|
-
|
|
1
|
+
export type Timestamp = {
|
|
2
|
+
time: string;
|
|
3
|
+
disabled?: boolean;
|
|
4
|
+
};
|
|
2
5
|
export declare const DEFAULT_TIME: {
|
|
3
6
|
index: number;
|
|
4
7
|
time: string;
|
|
@@ -7,3 +10,8 @@ export declare const formatTime: (date: Date) => string;
|
|
|
7
10
|
export declare const generateSuggest: (interval?: number) => Timestamp[];
|
|
8
11
|
export declare const checkIsBeforeNow: (time: string, currentDate?: Date | null) => boolean;
|
|
9
12
|
export declare const checkIsBeforeSelectedDate: (time: string, interval: number, date?: Date | null) => boolean;
|
|
13
|
+
export type TimeRange = {
|
|
14
|
+
start: string;
|
|
15
|
+
end: string;
|
|
16
|
+
};
|
|
17
|
+
export declare const isTimeInRange: (timeString: string, range: TimeRange) => boolean;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
|
|
1
2
|
import { addMinutes, parse, isBefore, format } from 'date-fns';
|
|
2
3
|
|
|
3
4
|
var day = new Date();
|
|
@@ -32,5 +33,23 @@ var checkIsBeforeSelectedDate = function checkIsBeforeSelectedDate(time, interva
|
|
|
32
33
|
}
|
|
33
34
|
return false;
|
|
34
35
|
};
|
|
36
|
+
var isTimeInRange = function isTimeInRange(timeString, range) {
|
|
37
|
+
var _timeString$split$map = timeString.split(":").map(Number),
|
|
38
|
+
_timeString$split$map2 = _slicedToArray(_timeString$split$map, 2),
|
|
39
|
+
hours = _timeString$split$map2[0],
|
|
40
|
+
minutes = _timeString$split$map2[1];
|
|
41
|
+
var totalMinutes = hours * 60 + minutes;
|
|
42
|
+
var _range$start$split$ma = range.start.split(":").map(Number),
|
|
43
|
+
_range$start$split$ma2 = _slicedToArray(_range$start$split$ma, 2),
|
|
44
|
+
startHours = _range$start$split$ma2[0],
|
|
45
|
+
startMinutes = _range$start$split$ma2[1];
|
|
46
|
+
var startTotalMinutes = startHours * 60 + startMinutes;
|
|
47
|
+
var _range$end$split$map = range.end.split(":").map(Number),
|
|
48
|
+
_range$end$split$map2 = _slicedToArray(_range$end$split$map, 2),
|
|
49
|
+
endHours = _range$end$split$map2[0],
|
|
50
|
+
endMinutes = _range$end$split$map2[1];
|
|
51
|
+
var endTotalMinutes = endHours * 60 + endMinutes;
|
|
52
|
+
return totalMinutes >= startTotalMinutes && totalMinutes <= endTotalMinutes;
|
|
53
|
+
};
|
|
35
54
|
|
|
36
|
-
export { checkIsBeforeNow, checkIsBeforeSelectedDate, formatTime, generateSuggest };
|
|
55
|
+
export { checkIsBeforeNow, checkIsBeforeSelectedDate, formatTime, generateSuggest, isTimeInRange };
|
|
@@ -1,19 +1,11 @@
|
|
|
1
1
|
import type { SelectProps } from "../Select/index.props";
|
|
2
|
+
import type { TimeRange } from "./helpers";
|
|
2
3
|
import type { FC } from "react";
|
|
3
|
-
type TimeRange = {
|
|
4
|
-
start: string;
|
|
5
|
-
end: string;
|
|
6
|
-
};
|
|
7
4
|
interface TimeSelectProps extends Omit<SelectProps<string>, "options"> {
|
|
8
5
|
interval?: 5 | 10 | 15 | 30;
|
|
9
6
|
currentDate?: Date | null;
|
|
10
7
|
selectedDate?: Date | null;
|
|
11
|
-
name?: string;
|
|
12
|
-
disabled?: boolean;
|
|
13
8
|
allowedTimeRange?: TimeRange;
|
|
14
|
-
fullWidth?: boolean;
|
|
15
|
-
placeholder?: string;
|
|
16
|
-
required?: boolean;
|
|
17
9
|
}
|
|
18
10
|
declare const TimeSelect: FC<TimeSelectProps>;
|
|
19
11
|
export default TimeSelect;
|
package/esm/TimeSelect/index.js
CHANGED
|
@@ -1,30 +1,12 @@
|
|
|
1
|
-
import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
|
|
2
1
|
import React__default, { useMemo } from 'react';
|
|
3
2
|
import Select from '../Select/index.js';
|
|
4
|
-
import { generateSuggest, checkIsBeforeSelectedDate, checkIsBeforeNow } from './helpers.js';
|
|
3
|
+
import { generateSuggest, isTimeInRange, checkIsBeforeSelectedDate, checkIsBeforeNow } from './helpers.js';
|
|
5
4
|
import OptionLabel from './Label/index.js';
|
|
6
5
|
|
|
7
|
-
var isTimeInRange = function isTimeInRange(timeString, range) {
|
|
8
|
-
var _timeString$split$map = timeString.split(":").map(Number),
|
|
9
|
-
_timeString$split$map2 = _slicedToArray(_timeString$split$map, 2),
|
|
10
|
-
hours = _timeString$split$map2[0],
|
|
11
|
-
minutes = _timeString$split$map2[1];
|
|
12
|
-
var totalMinutes = hours * 60 + minutes;
|
|
13
|
-
var _range$start$split$ma = range.start.split(":").map(Number),
|
|
14
|
-
_range$start$split$ma2 = _slicedToArray(_range$start$split$ma, 2),
|
|
15
|
-
startHours = _range$start$split$ma2[0],
|
|
16
|
-
startMinutes = _range$start$split$ma2[1];
|
|
17
|
-
var startTotalMinutes = startHours * 60 + startMinutes;
|
|
18
|
-
var _range$end$split$map = range.end.split(":").map(Number),
|
|
19
|
-
_range$end$split$map2 = _slicedToArray(_range$end$split$map, 2),
|
|
20
|
-
endHours = _range$end$split$map2[0],
|
|
21
|
-
endMinutes = _range$end$split$map2[1];
|
|
22
|
-
var endTotalMinutes = endHours * 60 + endMinutes;
|
|
23
|
-
return totalMinutes >= startTotalMinutes && totalMinutes <= endTotalMinutes;
|
|
24
|
-
};
|
|
25
6
|
var TimeSelect = function TimeSelect(_ref) {
|
|
26
7
|
var value = _ref.value,
|
|
27
8
|
name = _ref.name,
|
|
9
|
+
className = _ref.className,
|
|
28
10
|
currentDate = _ref.currentDate,
|
|
29
11
|
selectedDate = _ref.selectedDate,
|
|
30
12
|
label = _ref.label,
|
|
@@ -35,7 +17,13 @@ var TimeSelect = function TimeSelect(_ref) {
|
|
|
35
17
|
allowedTimeRange = _ref.allowedTimeRange,
|
|
36
18
|
placeholder = _ref.placeholder,
|
|
37
19
|
fullWidth = _ref.fullWidth,
|
|
38
|
-
|
|
20
|
+
customInputRoot = _ref.customInputRoot,
|
|
21
|
+
fontSize = _ref.fontSize,
|
|
22
|
+
required = _ref.required,
|
|
23
|
+
size = _ref.size,
|
|
24
|
+
zIndex = _ref.zIndex,
|
|
25
|
+
hasError = _ref.hasError,
|
|
26
|
+
hint = _ref.hint;
|
|
39
27
|
var baseOptions = useMemo(function () {
|
|
40
28
|
return generateSuggest(interval).map(function (item) {
|
|
41
29
|
return {
|
|
@@ -48,25 +36,29 @@ var TimeSelect = function TimeSelect(_ref) {
|
|
|
48
36
|
}, [interval]);
|
|
49
37
|
var options = useMemo(function () {
|
|
50
38
|
return baseOptions.map(function (option) {
|
|
51
|
-
var
|
|
52
|
-
var beforeSelectedDisabled = !!selectedDate && checkIsBeforeSelectedDate(option.value, interval, selectedDate);
|
|
53
|
-
var beforeCurrentDisabled = !!currentDate && checkIsBeforeNow(option.value, currentDate);
|
|
54
|
-
var isDisabled = timeRangeDisabled || beforeSelectedDisabled || beforeCurrentDisabled;
|
|
39
|
+
var isDisabled = !!allowedTimeRange && !isTimeInRange(option.value, allowedTimeRange) || !!selectedDate && checkIsBeforeSelectedDate(option.value, interval, selectedDate) || !!currentDate && checkIsBeforeNow(option.value, currentDate);
|
|
55
40
|
return Object.assign(Object.assign({}, option), {
|
|
56
41
|
disabled: isDisabled
|
|
57
42
|
});
|
|
58
43
|
});
|
|
59
|
-
}, [baseOptions, currentDate, selectedDate,
|
|
44
|
+
}, [baseOptions, currentDate, selectedDate, allowedTimeRange, interval]);
|
|
60
45
|
return /*#__PURE__*/React__default.createElement(Select, {
|
|
46
|
+
className: className,
|
|
47
|
+
customInputRoot: customInputRoot,
|
|
48
|
+
fontSize: fontSize,
|
|
61
49
|
fullWidth: fullWidth,
|
|
62
50
|
name: name,
|
|
63
51
|
value: value,
|
|
64
52
|
required: required,
|
|
53
|
+
size: size,
|
|
65
54
|
placeholder: placeholder,
|
|
66
55
|
label: label,
|
|
67
56
|
options: options,
|
|
68
57
|
onChange: onChange,
|
|
69
|
-
disabled: disabled
|
|
58
|
+
disabled: disabled,
|
|
59
|
+
zIndex: zIndex,
|
|
60
|
+
hasError: hasError,
|
|
61
|
+
hint: hint
|
|
70
62
|
});
|
|
71
63
|
};
|
|
72
64
|
|
package/index.js
CHANGED
|
@@ -27,12 +27,12 @@ var index$m = require('./Separator/index.js');
|
|
|
27
27
|
var index$n = require('./Skeleton/index.js');
|
|
28
28
|
var index$o = require('./Status/index.js');
|
|
29
29
|
var index$p = require('./Switch/index.js');
|
|
30
|
-
var index$
|
|
31
|
-
var index$
|
|
32
|
-
var index$
|
|
33
|
-
var index$
|
|
34
|
-
var index$
|
|
35
|
-
var index$
|
|
30
|
+
var index$r = require('./TabsMenu/index.js');
|
|
31
|
+
var index$s = require('./TabsPanels/index.js');
|
|
32
|
+
var index$t = require('./TextArea/index.js');
|
|
33
|
+
var index$q = require('./Theme/index.js');
|
|
34
|
+
var index$v = require('./Tooltip/index.js');
|
|
35
|
+
var index$u = require('./TimeSelect/index.js');
|
|
36
36
|
var index$w = require('./Typography/index.js');
|
|
37
37
|
var index$x = require('./hooks/useMediaSizes/index.js');
|
|
38
38
|
var index$y = require('./hooks/useScrollLock/index.js');
|
|
@@ -45,8 +45,8 @@ var Cross = require('./Icons/Cross.js');
|
|
|
45
45
|
var CrossFill = require('./Icons/CrossFill.js');
|
|
46
46
|
var Edit = require('./Icons/Edit.js');
|
|
47
47
|
var Exit = require('./Icons/Exit.js');
|
|
48
|
-
var EyeOpen = require('./Icons/EyeOpen.js');
|
|
49
48
|
var EyeClosed = require('./Icons/EyeClosed.js');
|
|
49
|
+
var EyeOpen = require('./Icons/EyeOpen.js');
|
|
50
50
|
var Help = require('./Icons/Help.js');
|
|
51
51
|
var Info = require('./Icons/Info.js');
|
|
52
52
|
var Minus = require('./Icons/Minus.js');
|
|
@@ -87,12 +87,12 @@ exports.SkeletonRect = index$n.SkeletonRect;
|
|
|
87
87
|
exports.SkeletonText = index$n.SkeletonText;
|
|
88
88
|
exports.Status = index$o.default;
|
|
89
89
|
exports.Switch = index$p.default;
|
|
90
|
-
exports.TabsMenu = index$
|
|
91
|
-
exports.TabsPanels = index$
|
|
92
|
-
exports.TextArea = index$
|
|
93
|
-
exports.THEMES = index$
|
|
94
|
-
exports.Tooltip = index$
|
|
95
|
-
exports.TimeSelect = index$
|
|
90
|
+
exports.TabsMenu = index$r.default;
|
|
91
|
+
exports.TabsPanels = index$s.default;
|
|
92
|
+
exports.TextArea = index$t.default;
|
|
93
|
+
exports.THEMES = index$q.THEMES;
|
|
94
|
+
exports.Tooltip = index$v.default;
|
|
95
|
+
exports.TimeSelect = index$u.default;
|
|
96
96
|
exports.Typography = index$w.default;
|
|
97
97
|
exports.useMediaSizes = index$x.default;
|
|
98
98
|
exports.useScrollLock = index$y.default;
|
|
@@ -104,8 +104,8 @@ exports.Cross = Cross.default;
|
|
|
104
104
|
exports.CrossFill = CrossFill.default;
|
|
105
105
|
exports.Edit = Edit.default;
|
|
106
106
|
exports.Exit = Exit.default;
|
|
107
|
-
exports.EyeOpen = EyeOpen.default;
|
|
108
107
|
exports.EyeClosed = EyeClosed.default;
|
|
108
|
+
exports.EyeOpen = EyeOpen.default;
|
|
109
109
|
exports.Help = Help.default;
|
|
110
110
|
exports.Info = Info.default;
|
|
111
111
|
exports.Minus = Minus.default;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "colibri-ui",
|
|
3
|
-
"version": "0.8.
|
|
3
|
+
"version": "0.8.65",
|
|
4
4
|
"description": "React UI components library",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"types": "index.d.ts",
|
|
@@ -25,12 +25,45 @@
|
|
|
25
25
|
},
|
|
26
26
|
"homepage": "https://github.com/ColibriMQLab/ColibriUI#readme",
|
|
27
27
|
"dependencies": {
|
|
28
|
-
"@floating-ui/react": "
|
|
28
|
+
"@floating-ui/react": "0.27.19",
|
|
29
29
|
"clsx": "^2.1.1",
|
|
30
30
|
"date-fns": "3.6.0",
|
|
31
31
|
"react-textarea-autosize": "8.5.9"
|
|
32
32
|
},
|
|
33
33
|
"devDependencies": {},
|
|
34
|
+
"resolutions": {
|
|
35
|
+
"@babel/core": "7.29.6",
|
|
36
|
+
"@babel/plugin-transform-modules-systemjs": "7.29.4",
|
|
37
|
+
"@tootallnate/once": "2.0.1",
|
|
38
|
+
"**/glob/minimatch/brace-expansion": "1.1.13",
|
|
39
|
+
"**/rimraf/glob/minimatch/brace-expansion": "1.1.13",
|
|
40
|
+
"eslint/minimatch/brace-expansion": "1.1.13",
|
|
41
|
+
"@eslint/config-array/minimatch/brace-expansion": "1.1.13",
|
|
42
|
+
"fork-ts-checker-webpack-plugin/minimatch/brace-expansion": "1.1.13",
|
|
43
|
+
"**/@typescript-eslint/**/brace-expansion": "5.0.7",
|
|
44
|
+
"**/typescript-eslint/**/brace-expansion": "5.0.7",
|
|
45
|
+
"diff": "4.0.4",
|
|
46
|
+
"fast-uri": "3.1.2",
|
|
47
|
+
"flatted": "3.4.2",
|
|
48
|
+
"form-data": "4.0.6",
|
|
49
|
+
"handlebars": "4.7.9",
|
|
50
|
+
"immutable": "5.1.9",
|
|
51
|
+
"lodash": "4.18.1",
|
|
52
|
+
"anymatch/picomatch": "2.3.2",
|
|
53
|
+
"@storybook/core/picomatch": "2.3.2",
|
|
54
|
+
"storybook/picomatch": "2.3.2",
|
|
55
|
+
"**/readdirp/picomatch": "2.3.2",
|
|
56
|
+
"jest-util/picomatch": "2.3.2",
|
|
57
|
+
"micromatch/picomatch": "2.3.2",
|
|
58
|
+
"**/@rollup/pluginutils/picomatch": "4.0.4",
|
|
59
|
+
"**/tinyglobby/picomatch": "4.0.4",
|
|
60
|
+
"postcss": "8.5.16",
|
|
61
|
+
"**/terser-webpack-plugin/serialize-javascript": "7.0.7",
|
|
62
|
+
"svgo": "3.3.3",
|
|
63
|
+
"webpack": "5.108.3",
|
|
64
|
+
"ws": "8.21.0",
|
|
65
|
+
"yaml": "1.10.3"
|
|
66
|
+
},
|
|
34
67
|
"peerDependencies": {
|
|
35
68
|
"react": "^18.0.0 || ^19.0.0",
|
|
36
69
|
"react-dom": "^18.0.0 || ^19.0.0",
|