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 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 : undefined;
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),
@@ -1,5 +1,6 @@
1
1
  .label {
2
2
  display: inline-block;
3
+ position: relative;
3
4
  vertical-align: baseline;
4
5
  }
5
6
 
@@ -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
  });
@@ -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 : undefined;
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: {
@@ -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, offset, autoUpdate, flip, shift, useHover, useClick, useFocus, useDismiss, useRole, useInteractions, FloatingPortal } from '@floating-ui/react';
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
 
@@ -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,5 +1,6 @@
1
1
  .label {
2
2
  display: inline-block;
3
+ position: relative;
3
4
  vertical-align: baseline;
4
5
  }
5
6
 
@@ -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$q = require('./TabsMenu/index.js');
31
- var index$r = require('./TabsPanels/index.js');
32
- var index$s = require('./TextArea/index.js');
33
- var index$t = require('./Theme/index.js');
34
- var index$u = require('./Tooltip/index.js');
35
- var index$v = require('./TimeSelect/index.js');
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$q.default;
91
- exports.TabsPanels = index$r.default;
92
- exports.TextArea = index$s.default;
93
- exports.THEMES = index$t.THEMES;
94
- exports.Tooltip = index$u.default;
95
- exports.TimeSelect = index$v.default;
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.64",
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": "^0.27.16",
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",