@iress-oss/ids-mcp-server 0.0.1-dev.4 → 0.0.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/LICENSE +193 -0
- package/README.md +159 -29
- package/build/componentHandlers.js +205 -0
- package/{dist → build}/config.js +5 -5
- package/build/index.js +51 -0
- package/{dist → build}/iressHandlers.js +46 -52
- package/{dist → build}/resourceHandlers.js +22 -23
- package/{dist → build}/searchHandlers.js +92 -107
- package/{dist → build}/toolHandler.js +13 -13
- package/build/tools.js +165 -0
- package/{dist → build}/utils.js +15 -11
- package/docs/api-reference.md +0 -0
- package/docs/best-practices.md +0 -0
- package/docs/configuration.md +0 -0
- package/docs/examples.md +0 -0
- package/docs/guidelines.md +269 -0
- package/{generated/docs → docs/ids}/components-autocomplete-docs.md +5 -5
- package/{generated/docs → docs/ids}/components-autocomplete-recipes-docs.md +51 -17
- package/{generated/docs → docs/ids}/components-card-recipes-docs.md +1 -1
- package/{generated/docs → docs/ids}/components-checkbox-docs.md +19 -6
- package/{generated/docs → docs/ids}/components-checkboxgroup-docs.md +18 -18
- package/{generated/docs → docs/ids}/components-checkboxgroup-recipes-docs.md +9 -9
- package/{generated/docs → docs/ids}/components-col-docs.md +1 -1
- package/{generated/docs → docs/ids}/components-combobox-docs.md +6 -6
- package/{generated/docs → docs/ids}/components-container-docs.md +42 -8
- package/{generated/docs → docs/ids}/components-filter-docs.md +66 -13
- package/{generated/docs → docs/ids}/components-form-docs.md +368 -342
- package/{generated/docs → docs/ids}/components-form-recipes-docs.md +11 -202
- package/{generated/docs → docs/ids}/components-hide-docs.md +70 -16
- package/{generated/docs → docs/ids}/components-icon-docs.md +4 -4
- package/{generated/docs → docs/ids}/components-input-recipes-docs.md +2 -2
- package/{generated/docs → docs/ids}/components-inputcurrency-recipes-docs.md +40 -6
- package/{generated/docs → docs/ids}/components-modal-docs.md +113 -3
- package/docs/ids/components-popover-docs.md +4 -0
- package/{generated/docs → docs/ids}/components-radiogroup-docs.md +21 -21
- package/{generated/docs → docs/ids}/components-richselect-docs.md +111 -149
- package/{generated/docs → docs/ids}/components-row-docs.md +4 -4
- package/{generated/docs → docs/ids}/components-skeleton-docs.md +3 -3
- package/{generated/docs → docs/ids}/components-skeleton-recipes-docs.md +1 -1
- package/{generated/docs → docs/ids}/components-skiplink-docs.md +1 -1
- package/{generated/docs → docs/ids}/components-slideout-docs.md +113 -3
- package/docs/ids/components-table-ag-grid-docs.md +2694 -0
- package/{generated/docs → docs/ids}/components-table-docs.md +597 -92
- package/{generated/docs → docs/ids}/components-tabset-docs.md +2 -2
- package/{generated/docs → docs/ids}/components-tag-docs.md +1 -1
- package/{generated/docs → docs/ids}/components-toaster-docs.md +5 -56
- package/{generated/docs → docs/ids}/extensions-editor-docs.md +5 -5
- package/{generated/docs → docs/ids}/foundations-colours-docs.md +1 -1
- package/{generated/docs → docs/ids}/foundations-typography-docs.md +2 -7
- package/docs/ids/get-started-develop-docs.md +48 -0
- package/{generated/docs → docs/ids}/introduction-docs.md +4 -4
- package/{generated/docs → docs/ids}/patterns-loading-docs.md +2 -332
- package/docs/ids/resources-migration-guides-from-v4-to-v5-docs.md +639 -0
- package/docs/ids/themes-available-themes-docs.md +74 -0
- package/docs/ids/themes-tokens-docs.md +4580 -0
- package/docs/ids/versions-docs.md +27 -0
- package/docs/tutorials/basic-integration.md +0 -0
- package/package.json +15 -44
- package/LICENSE.txt +0 -201
- package/dist/componentHandlers.js +0 -241
- package/dist/componentHandlers.test.js +0 -380
- package/dist/index.js +0 -53
- package/dist/iressHandlers.test.js +0 -316
- package/dist/resourceHandlers.test.js +0 -352
- package/dist/searchHandlers.test.js +0 -524
- package/dist/toolHandler.test.js +0 -369
- package/dist/tools.js +0 -165
- package/dist/utils.test.js +0 -286
- package/generated/docs/components-popover-docs.md +0 -464
- package/generated/docs/components-provider-docs.md +0 -105
- package/generated/docs/components-table-ag-grid-docs.md +0 -1074
- package/generated/docs/foundations-accessibility-docs.md +0 -62
- package/generated/docs/foundations-consistency-docs.md +0 -52
- package/generated/docs/foundations-content-docs.md +0 -23
- package/generated/docs/foundations-introduction-docs.md +0 -17
- package/generated/docs/foundations-principles-docs.md +0 -70
- package/generated/docs/foundations-user-experience-docs.md +0 -63
- package/generated/docs/foundations-visual-design-docs.md +0 -46
- package/generated/docs/get-started-develop-docs.md +0 -209
- package/generated/docs/guidelines.md +0 -812
- package/generated/docs/resources-migration-guides-from-v4-to-v5-docs.md +0 -437
- package/generated/docs/themes-available-themes-docs.md +0 -66
- package/generated/docs/themes-tokens-docs.md +0 -1200
- package/generated/docs/versions-docs.md +0 -17
- /package/{dist → build}/types.js +0 -0
- /package/{generated/docs → docs/ids}/components-alert-docs.md +0 -0
- /package/{generated/docs → docs/ids}/components-badge-docs.md +0 -0
- /package/{generated/docs → docs/ids}/components-button-docs.md +0 -0
- /package/{generated/docs → docs/ids}/components-button-recipes-docs.md +0 -0
- /package/{generated/docs → docs/ids}/components-buttongroup-docs.md +0 -0
- /package/{generated/docs → docs/ids}/components-card-docs.md +0 -0
- /package/{generated/docs → docs/ids}/components-divider-docs.md +0 -0
- /package/{generated/docs → docs/ids}/components-expander-docs.md +0 -0
- /package/{generated/docs → docs/ids}/components-field-docs.md +0 -0
- /package/{generated/docs → docs/ids}/components-inline-docs.md +0 -0
- /package/{generated/docs → docs/ids}/components-input-docs.md +0 -0
- /package/{generated/docs → docs/ids}/components-inputcurrency-docs.md +0 -0
- /package/{generated/docs → docs/ids}/components-label-docs.md +0 -0
- /package/{generated/docs → docs/ids}/components-menu-docs.md +0 -0
- /package/{generated/docs → docs/ids}/components-menu-menuitem-docs.md +0 -0
- /package/{generated/docs → docs/ids}/components-navbar-docs.md +0 -0
- /package/{generated/docs → docs/ids}/components-navbar-recipes-docs.md +0 -0
- /package/{generated/docs → docs/ids}/components-panel-docs.md +0 -0
- /package/{generated/docs → docs/ids}/components-placeholder-docs.md +0 -0
- /package/{generated/docs → docs/ids}/components-popover-recipes-docs.md +0 -0
- /package/{generated/docs → docs/ids}/components-progress-docs.md +0 -0
- /package/{generated/docs → docs/ids}/components-radio-docs.md +0 -0
- /package/{generated/docs → docs/ids}/components-readonly-docs.md +0 -0
- /package/{generated/docs → docs/ids}/components-select-docs.md +0 -0
- /package/{generated/docs → docs/ids}/components-slider-docs.md +0 -0
- /package/{generated/docs → docs/ids}/components-spinner-docs.md +0 -0
- /package/{generated/docs → docs/ids}/components-stack-docs.md +0 -0
- /package/{generated/docs → docs/ids}/components-tabset-tab-docs.md +0 -0
- /package/{generated/docs → docs/ids}/components-text-docs.md +0 -0
- /package/{generated/docs → docs/ids}/components-toaster-toast-docs.md +0 -0
- /package/{generated/docs → docs/ids}/components-toggle-docs.md +0 -0
- /package/{generated/docs → docs/ids}/components-tooltip-docs.md +0 -0
- /package/{generated/docs → docs/ids}/components-validationmessage-docs.md +0 -0
- /package/{generated/docs → docs/ids}/contact-us-docs.md +0 -0
- /package/{generated/docs → docs/ids}/extensions-editor-recipes-docs.md +0 -0
- /package/{generated/docs → docs/ids}/frequently-asked-questions-docs.md +0 -0
- /package/{generated/docs → docs/ids}/get-started-using-storybook-docs.md +0 -0
- /package/{generated/docs → docs/ids}/resources-changelog-docs.md +0 -0
- /package/{generated/docs → docs/ids}/resources-code-katas-docs.md +0 -0
- /package/{generated/docs → docs/ids}/themes-introduction-docs.md +0 -0
|
@@ -46,7 +46,7 @@ import {
|
|
|
46
46
|
IressCardProps,
|
|
47
47
|
IressStack,
|
|
48
48
|
IressText,
|
|
49
|
-
} from '@iress
|
|
49
|
+
} from '@iress/ids-components';
|
|
50
50
|
import styles from '@iress-storybook/styles.module.scss';
|
|
51
51
|
export const CardUsingHook \= () \=> {
|
|
52
52
|
const cardProps \= composeIDSCard({
|
|
@@ -80,17 +80,30 @@ When using a checkbox without a visible label, you must supply a label and apply
|
|
|
80
80
|
It is also important to not hide the table headers.
|
|
81
81
|
|
|
82
82
|
List of investments
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
83
|
+
|
|
84
|
+
Select
|
|
85
|
+
|
|
86
|
+
Name
|
|
87
|
+
|
|
88
|
+
Date
|
|
89
|
+
|
|
90
|
+
Cost
|
|
91
|
+
|
|
86
92
|
Toggle row
|
|
87
93
|
|
|
88
|
-
|
|
89
|
-
|
|
94
|
+
Artemis Fund Managers Limited
|
|
95
|
+
|
|
96
|
+
2019-09-23
|
|
97
|
+
|
|
98
|
+
23898.12
|
|
90
99
|
|
|
91
100
|
Toggle row
|
|
92
101
|
|
|
93
|
-
|
|
102
|
+
CASH.CASH
|
|
103
|
+
|
|
104
|
+
2020-06-28
|
|
105
|
+
|
|
106
|
+
49751.43
|
|
94
107
|
|
|
95
108
|
Hide code
|
|
96
109
|
|
|
@@ -115,7 +115,7 @@ import {
|
|
|
115
115
|
IressCheckboxGroup,
|
|
116
116
|
IressCheckboxGroupProps,
|
|
117
117
|
IressStack,
|
|
118
|
-
} from '@iress
|
|
118
|
+
} from '@iress/ids-components';
|
|
119
119
|
import { useState } from 'react';
|
|
120
120
|
export const CheckboxGroupUsingState \= () \=> {
|
|
121
121
|
const \[value, setValue\] \= useState<FormControlValue\[\]\>(\[\]);
|
|
@@ -197,22 +197,22 @@ Hide code
|
|
|
197
197
|
stack </h3\>
|
|
198
198
|
<IressCheckboxGroup layout\="stack"\>
|
|
199
199
|
<IressCheckbox
|
|
200
|
-
className\="ids-styles--add-border-to-label-
|
|
200
|
+
className\="ids-styles--add-border-to-label-v5130"
|
|
201
201
|
value\="google"
|
|
202
202
|
\>
|
|
203
203
|
Google </IressCheckbox\>
|
|
204
204
|
<IressCheckbox
|
|
205
|
-
className\="ids-styles--add-border-to-label-
|
|
205
|
+
className\="ids-styles--add-border-to-label-v5130"
|
|
206
206
|
value\="newspaper"
|
|
207
207
|
\>
|
|
208
208
|
Newspaper </IressCheckbox\>
|
|
209
209
|
<IressCheckbox
|
|
210
|
-
className\="ids-styles--add-border-to-label-
|
|
210
|
+
className\="ids-styles--add-border-to-label-v5130"
|
|
211
211
|
value\="friend"
|
|
212
212
|
\>
|
|
213
213
|
Friend </IressCheckbox\>
|
|
214
214
|
<IressCheckbox
|
|
215
|
-
className\="ids-styles--add-border-to-label-
|
|
215
|
+
className\="ids-styles--add-border-to-label-v5130"
|
|
216
216
|
value\="other"
|
|
217
217
|
\>
|
|
218
218
|
Other </IressCheckbox\>
|
|
@@ -223,22 +223,22 @@ Hide code
|
|
|
223
223
|
block </h3\>
|
|
224
224
|
<IressCheckboxGroup layout\="block"\>
|
|
225
225
|
<IressCheckbox
|
|
226
|
-
className\="ids-styles--add-border-to-label-
|
|
226
|
+
className\="ids-styles--add-border-to-label-v5130"
|
|
227
227
|
value\="google"
|
|
228
228
|
\>
|
|
229
229
|
Google </IressCheckbox\>
|
|
230
230
|
<IressCheckbox
|
|
231
|
-
className\="ids-styles--add-border-to-label-
|
|
231
|
+
className\="ids-styles--add-border-to-label-v5130"
|
|
232
232
|
value\="newspaper"
|
|
233
233
|
\>
|
|
234
234
|
Newspaper </IressCheckbox\>
|
|
235
235
|
<IressCheckbox
|
|
236
|
-
className\="ids-styles--add-border-to-label-
|
|
236
|
+
className\="ids-styles--add-border-to-label-v5130"
|
|
237
237
|
value\="friend"
|
|
238
238
|
\>
|
|
239
239
|
Friend </IressCheckbox\>
|
|
240
240
|
<IressCheckbox
|
|
241
|
-
className\="ids-styles--add-border-to-label-
|
|
241
|
+
className\="ids-styles--add-border-to-label-v5130"
|
|
242
242
|
value\="other"
|
|
243
243
|
\>
|
|
244
244
|
Other </IressCheckbox\>
|
|
@@ -249,22 +249,22 @@ Hide code
|
|
|
249
249
|
inline </h3\>
|
|
250
250
|
<IressCheckboxGroup layout\="inline"\>
|
|
251
251
|
<IressCheckbox
|
|
252
|
-
className\="ids-styles--add-border-to-label-
|
|
252
|
+
className\="ids-styles--add-border-to-label-v5130"
|
|
253
253
|
value\="google"
|
|
254
254
|
\>
|
|
255
255
|
Google </IressCheckbox\>
|
|
256
256
|
<IressCheckbox
|
|
257
|
-
className\="ids-styles--add-border-to-label-
|
|
257
|
+
className\="ids-styles--add-border-to-label-v5130"
|
|
258
258
|
value\="newspaper"
|
|
259
259
|
\>
|
|
260
260
|
Newspaper </IressCheckbox\>
|
|
261
261
|
<IressCheckbox
|
|
262
|
-
className\="ids-styles--add-border-to-label-
|
|
262
|
+
className\="ids-styles--add-border-to-label-v5130"
|
|
263
263
|
value\="friend"
|
|
264
264
|
\>
|
|
265
265
|
Friend </IressCheckbox\>
|
|
266
266
|
<IressCheckbox
|
|
267
|
-
className\="ids-styles--add-border-to-label-
|
|
267
|
+
className\="ids-styles--add-border-to-label-v5130"
|
|
268
268
|
value\="other"
|
|
269
269
|
\>
|
|
270
270
|
Other </IressCheckbox\>
|
|
@@ -275,22 +275,22 @@ Hide code
|
|
|
275
275
|
full </h3\>
|
|
276
276
|
<IressCheckboxGroup layout\="full"\>
|
|
277
277
|
<IressCheckbox
|
|
278
|
-
className\="ids-styles--add-border-to-label-
|
|
278
|
+
className\="ids-styles--add-border-to-label-v5130"
|
|
279
279
|
value\="google"
|
|
280
280
|
\>
|
|
281
281
|
Google </IressCheckbox\>
|
|
282
282
|
<IressCheckbox
|
|
283
|
-
className\="ids-styles--add-border-to-label-
|
|
283
|
+
className\="ids-styles--add-border-to-label-v5130"
|
|
284
284
|
value\="newspaper"
|
|
285
285
|
\>
|
|
286
286
|
Newspaper </IressCheckbox\>
|
|
287
287
|
<IressCheckbox
|
|
288
|
-
className\="ids-styles--add-border-to-label-
|
|
288
|
+
className\="ids-styles--add-border-to-label-v5130"
|
|
289
289
|
value\="friend"
|
|
290
290
|
\>
|
|
291
291
|
Friend </IressCheckbox\>
|
|
292
292
|
<IressCheckbox
|
|
293
|
-
className\="ids-styles--add-border-to-label-
|
|
293
|
+
className\="ids-styles--add-border-to-label-v5130"
|
|
294
294
|
value\="other"
|
|
295
295
|
\>
|
|
296
296
|
Other </IressCheckbox\>
|
|
@@ -445,7 +445,7 @@ Hide code
|
|
|
445
445
|
}}
|
|
446
446
|
\>
|
|
447
447
|
<div
|
|
448
|
-
className\="ids-styles--resizable-
|
|
448
|
+
className\="ids-styles--resizable-v5130"
|
|
449
449
|
style\={{
|
|
450
450
|
display: 'grid',
|
|
451
451
|
gridAutoRows: '1fr',
|
|
@@ -11,22 +11,22 @@ Selected values: lemon-drizzle, victoria-sponge
|
|
|
11
11
|
Required Let them eat cake
|
|
12
12
|
|
|
13
13
|
Available options
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
14
|
+
|
|
15
|
+
Select
|
|
16
|
+
|
|
17
|
+
Name
|
|
18
|
+
|
|
17
19
|
Select lemon drizzle
|
|
18
20
|
|
|
19
|
-
|
|
20
|
-
|
|
|
21
|
+
Lemon drizzle
|
|
21
22
|
|
|
22
23
|
Select Victoria Sponge
|
|
23
24
|
|
|
24
|
-
|
|
25
|
-
|
|
|
25
|
+
Victoria Sponge
|
|
26
26
|
|
|
27
27
|
Select Carrot Cake
|
|
28
28
|
|
|
29
|
-
|
|
29
|
+
Carrot Cake
|
|
30
30
|
|
|
31
31
|
Submit
|
|
32
32
|
|
|
@@ -43,7 +43,7 @@ import {
|
|
|
43
43
|
IressPanel,
|
|
44
44
|
IressStack,
|
|
45
45
|
IressTable,
|
|
46
|
-
} from '@iress
|
|
46
|
+
} from '@iress/ids-components';
|
|
47
47
|
import { IressCheckboxGroup } from '../CheckboxGroup';
|
|
48
48
|
import { toArray } from '../../../helpers/formatting/toArray';
|
|
49
49
|
interface FieldValues {
|
|
@@ -117,7 +117,7 @@ Hide code
|
|
|
117
117
|
|
|
118
118
|
\[data-radix-scroll-area-viewport\] { scrollbar-width: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; } \[data-radix-scroll-area-viewport\]::-webkit-scrollbar { display: none; } :where(\[data-radix-scroll-area-viewport\]) { display: flex; flex-direction: column; align-items: stretch; } :where(\[data-radix-scroll-area-content\]) { flex-grow: 1; }
|
|
119
119
|
|
|
120
|
-
import { IressCombobox, IressComboboxProps, LabelValueMeta } from '@iress
|
|
120
|
+
import { IressCombobox, IressComboboxProps, LabelValueMeta } from '@iress/ids-components';
|
|
121
121
|
import { useState } from 'react';
|
|
122
122
|
export const ComboboxUsingState \= () \=> {
|
|
123
123
|
const \[value, setValue\] \= useState<LabelValueMeta | undefined\>();
|
|
@@ -211,7 +211,7 @@ Hide code
|
|
|
211
211
|
|
|
212
212
|
\[data-radix-scroll-area-viewport\] { scrollbar-width: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; } \[data-radix-scroll-area-viewport\]::-webkit-scrollbar { display: none; } :where(\[data-radix-scroll-area-viewport\]) { display: flex; flex-direction: column; align-items: stretch; } :where(\[data-radix-scroll-area-content\]) { flex-grow: 1; }
|
|
213
213
|
|
|
214
|
-
import { IressCombobox, IressComboboxProps } from '@iress
|
|
214
|
+
import { IressCombobox, IressComboboxProps } from '@iress/ids-components';
|
|
215
215
|
interface StarWarsCharacter {
|
|
216
216
|
name: string;
|
|
217
217
|
gender: string;
|
|
@@ -285,7 +285,7 @@ Hide code
|
|
|
285
285
|
}
|
|
286
286
|
\]}
|
|
287
287
|
popoverProps\={{
|
|
288
|
-
container:
|
|
288
|
+
container: document.body
|
|
289
289
|
}}
|
|
290
290
|
/>
|
|
291
291
|
|
|
@@ -487,7 +487,7 @@ Hide code
|
|
|
487
487
|
\]}
|
|
488
488
|
popoverProps\={{
|
|
489
489
|
append: <IressPanel\><IressButton\>Add an option</IressButton\></IressPanel\>,
|
|
490
|
-
container:
|
|
490
|
+
container: {}
|
|
491
491
|
}}
|
|
492
492
|
/>
|
|
493
493
|
|
|
@@ -533,7 +533,7 @@ Hide code
|
|
|
533
533
|
\]}
|
|
534
534
|
placeholder\="Instant search!"
|
|
535
535
|
popoverProps\={{
|
|
536
|
-
container:
|
|
536
|
+
container: {}
|
|
537
537
|
}}
|
|
538
538
|
/>
|
|
539
539
|
|
|
@@ -735,7 +735,7 @@ Hide code
|
|
|
735
735
|
}
|
|
736
736
|
\]}
|
|
737
737
|
popoverProps\={{
|
|
738
|
-
container:
|
|
738
|
+
container: document.body
|
|
739
739
|
}}
|
|
740
740
|
/>
|
|
741
741
|
|
|
@@ -37,14 +37,48 @@ Copy
|
|
|
37
37
|
The `IressContainer` snaps to fixed max widths at different breakpoints. Those max widths are as follows:
|
|
38
38
|
|
|
39
39
|
Container breakpoints
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
40
|
+
|
|
41
|
+
Breakpoint
|
|
42
|
+
|
|
43
|
+
Screen Widths
|
|
44
|
+
|
|
45
|
+
Max Width
|
|
46
|
+
|
|
47
|
+
xs
|
|
48
|
+
|
|
49
|
+
0 - 575px
|
|
50
|
+
|
|
51
|
+
100%
|
|
52
|
+
|
|
53
|
+
sm
|
|
54
|
+
|
|
55
|
+
576px - 767px
|
|
56
|
+
|
|
57
|
+
520px
|
|
58
|
+
|
|
59
|
+
md
|
|
60
|
+
|
|
61
|
+
768px - 1023px
|
|
62
|
+
|
|
63
|
+
740px
|
|
64
|
+
|
|
65
|
+
lg
|
|
66
|
+
|
|
67
|
+
1024px - 1199px
|
|
68
|
+
|
|
69
|
+
960px
|
|
70
|
+
|
|
71
|
+
xl
|
|
72
|
+
|
|
73
|
+
1200px - 1499px
|
|
74
|
+
|
|
75
|
+
1160px
|
|
76
|
+
|
|
77
|
+
xxl
|
|
78
|
+
|
|
79
|
+
1500px and above
|
|
80
|
+
|
|
81
|
+
1160px
|
|
48
82
|
|
|
49
83
|
[](#examples)Examples
|
|
50
84
|
---------------------
|
|
@@ -75,13 +75,66 @@ Reset filters
|
|
|
75
75
|
* * *
|
|
76
76
|
|
|
77
77
|
System users
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
78
|
+
|
|
79
|
+
User
|
|
80
|
+
|
|
81
|
+
Name
|
|
82
|
+
|
|
83
|
+
Status
|
|
84
|
+
|
|
85
|
+
Location
|
|
86
|
+
|
|
87
|
+
Gender
|
|
88
|
+
|
|
89
|
+
farmboy
|
|
90
|
+
|
|
91
|
+
Luke Skywalker
|
|
92
|
+
|
|
93
|
+
Inactive
|
|
94
|
+
|
|
95
|
+
Temple Island
|
|
96
|
+
|
|
97
|
+
male
|
|
98
|
+
|
|
99
|
+
nevertellmetheodds
|
|
100
|
+
|
|
101
|
+
Han Solo
|
|
102
|
+
|
|
103
|
+
Inactive
|
|
104
|
+
|
|
105
|
+
unknown
|
|
106
|
+
|
|
107
|
+
male
|
|
108
|
+
|
|
109
|
+
goldenrod
|
|
110
|
+
|
|
111
|
+
C-3PO
|
|
112
|
+
|
|
113
|
+
Active
|
|
114
|
+
|
|
115
|
+
Space
|
|
116
|
+
|
|
117
|
+
n/a
|
|
118
|
+
|
|
119
|
+
whistles
|
|
120
|
+
|
|
121
|
+
R2-D2
|
|
122
|
+
|
|
123
|
+
Active
|
|
124
|
+
|
|
125
|
+
Space
|
|
126
|
+
|
|
127
|
+
n/a
|
|
128
|
+
|
|
129
|
+
princess
|
|
130
|
+
|
|
131
|
+
Leia Organa
|
|
132
|
+
|
|
133
|
+
Inactive
|
|
134
|
+
|
|
135
|
+
unknown
|
|
136
|
+
|
|
137
|
+
female
|
|
85
138
|
|
|
86
139
|
Hide code
|
|
87
140
|
|
|
@@ -96,7 +149,7 @@ import {
|
|
|
96
149
|
IressFilterProps,
|
|
97
150
|
IressButton,
|
|
98
151
|
IressDivider,
|
|
99
|
-
} from '@iress
|
|
152
|
+
} from '@iress/ids-components';
|
|
100
153
|
import { useMemo, useState } from 'react';
|
|
101
154
|
import { searchStarWarsCharacters } from '@/mocks/starWars';
|
|
102
155
|
const toArray \= <T,\>(item?: T | T\[\]): T\[\] \=> {
|
|
@@ -437,7 +490,7 @@ Hide code
|
|
|
437
490
|
}
|
|
438
491
|
\]}
|
|
439
492
|
popoverProps\={{
|
|
440
|
-
container:
|
|
493
|
+
container: {}
|
|
441
494
|
}}
|
|
442
495
|
/>
|
|
443
496
|
|
|
@@ -457,7 +510,7 @@ Hide code
|
|
|
457
510
|
|
|
458
511
|
\[data-radix-scroll-area-viewport\] { scrollbar-width: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; } \[data-radix-scroll-area-viewport\]::-webkit-scrollbar { display: none; } :where(\[data-radix-scroll-area-viewport\]) { display: flex; flex-direction: column; align-items: stretch; } :where(\[data-radix-scroll-area-content\]) { flex-grow: 1; }
|
|
459
512
|
|
|
460
|
-
import { IressFilter, IressFilterProps } from '@iress
|
|
513
|
+
import { IressFilter, IressFilterProps } from '@iress/ids-components';
|
|
461
514
|
import { useState } from 'react';
|
|
462
515
|
export const FilterUsingState \= () \=> {
|
|
463
516
|
const \[value, setValue\] \= useState<IressFilterProps\['value'\]\>();
|
|
@@ -603,7 +656,7 @@ Hide code
|
|
|
603
656
|
|
|
604
657
|
\[data-radix-scroll-area-viewport\] { scrollbar-width: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; } \[data-radix-scroll-area-viewport\]::-webkit-scrollbar { display: none; } :where(\[data-radix-scroll-area-viewport\]) { display: flex; flex-direction: column; align-items: stretch; } :where(\[data-radix-scroll-area-content\]) { flex-grow: 1; }
|
|
605
658
|
|
|
606
|
-
import { IressFilter, IressFilterProps } from '@iress
|
|
659
|
+
import { IressFilter, IressFilterProps } from '@iress/ids-components';
|
|
607
660
|
interface StarWarsCharacter {
|
|
608
661
|
name: string;
|
|
609
662
|
gender: string;
|
|
@@ -896,7 +949,7 @@ Hide code
|
|
|
896
949
|
}
|
|
897
950
|
\]}
|
|
898
951
|
popoverProps\={{
|
|
899
|
-
container:
|
|
952
|
+
container: document.body
|
|
900
953
|
}}
|
|
901
954
|
searchable
|
|
902
955
|
/>
|
|
@@ -989,7 +1042,7 @@ Hide code
|
|
|
989
1042
|
}
|
|
990
1043
|
\]}
|
|
991
1044
|
popoverProps\={{
|
|
992
|
-
container:
|
|
1045
|
+
container: {}
|
|
993
1046
|
}}
|
|
994
1047
|
searchNoResultsText\={<IressPanel className\="iress-u-text"\>No results found</IressPanel\>}
|
|
995
1048
|
searchable
|