@rescui/select 0.3.9 → 0.4.1

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.
Files changed (14) hide show
  1. package/lib/index.css +360 -232
  2. package/lib/parts/common-select.p.module.css.js +1 -1
  3. package/lib/parts/form-trigger-wrapper.d.ts +1 -0
  4. package/lib/parts/form-trigger-wrapper.js +25 -61
  5. package/lib/parts/form-trigger.p.module.css.js +10 -6
  6. package/lib/parts/multiselect.d.ts +1 -0
  7. package/lib/parts/multiselect.js +6 -3
  8. package/lib/parts/native-select.d.ts +1 -0
  9. package/lib/parts/native-select.js +6 -3
  10. package/lib/parts/native-select.p.module.css.js +6 -6
  11. package/lib/parts/trigger.p.module.css.js +27 -27
  12. package/lib/select.d.ts +1 -0
  13. package/lib/select.js +4 -2
  14. package/package.json +7 -7
package/lib/parts/common-select.p.module.css.js CHANGED
@@ -1,4 +1,4 @@
1
1
  var styles = {
2
- "menu": "_menu_1cys2mt_1"
2
+ "menu": "_menu_n86c1_1"
3
3
  };
4
4
  export { styles as default };
package/lib/parts/form-trigger-wrapper.d.ts CHANGED
@@ -9,6 +9,7 @@ export declare type FormTriggerWrapperProps = {
9
9
  label?: React.ReactNode;
10
10
  note?: React.ReactNode;
11
11
  onKeyDown?: React.KeyboardEventHandler<HTMLDivElement>;
12
+ boldLabel?: boolean;
12
13
  };
13
14
  declare const FormTriggerWrapper: React.FC<FormTriggerWrapperProps>;
14
15
  export default FormTriggerWrapper;
package/lib/parts/form-trigger-wrapper.js CHANGED
@@ -1,93 +1,57 @@
1
+ import "core-js/modules/es.string.bold.js";
1
2
  import React from 'react';
2
3
  import cn from 'classnames';
3
4
  import { useTheme, ThemeProvider } from '@rescui/ui-contexts';
4
- import { useTextStyles, createTextCn } from '@rescui/typography';
5
5
  import styles from './form-trigger.p.module.css.js';
6
- var SIZE_TO_TEXT = {
7
- l: 'rs-text-1',
8
- m: 'rs-text-2',
9
- s: 'rs-text-3'
10
- };
11
6
  var SIZE_STYLES = {
12
7
  l: styles.sizeL,
13
8
  m: styles.sizeM,
14
9
  s: styles.sizeS
15
10
  };
16
-
17
- function getErrorAndNoteTextClass(size, theme) {
18
- var textCn = createTextCn(theme);
19
- return textCn(size === 'l' ? 'rs-text-2' : 'rs-text-3');
20
- }
21
-
22
- var Note = function Note(_ref) {
23
- var children = _ref.children,
24
- size = _ref.size;
25
- var theme = useTheme();
26
-
27
- if (!children) {
28
- return null;
29
- } else {
30
- return /*#__PURE__*/React.createElement("div", {
31
- className: cn(styles.note, getErrorAndNoteTextClass(size, theme))
32
- }, children);
33
- }
34
- };
35
-
36
- var Error = function Error(_ref2) {
37
- var children = _ref2.children,
38
- size = _ref2.size;
39
- var theme = useTheme();
40
-
41
- if (!children) {
42
- return null;
43
- } else {
44
- return /*#__PURE__*/React.createElement("div", {
45
- className: getErrorAndNoteTextClass(size, theme)
46
- }, /*#__PURE__*/React.createElement("div", {
47
- className: styles.errorMessage
48
- }, children));
49
- }
11
+ var THEME_STYLES = {
12
+ light: styles.themeLight,
13
+ dark: styles.themeDark
50
14
  };
51
15
 
52
- var Label = function Label(_ref3) {
53
- var children = _ref3.children,
54
- size = _ref3.size;
55
- var textCn = useTextStyles();
16
+ var Label = function Label(_ref) {
17
+ var children = _ref.children,
18
+ size = _ref.size,
19
+ boldLabel = _ref.boldLabel;
56
20
 
57
21
  if (!children) {
58
22
  return null;
59
23
  } else {
60
24
  return /*#__PURE__*/React.createElement("div", {
61
- className: cn(styles.label, textCn(SIZE_TO_TEXT[size], {
62
- hardness: 'hard'
63
- }))
25
+ className: cn(styles.label, boldLabel && styles.bold)
64
26
  }, children);
65
27
  }
66
28
  };
67
29
 
68
- var FormTriggerWrapper = function FormTriggerWrapper(_ref4) {
69
- var size = _ref4.size,
70
- themeFromProps = _ref4.theme,
71
- className = _ref4.className,
72
- error = _ref4.error,
73
- label = _ref4.label,
74
- note = _ref4.note,
75
- children = _ref4.children,
76
- onKeyDown = _ref4.onKeyDown;
30
+ var FormTriggerWrapper = function FormTriggerWrapper(_ref2) {
31
+ var size = _ref2.size,
32
+ themeFromProps = _ref2.theme,
33
+ className = _ref2.className,
34
+ error = _ref2.error,
35
+ label = _ref2.label,
36
+ note = _ref2.note,
37
+ children = _ref2.children,
38
+ onKeyDown = _ref2.onKeyDown,
39
+ boldLabel = _ref2.boldLabel;
77
40
  var theme = useTheme(themeFromProps);
78
41
  return /*#__PURE__*/React.createElement(ThemeProvider, {
79
42
  theme: theme
80
43
  }, /*#__PURE__*/React.createElement("div", {
81
- className: cn(className, SIZE_STYLES[size]),
44
+ className: cn(className, SIZE_STYLES[size], THEME_STYLES[theme]),
82
45
  "data-test": "select-wrapper"
83
46
  }, /*#__PURE__*/React.createElement(Label, {
47
+ boldLabel: boldLabel,
84
48
  size: size
85
49
  }, label), /*#__PURE__*/React.createElement("div", {
86
50
  onKeyDown: onKeyDown
87
- }, children), /*#__PURE__*/React.createElement(Error, {
88
- size: size
89
- }, error), /*#__PURE__*/React.createElement(Note, {
90
- size: size
51
+ }, children), error && /*#__PURE__*/React.createElement("div", {
52
+ className: styles.errorMessage
53
+ }, error), note && /*#__PURE__*/React.createElement("div", {
54
+ className: styles.note
91
55
  }, note)));
92
56
  };
93
57
 
package/lib/parts/form-trigger.p.module.css.js CHANGED
@@ -1,9 +1,13 @@
1
1
  var styles = {
2
- "errorMessage": "_errorMessage_19qiegw_3",
3
- "sizeL": "_sizeL_19qiegw_7",
4
- "label": "_label_19qiegw_8",
5
- "note": "_note_19qiegw_11",
6
- "sizeM": "_sizeM_19qiegw_16",
7
- "sizeS": "_sizeS_19qiegw_25"
2
+ "errorMessage": "_errorMessage_13tgi80_4",
3
+ "sizeL": "_sizeL_13tgi80_8",
4
+ "label": "_label_13tgi80_9",
5
+ "note": "_note_13tgi80_12",
6
+ "sizeM": "_sizeM_13tgi80_17",
7
+ "sizeS": "_sizeS_13tgi80_26",
8
+ "themeLight": "_themeLight_13tgi80_36",
9
+ "themeDark": "_themeDark_13tgi80_40",
10
+ "rs-reset-letter-spacing": "_rs-reset-letter-spacing_13tgi80_1",
11
+ "bold": "_bold_13tgi80_77"
8
12
  };
9
13
  export { styles as default };
package/lib/parts/multiselect.d.ts CHANGED
@@ -75,6 +75,7 @@ export interface MultiselectProps {
75
75
  * Input name attribute
76
76
  */
77
77
  name?: string;
78
+ boldLabel?: boolean;
78
79
  }
79
80
  declare const Multiselect: React.FC<MultiselectProps>;
80
81
  export default Multiselect;
package/lib/parts/multiselect.js CHANGED
@@ -2,7 +2,7 @@ import _toConsumableArray from "@babel/runtime-corejs3/helpers/esm/toConsumableA
2
2
  import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
3
3
  import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
4
4
  import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
5
- var _excluded = ["options", "size", "mode", "theme", "className", "value", "onChange", "placeholder", "isSingleLine", "isClearable", "isLoading", "isDisabled", "noOptionsMessage", "placement"];
5
+ var _excluded = ["options", "size", "mode", "theme", "className", "value", "onChange", "placeholder", "isSingleLine", "isClearable", "isLoading", "isDisabled", "noOptionsMessage", "placement", "boldLabel"];
6
6
 
7
7
  function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
8
8
 
@@ -185,6 +185,7 @@ var Multiselect = function Multiselect(_ref4) {
185
185
  noOptionsMessage = _ref4.noOptionsMessage,
186
186
  _ref4$placement = _ref4.placement,
187
187
  placement = _ref4$placement === void 0 ? 'bottom' : _ref4$placement,
188
+ boldLabel = _ref4.boldLabel,
188
189
  restProps = _objectWithoutProperties(_ref4, _excluded);
189
190
 
190
191
  var dropdownRef = useRef(null);
@@ -401,7 +402,8 @@ var Multiselect = function Multiselect(_ref4) {
401
402
  error: restProps.error,
402
403
  label: restProps.label,
403
404
  note: restProps.note,
404
- onKeyDown: handleTriggerKeyDown
405
+ onKeyDown: handleTriggerKeyDown,
406
+ boldLabel: boldLabel
405
407
  }, restProps.name && /*#__PURE__*/React.createElement(NativeSelectedOptions, {
406
408
  name: restProps.name,
407
409
  selected: value
@@ -472,6 +474,7 @@ Multiselect.propTypes = {
472
474
  id: PropTypes.string,
473
475
  noOptionsMessage: noOptionsMessageType,
474
476
  placement: PropTypes.oneOf(['auto-start', 'auto', 'auto-end', 'top-start', 'top', 'top-end', 'right-start', 'right', 'right-end', 'bottom-end', 'bottom', 'bottom-start', 'left-end', 'left', 'left-start']),
475
- name: PropTypes.string
477
+ name: PropTypes.string,
478
+ boldLabel: PropTypes.bool
476
479
  };
477
480
  export { Multiselect as default };
package/lib/parts/native-select.d.ts CHANGED
@@ -24,6 +24,7 @@ export declare type NativeSelectProps = {
24
24
  error?: boolean | React.ReactNode;
25
25
  noOptionsMessage?: NoOptionsMessage;
26
26
  name?: string;
27
+ boldLabel?: boolean;
27
28
  };
28
29
  declare const NativeSelect: React.FC<NativeSelectProps>;
29
30
  export default NativeSelect;
package/lib/parts/native-select.js CHANGED
@@ -171,7 +171,8 @@ var NativeSelect = function NativeSelect(_ref7) {
171
171
  note = _ref7.note,
172
172
  error = _ref7.error,
173
173
  noOptionsMessage = _ref7.noOptionsMessage,
174
- name = _ref7.name;
174
+ name = _ref7.name,
175
+ boldLabel = _ref7.boldLabel;
175
176
  var theme = useTheme(themeFromProps);
176
177
 
177
178
  var _useState = useState(false),
@@ -229,7 +230,8 @@ var NativeSelect = function NativeSelect(_ref7) {
229
230
  note: note,
230
231
  onKeyDown: function onKeyDown() {
231
232
  return false;
232
- }
233
+ },
234
+ boldLabel: boldLabel
233
235
  }, /*#__PURE__*/React.createElement("div", {
234
236
  className: styles.main,
235
237
  onMouseEnter: function onMouseEnter() {
@@ -266,6 +268,7 @@ NativeSelect.propTypes = {
266
268
  note: PropTypes.node,
267
269
  noOptionsMessage: noOptionsMessageType,
268
270
  style: PropTypes.object,
269
- name: PropTypes.string
271
+ name: PropTypes.string,
272
+ boldLabel: PropTypes.bool
270
273
  };
271
274
  export { NativeSelect as default };
package/lib/parts/native-select.p.module.css.js CHANGED
@@ -1,9 +1,9 @@
1
1
  var styles = {
2
- "main": "_main_1nc5b2n_3",
3
- "select": "_select_1nc5b2n_7",
4
- "sizeL": "_sizeL_1nc5b2n_19",
5
- "rs-reset-letter-spacing": "_rs-reset-letter-spacing_1nc5b2n_1",
6
- "sizeM": "_sizeM_1nc5b2n_23",
7
- "sizeS": "_sizeS_1nc5b2n_27"
2
+ "main": "_main_scjfd7_3",
3
+ "select": "_select_scjfd7_7",
4
+ "sizeL": "_sizeL_scjfd7_19",
5
+ "rs-reset-letter-spacing": "_rs-reset-letter-spacing_scjfd7_1",
6
+ "sizeM": "_sizeM_scjfd7_23",
7
+ "sizeS": "_sizeS_scjfd7_27"
8
8
  };
9
9
  export { styles as default };
package/lib/parts/trigger.p.module.css.js CHANGED
@@ -1,30 +1,30 @@
1
1
  var styles = {
2
- "main": "_main_1h9e1x0_24",
3
- "open": "_open_1h9e1x0_36",
4
- "enabled": "_enabled_1h9e1x0_41",
5
- "disabled": "_disabled_1h9e1x0_45",
6
- "focused": "_focused_1h9e1x0_49",
7
- "searchFocused": "_searchFocused_1h9e1x0_50",
8
- "sizeL": "_sizeL_1h9e1x0_56",
9
- "sizeM": "_sizeM_1h9e1x0_59",
10
- "rs-reset-letter-spacing": "_rs-reset-letter-spacing_1h9e1x0_1",
11
- "sizeS": "_sizeS_1h9e1x0_62",
12
- "isMulti": "_isMulti_1h9e1x0_136",
13
- "error": "_error_1h9e1x0_69",
14
- "notSelected": "_notSelected_1h9e1x0_144",
15
- "themeLight": "_themeLight_1h9e1x0_148",
16
- "searchKeyFocused": "_searchKeyFocused_1h9e1x0_154",
17
- "rock": "_rock_1h9e1x0_168",
18
- "toggle": "_toggle_1h9e1x0_173",
19
- "labelWrapper": "_labelWrapper_1h9e1x0_177",
20
- "themeDark": "_themeDark_1h9e1x0_199",
21
- "label": "_label_1h9e1x0_177",
22
- "iconsWrapper": "_iconsWrapper_1h9e1x0_285",
23
- "searchInput": "_searchInput_1h9e1x0_340",
24
- "multi": "_multi_1h9e1x0_366",
25
- "tagsContainer": "_tagsContainer_1h9e1x0_375",
26
- "tag": "_tag_1h9e1x0_375",
27
- "icon": "_icon_1h9e1x0_285",
28
- "clearIcon": "_clearIcon_1h9e1x0_490"
2
+ "main": "_main_1u5wub4_24",
3
+ "open": "_open_1u5wub4_36",
4
+ "enabled": "_enabled_1u5wub4_41",
5
+ "disabled": "_disabled_1u5wub4_45",
6
+ "focused": "_focused_1u5wub4_49",
7
+ "searchFocused": "_searchFocused_1u5wub4_50",
8
+ "sizeL": "_sizeL_1u5wub4_56",
9
+ "sizeM": "_sizeM_1u5wub4_59",
10
+ "rs-reset-letter-spacing": "_rs-reset-letter-spacing_1u5wub4_1",
11
+ "sizeS": "_sizeS_1u5wub4_62",
12
+ "isMulti": "_isMulti_1u5wub4_136",
13
+ "error": "_error_1u5wub4_69",
14
+ "notSelected": "_notSelected_1u5wub4_144",
15
+ "themeLight": "_themeLight_1u5wub4_148",
16
+ "searchKeyFocused": "_searchKeyFocused_1u5wub4_154",
17
+ "rock": "_rock_1u5wub4_168",
18
+ "toggle": "_toggle_1u5wub4_173",
19
+ "labelWrapper": "_labelWrapper_1u5wub4_177",
20
+ "themeDark": "_themeDark_1u5wub4_199",
21
+ "label": "_label_1u5wub4_177",
22
+ "iconsWrapper": "_iconsWrapper_1u5wub4_285",
23
+ "searchInput": "_searchInput_1u5wub4_340",
24
+ "multi": "_multi_1u5wub4_366",
25
+ "tagsContainer": "_tagsContainer_1u5wub4_375",
26
+ "tag": "_tag_1u5wub4_375",
27
+ "icon": "_icon_1u5wub4_285",
28
+ "clearIcon": "_clearIcon_1u5wub4_490"
29
29
  };
30
30
  export { styles as default };
package/lib/select.d.ts CHANGED
@@ -81,6 +81,7 @@ export interface SelectProps {
81
81
  * Input name attribute
82
82
  */
83
83
  name?: string;
84
+ boldLabel?: boolean;
84
85
  }
85
86
  declare const Select: React.FC<SelectProps>;
86
87
  export default Select;
package/lib/select.js CHANGED
@@ -3,7 +3,7 @@ import "core-js/modules/web.dom-collections.for-each.js";
3
3
  import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
4
4
  import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
5
5
  import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
6
- var _excluded = ["options", "size", "mode", "theme", "className", "value", "onChange", "placeholder", "isClearable", "isLoading", "isDisabled", "isSearchable", "noOptionsMessage", "placement"];
6
+ var _excluded = ["options", "size", "mode", "theme", "className", "value", "onChange", "placeholder", "isClearable", "isLoading", "isDisabled", "isSearchable", "noOptionsMessage", "placement", "boldLabel"];
7
7
 
8
8
  function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
9
9
 
@@ -135,6 +135,7 @@ var Select = function Select(_ref2) {
135
135
  noOptionsMessage = _ref2.noOptionsMessage,
136
136
  _ref2$placement = _ref2.placement,
137
137
  placement = _ref2$placement === void 0 ? 'bottom' : _ref2$placement,
138
+ boldLabel = _ref2.boldLabel,
138
139
  restProps = _objectWithoutProperties(_ref2, _excluded);
139
140
 
140
141
  var theme = useTheme(themeFromProps);
@@ -360,7 +361,8 @@ var Select = function Select(_ref2) {
360
361
  error: restProps.error,
361
362
  label: restProps.label,
362
363
  note: restProps.note,
363
- onKeyDown: handleTriggerKeyDown
364
+ onKeyDown: handleTriggerKeyDown,
365
+ boldLabel: boldLabel
364
366
  }, restProps.name && /*#__PURE__*/React.createElement("input", {
365
367
  type: "hidden",
366
368
  name: restProps.name,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/select",
3
- "version": "0.3.9",
3
+ "version": "0.4.1",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -16,10 +16,10 @@
16
16
  "dependencies": {
17
17
  "@babel/runtime-corejs3": "^7.14.0",
18
18
  "@juggle/resize-observer": "3.3.0",
19
- "@rescui/dropdown": "^0.4.0",
20
- "@rescui/icons": "^0.10.3",
21
- "@rescui/menu": "^0.8.0",
22
- "@rescui/tag": "^0.5.0",
19
+ "@rescui/dropdown": "^0.4.2",
20
+ "@rescui/icons": "^0.10.5",
21
+ "@rescui/menu": "^0.8.2",
22
+ "@rescui/tag": "^0.5.2",
23
23
  "classnames": "^2.2.6",
24
24
  "core-js": "^3.9.1",
25
25
  "just-throttle": "^4.0.1",
@@ -34,7 +34,7 @@
34
34
  "@rescui/colors": "^0.1.5",
35
35
  "@rescui/postcss-preset-library": "^0.1.0",
36
36
  "@rescui/scripts": "^0.1.7",
37
- "@rescui/typography": "^0.8.3",
37
+ "@rescui/typography": "^0.9.1",
38
38
  "@rescui/visual-regression": "^0.0.4",
39
39
  "postcss": "^8.3.0",
40
40
  "sniffr": "^1.2.0"
@@ -42,5 +42,5 @@
42
42
  "scripts": {
43
43
  "build": "rescui-scripts build --css-modules"
44
44
  },
45
- "gitHead": "580767df989f48f595606dd195c70c643ff4473f"
45
+ "gitHead": "ea688b60033d202e0eac03b46488d984730d638f"
46
46
  }