@pixum/combobox 1.0.3 → 1.1.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.
package/CHANGELOG.md
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
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
|
-
## [1.
|
|
6
|
+
## [1.1.1](https://git.pixum.net/design-system/component-library/compare/@pixum/combobox@1.1.0...@pixum/combobox@1.1.1) (2023-10-11)
|
|
7
7
|
|
|
8
8
|
**Note:** Version bump only for package @pixum/combobox
|
|
9
9
|
|
|
@@ -11,6 +11,24 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
|
|
|
11
11
|
|
|
12
12
|
|
|
13
13
|
|
|
14
|
+
# [1.1.0](https://git.pixum.net/design-system/component-library/compare/@pixum/combobox@1.0.3...@pixum/combobox@1.1.0) (2023-10-06)
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
### Features
|
|
18
|
+
|
|
19
|
+
* **combobox:** fix the pipeline error ([22a3227](https://git.pixum.net/design-system/component-library/commits/22a32273961c09f75352b665be06215676b711d8))
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
### Reverts
|
|
23
|
+
|
|
24
|
+
* Revert "chore(react): update to 18" ([a5f7083](https://git.pixum.net/design-system/component-library/commits/a5f708391b0eb74ccbd903a958528a6b192700a7))
|
|
25
|
+
* Revert "Publish" ([80a7a8a](https://git.pixum.net/design-system/component-library/commits/80a7a8a638c2e3480d5bdf224bb53774ebc076c5))
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
|
|
14
32
|
## [1.0.2](https://git.pixum.net/design-system/component-library/compare/@pixum/combobox@1.0.1...@pixum/combobox@1.0.2) (2023-10-06)
|
|
15
33
|
|
|
16
34
|
**Note:** Version bump only for package @pixum/combobox
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
5
|
+
}) : (function(o, m, k, k2) {
|
|
6
|
+
if (k2 === undefined) k2 = k;
|
|
7
|
+
o[k2] = m[k];
|
|
8
|
+
}));
|
|
9
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
10
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
11
|
+
}) : function(o, v) {
|
|
12
|
+
o["default"] = v;
|
|
13
|
+
});
|
|
14
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
15
|
+
if (mod && mod.__esModule) return mod;
|
|
16
|
+
var result = {};
|
|
17
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
18
|
+
__setModuleDefault(result, mod);
|
|
19
|
+
return result;
|
|
20
|
+
};
|
|
21
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
22
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
23
|
+
};
|
|
24
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
25
|
+
var react_1 = __importStar(require("react"));
|
|
26
|
+
var text_1 = __importStar(require("@pixum/text"));
|
|
27
|
+
var menu_item_1 = __importDefault(require("@pixum/menu-item"));
|
|
28
|
+
var useIsDesktop_1 = require("./helper/useIsDesktop");
|
|
29
|
+
var scrollOptionToViewport_1 = require("./helper/scrollOptionToViewport");
|
|
30
|
+
var ComboBoxOptions = function (_a) {
|
|
31
|
+
var options = _a.options, selectedOption = _a.selectedOption, onClick = _a.onClick;
|
|
32
|
+
var isDesktop = (0, useIsDesktop_1.useIsDesktop)();
|
|
33
|
+
var handleOnItemClick = function (value) {
|
|
34
|
+
if (value && onClick) {
|
|
35
|
+
onClick(value);
|
|
36
|
+
}
|
|
37
|
+
};
|
|
38
|
+
var handleOnKeyDown = function (e, value) {
|
|
39
|
+
if (e.key === 'Enter') {
|
|
40
|
+
handleOnItemClick(value);
|
|
41
|
+
}
|
|
42
|
+
};
|
|
43
|
+
(0, react_1.useEffect)(function () {
|
|
44
|
+
(0, scrollOptionToViewport_1.scrollOptionToViewport)(isDesktop);
|
|
45
|
+
}, [isDesktop]);
|
|
46
|
+
return (react_1.default.createElement(react_1.default.Fragment, null, Object.entries(options).map(function (_a) {
|
|
47
|
+
var _b;
|
|
48
|
+
var group = _a[0], items = _a[1];
|
|
49
|
+
return (react_1.default.createElement(react_1.default.Fragment, null, isNaN(Number(group)) ? (react_1.default.createElement("div", { className: "combobox--options-group", key: "combobox--options-group-" + group },
|
|
50
|
+
react_1.default.createElement(text_1.default, { variant: text_1.TextVariant.HEADLINE, className: "sticky-header" }, group),
|
|
51
|
+
items.map(function (item, index) {
|
|
52
|
+
var _a;
|
|
53
|
+
return (react_1.default.createElement(menu_item_1.default, { key: "combobox-item-" + group + "-" + index, tabIndex: 0, className: selectedOption === item.text ? 'selected' : '', onClick: function () { return handleOnItemClick(item.text); }, onKeyDown: function (e) { return handleOnKeyDown(e, item.text); }, text: item.text, subtext: item.subtext, subItemProps: {
|
|
54
|
+
text: (_a = item.subItemProps) === null || _a === void 0 ? void 0 : _a.text,
|
|
55
|
+
} }));
|
|
56
|
+
})))
|
|
57
|
+
:
|
|
58
|
+
react_1.default.createElement(react_1.default.Fragment, null,
|
|
59
|
+
react_1.default.createElement(menu_item_1.default, { key: "combobox-item-" + items.text, className: selectedOption === items.text ? 'selected' : '', onClick: function () { return handleOnItemClick(items.text); }, text: items.text, tabIndex: 0, subtext: items.subtext, subItemProps: {
|
|
60
|
+
text: (_b = items.subItemProps) === null || _b === void 0 ? void 0 : _b.text,
|
|
61
|
+
} }))));
|
|
62
|
+
})));
|
|
63
|
+
};
|
|
64
|
+
exports.default = ComboBoxOptions;
|
|
65
|
+
//# sourceMappingURL=ComboBoxOptions.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ComboBoxOptions.js","sourceRoot":"","sources":["../src/ComboBoxOptions.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA0C;AAC1C,kDAAgD;AAChD,+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,IAAM,eAAe,GAAG,UAAC,CAAsB,EAAE,KAAc;QAC3D,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE;YACnB,iBAAiB,CAAC,KAAK,CAAC,CAAA;SAC3B;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,MAAM,CAAC,KAAK,CAAC,CAAC,CAAE,CAAC,CAAC,CACjB,uCAAK,SAAS,EAAC,yBAAyB,EAAC,GAAG,EAAE,6BAA2B,KAAO;YAC5E,8BAAC,cAAI,IAAC,OAAO,EAAE,kBAAW,CAAC,QAAQ,EAAE,SAAS,EAAC,eAAe,IAAE,KAAK,CAAQ;YAC5E,KAAK,CAAC,GAAG,CAAC,UAAC,IAAmB,EAAE,KAAa;;gBAAK,OAAA,CAC/C,8BAAC,mBAAQ,IAAC,GAAG,EAAE,mBAAiB,KAAK,SAAI,KAAO,EAC9C,QAAQ,EAAE,CAAC,EACX,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,SAAS,EAAE,UAAC,CAAC,IAAK,OAAA,eAAe,CAAC,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,EAA7B,CAA6B,EAC/C,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,YAAY,EAAE;wBACV,IAAI,EAAE,MAAA,IAAI,CAAC,YAAY,0CAAE,IAAI;qBAChC,GACD,CACL,CAAA;aAAA,CAAC,CACA,CACT;YACJ,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,QAAQ,EAAE,CAAC,EACX,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"}
|
|
@@ -29,7 +29,7 @@ var scrollOptionToViewport_1 = require("../helper/scrollOptionToViewport");
|
|
|
29
29
|
var OptionsGroup_1 = __importDefault(require("./OptionsGroup"));
|
|
30
30
|
var Options_1 = __importDefault(require("./Options"));
|
|
31
31
|
var ComboBoxOptions = function (_a) {
|
|
32
|
-
var options = _a.options,
|
|
32
|
+
var options = _a.options, onClick = _a.onClick, selectedOption = _a.selectedOption, leadingType = _a.leadingType, optionDetails = _a.optionDetails;
|
|
33
33
|
var isDesktop = (0, useIsDesktop_1.useIsDesktop)();
|
|
34
34
|
var handleOnItemClick = function (value) {
|
|
35
35
|
value && (onClick === null || onClick === void 0 ? void 0 : onClick(value));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ComboboxOptions/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAwC;AACxC,qDAA8B;AAC9B,uDAAqD;AACrD,2EAAyE;AAEzE,gEAAyC;AACzC,sDAA+B;AAE/B,IAAM,eAAe,GAAmC,UAAC,EAMxD;QALC,OAAO,aAAA,EACP,cAAc,oBAAA,EACd,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ComboboxOptions/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAwC;AACxC,qDAA8B;AAC9B,uDAAqD;AACrD,2EAAyE;AAEzE,gEAAyC;AACzC,sDAA+B;AAE/B,IAAM,eAAe,GAAmC,UAAC,EAMxD;QALC,OAAO,aAAA,EACP,OAAO,aAAA,EACP,cAAc,oBAAA,EACd,WAAW,iBAAA,EACX,aAAa,mBAAA;IAEb,IAAM,SAAS,GAAG,IAAA,2BAAY,GAAE,CAAA;IAEhC,IAAM,iBAAiB,GAAG,UAAC,KAAc;QACvC,KAAK,KAAI,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,KAAK,CAAC,CAAA,CAAA;IAC3B,CAAC,CAAA;IAED,IAAM,eAAe,GAAG,UAAC,CAAsB,EAAE,KAAc;QAC7D,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE;YACrB,iBAAiB,CAAC,KAAK,CAAC,CAAA;SACzB;IACH,CAAC,CAAA;IAED,IAAA,iBAAS,EAAC;QACR,IAAA,+CAAsB,EAAC,SAAS,CAAC,CAAA;IACnC,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAEf,OAAO,CACL,8BAAC,cAAI,IAAC,SAAS,EAAC,mBAAmB;QAChC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CACxB,8BAAC,iBAAO,IACN,KAAK,EAAE,OAAO,EACd,cAAc,EAAE,cAAc,EAC9B,OAAO,EAAE,iBAAiB,EAC1B,SAAS,EAAE,eAAe,EAC1B,WAAW,EAAE,WAAW,GACxB,CACH,CAAC,CAAC,CAAC,CACF,8DACG,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,UAAC,EAAc;gBAAb,KAAK,QAAA,EAAE,KAAK,QAAA;YAAM,OAAA,CAC/C,8BAAC,sBAAY,IACX,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,cAAc,EAAE,cAAc,EAC9B,OAAO,EAAE,iBAAiB,EAC1B,SAAS,EAAE,eAAe,EAC1B,WAAW,EAAE,WAAW,GACxB,CACH;QATgD,CAShD,CAAC,CACD,CACJ;QACA,aAAa,IAAI,CAChB,uCAAK,SAAS,EAAC,0BAA0B,IAAE,aAAa,CAAO,CAChE,CACI,CACR,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,eAAe,CAAA"}
|
package/lib/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,wDAAiC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,wDAAiC;AACjC,kBAAe,kBAAQ,CAAA;AACvB,0CAAuB"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pixum/combobox",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.1.1",
|
|
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": "
|
|
20
|
+
"gitHead": "ea75f5d90efcd44639297604eb34f5ee6f959013"
|
|
21
21
|
}
|