@pixum/combobox 0.7.0 → 0.9.0

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 (5) hide show
  1. package/CHANGELOG.md +22 -0
  2. package/lib/ComboBox.js +4 -1
  3. package/lib/ComboBox.js.map +1 -1
  4. package/lib/styles.css +1 -1
  5. package/package.json +3 -2
package/CHANGELOG.md CHANGED
@@ -3,6 +3,28 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ # [0.9.0](https://git.pixum.net/design-system/component-library/compare/@pixum/combobox@0.8.0...@pixum/combobox@0.9.0) (2023-07-18)
7
+
8
+
9
+ ### Features
10
+
11
+ * **combobox:** generate new version ([f1f3f33](https://git.pixum.net/design-system/component-library/commits/f1f3f334ae96fd2fd6c522436bc97d5aa55ff99b))
12
+
13
+
14
+
15
+
16
+
17
+ # [0.8.0](https://git.pixum.net/design-system/component-library/compare/@pixum/combobox@0.7.0...@pixum/combobox@0.8.0) (2023-07-18)
18
+
19
+
20
+ ### Features
21
+
22
+ * **combobox:** fix select is compact and selected value ([808aa23](https://git.pixum.net/design-system/component-library/commits/808aa234fc43fe055a77a528c21022144f695fc0))
23
+
24
+
25
+
26
+
27
+
6
28
  # [0.7.0](https://git.pixum.net/design-system/component-library/compare/@pixum/combobox@0.6.0...@pixum/combobox@0.7.0) (2023-07-18)
7
29
 
8
30
 
package/lib/ComboBox.js CHANGED
@@ -73,6 +73,9 @@ var ComboBox = function (_a) {
73
73
  return react_1.default.createElement(text_1.default, { variant: "subheadline", className: "combobox--no-results-text" }, noResultsText);
74
74
  };
75
75
  (0, react_1.useEffect)(function () {
76
+ if (value !== selectedValue) {
77
+ setSelectedValue(value);
78
+ }
76
79
  document.addEventListener("mousedown", handleClickOutside);
77
80
  return function () {
78
81
  document.removeEventListener("mousedown", handleClickOutside);
@@ -80,7 +83,7 @@ var ComboBox = function (_a) {
80
83
  }, []);
81
84
  return (react_1.default.createElement(react_1.default.Fragment, null,
82
85
  !isOpen &&
83
- react_1.default.createElement(user_input_1.SelectInput, { label: label, value: selectedValue, onClick: handleSelectInputClick, readOnly: true }),
86
+ react_1.default.createElement(user_input_1.SelectInput, { label: label, value: selectedValue, onClick: handleSelectInputClick, isCompact: true, readOnly: true }),
84
87
  isDesktop && isOpen &&
85
88
  react_1.default.createElement("div", { className: (0, clsx_1.default)("combobox", className), ref: comboBoxRef },
86
89
  react_1.default.createElement(user_input_1.SmallSearchInput, { value: searchQuery, pattern: searchPattern, label: label, onChange: handleChange, onClear: handleClearInput, show: isOpen, autoFocus: true }),
package/lib/ComboBox.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ComboBox.js","sourceRoot":"","sources":["../src/ComboBox.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"ComboBox.js","sourceRoot":"","sources":["../src/ComboBox.tsx"],"names":[],"mappings":"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"}
package/lib/styles.css CHANGED
@@ -1 +1 @@
1
- .combobox{width:100%;position:relative}.combobox--headline[class*=text--]{margin-bottom:var(--spacing-2)}.combobox--header,.combobox__options{position:relative}.combobox--header{width:100%;align-items:flex-start;flex-direction:column;gap:var(--spacing-1_5);height:auto;padding:var(--spacing-3) var(--spacing) var(--spacing)}.combobox__options{width:100%;max-height:none;display:flex;flex-direction:column;overflow:scroll;height:100vh}.combobox .user-input__label-container{align-self:baseline;padding-left:var(--spacing-2)}.combobox__options .menu-item[data-background-color=default],.combobox__options .sticky-header{padding-left:0}.combobox .search.user-input__compact{margin-bottom:var(--spacing-2)}.combobox__options .sticky-header{position:-webkit-sticky;position:sticky;top:0;background-color:var(--palette-white);padding:var(--spacing) var(--spacing) 0}.combobox__options .menu-item[data-background-color=default]{padding:var(--spacing)}.combobox__options .text--caption{color:var(--color-on-secondary)}.combobox__options .item-header{display:flex;justify-content:space-between}.combobox .user-input__label.user-input__label--active{color:var(--color-on)}.combobox--no-results-text{text-align:center;padding:var(--spacing-2) var(--spacing)}@media screen and (min-width:960px){.combobox__options{max-height:330px}.combobox .user-input__label-container{padding-left:0}.combobox .search.user-input__compact{margin-bottom:0}}
1
+ .combobox{width:100%;position:relative}.combobox--headline[class*=text--]{margin-bottom:var(--spacing-2)}.combobox--header,.combobox__options{position:relative}.combobox--header{width:100%;align-items:flex-start;flex-direction:column;gap:var(--spacing-1_5);height:auto;padding:var(--spacing-3) var(--spacing) var(--spacing)}.combobox__options{width:100%;max-height:none;display:flex;flex-direction:column;overflow:scroll;height:100vh}.combobox .user-input__label-container{align-self:baseline;padding-left:var(--spacing-2)}.combobox__options .menu-item[data-background-color=default],.combobox__options .sticky-header{padding-left:0}.combobox .search.user-input__compact{margin-bottom:var(--spacing-2)}.combobox__options .sticky-header{position:-webkit-sticky;position:sticky;top:0;padding:var(--spacing) var(--spacing) 0;background-color:var(--palette-white)}.combobox__options .menu-item[data-background-color=default]{padding:var(--spacing)}.combobox__options .text--caption{color:var(--color-on-secondary)}.combobox__options .item-header{display:flex;justify-content:space-between}.combobox .user-input__label.user-input__label--active{color:var(--color-on)}.combobox--no-results-text{text-align:center;padding:var(--spacing-2) var(--spacing)}@media screen and (min-width:960px){.combobox__options{max-height:330px}.combobox .user-input__label-container{padding-left:0}.combobox .search.user-input__compact{margin-bottom:0}}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pixum/combobox",
3
- "version": "0.7.0",
3
+ "version": "0.9.0",
4
4
  "main": "lib/index.js",
5
5
  "module": "lib/index.js",
6
6
  "license": "UNLICENSED",
@@ -9,11 +9,12 @@
9
9
  "@pixum/bottom-sheet": "^1.2.0",
10
10
  "@pixum/menu": "^2.1.0",
11
11
  "@pixum/menu-item": "^0.9.0",
12
+ "@pixum/svg-icon": "^1.14.4",
12
13
  "@pixum/text": "^1.2.2",
13
14
  "@pixum/user-input": "^0.5.0"
14
15
  },
15
16
  "files": [
16
17
  "lib"
17
18
  ],
18
- "gitHead": "7f78b0b0a5eb8d0de508626974e96c046152a8f4"
19
+ "gitHead": "fb11aa2a61d65e55fd3053e397b94d7facab2a7c"
19
20
  }