@spaced-out/ui-design-system 0.5.22 → 0.5.24
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 +14 -0
- package/lib/components/Input/Input.d.ts +2 -0
- package/lib/components/Input/Input.d.ts.map +1 -1
- package/lib/components/Input/Input.js +79 -57
- package/lib/components/Input/Input.module.css +23 -0
- package/lib/components/ProgressDonut/ProgressDonut.d.ts +1 -0
- package/lib/components/ProgressDonut/ProgressDonut.d.ts.map +1 -1
- package/lib/components/ProgressDonut/ProgressDonut.js +1 -1
- package/lib/components/SearchInput/SearchInput.d.ts +2 -0
- package/lib/components/SearchInput/SearchInput.d.ts.map +1 -1
- package/lib/components/SearchInput/SearchInput.js +3 -1
- package/lib/components/Typeahead/Typeahead.d.ts +1 -0
- package/lib/components/Typeahead/Typeahead.d.ts.map +1 -1
- package/lib/components/Typeahead/Typeahead.js +2 -0
- package/mcp/package.json +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,20 @@
|
|
|
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.24](https://github.com/spaced-out/ui-design-system/compare/v0.5.23...v0.5.24) (2025-11-19)
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
### Bug Fixes
|
|
9
|
+
|
|
10
|
+
* support donut classname in progress donut ([#434](https://github.com/spaced-out/ui-design-system/issues/434)) ([573a6da](https://github.com/spaced-out/ui-design-system/commit/573a6da9f437874ba78e23bb9dc5dc1f247c2628))
|
|
11
|
+
|
|
12
|
+
### [0.5.23](https://github.com/spaced-out/ui-design-system/compare/v0.5.22...v0.5.23) (2025-11-18)
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
### Features
|
|
16
|
+
|
|
17
|
+
* rightSlot for input, searchinput and typeahead [GDS-550] ([#433](https://github.com/spaced-out/ui-design-system/issues/433)) ([bad66cd](https://github.com/spaced-out/ui-design-system/commit/bad66cd5247da87409f8214b084c89c0f95353c5))
|
|
18
|
+
|
|
5
19
|
### [0.5.22](https://github.com/spaced-out/ui-design-system/compare/v0.5.21...v0.5.22) (2025-11-12)
|
|
6
20
|
|
|
7
21
|
|
|
@@ -7,6 +7,7 @@ type ClassNames = Readonly<{
|
|
|
7
7
|
iconRight?: string;
|
|
8
8
|
wrapper?: string;
|
|
9
9
|
prefixText?: string;
|
|
10
|
+
rightSlotContent?: string;
|
|
10
11
|
}>;
|
|
11
12
|
export declare const EXPONENT_CHARACTER_LIST: string[];
|
|
12
13
|
export declare const INPUT_TYPES: Readonly<{
|
|
@@ -47,6 +48,7 @@ export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElem
|
|
|
47
48
|
errorText?: string;
|
|
48
49
|
label?: string | React.ReactNode;
|
|
49
50
|
helperText?: string | React.ReactNode;
|
|
51
|
+
rightSlot?: React.ReactNode;
|
|
50
52
|
type?: InputType;
|
|
51
53
|
size?: 'medium' | 'small';
|
|
52
54
|
iconLeftName?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAOrD,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,qBAAqB,CAAC;AAOlD,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAOrD,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,qBAAqB,CAAC;AAOlD,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC,CAAC;AAEH,eAAO,MAAM,uBAAuB,EAAiB,MAAM,EAAE,CAAC;AAE9D,eAAO,MAAM,WAAW;;;;;;;;;;;;;;EActB,CAAC;AAEH,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,OAAO,WAAW,CAAC,CAAC;AAEvE,MAAM,WAAW,uBAAuB;IACtC,GAAG,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC;IACzC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,UACf,SAAQ,IAAI,CACV,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EACzC,OAAO,GACP,UAAU,GACV,YAAY,GACZ,SAAS,GACT,QAAQ,GACR,WAAW,GACX,SAAS,GACT,kBAAkB,GAClB,kBAAkB,GAClB,MAAM,GACN,UAAU,GACV,aAAa,GACb,QAAQ,GACR,OAAO,GACP,WAAW,GACX,OAAO,GACP,YAAY,GACZ,MAAM,GACN,MAAM,GACN,cAAc,GACd,cAAc,GACd,eAAe,GACf,eAAe,GACf,UAAU,GACV,UAAU,GACV,QAAQ,GACR,WAAW,GACX,WAAW,GACX,SAAS,GACT,KAAK,GACL,KAAK,GACL,cAAc,GACd,mBAAmB,GACnB,MAAM,GACN,mBAAmB,GACnB,wBAAwB,CAC3B;IACD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CACT,GAAG,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,EACxC,OAAO,CAAC,EAAE,OAAO,KACd,OAAO,CAAC;IACb,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;IACpD,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;IACnD,SAAS,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,gBAAgB,CAAC,CAAC;IACzD,OAAO,CAAC,EAAE,KAAK,CAAC,qBAAqB,CAAC,gBAAgB,CAAC,CAAC;IACxD,gBAAgB,CAAC,EACb,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAAK,OAAO,CAAC,GACtD,IAAI,GACJ,SAAS,CAAC;IACd,gBAAgB,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAC;IAC3D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACjC,UAAU,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACtC,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,QAAQ,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,QAAQ,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAsWD,eAAO,MAAM,KAAK,EAEb,IAAI,CAAC,iBAAiB,CAAC,UAAU,EAAE,gBAAgB,CAAC,CAAC"}
|
|
@@ -48,6 +48,7 @@ const Input_ = (props, ref) => {
|
|
|
48
48
|
errorText,
|
|
49
49
|
label,
|
|
50
50
|
helperText,
|
|
51
|
+
rightSlot,
|
|
51
52
|
classNames,
|
|
52
53
|
size = 'medium',
|
|
53
54
|
iconLeftName = '',
|
|
@@ -137,7 +138,7 @@ const Input_ = (props, ref) => {
|
|
|
137
138
|
children: '*'
|
|
138
139
|
})]
|
|
139
140
|
})
|
|
140
|
-
}), /*#__PURE__*/(0, _jsxRuntime.
|
|
141
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
141
142
|
"data-testid": (0, _qa.generateTestId)({
|
|
142
143
|
base: testId,
|
|
143
144
|
slot: 'box'
|
|
@@ -152,73 +153,94 @@ const Input_ = (props, ref) => {
|
|
|
152
153
|
}, classNames?.box),
|
|
153
154
|
onClick: !(disabled || locked) ? onContainerClick : undefined,
|
|
154
155
|
ref: boxRef,
|
|
155
|
-
children:
|
|
156
|
-
|
|
157
|
-
base: testId,
|
|
158
|
-
slot: 'iconLeft'
|
|
159
|
-
}),
|
|
160
|
-
className: (0, _classify.classify)(classNames?.iconLeft),
|
|
161
|
-
name: iconLeftName,
|
|
162
|
-
color: disabled ? 'disabled' : 'secondary',
|
|
163
|
-
size: "small",
|
|
164
|
-
type: iconLeftType
|
|
165
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ConditionalWrapper.ConditionalWrapper, {
|
|
166
|
-
condition: !(0, _isEmpty.default)(prefix),
|
|
156
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ConditionalWrapper.ConditionalWrapper, {
|
|
157
|
+
condition: !!rightSlot,
|
|
167
158
|
wrapper: children => /*#__PURE__*/(0, _jsxRuntime.jsxs)("label", {
|
|
168
|
-
className: _InputModule.default.
|
|
159
|
+
className: _InputModule.default.rightSlotContainer,
|
|
169
160
|
"data-testid": (0, _qa.generateTestId)({
|
|
170
161
|
base: testId,
|
|
171
|
-
slot: '
|
|
162
|
+
slot: 'rightSlotContainer'
|
|
172
163
|
}),
|
|
173
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("
|
|
174
|
-
className: (0, _classify.classify)(_InputModule.default.
|
|
164
|
+
children: [children, /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
165
|
+
className: (0, _classify.classify)(_InputModule.default.rightSlotContent, classNames?.rightSlotContent),
|
|
175
166
|
"data-testid": (0, _qa.generateTestId)({
|
|
176
167
|
base: testId,
|
|
177
|
-
slot: '
|
|
168
|
+
slot: 'rightSlotContainer'
|
|
178
169
|
}),
|
|
179
|
-
|
|
180
|
-
|
|
170
|
+
onClick: e => {
|
|
171
|
+
e.preventDefault();
|
|
172
|
+
},
|
|
173
|
+
children: rightSlot
|
|
174
|
+
})]
|
|
181
175
|
}),
|
|
182
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
183
|
-
|
|
176
|
+
children: [iconLeftName && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
|
|
177
|
+
testId: (0, _qa.generateTestId)({
|
|
178
|
+
base: testId,
|
|
179
|
+
slot: 'iconLeft'
|
|
180
|
+
}),
|
|
181
|
+
className: (0, _classify.classify)(classNames?.iconLeft),
|
|
182
|
+
name: iconLeftName,
|
|
183
|
+
color: disabled ? 'disabled' : 'secondary',
|
|
184
|
+
size: "small",
|
|
185
|
+
type: iconLeftType
|
|
186
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ConditionalWrapper.ConditionalWrapper, {
|
|
187
|
+
condition: !(0, _isEmpty.default)(prefix),
|
|
188
|
+
wrapper: children => /*#__PURE__*/(0, _jsxRuntime.jsxs)("label", {
|
|
189
|
+
className: _InputModule.default.prefixContainer,
|
|
190
|
+
"data-testid": (0, _qa.generateTestId)({
|
|
191
|
+
base: testId,
|
|
192
|
+
slot: 'prefixContainer'
|
|
193
|
+
}),
|
|
194
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
195
|
+
className: (0, _classify.classify)(_InputModule.default.prefixText, classNames?.prefixText),
|
|
196
|
+
"data-testid": (0, _qa.generateTestId)({
|
|
197
|
+
base: testId,
|
|
198
|
+
slot: 'prefixText'
|
|
199
|
+
}),
|
|
200
|
+
children: prefix
|
|
201
|
+
}), children]
|
|
202
|
+
}),
|
|
203
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
|
|
204
|
+
...inputProps,
|
|
205
|
+
"data-testid": (0, _qa.generateTestId)({
|
|
206
|
+
base: testId,
|
|
207
|
+
slot: 'input'
|
|
208
|
+
}),
|
|
209
|
+
disabled: locked || disabled,
|
|
210
|
+
name: name,
|
|
211
|
+
ref: inputRef,
|
|
212
|
+
placeholder: placeholder,
|
|
213
|
+
value: value,
|
|
214
|
+
onChange: onChange,
|
|
215
|
+
onFocus: onFocus,
|
|
216
|
+
onBlur: onBlur,
|
|
217
|
+
type: showPassword ? 'text' : type,
|
|
218
|
+
readOnly: readOnly,
|
|
219
|
+
onKeyDown: handleKeyDown
|
|
220
|
+
})
|
|
221
|
+
}), type === 'color' && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
184
222
|
"data-testid": (0, _qa.generateTestId)({
|
|
185
223
|
base: testId,
|
|
186
|
-
slot: '
|
|
224
|
+
slot: 'colorText'
|
|
187
225
|
}),
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
})
|
|
205
|
-
|
|
206
|
-
[_InputModule.default.hasValue]: value
|
|
207
|
-
}),
|
|
208
|
-
children: value ? value : placeholder
|
|
209
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(RightInputIcon, {
|
|
210
|
-
testId: testId,
|
|
211
|
-
isEmail: type === 'email',
|
|
212
|
-
isPassword: type === 'password',
|
|
213
|
-
showPassword: showPassword,
|
|
214
|
-
showPasswordToggleIcon: !hidePasswordToggleIcon,
|
|
215
|
-
isLocked: locked,
|
|
216
|
-
isDisabled: disabled,
|
|
217
|
-
onClick: handleRightIconClick,
|
|
218
|
-
iconRightName: iconRightName,
|
|
219
|
-
iconRightType: iconRightType,
|
|
220
|
-
className: classNames?.iconRight
|
|
221
|
-
})]
|
|
226
|
+
className: (0, _classify.classify)(_InputModule.default.colorText, _InputModule.default[size], {
|
|
227
|
+
[_InputModule.default.hasValue]: value
|
|
228
|
+
}),
|
|
229
|
+
children: value ? value : placeholder
|
|
230
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(RightInputIcon, {
|
|
231
|
+
testId: testId,
|
|
232
|
+
isEmail: type === 'email',
|
|
233
|
+
isPassword: type === 'password',
|
|
234
|
+
showPassword: showPassword,
|
|
235
|
+
showPasswordToggleIcon: !hidePasswordToggleIcon,
|
|
236
|
+
isLocked: locked,
|
|
237
|
+
isDisabled: disabled,
|
|
238
|
+
onClick: handleRightIconClick,
|
|
239
|
+
iconRightName: iconRightName,
|
|
240
|
+
iconRightType: iconRightType,
|
|
241
|
+
className: classNames?.iconRight
|
|
242
|
+
})]
|
|
243
|
+
})
|
|
222
244
|
}), (Boolean(helperText) || error) && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
223
245
|
"data-testid": (0, _qa.generateTestId)({
|
|
224
246
|
base: testId,
|
|
@@ -203,3 +203,26 @@ input::placeholder {
|
|
|
203
203
|
min-width: size18;
|
|
204
204
|
}
|
|
205
205
|
}
|
|
206
|
+
|
|
207
|
+
.rightSlotContainer {
|
|
208
|
+
display: flex;
|
|
209
|
+
align-items: center;
|
|
210
|
+
justify-content: center;
|
|
211
|
+
gap: spaceXSmall;
|
|
212
|
+
width: sizeFluid;
|
|
213
|
+
cursor: inherit;
|
|
214
|
+
padding-left: size2;
|
|
215
|
+
overflow-y: auto;
|
|
216
|
+
|
|
217
|
+
& .rightSlotContent {
|
|
218
|
+
color: colorTextTertiary;
|
|
219
|
+
padding: 0 spaceXSmall;
|
|
220
|
+
width: max-content;
|
|
221
|
+
min-width: max-content;
|
|
222
|
+
}
|
|
223
|
+
|
|
224
|
+
& input {
|
|
225
|
+
padding-left: spaceNone;
|
|
226
|
+
min-width: size18;
|
|
227
|
+
}
|
|
228
|
+
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressDonut.d.ts","sourceRoot":"","sources":["../../../src/components/ProgressDonut/ProgressDonut.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAErD,OAAO,KAAK,MAAM,MAAM,6BAA6B,CAAC;AAkBtD,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"ProgressDonut.d.ts","sourceRoot":"","sources":["../../../src/components/ProgressDonut/ProgressDonut.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAErD,OAAO,KAAK,MAAM,MAAM,6BAA6B,CAAC;AAkBtD,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC,CAAC;AAEH,MAAM,WAAW,kBAAkB;IACjC,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC;IAC5B,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAcD,eAAO,MAAM,aAAa,EAAE,IAAI,CAAC,iBAAiB,CAChD,kBAAkB,EAClB,cAAc,CAuEf,CAAC"}
|
|
@@ -52,7 +52,7 @@ const ProgressDonut = exports.ProgressDonut = /*#__PURE__*/React.forwardRef((_re
|
|
|
52
52
|
}),
|
|
53
53
|
className: (0, _classify.default)(_ProgressDonutModule.default.wrapper, classNames?.wrapper),
|
|
54
54
|
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
55
|
-
className: _ProgressDonutModule.default.donutChart,
|
|
55
|
+
className: (0, _classify.default)(_ProgressDonutModule.default.donutChart, classNames?.donutChart),
|
|
56
56
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
|
|
57
57
|
width: LARGE_DONUT_SIZE,
|
|
58
58
|
height: LARGE_DONUT_SIZE,
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
1
2
|
import type { Flow } from 'flow-to-typescript-codemod';
|
|
2
3
|
import type { InputProps } from '../../components/Input';
|
|
3
4
|
type ClassNames = Readonly<{
|
|
@@ -10,6 +11,7 @@ export interface SearchInputProps extends Omit<InputProps, 'classNames' | 'onCle
|
|
|
10
11
|
onClear?: () => void;
|
|
11
12
|
isLoading?: boolean;
|
|
12
13
|
testId?: string;
|
|
14
|
+
rightSlot?: React.ReactNode;
|
|
13
15
|
}
|
|
14
16
|
export declare const SearchInput: Flow.AbstractComponent<SearchInputProps, HTMLInputElement>;
|
|
15
17
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../../src/components/SearchInput/SearchInput.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../../src/components/SearchInput/SearchInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAMrD,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,sBAAsB,CAAC;AAMrD,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC,CAAC;AAEH,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,UAAU,EAAE,YAAY,GAAG,SAAS,GAAG,WAAW,CAAC;IAChE,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,eAAO,MAAM,WAAW,EAAE,IAAI,CAAC,iBAAiB,CAC9C,gBAAgB,EAChB,gBAAgB,CAuEjB,CAAC"}
|
|
@@ -25,6 +25,7 @@ const SearchInput = exports.SearchInput = /*#__PURE__*/React.forwardRef((_ref, r
|
|
|
25
25
|
size,
|
|
26
26
|
iconLeftName = 'magnifying-glass',
|
|
27
27
|
testId,
|
|
28
|
+
rightSlot,
|
|
28
29
|
...searchInputProps
|
|
29
30
|
} = _ref;
|
|
30
31
|
const handleClearClick = () => {
|
|
@@ -58,7 +59,8 @@ const SearchInput = exports.SearchInput = /*#__PURE__*/React.forwardRef((_ref, r
|
|
|
58
59
|
testId: (0, _qa.generateTestId)({
|
|
59
60
|
base: testId,
|
|
60
61
|
slot: 'input'
|
|
61
|
-
})
|
|
62
|
+
}),
|
|
63
|
+
rightSlot: rightSlot
|
|
62
64
|
}), isLoading && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
63
65
|
className: (0, _classify.default)(_SearchInputModule.default.loaderContainer, {
|
|
64
66
|
[_SearchInputModule.default.small]: size === 'small'
|
|
@@ -22,6 +22,7 @@ interface BaseTypeaheadProps extends Omit<InputProps, 'classNames' | 'onSelect'
|
|
|
22
22
|
clickAwayRef?: React.RefObject<ClickAwayRefType | null>;
|
|
23
23
|
elevation?: ElevationType;
|
|
24
24
|
testId?: string;
|
|
25
|
+
rightSlot?: React.ReactNode;
|
|
25
26
|
}
|
|
26
27
|
export interface TypeaheadProps extends Omit<BaseTypeaheadProps, 'allowInternalFilter'> {
|
|
27
28
|
allowInternalFilter?: boolean;
|
|
@@ -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;
|
|
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;AAyMD,eAAO,MAAM,SAAS,EAAE,IAAI,CAAC,iBAAiB,CAC5C,cAAc,EACd,gBAAgB,CASjB,CAAC"}
|
|
@@ -37,6 +37,7 @@ const BaseTypeahead = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
|
37
37
|
clickAwayRef,
|
|
38
38
|
elevation = 'modal',
|
|
39
39
|
testId,
|
|
40
|
+
rightSlot,
|
|
40
41
|
...inputProps
|
|
41
42
|
} = _ref;
|
|
42
43
|
const menuOptions = menu?.options;
|
|
@@ -89,6 +90,7 @@ const BaseTypeahead = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
|
89
90
|
box: classNames?.box
|
|
90
91
|
},
|
|
91
92
|
isLoading: isLoading,
|
|
93
|
+
rightSlot: rightSlot,
|
|
92
94
|
onChange: e => {
|
|
93
95
|
e.stopPropagation();
|
|
94
96
|
onSearch?.(e);
|
package/mcp/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@spaced-out/genesis-mcp-server",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.5",
|
|
4
4
|
"description": "MCP server for Genesis UI Design System - provides AI assistants with access to components, hooks, and design tokens",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "index.js",
|