@pixum/combobox 0.24.0 → 0.26.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 (6) hide show
  1. package/CHANGELOG.md +22 -0
  2. package/lib/ComboBox.js +7 -2
  3. package/lib/ComboBox.js.map +1 -1
  4. package/lib/helper/scrollOptionToViewport.js +1 -7
  5. package/lib/helper/scrollOptionToViewport.js.map +1 -1
  6. package/package.json +2 -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.26.0](https://git.pixum.net/design-system/component-library/compare/@pixum/combobox@0.25.0...@pixum/combobox@0.26.0) (2023-07-25)
7
+
8
+
9
+ ### Features
10
+
11
+ * **combobox:** fix bg color for the search input field on mobil ([13ab11c](https://git.pixum.net/design-system/component-library/commits/13ab11c81f576ef08e40b1d3f92dcd737c44f7ea))
12
+
13
+
14
+
15
+
16
+
17
+ # [0.25.0](https://git.pixum.net/design-system/component-library/compare/@pixum/combobox@0.24.0...@pixum/combobox@0.25.0) (2023-07-25)
18
+
19
+
20
+ ### Features
21
+
22
+ * **combobox:** fix the scroll to element ([01d88fc](https://git.pixum.net/design-system/component-library/commits/01d88fc08ece7a075a4f4d339b0547cc7c6ac38a))
23
+
24
+
25
+
26
+
27
+
6
28
  # [0.24.0](https://git.pixum.net/design-system/component-library/compare/@pixum/combobox@0.23.0...@pixum/combobox@0.24.0) (2023-07-25)
7
29
 
8
30
 
package/lib/ComboBox.js CHANGED
@@ -38,7 +38,8 @@ var ComboBox = function (_a) {
38
38
  var isDesktop = (0, useIsDesktop_1.useIsDesktop)();
39
39
  var _j = (0, react_2.useState)(''), searchQuery = _j[0], setSearchQuery = _j[1];
40
40
  var _k = (0, react_2.useState)(''), selectedValue = _k[0], setSelectedValue = _k[1];
41
- var _l = (0, react_2.useState)(open), isOpen = _l[0], setIsOpen = _l[1];
41
+ var _l = (0, react_2.useState)(placeholder), inputPlaceholder = _l[0], setPlaceholder = _l[1];
42
+ var _m = (0, react_2.useState)(open), isOpen = _m[0], setIsOpen = _m[1];
42
43
  var optionsExist = Object.keys(options).length > 0;
43
44
  var defaultValue = !selectedValue && value ? value : selectedValue;
44
45
  (0, react_1.useEffect)(function () {
@@ -63,6 +64,7 @@ var ComboBox = function (_a) {
63
64
  onOutsideClick();
64
65
  };
65
66
  var handleClickOutside = function (event) {
67
+ setPlaceholder(placeholder);
66
68
  if (comboBoxRef.current &&
67
69
  !comboBoxRef.current.contains(event.target)) {
68
70
  clearAndClose();
@@ -84,6 +86,9 @@ var ComboBox = function (_a) {
84
86
  var NoResultsTextComponent = function () {
85
87
  return (react_1.default.createElement(text_1.default, { variant: "subheadline", className: "combobox--no-results-text" }, noResultsText));
86
88
  };
89
+ var removePlaceholder = function () {
90
+ setPlaceholder('');
91
+ };
87
92
  var handleKeyDown = function (e) {
88
93
  var _a;
89
94
  if (e.key === 'Tab') {
@@ -106,7 +111,7 @@ var ComboBox = function (_a) {
106
111
  !isDesktop && isOpen && (react_1.default.createElement(bottom_sheet_1.default, { open: isOpen, onClose: handleBottomSheetOnClose },
107
112
  react_1.default.createElement("div", { className: "combobox--header" },
108
113
  react_1.default.createElement(text_1.default, { variant: "headline", className: "combobox--headline" }, headline),
109
- react_1.default.createElement(user_input_1.SmallSearchInput, { value: searchQuery, pattern: searchPattern, onChange: handleChange, onClear: handleClearInput, placeholder: placeholder, inputMode: inputMode, show: isOpen, autoFocus: true, isCompact: true })),
114
+ react_1.default.createElement(user_input_1.SmallSearchInput, { value: searchQuery, pattern: searchPattern, onChange: handleChange, onClear: handleClearInput, onFocus: function () { return removePlaceholder(); }, placeholder: inputPlaceholder, inputMode: inputMode, show: isOpen, isCompact: true })),
110
115
  react_1.default.createElement("div", { className: "combobox__options scrollable" }, optionsExist ? (react_1.default.createElement(ComboBoxOptions_1.default, { options: options, onClick: handleOptionItemClick, selectedOption: defaultValue })) : (react_1.default.createElement(NoResultsTextComponent, null)))))));
111
116
  };
112
117
  exports.default = ComboBox;
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":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAgD;AAChD,8CAAuB;AAEvB,wBAAqB;AACrB,gDAAiE;AACjE,sDAAoD;AACpD,+BAAgC;AAChC,qEAA6C;AAC7C,qDAA8B;AAC9B,sEAA+C;AAC/C,qDAA8B;AAE9B,IAAM,QAAQ,GAA4B,UAAC,EAgB1C;QAfC,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,yBAA4B,EAA5B,iBAAiB,mBAAG,cAAO,CAAC,KAAA,EAC5B,YAAY,kBAAA,EACZ,qBAAkB,EAAlB,aAAa,mBAAG,EAAE,KAAA,EAClB,YAAY,EAAZ,IAAI,mBAAG,KAAK,KAAA,EACZ,OAAO,aAAA,EACP,WAAW,iBAAA,EACX,KAAK,WAAA,EACL,SAAS,eAAA,EACT,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,EAAE,CAAC,EAA/C,aAAa,QAAA,EAAE,gBAAgB,QAAgB,CAAA;IAChD,IAAA,KAAqC,IAAA,gBAAQ,EAAC,WAAW,CAAC,EAAzD,gBAAgB,QAAA,EAAE,cAAc,QAAyB,CAAA;IAC1D,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;IACpD,IAAM,YAAY,GAAG,CAAC,aAAa,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa,CAAA;IAEpE,IAAA,iBAAS,EAAC;QACR,CAAC,MAAM,KAAI,YAAY,aAAZ,YAAY,uBAAZ,YAAY,EAAI,CAAA,CAAA;IAC7B,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAEZ,IAAM,YAAY,GAAG,UAAC,CAAsC;QAClD,IAAO,WAAW,GAAK,CAAC,CAAC,MAAM,MAAb,CAAa;QAEvC,cAAc,CAAC,WAAW,CAAC,CAAA;QAC3B,QAAQ,CAAC,WAAW,CAAC,CAAA;IACvB,CAAC,CAAA;IAED,IAAM,gBAAgB,GAAG;QACvB,SAAS,CAAC,IAAI,CAAC,CAAA;QACf,cAAc,CAAC,EAAE,CAAC,CAAA;QAClB,OAAO,EAAE,CAAA;IACX,CAAC,CAAA;IAED,IAAM,sBAAsB,GAAG;QAC7B,gBAAgB,EAAE,CAAA;IACpB,CAAC,CAAA;IAED,IAAM,aAAa,GAAG;QACpB,SAAS,CAAC,KAAK,CAAC,CAAA;QAChB,cAAc,CAAC,EAAE,CAAC,CAAA;QAClB,cAAc,EAAE,CAAA;IAClB,CAAC,CAAA;IAED,IAAM,kBAAkB,GAAG,UAAC,KAAiB;QAC3C,cAAc,CAAC,WAAW,CAAC,CAAA;QAC3B,IACE,WAAW,CAAC,OAAO;YACnB,CAAC,WAAW,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,EACnD;YACA,aAAa,EAAE,CAAA;SAChB;IACH,CAAC,CAAA;IAED,IAAM,wBAAwB,GAAG;QAC/B,SAAS,CAAC,KAAK,CAAC,CAAA;IAClB,CAAC,CAAA;IAED,IAAM,qBAAqB,GAAG,UAAC,WAAoB;QACjD,IAAI,WAAW,EAAE;YACf,gBAAgB,CAAC,WAAW,CAAC,CAAA;YAC7B,iBAAiB,CAAC,WAAW,CAAC,CAAA;SAC/B;QAED,SAAS,CAAC,KAAK,CAAC,CAAA;IAClB,CAAC,CAAA;IAED,IAAM,kBAAkB,GAAG;QACzB,aAAa,EAAE,CAAA;IACjB,CAAC,CAAA;IAED,IAAM,sBAAsB,GAAG;QAC7B,OAAO,CACL,8BAAC,cAAI,IAAC,OAAO,EAAC,aAAa,EAAC,SAAS,EAAC,2BAA2B,IAC9D,aAAa,CACT,CACR,CAAA;IACH,CAAC,CAAA;IAED,IAAM,iBAAiB,GAAG;QACxB,cAAc,CAAC,EAAE,CAAC,CAAA;IACpB,CAAC,CAAA;IAED,IAAM,aAAa,GAAG,UAAC,CAAwC;;QAC7D,IAAI,CAAC,CAAC,GAAG,KAAK,KAAK,EAAE;YACjB,CAAC,CAAC,cAAc,EAAE,CAAC;YACrB,MAAC,QAAQ,CAAC,aAAa,CAAC,+BAA+B,CAAiB,0CAAE,KAAK,EAAE,CAAC;SACnF;IACH,CAAC,CAAA;IAED,IAAA,iBAAS,EAAC;QACR,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAA;QAE1D,OAAO;YACL,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAA;QAC/D,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CACL;QACG,CAAC,MAAM,IAAI,CACV,8BAAC,wBAAW,IACV,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,YAAY,EACnB,OAAO,EAAE,sBAAsB,EAC/B,SAAS,QACT,QAAQ,SACR,CACH;QACA,SAAS,IAAI,MAAM,IAAI,CACtB,uCAAK,SAAS,EAAE,IAAA,cAAI,EAAC,UAAU,EAAE,SAAS,CAAC,EAAE,GAAG,EAAE,WAAW;YAC3D,8BAAC,6BAAgB,IACf,KAAK,EAAE,WAAW,EAClB,OAAO,EAAE,aAAa,EACtB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,gBAAgB,EACzB,SAAS,EAAE,aAAa,EACxB,YAAY,EAAE,kBAAkB,EAChC,IAAI,EAAE,MAAM,EACZ,SAAS,EAAE,SAAS,EACpB,SAAS,QACT,SAAS,SACT;YAEF,8BAAC,cAAI,IAAC,SAAS,EAAE,IAAA,cAAI,EAAC,mBAAmB,CAAC,IACvC,YAAY,CAAC,CAAC,CAAC,CACd,8BAAC,yBAAe,IACd,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,qBAAqB,EAC9B,cAAc,EAAE,YAAY,GAC5B,CACH,CAAC,CAAC,CAAC,CACF,8BAAC,sBAAsB,OAAG,CAC3B,CACI;YACP,0CAAO,CACH,CACP;QACA,CAAC,SAAS,IAAI,MAAM,IAAI,CACvB,8BAAC,sBAAW,IAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,wBAAwB;YAC1D,uCAAK,SAAS,EAAC,kBAAkB;gBAC/B,8BAAC,cAAI,IAAC,OAAO,EAAC,UAAU,EAAC,SAAS,EAAC,oBAAoB,IACpD,QAAQ,CACJ;gBACP,8BAAC,6BAAgB,IACf,KAAK,EAAE,WAAW,EAClB,OAAO,EAAE,aAAa,EACtB,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,gBAAgB,EACzB,OAAO,EAAE,cAAM,OAAA,iBAAiB,EAAE,EAAnB,CAAmB,EAClC,WAAW,EAAE,gBAAgB,EAC7B,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,MAAM,EACZ,SAAS,SACT,CACE;YACN,uCAAK,SAAS,EAAC,8BAA8B,IAC1C,YAAY,CAAC,CAAC,CAAC,CACd,8BAAC,yBAAe,IACd,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,qBAAqB,EAC9B,cAAc,EAAE,YAAY,GAC5B,CACH,CAAC,CAAC,CAAC,CACF,8BAAC,sBAAsB,OAAG,CAC3B,CACG,CACM,CACf,CACA,CACJ,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,QAAQ,CAAA"}
package/lib/helper/scrollOptionToViewport.js CHANGED
@@ -3,18 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.scrollOptionToViewport = void 0;
4
4
  var scrollOptionToViewport = function (isDesktop) {
5
5
  var selectedOption = document.querySelector('.menu-item.selected');
6
- var selectedOptionHeadline = document.querySelector('.sticky-header.text--headline');
7
6
  var container = isDesktop ? document.querySelector('.menu') :
8
7
  document.querySelector('.combobox__options');
9
- var additionalOffset = !isDesktop && selectedOptionHeadline ? 10 : 0;
10
8
  if (selectedOption && container) {
11
9
  var selectedOptionHeight = selectedOption.offsetHeight;
12
10
  var selectedOptionOffsetTop = selectedOption.offsetTop;
13
- var selectedOptionOffsetBottom = (selectedOptionOffsetTop - selectedOptionHeight) + additionalOffset;
14
- container.scrollTo({
15
- behavior: 'smooth',
16
- top: selectedOptionOffsetBottom,
17
- });
11
+ container.scrollTop = selectedOptionOffsetTop - (container.offsetHeight / 2) + (selectedOptionHeight / 2);
18
12
  }
19
13
  };
20
14
  exports.scrollOptionToViewport = scrollOptionToViewport;
package/lib/helper/scrollOptionToViewport.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"scrollOptionToViewport.js","sourceRoot":"","sources":["../../src/helper/scrollOptionToViewport.ts"],"names":[],"mappings":";;;AAAO,IAAM,sBAAsB,GAAG,UAAC,SAAkB;IACrD,IAAM,cAAc,GAAG,QAAQ,CAAC,aAAa,CAAC,qBAAqB,CAAgB,CAAA;IACnF,IAAM,sBAAsB,GAAG,QAAQ,CAAC,aAAa,CAAC,+BAA+B,CAAgB,CAAA;IACrG,IAAM,SAAS,GAAG,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAgB,CAAC,CAAC;QAC1E,QAAQ,CAAC,aAAa,CAAC,oBAAoB,CAAgB,CAAA;IAC/D,IAAM,gBAAgB,GAAG,CAAC,SAAS,IAAI,sBAAsB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;IAEtE,IAAI,cAAc,IAAI,SAAS,EAAE;QAC7B,IAAM,oBAAoB,GAAG,cAAc,CAAC,YAAY,CAAA;QACxD,IAAM,uBAAuB,GAAG,cAAc,CAAC,SAAS,CAAA;QACxD,IAAM,0BAA0B,GAAG,CAAC,uBAAuB,GAAG,oBAAoB,CAAC,GAAG,gBAAgB,CAAA;QAEtG,SAAS,CAAC,QAAQ,CAAC;YACf,QAAQ,EAAE,QAAQ;YAClB,GAAG,EAAE,0BAA0B;SAClC,CAAC,CAAA;KACL;AACL,CAAC,CAAA;AAjBY,QAAA,sBAAsB,0BAiBlC"}
1
+ {"version":3,"file":"scrollOptionToViewport.js","sourceRoot":"","sources":["../../src/helper/scrollOptionToViewport.ts"],"names":[],"mappings":";;;AAAO,IAAM,sBAAsB,GAAG,UAAC,SAAkB;IACrD,IAAM,cAAc,GAAG,QAAQ,CAAC,aAAa,CAAC,qBAAqB,CAAgB,CAAC;IACpF,IAAM,SAAS,GAAG,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAgB,CAAC,CAAC;QAC1E,QAAQ,CAAC,aAAa,CAAC,oBAAoB,CAAgB,CAAA;IAE/D,IAAI,cAAc,IAAI,SAAS,EAAE;QAC7B,IAAM,oBAAoB,GAAG,cAAc,CAAC,YAAY,CAAC;QACzD,IAAM,uBAAuB,GAAG,cAAc,CAAC,SAAS,CAAC;QAEzD,SAAS,CAAC,SAAS,GAAG,uBAAuB,GAAG,CAAC,SAAS,CAAC,YAAY,GAAG,CAAC,CAAC,GAAG,CAAC,oBAAoB,GAAG,CAAC,CAAC,CAAC;KAC7G;AACL,CAAC,CAAA;AAXY,QAAA,sBAAsB,0BAWlC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pixum/combobox",
3
- "version": "0.24.0",
3
+ "version": "0.26.0",
4
4
  "main": "lib/index.js",
5
5
  "module": "lib/index.js",
6
6
  "license": "UNLICENSED",
@@ -17,5 +17,5 @@
17
17
  "files": [
18
18
  "lib"
19
19
  ],
20
- "gitHead": "79bbe1ec2756b3488e4daa042102d18e269f2a8b"
20
+ "gitHead": "392bbe17a288e1256e0735953bb8d6837260b8b2"
21
21
  }