@iress-oss/ids-mcp-server 0.0.1-dev.3 → 0.0.1-dev.4
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/generated/docs/components-autocomplete-docs.md +3 -3
- package/generated/docs/components-checkboxgroup-docs.md +17 -17
- package/generated/docs/components-col-docs.md +1 -1
- package/generated/docs/components-combobox-docs.md +2 -2
- package/generated/docs/components-filter-docs.md +3 -3
- package/generated/docs/components-form-docs.md +5 -37
- package/generated/docs/components-form-recipes-docs.md +4 -10
- package/generated/docs/components-icon-docs.md +4 -4
- package/generated/docs/components-provider-docs.md +105 -0
- package/generated/docs/components-radiogroup-docs.md +21 -21
- package/generated/docs/components-row-docs.md +4 -4
- package/generated/docs/components-skiplink-docs.md +1 -1
- package/generated/docs/components-table-ag-grid-docs.md +104 -1696
- package/generated/docs/components-table-docs.md +6 -6
- package/generated/docs/components-toaster-docs.md +51 -0
- package/generated/docs/extensions-editor-docs.md +5 -5
- package/generated/docs/get-started-develop-docs.md +177 -16
- package/generated/docs/introduction-docs.md +1 -1
- package/generated/docs/themes-available-themes-docs.md +29 -29
- package/package.json +2 -2
|
@@ -246,7 +246,7 @@ To completely customise it, you can also send in a function that returns a React
|
|
|
246
246
|
Available formats
|
|
247
247
|
| String | Number | Date | Short date | ISO Date & Time | Relative time | Currency (AUD) | Percent | Custom |
|
|
248
248
|
| --- | --- | --- | --- | --- | --- | --- | --- | --- |
|
|
249
|
-
| Hello, world! | 123456 | 28/06/2020 | 28 Jun 2020 | 2020-06-28 00:00:00 (UTC) |
|
|
249
|
+
| Hello, world! | 123456 | 28/06/2020 | 28 Jun 2020 | 2020-06-28 00:00:00 (UTC) | 21 seconds ago | 123,456.78 | 12% | Custom |
|
|
250
250
|
|
|
251
251
|
Hide code
|
|
252
252
|
|
|
@@ -788,7 +788,7 @@ Copy
|
|
|
788
788
|
|
|
789
789
|
For very simple tabular data, you have the option to hide the table header with the `hiddenHeader` prop. When this is set to true, the table header will not be rendered.
|
|
790
790
|
|
|
791
|
-
<table class="ids-table-
|
|
791
|
+
<table class="ids-table-v5150 ids-table--hidden-header-v5150" id=":ra:"><caption id=":ra:--caption" class="">My investments</caption><tbody><tr id=":ra:--rows--0"><th data-column="investment_name" id=":ra:__0_investment_name" scope="row">Artemis Fund Managers Limited</th><td data-column="cost" headers=":ra:__0_investment_name" id=":ra:__0_cost">23898</td><td data-column="investmentDate" headers=":ra:__0_investment_name" id=":ra:__0_investmentDate">2019-09-23</td><td data-column="totalPercentage" headers=":ra:__0_investment_name" id=":ra:__0_totalPercentage">24.8</td></tr><tr id=":ra:--rows--1"><th data-column="investment_name" id=":ra:__1_investment_name" scope="row">CASH.CASH</th><td data-column="cost" headers=":ra:__1_investment_name" id=":ra:__1_cost">49751.4</td><td data-column="investmentDate" headers=":ra:__1_investment_name" id=":ra:__1_investmentDate">2020-06-28</td><td data-column="totalPercentage" headers=":ra:__1_investment_name" id=":ra:__1_totalPercentage">49</td></tr><tr id=":ra:--rows--2"><th data-column="investment_name" id=":ra:__2_investment_name" scope="row">VODAFONE GRP</th><td data-column="cost" headers=":ra:__2_investment_name" id=":ra:__2_cost">26382.456</td><td data-column="investmentDate" headers=":ra:__2_investment_name" id=":ra:__2_investmentDate">2019-02-05</td><td data-column="totalPercentage" headers=":ra:__2_investment_name" id=":ra:__2_totalPercentage">26.2</td></tr></tbody></table>
|
|
792
792
|
|
|
793
793
|
Hide code
|
|
794
794
|
|
|
@@ -1070,7 +1070,7 @@ Copy
|
|
|
1070
1070
|
|
|
1071
1071
|
In some cases you may have a table with multiple groups of rows inside it, however the columns are the same. For these cases, you can use the `IressTableBody` component.
|
|
1072
1072
|
|
|
1073
|
-
<table class="ids-table-
|
|
1073
|
+
<table class="ids-table-v5150" id=":rr:"><caption id=":rr:--caption" class="">My liabilities</caption><tbody aria-labelledby=":rs:--caption" class=""><tr><th aria-expanded="true" colspan="8" class="ids-table--row-group-header-v5150" id=":rs:--caption" scope="rowgroup" aria-controls=":rs:--header--0 :rs:--rows--0 :rs:--children"><button class="ids-table--activator-v5150" type="button">Current liabilities</button></th></tr><tr class="ids-table--row-group-column-headers-v5150" id=":rs:--header--0"><th id=":rs:__owner" headers=":rs:--caption" class="" style="width: 75px; min-width: 75px;">Owner</th><th id=":rs:__type" headers=":rs:--caption" class="" style="width: 100px; min-width: 100px;">Type</th><th id=":rs:__provider" headers=":rs:--caption" class="">Provider</th><th id=":rs:__status" headers=":rs:--caption" class="ids-table--divider-v5150">Status</th><th id=":rs:__frequency" headers=":rs:--caption" class="">Frequency</th><th id=":rs:__outstanding" headers=":rs:--caption" aria-sort="none" class="ids-table--cell--currency-v5150"><button type="button" class="ids-table--sort-button-v5150 ids-table--sort-button-no-wrap-v5150">Outstanding (GBP)<span role="img" class="ids-table--sort-icon-v5150 ids-icon-v5150 fa-sort fal" aria-label="sortable"></span></button></th><th id=":rs:__interestRate" headers=":rs:--caption" aria-sort="none" class="ids-table--cell--right-v5150"><button type="button" class="ids-table--sort-button-v5150 ids-table--sort-button-no-wrap-v5150">Interest rate p.a.<span role="img" class="ids-table--sort-icon-v5150 ids-icon-v5150 fa-sort fal" aria-label="sortable"></span></button></th><th id=":rs:__repayment" headers=":rs:--caption" aria-sort="none" class="ids-table--cell--currency-v5150"><button type="button" class="ids-table--sort-button-v5150 ids-table--sort-button-no-wrap-v5150">Repayment (GBP)<span role="img" class="ids-table--sort-icon-v5150 ids-icon-v5150 fa-sort fal" aria-label="sortable"></span></button></th></tr><tr id=":rs:--rows--0"><td data-column="owner" headers=":rs:__owner :rs:--caption" id=":rs:__0_owner" class="" style="width: 75px; min-width: 75px;">Client</td><td data-column="type" headers=":rs:__type :rs:--caption" id=":rs:__0_type" class="" style="width: 100px; min-width: 100px;">Credit card</td><td data-column="provider" headers=":rs:__provider :rs:--caption" id=":rs:__0_provider" class=""></td><td data-column="status" headers=":rs:__status :rs:--caption" id=":rs:__0_status" class="ids-table--divider-v5150">Current</td><td data-column="frequency" headers=":rs:__frequency :rs:--caption" id=":rs:__0_frequency" class="">Monthly</td><td data-column="outstanding" headers=":rs:__outstanding :rs:--caption" id=":rs:__0_outstanding" class="ids-table--cell--currency-v5150">5,000.00</td><td data-column="interestRate" headers=":rs:__interestRate :rs:--caption" id=":rs:__0_interestRate" class="ids-table--cell--right-v5150">0%</td><td data-column="repayment" headers=":rs:__repayment :rs:--caption" id=":rs:__0_repayment" class="ids-table--cell--currency-v5150">300.00</td></tr><tr id=":rs:--children"><td colspan="8"><button class="iress-form-element iress-form-element__inner iress-u-button iress--mode--tertiary" type="button"><span class="iress-u-button__prepend"><span role="img" class="ids-icon-v5150 fa-plus-circle fal" aria-hidden="true"></span></span>Add current liability</button></td></tr></tbody><tbody aria-labelledby=":ru:--caption" class=""><tr><th aria-expanded="false" colspan="8" class="ids-table--row-group-header-v5150" id=":ru:--caption" scope="rowgroup"><button class="ids-table--activator-v5150" type="button">Long term liabilities</button></th></tr></tbody><tbody aria-labelledby=":rv:--caption" class=""><tr><th aria-expanded="false" colspan="8" class="ids-table--row-group-header-v5150" id=":rv:--caption" scope="rowgroup"><button class="ids-table--activator-v5150" type="button">Contingent liabilities</button></th></tr></tbody></table>
|
|
1074
1074
|
|
|
1075
1075
|
Hide code
|
|
1076
1076
|
|
|
@@ -1231,9 +1231,9 @@ IressTableFormattedValue
|
|
|
1231
1231
|
| --- | --- |
|
|
1232
1232
|
| string | string |
|
|
1233
1233
|
| number | 10000 |
|
|
1234
|
-
| date |
|
|
1235
|
-
| shortDate |
|
|
1236
|
-
| isoDateTime | 2025-06-
|
|
1234
|
+
| date | 27/06/2025 |
|
|
1235
|
+
| shortDate | 27 Jun 2025 |
|
|
1236
|
+
| isoDateTime | 2025-06-27 04:09:53 (UTC) |
|
|
1237
1237
|
| relativeTime | now |
|
|
1238
1238
|
| currency | $10,000.00 |
|
|
1239
1239
|
| percent | 50% |
|
|
@@ -89,6 +89,56 @@ export const SimpleToasterExample \= () \=> (
|
|
|
89
89
|
|
|
90
90
|
Copy
|
|
91
91
|
|
|
92
|
+
### [](#closing-toasts-via-the-provider)Closing toasts via the provider
|
|
93
|
+
|
|
94
|
+
If you want to dismiss a toast programmatically, you can use the `close` method from the `useToaster` hook. This method takes a toast ID as an argument, which is returned when you create a toast using the `useToaster` hook.
|
|
95
|
+
|
|
96
|
+
Show toast using provider
|
|
97
|
+
|
|
98
|
+
Hide code
|
|
99
|
+
|
|
100
|
+
\[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; }
|
|
101
|
+
|
|
102
|
+
import {
|
|
103
|
+
IressButton,
|
|
104
|
+
IressInline,
|
|
105
|
+
IressToasterProvider,
|
|
106
|
+
IressToasterProviderProps,
|
|
107
|
+
useToaster,
|
|
108
|
+
} from '@iress-oss/ids-components';
|
|
109
|
+
import { useState } from 'react';
|
|
110
|
+
const ToastWithTrigger \= () \=> {
|
|
111
|
+
const toaster \= useToaster();
|
|
112
|
+
const \[lastToastId, setLastToastId\] \= useState<string | null\>(null);
|
|
113
|
+
return (
|
|
114
|
+
<IressInline gutter\="sm"\>
|
|
115
|
+
<IressButton onClick={() \=> {
|
|
116
|
+
const toastId \= toaster.error({
|
|
117
|
+
heading: 'Error',
|
|
118
|
+
children:
|
|
119
|
+
'Connection failure. Longer text description should wrap and look like this. Try to limit to 3 lines or less.',
|
|
120
|
+
onClose: () \=> {
|
|
121
|
+
setLastToastId(null);
|
|
122
|
+
},
|
|
123
|
+
});
|
|
124
|
+
setLastToastId(toastId);
|
|
125
|
+
}}
|
|
126
|
+
> Show toast using provider </IressButton\>
|
|
127
|
+
{lastToastId && (
|
|
128
|
+
<IressButton onClick\={() \=> toaster.close(lastToastId)}\>
|
|
129
|
+
Close the last toast opened </IressButton\>
|
|
130
|
+
)}
|
|
131
|
+
</IressInline\>
|
|
132
|
+
);
|
|
133
|
+
};
|
|
134
|
+
export const CloseToastViaProvider \= () \=> (
|
|
135
|
+
<IressToasterProvider \>
|
|
136
|
+
<ToastWithTrigger />
|
|
137
|
+
</IressToasterProvider\>
|
|
138
|
+
);
|
|
139
|
+
|
|
140
|
+
Copy
|
|
141
|
+
|
|
92
142
|
[](#examples)Examples
|
|
93
143
|
---------------------
|
|
94
144
|
|
|
@@ -286,6 +336,7 @@ On this page
|
|
|
286
336
|
* [Props](#props)
|
|
287
337
|
* [Controlling toasts](#controlling-toasts)
|
|
288
338
|
* [Using the IressToasterProvider](#using-the-iresstoasterprovider)
|
|
339
|
+
* [Closing toasts via the provider](#closing-toasts-via-the-provider)
|
|
289
340
|
* [Examples](#examples)
|
|
290
341
|
* [Status](#status)
|
|
291
342
|
* [Timeout](#timeout)
|