colibri-ui 0.8.64 → 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/index.js +11 -1
- 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/index.js +11 -1
- package/index.js +14 -14
- package/package.json +35 -2
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/index.js
CHANGED
|
@@ -14,6 +14,7 @@ var React__default = /*#__PURE__*/_interopDefault(React);
|
|
|
14
14
|
var TimeSelect = function TimeSelect(_ref) {
|
|
15
15
|
var value = _ref.value,
|
|
16
16
|
name = _ref.name,
|
|
17
|
+
className = _ref.className,
|
|
17
18
|
currentDate = _ref.currentDate,
|
|
18
19
|
selectedDate = _ref.selectedDate,
|
|
19
20
|
label = _ref.label,
|
|
@@ -24,7 +25,11 @@ var TimeSelect = function TimeSelect(_ref) {
|
|
|
24
25
|
allowedTimeRange = _ref.allowedTimeRange,
|
|
25
26
|
placeholder = _ref.placeholder,
|
|
26
27
|
fullWidth = _ref.fullWidth,
|
|
28
|
+
customInputRoot = _ref.customInputRoot,
|
|
29
|
+
fontSize = _ref.fontSize,
|
|
27
30
|
required = _ref.required,
|
|
31
|
+
size = _ref.size,
|
|
32
|
+
zIndex = _ref.zIndex,
|
|
28
33
|
hasError = _ref.hasError,
|
|
29
34
|
hint = _ref.hint;
|
|
30
35
|
var baseOptions = React.useMemo(function () {
|
|
@@ -44,17 +49,22 @@ var TimeSelect = function TimeSelect(_ref) {
|
|
|
44
49
|
disabled: isDisabled
|
|
45
50
|
});
|
|
46
51
|
});
|
|
47
|
-
}, [baseOptions, currentDate, selectedDate, allowedTimeRange]);
|
|
52
|
+
}, [baseOptions, currentDate, selectedDate, allowedTimeRange, interval]);
|
|
48
53
|
return /*#__PURE__*/React__default.default.createElement(index$1.default, {
|
|
54
|
+
className: className,
|
|
55
|
+
customInputRoot: customInputRoot,
|
|
56
|
+
fontSize: fontSize,
|
|
49
57
|
fullWidth: fullWidth,
|
|
50
58
|
name: name,
|
|
51
59
|
value: value,
|
|
52
60
|
required: required,
|
|
61
|
+
size: size,
|
|
53
62
|
placeholder: placeholder,
|
|
54
63
|
label: label,
|
|
55
64
|
options: options,
|
|
56
65
|
onChange: onChange,
|
|
57
66
|
disabled: disabled,
|
|
67
|
+
zIndex: zIndex,
|
|
58
68
|
hasError: hasError,
|
|
59
69
|
hint: hint
|
|
60
70
|
});
|
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),
|
package/esm/TimeSelect/index.js
CHANGED
|
@@ -6,6 +6,7 @@ import OptionLabel from './Label/index.js';
|
|
|
6
6
|
var TimeSelect = function TimeSelect(_ref) {
|
|
7
7
|
var value = _ref.value,
|
|
8
8
|
name = _ref.name,
|
|
9
|
+
className = _ref.className,
|
|
9
10
|
currentDate = _ref.currentDate,
|
|
10
11
|
selectedDate = _ref.selectedDate,
|
|
11
12
|
label = _ref.label,
|
|
@@ -16,7 +17,11 @@ var TimeSelect = function TimeSelect(_ref) {
|
|
|
16
17
|
allowedTimeRange = _ref.allowedTimeRange,
|
|
17
18
|
placeholder = _ref.placeholder,
|
|
18
19
|
fullWidth = _ref.fullWidth,
|
|
20
|
+
customInputRoot = _ref.customInputRoot,
|
|
21
|
+
fontSize = _ref.fontSize,
|
|
19
22
|
required = _ref.required,
|
|
23
|
+
size = _ref.size,
|
|
24
|
+
zIndex = _ref.zIndex,
|
|
20
25
|
hasError = _ref.hasError,
|
|
21
26
|
hint = _ref.hint;
|
|
22
27
|
var baseOptions = useMemo(function () {
|
|
@@ -36,17 +41,22 @@ var TimeSelect = function TimeSelect(_ref) {
|
|
|
36
41
|
disabled: isDisabled
|
|
37
42
|
});
|
|
38
43
|
});
|
|
39
|
-
}, [baseOptions, currentDate, selectedDate, allowedTimeRange]);
|
|
44
|
+
}, [baseOptions, currentDate, selectedDate, allowedTimeRange, interval]);
|
|
40
45
|
return /*#__PURE__*/React__default.createElement(Select, {
|
|
46
|
+
className: className,
|
|
47
|
+
customInputRoot: customInputRoot,
|
|
48
|
+
fontSize: fontSize,
|
|
41
49
|
fullWidth: fullWidth,
|
|
42
50
|
name: name,
|
|
43
51
|
value: value,
|
|
44
52
|
required: required,
|
|
53
|
+
size: size,
|
|
45
54
|
placeholder: placeholder,
|
|
46
55
|
label: label,
|
|
47
56
|
options: options,
|
|
48
57
|
onChange: onChange,
|
|
49
58
|
disabled: disabled,
|
|
59
|
+
zIndex: zIndex,
|
|
50
60
|
hasError: hasError,
|
|
51
61
|
hint: hint
|
|
52
62
|
});
|
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",
|