@pixum/combobox 0.4.0 → 0.5.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.
package/CHANGELOG.md CHANGED
@@ -3,6 +3,19 @@
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.5.0](https://git.pixum.net/design-system/component-library/compare/@pixum/combobox@0.4.0...@pixum/combobox@0.5.0) (2023-07-18)
7
+
8
+
9
+ ### Features
10
+
11
+ * **combobox:** fix export and onclick issue ([037570e](https://git.pixum.net/design-system/component-library/commits/037570e64f47f9974d7b305525cc190798bc09f3))
12
+ * **combobox:** fix issues after migrate the component ([019cb85](https://git.pixum.net/design-system/component-library/commits/019cb85d0fce0ba60dff5a7c96bc70e712702218))
13
+ * **combobox:** fix issues after migrate the component ([08cb4a2](https://git.pixum.net/design-system/component-library/commits/08cb4a2410d0eba51fa7acf778dd4cf81cf31859))
14
+
15
+
16
+
17
+
18
+
6
19
  # [0.4.0](https://git.pixum.net/design-system/component-library/compare/@pixum/combobox@0.3.0...@pixum/combobox@0.4.0) (2023-07-17)
7
20
 
8
21
 
package/lib/ComboBox.js CHANGED
@@ -33,12 +33,12 @@ var menu_1 = __importDefault(require("@pixum/menu"));
33
33
  var ComboBoxOptions_1 = __importDefault(require("./ComboBoxOptions"));
34
34
  var text_1 = __importDefault(require("@pixum/text"));
35
35
  var ComboBox = function (_a) {
36
- var _b = _a.className, className = _b === void 0 ? '' : _b, headline = _a.headline, label = _a.label, _c = _a.onFocus, onFocus = _c === void 0 ? function () { } : _c, _d = _a.onChange, onChange = _d === void 0 ? function () { } : _d, _e = _a.onOutsideClick, onOutsideClick = _e === void 0 ? function () { } : _e, _f = _a.searchPattern, searchPattern = _f === void 0 ? "" : _f, _g = _a.open, open = _g === void 0 ? false : _g, options = _a.options, value = _a.value, noResultsText = _a.noResultsText;
36
+ var _b = _a.className, className = _b === void 0 ? '' : _b, headline = _a.headline, label = _a.label, _c = _a.onFocus, onFocus = _c === void 0 ? function () { } : _c, _d = _a.onChange, onChange = _d === void 0 ? function () { } : _d, _e = _a.onOutsideClick, onOutsideClick = _e === void 0 ? function () { } : _e, _f = _a.onOptionItemClick, onOptionItemClick = _f === void 0 ? function () { } : _f, _g = _a.searchPattern, searchPattern = _g === void 0 ? "" : _g, _h = _a.open, open = _h === void 0 ? false : _h, options = _a.options, value = _a.value, noResultsText = _a.noResultsText;
37
37
  var comboBoxRef = (0, react_1.useRef)(null);
38
38
  var isDesktop = (0, useIsDesktop_1.useIsDesktop)();
39
- var _h = (0, react_2.useState)(''), searchQuery = _h[0], setSearchQuery = _h[1];
40
- var _j = (0, react_2.useState)(value), selectedValue = _j[0], setSelectedValue = _j[1];
41
- var _k = (0, react_2.useState)(open), isOpen = _k[0], setIsOpen = _k[1];
39
+ var _j = (0, react_2.useState)(''), searchQuery = _j[0], setSearchQuery = _j[1];
40
+ var _k = (0, react_2.useState)(value), selectedValue = _k[0], setSelectedValue = _k[1];
41
+ var _l = (0, react_2.useState)(open), isOpen = _l[0], setIsOpen = _l[1];
42
42
  var optionsExist = Object.keys(options).length > 0;
43
43
  var handleChange = function (e) {
44
44
  setSearchQuery(e.target.value);
@@ -62,12 +62,15 @@ var ComboBox = function (_a) {
62
62
  var handleBottomSheetOnClose = function () {
63
63
  setIsOpen(false);
64
64
  };
65
- var onOptionItemClick = function (value) {
65
+ var handleOptionItemClick = function (value) {
66
66
  setSelectedValue(value);
67
67
  setIsOpen(false);
68
+ if (value) {
69
+ onOptionItemClick(value);
70
+ }
68
71
  };
69
- var NoResultsTextCompoennt = function () {
70
- return react_1.default.createElement(text_1.default, { variant: "headline", className: "combobox--no-results-text" }, noResultsText);
72
+ var NoResultsTextComponent = function () {
73
+ return react_1.default.createElement(text_1.default, { variant: "subheadline", className: "combobox--no-results-text" }, noResultsText);
71
74
  };
72
75
  (0, react_1.useEffect)(function () {
73
76
  document.addEventListener("mousedown", handleClickOutside);
@@ -82,9 +85,9 @@ var ComboBox = function (_a) {
82
85
  react_1.default.createElement("div", { className: (0, clsx_1.default)("combobox", className), ref: comboBoxRef },
83
86
  react_1.default.createElement(user_input_1.SmallSearchInput, { value: searchQuery, pattern: searchPattern, label: label, onChange: handleChange, onClear: handleClearInput, show: isOpen, autoFocus: true }),
84
87
  react_1.default.createElement(menu_1.default, { className: (0, clsx_1.default)('combobox__options') }, optionsExist ?
85
- react_1.default.createElement(ComboBoxOptions_1.default, { options: options, onClick: onOptionItemClick, selectedOption: selectedValue })
88
+ react_1.default.createElement(ComboBoxOptions_1.default, { options: options, onClick: handleOptionItemClick, selectedOption: selectedValue })
86
89
  :
87
- react_1.default.createElement(NoResultsTextCompoennt, null)),
90
+ react_1.default.createElement(NoResultsTextComponent, null)),
88
91
  react_1.default.createElement("div", null)),
89
92
  !isDesktop && isOpen &&
90
93
  react_1.default.createElement(bottom_sheet_1.default, { open: isOpen, onClose: handleBottomSheetOnClose },
@@ -92,9 +95,9 @@ var ComboBox = function (_a) {
92
95
  react_1.default.createElement(text_1.default, { variant: "headline", className: "combobox--headline" }, headline),
93
96
  react_1.default.createElement(user_input_1.SmallSearchInput, { value: searchQuery, pattern: searchPattern, onChange: handleChange, onClear: handleClearInput, show: isOpen, autoFocus: true })),
94
97
  react_1.default.createElement("div", { className: "combobox__options" }, optionsExist ?
95
- react_1.default.createElement(ComboBoxOptions_1.default, { options: options, onClick: onOptionItemClick, selectedOption: selectedValue })
98
+ react_1.default.createElement(ComboBoxOptions_1.default, { options: options, onClick: handleOptionItemClick, selectedOption: selectedValue })
96
99
  :
97
- react_1.default.createElement(NoResultsTextCompoennt, null)))));
100
+ react_1.default.createElement(NoResultsTextComponent, null)))));
98
101
  };
99
102
  exports.default = ComboBox;
100
103
  //# sourceMappingURL=ComboBox.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ComboBox.js","sourceRoot":"","sources":["../src/ComboBox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA8C;AAC9C,8CAAuB;AAEvB,wBAAsB;AACtB,gDAA+D;AAC/D,sDAAoD;AACpD,+BAA+B;AAC/B,qEAA6C;AAC7C,qDAA+B;AAC/B,sEAA+C;AAC/C,qDAA+B;AAE/B,IAAM,QAAQ,GAA4B,UAAC,EAY1C;QAXG,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,eAAkB,EAAlB,OAAO,mBAAG,cAAO,CAAC,KAAA,EAClB,gBAAmB,EAAnB,QAAQ,mBAAG,cAAO,CAAC,KAAA,EACnB,sBAAyB,EAAzB,cAAc,mBAAG,cAAO,CAAC,KAAA,EACzB,qBAAkB,EAAlB,aAAa,mBAAG,EAAE,KAAA,EAClB,YAAW,EAAX,IAAI,mBAAE,KAAK,KAAA,EACX,OAAO,aAAA,EACP,KAAK,WAAA,EACL,aAAa,mBAAA;IAEb,IAAM,WAAW,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAA;IAChD,IAAM,SAAS,GAAG,IAAA,2BAAY,GAAE,CAAA;IAC1B,IAAA,KAAgC,IAAA,gBAAQ,EAAC,EAAE,CAAC,EAA3C,WAAW,QAAA,EAAE,cAAc,QAAgB,CAAA;IAC5C,IAAA,KAAoC,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAlD,aAAa,QAAA,EAAE,gBAAgB,QAAmB,CAAA;IACnD,IAAA,KAAsB,IAAA,gBAAQ,EAAC,IAAI,CAAC,EAAnC,MAAM,QAAA,EAAE,SAAS,QAAkB,CAAA;IAC1C,IAAM,YAAY,GAAG,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,MAAM,GAAG,CAAC,CAAA;IAEpD,IAAM,YAAY,GAAG,UAAC,CAAsC;QACxD,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;QAC9B,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;IAC5B,CAAC,CAAA;IAED,IAAM,gBAAgB,GAAG;QACrB,SAAS,CAAC,IAAI,CAAC,CAAA;QACf,cAAc,CAAC,EAAE,CAAC,CAAA;QAClB,OAAO,EAAE,CAAA;IACb,CAAC,CAAA;IAED,IAAM,sBAAsB,GAAG;QAC3B,gBAAgB,EAAE,CAAA;IACtB,CAAC,CAAA;IAGD,IAAM,kBAAkB,GAAG,UAAC,KAAiB;QACzC,IAAI,WAAW,CAAC,OAAO,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,EAAE;YAC5E,SAAS,CAAC,KAAK,CAAC,CAAA;YAChB,cAAc,CAAC,EAAE,CAAC,CAAA;YAClB,cAAc,EAAE,CAAA;SACnB;IACL,CAAC,CAAA;IAED,IAAM,wBAAwB,GAAG;QAC7B,SAAS,CAAC,KAAK,CAAC,CAAA;IACpB,CAAC,CAAA;IAED,IAAM,iBAAiB,GAAG,UAAC,KAAuB;QAC9C,gBAAgB,CAAC,KAAK,CAAC,CAAA;QACvB,SAAS,CAAC,KAAK,CAAC,CAAA;IACpB,CAAC,CAAA;IAED,IAAM,sBAAsB,GAAG;QAC3B,OAAO,8BAAC,cAAI,IAAC,OAAO,EAAC,UAAU,EAAC,SAAS,EAAC,2BAA2B,IAAE,aAAa,CAAQ,CAAA;IAChG,CAAC,CAAA;IAED,IAAA,iBAAS,EAAC;QACN,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;QAE3D,OAAO;YACH,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;QAClE,CAAC,CAAC;IACN,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CACH;QACK,CAAC,MAAM;YACJ,8BAAC,wBAAW,IAAC,KAAK,EAAE,KAAK,EACrB,KAAK,EAAE,aAAa,EACpB,OAAO,EAAE,sBAAsB,EAC/B,QAAQ,SACV;QAEL,SAAS,IAAI,MAAM;YAChB,uCAAK,SAAS,EAAE,IAAA,cAAI,EAAC,UAAU,EAAE,SAAS,CAAC,EAAE,GAAG,EAAE,WAAW;gBACzD,8BAAC,6BAAgB,IACb,KAAK,EAAE,WAAW,EAClB,OAAO,EAAE,aAAa,EACtB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,gBAAgB,EACzB,IAAI,EAAE,MAAM,EACZ,SAAS,EAAE,IAAI,GACjB;gBAEF,8BAAC,cAAI,IAAC,SAAS,EAAE,IAAA,cAAI,EAAC,mBAAmB,CAAC,IACrC,YAAY,CAAE,CAAC;oBACZ,8BAAC,yBAAe,IACZ,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,iBAAiB,EAC1B,cAAc,EAAE,aAAa,GAC/B;oBACF,CAAC;wBACD,8BAAC,sBAAsB,OAAG,CAE3B;gBACP,0CAAM,CACJ;QAET,CAAC,SAAS,IAAI,MAAM;YACjB,8BAAC,sBAAW,IAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,wBAAwB;gBACxD,uCAAK,SAAS,EAAC,kBAAkB;oBAC7B,8BAAC,cAAI,IAAC,OAAO,EAAC,UAAU,EAAC,SAAS,EAAC,oBAAoB,IAAE,QAAQ,CAAQ;oBACzE,8BAAC,6BAAgB,IACb,KAAK,EAAE,WAAW,EAClB,OAAO,EAAE,aAAa,EACtB,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,gBAAgB,EACzB,IAAI,EAAE,MAAM,EACZ,SAAS,EAAE,IAAI,GACjB,CACA;gBACN,uCAAK,SAAS,EAAC,mBAAmB,IAC7B,YAAY,CAAE,CAAC;oBACZ,8BAAC,yBAAe,IACZ,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,iBAAiB,EAC1B,cAAc,EAAE,aAAa,GAC/B;oBACF,CAAC;wBACD,8BAAC,sBAAsB,OAAG,CAE5B,CACI,CAEnB,CACN,CAAA;AACL,CAAC,CAAA;AAED,kBAAe,QAAQ,CAAA"}
1
+ {"version":3,"file":"ComboBox.js","sourceRoot":"","sources":["../src/ComboBox.tsx"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"ComboBoxOptions.js","sourceRoot":"","sources":["../src/ComboBoxOptions.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA0C;AAC1C,qDAA+B;AAC/B,+DAAyD;AAEzD,sDAAoD;AACpD,0EAAuE;AAEvE,IAAM,eAAe,GAAmC,UAAC,EAIxD;QAHG,OAAO,aAAA,EACP,cAAc,oBAAA,EACd,OAAO,aAAA;IAEP,IAAM,SAAS,GAAG,IAAA,2BAAY,GAAE,CAAA;IAEhC,IAAM,iBAAiB,GAAG,UAAC,KAAuB;QAC9C,IAAI,KAAK,IAAI,OAAO,EAAE;YAClB,OAAO,CAAC,KAAK,CAAC,CAAA;SACjB;IACL,CAAC,CAAA;IAED,IAAA,iBAAS,EAAC;QACN,IAAA,+CAAsB,EAAC,SAAS,CAAC,CAAA;IACrC,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAEf,OAAO,CACH,8DACK,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,UAAC,EAAc;;YAAb,KAAK,QAAA,EAAE,KAAK,QAAA;QAAM,OAAA,CAC7C,8DACK,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAE,CAAC;YACxB;gBACI,8BAAC,cAAI,IAAC,OAAO,EAAC,UAAU,EAAC,SAAS,EAAC,eAAe,IAAE,KAAK,CAAQ;gBAChE,KAAK,CAAC,GAAG,CAAC,UAAC,IAAmB,EAAE,KAAa;;oBAAK,OAAA,CAC/C,8BAAC,mBAAQ,IAAC,GAAG,EAAE,mBAAiB,KAAK,SAAI,KAAO,EAC9C,SAAS,EAAE,cAAc,KAAK,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,EACzD,OAAO,EAAE,cAAM,OAAA,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,EAA5B,CAA4B,EAC3C,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,YAAY,EAAE;4BACV,IAAI,EAAE,MAAA,IAAI,CAAC,YAAY,0CAAE,IAAI;yBAChC,GACD,CACL,CAAA;iBAAA,CAAC,CACH;YACN,CAAC;gBACE;oBACI,8BAAC,mBAAQ,IAAC,GAAG,EAAE,mBAAiB,KAAK,CAAC,IAAM,EAC1C,SAAS,EAAE,cAAc,KAAK,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,EAC1D,OAAO,EAAE,cAAM,OAAA,iBAAiB,CAAC,KAAK,CAAC,IAAI,CAAC,EAA7B,CAA6B,EAC5C,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,YAAY,EAAE;4BACV,IAAI,EAAE,MAAA,KAAK,CAAC,YAAY,0CAAE,IAAI;yBACjC,GACD,CACH,CAER,CACN,CAAA;KAAA,CAAC,CACH,CACN,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,eAAe,CAAC"}
1
+ {"version":3,"file":"ComboBoxOptions.js","sourceRoot":"","sources":["../src/ComboBoxOptions.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA0C;AAC1C,qDAA+B;AAC/B,+DAAyD;AAEzD,sDAAoD;AACpD,0EAAyE;AAEzE,IAAM,eAAe,GAAmC,UAAC,EAIxD;QAHG,OAAO,aAAA,EACP,cAAc,oBAAA,EACd,OAAO,aAAA;IAEP,IAAM,SAAS,GAAG,IAAA,2BAAY,GAAE,CAAA;IAEhC,IAAM,iBAAiB,GAAG,UAAC,KAAc;QACrC,IAAI,KAAK,IAAI,OAAO,EAAE;YAClB,OAAO,CAAC,KAAK,CAAC,CAAA;SACjB;IACL,CAAC,CAAA;IAED,IAAA,iBAAS,EAAC;QACN,IAAA,+CAAsB,EAAC,SAAS,CAAC,CAAA;IACrC,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAEf,OAAO,CACH,8DACK,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,UAAC,EAAc;;YAAb,KAAK,QAAA,EAAE,KAAK,QAAA;QAAM,OAAA,CAC7C,8DACK,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAE,CAAC;YACxB;gBACI,8BAAC,cAAI,IAAC,OAAO,EAAC,UAAU,EAAC,SAAS,EAAC,eAAe,IAAE,KAAK,CAAQ;gBAChE,KAAK,CAAC,GAAG,CAAC,UAAC,IAAmB,EAAE,KAAa;;oBAAK,OAAA,CAC/C,8BAAC,mBAAQ,IAAC,GAAG,EAAE,mBAAiB,KAAK,SAAI,KAAO,EAC9C,SAAS,EAAE,cAAc,KAAK,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,EACzD,OAAO,EAAE,cAAM,OAAA,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,EAA5B,CAA4B,EAC3C,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,YAAY,EAAE;4BACV,IAAI,EAAE,MAAA,IAAI,CAAC,YAAY,0CAAE,IAAI;yBAChC,GACD,CACL,CAAA;iBAAA,CAAC,CACH;YACN,CAAC;gBACE;oBACI,8BAAC,mBAAQ,IAAC,GAAG,EAAE,mBAAiB,KAAK,CAAC,IAAM,EAC1C,SAAS,EAAE,cAAc,KAAK,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,EAC1D,OAAO,EAAE,cAAM,OAAA,iBAAiB,CAAC,KAAK,CAAC,IAAI,CAAC,EAA7B,CAA6B,EAC5C,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,YAAY,EAAE;4BACV,IAAI,EAAE,MAAA,KAAK,CAAC,YAAY,0CAAE,IAAI;yBACjC,GACD,CACH,CAER,CACN,CAAA;KAAA,CAAC,CACH,CACN,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,eAAe,CAAC"}
package/lib/styles.css CHANGED
@@ -1 +1 @@
1
- .combobox{width:100%;position:relative}.combobox--headline{margin-bottom:var(--spacing-2)}.combobox--header,.combobox__options{position:relative}.combobox--header{width:100%;flex-direction:column;align-items:flex-start;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--active{color:var(--color-on)}.combobox--no-results-text{padding:var(--spacing-2) var(--spacing)}@media screen and (min-width:960px){.combobox__options{display:none;max-height:330px}.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;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{display:none;max-height:330px}.combobox .user-input__label-container{padding-left:0}.combobox .search.user-input__compact{margin-bottom:0}}
package/lib/types.d.ts CHANGED
@@ -1,8 +1,8 @@
1
1
  import { MenuItemProps } from "@pixum/menu-item";
2
2
  interface ComboBoxOptionsProps {
3
3
  options: Record<string, ComboBoxOptionProps[]> | ComboBoxOptionProps[];
4
- selectedOption?: string | number;
5
- onClick?: (index: string | number) => void;
4
+ selectedOption?: string;
5
+ onClick?: (value?: string) => void;
6
6
  }
7
7
  interface ComboBoxProps extends ComboBoxOptionsProps {
8
8
  className?: string;
@@ -11,15 +11,17 @@ interface ComboBoxProps extends ComboBoxOptionsProps {
11
11
  id?: string;
12
12
  label?: string;
13
13
  onChange?: (value: string) => void;
14
+ onOptionItemClick?: (value: string) => void;
14
15
  onOutsideClick?: () => void;
15
16
  onFocus?: () => void;
16
17
  placeholder?: string;
17
18
  searchPattern?: string;
18
19
  open?: boolean;
19
- value?: string | number;
20
+ value?: string;
20
21
  noResultsText?: string;
21
22
  }
22
23
  interface ComboBoxOptionProps extends MenuItemProps {
24
+ key?: string;
23
25
  value: string;
24
26
  }
25
27
  export { ComboBoxProps, ComboBoxOptionProps, ComboBoxOptionsProps };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pixum/combobox",
3
- "version": "0.4.0",
3
+ "version": "0.5.0",
4
4
  "main": "lib/index.js",
5
5
  "module": "lib/index.js",
6
6
  "license": "UNLICENSED",
@@ -8,5 +8,5 @@
8
8
  "files": [
9
9
  "lib"
10
10
  ],
11
- "gitHead": "9deaaf80b8cb047139dee2b5b50a35e281c823d3"
11
+ "gitHead": "4dc031d34350ddc381e20a58e8f7c1f56e77ab30"
12
12
  }