@spaced-out/ui-design-system 0.5.42 → 0.5.43
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
|
@@ -2,6 +2,13 @@
|
|
|
2
2
|
|
|
3
3
|
All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
|
|
4
4
|
|
|
5
|
+
### [0.5.43](https://github.com/spaced-out/ui-design-system/compare/v0.5.42...v0.5.43) (2026-01-28)
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
### Features
|
|
9
|
+
|
|
10
|
+
* **typeahead:** added support for grouptitle options in typeahead ([#458](https://github.com/spaced-out/ui-design-system/issues/458)) ([fb2e5cd](https://github.com/spaced-out/ui-design-system/commit/fb2e5cd48614bdaac6d50fa4528a27b841111ab2))
|
|
11
|
+
|
|
5
12
|
### [0.5.42](https://github.com/spaced-out/ui-design-system/compare/v0.5.41...v0.5.42) (2026-01-28)
|
|
6
13
|
|
|
7
14
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Typeahead.d.ts","sourceRoot":"","sources":["../../../src/components/Typeahead/Typeahead.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAKrD,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,sBAAsB,CAAC;AAK3D,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,sBAAsB,CAAC;AACrD,OAAO,KAAK,EAAC,UAAU,EAAE,SAAS,EAAC,MAAM,qBAAqB,CAAC;AAG/D,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,wBAAwB,CAAC;AAM1D,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC,CAAC;AAEH,UAAU,kBACR,SAAQ,IAAI,CACV,UAAU,EACR,YAAY,GACZ,UAAU,GACV,UAAU,GACV,YAAY,GACZ,aAAa,GACb,oBAAoB,GACpB,MAAM,GACN,SAAS,GACT,WAAW,GACX,gBAAgB,GAChB,cAAc,GACd,WAAW,CACd;IACD,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,CACT,MAAM,EAAE,UAAU,EAClB,IAAI,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG,IAAI,GAAG,SAAS,KACxD,OAAO,CAAC;IACb,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,OAAO,CAAC;IACjE,UAAU,CAAC,EAAE,MAAM,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,OAAO,CAAC;IAC5B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IACxD,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,kBAAkB,EAAE,qBAAqB,CAAC;IACvD,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;
|
|
1
|
+
{"version":3,"file":"Typeahead.d.ts","sourceRoot":"","sources":["../../../src/components/Typeahead/Typeahead.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAKrD,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,sBAAsB,CAAC;AAK3D,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,sBAAsB,CAAC;AACrD,OAAO,KAAK,EAAC,UAAU,EAAE,SAAS,EAAC,MAAM,qBAAqB,CAAC;AAG/D,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,wBAAwB,CAAC;AAM1D,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC,CAAC;AAEH,UAAU,kBACR,SAAQ,IAAI,CACV,UAAU,EACR,YAAY,GACZ,UAAU,GACV,UAAU,GACV,YAAY,GACZ,aAAa,GACb,oBAAoB,GACpB,MAAM,GACN,SAAS,GACT,WAAW,GACX,gBAAgB,GAChB,cAAc,GACd,WAAW,CACd;IACD,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,CACT,MAAM,EAAE,UAAU,EAClB,IAAI,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG,IAAI,GAAG,SAAS,KACxD,OAAO,CAAC;IACb,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,OAAO,CAAC;IACjE,UAAU,CAAC,EAAE,MAAM,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,OAAO,CAAC;IAC5B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IACxD,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,kBAAkB,EAAE,qBAAqB,CAAC;IACvD,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AA6OD,eAAO,MAAM,SAAS,EAAE,IAAI,CAAC,iBAAiB,CAC5C,cAAc,EACd,gBAAgB,CASjB,CAAC"}
|
|
@@ -41,6 +41,9 @@ const BaseTypeahead = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
|
41
41
|
...inputProps
|
|
42
42
|
} = _ref;
|
|
43
43
|
const menuOptions = menu?.options;
|
|
44
|
+
const groupTitleOptions = menu?.groupTitleOptions;
|
|
45
|
+
const isMenuOptionsPresent = menuOptions && menuOptions.length > 0;
|
|
46
|
+
const isMenuGroupPresent = groupTitleOptions && groupTitleOptions.length > 0;
|
|
44
47
|
const {
|
|
45
48
|
x,
|
|
46
49
|
y,
|
|
@@ -119,7 +122,7 @@ const BaseTypeahead = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
|
119
122
|
base: testId,
|
|
120
123
|
slot: 'search-input'
|
|
121
124
|
})
|
|
122
|
-
}), isOpen && !isLoading && menu &&
|
|
125
|
+
}), isOpen && !isLoading && menu && (isMenuOptionsPresent || isMenuGroupPresent) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.FloatingPortal, {
|
|
123
126
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.FloatingFocusManager, {
|
|
124
127
|
modal: false,
|
|
125
128
|
context: context,
|
|
@@ -148,6 +151,7 @@ const BaseTypeahead = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
|
148
151
|
},
|
|
149
152
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Menu.Menu, {
|
|
150
153
|
...menu,
|
|
154
|
+
groupTitleOptions: groupTitleOptions,
|
|
151
155
|
options: menuOptions,
|
|
152
156
|
testId: (0, _qa.generateTestId)({
|
|
153
157
|
base: testId,
|
|
@@ -180,6 +184,7 @@ const StatefulTypeahead = /*#__PURE__*/React.forwardRef((_ref3, ref) => {
|
|
|
180
184
|
typeaheadInputText = ''
|
|
181
185
|
} = props;
|
|
182
186
|
const [filteredOptions, setFilteredOptions] = React.useState(menu?.options);
|
|
187
|
+
const [filteredGroupTitleOptions, setFilteredGroupTitleOptions] = React.useState(menu?.groupTitleOptions);
|
|
183
188
|
React.useEffect(() => {
|
|
184
189
|
const optionsFiltered = menu?.options && menu.options.filter(option => {
|
|
185
190
|
if (!option.label || !typeaheadInputText) {
|
|
@@ -189,12 +194,27 @@ const StatefulTypeahead = /*#__PURE__*/React.forwardRef((_ref3, ref) => {
|
|
|
189
194
|
}
|
|
190
195
|
});
|
|
191
196
|
setFilteredOptions(optionsFiltered || []);
|
|
192
|
-
|
|
197
|
+
const groupTitleOptionsFiltered = menu?.groupTitleOptions && menu.groupTitleOptions.map(group => {
|
|
198
|
+
const filteredGroupOptions = (group?.options ?? []).filter(option => {
|
|
199
|
+
if (!option.label || !typeaheadInputText) {
|
|
200
|
+
return true;
|
|
201
|
+
} else {
|
|
202
|
+
return option.label.toLowerCase().indexOf(typeaheadInputText.toLowerCase()) !== -1;
|
|
203
|
+
}
|
|
204
|
+
});
|
|
205
|
+
return {
|
|
206
|
+
...group,
|
|
207
|
+
options: filteredGroupOptions
|
|
208
|
+
};
|
|
209
|
+
}).filter(group => group.options.length > 0);
|
|
210
|
+
setFilteredGroupTitleOptions(groupTitleOptionsFiltered || []);
|
|
211
|
+
}, [typeaheadInputText, menu?.options, menu?.groupTitleOptions]);
|
|
193
212
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseTypeahead, {
|
|
194
213
|
...props,
|
|
195
214
|
menu: {
|
|
196
215
|
...menu,
|
|
197
|
-
options: filteredOptions
|
|
216
|
+
options: filteredOptions,
|
|
217
|
+
groupTitleOptions: filteredGroupTitleOptions
|
|
198
218
|
},
|
|
199
219
|
ref: ref
|
|
200
220
|
});
|
package/mcp/package.json
CHANGED