@iress-oss/ids-mcp-server 0.0.1-dev.4 → 5.14.2
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 +2 -2
- 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 +4 -4
- package/generated/docs/components-filter-docs.md +3 -3
- package/generated/docs/components-form-docs.md +37 -5
- package/generated/docs/components-form-recipes-docs.md +10 -4
- package/generated/docs/components-icon-docs.md +4 -4
- package/generated/docs/components-radiogroup-docs.md +21 -21
- package/generated/docs/components-richselect-docs.md +1 -1
- 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 +1696 -104
- package/generated/docs/components-table-docs.md +6 -6
- package/generated/docs/components-toaster-docs.md +0 -51
- package/generated/docs/extensions-editor-docs.md +5 -5
- package/generated/docs/get-started-develop-docs.md +16 -177
- package/generated/docs/introduction-docs.md +1 -1
- package/generated/docs/patterns-loading-docs.md +2 -2
- package/generated/docs/themes-available-themes-docs.md +29 -29
- package/package.json +2 -3
- package/generated/docs/components-provider-docs.md +0 -105
|
@@ -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
|
|
249
|
+
| Hello, world! | 123456 | 28/06/2020 | 28 Jun 2020 | 2020-06-28 10:00:00 (AEST) | 11 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-v5142 ids-table--hidden-header-v5142" id=":r9:"><caption id=":r9:--caption" class="">My investments</caption><tbody><tr id=":r9:--rows--0"><th data-column="investment_name" id=":r9:__0_investment_name" scope="row">Artemis Fund Managers Limited</th><td data-column="cost" headers=":r9:__0_investment_name" id=":r9:__0_cost">23898</td><td data-column="investmentDate" headers=":r9:__0_investment_name" id=":r9:__0_investmentDate">2019-09-23</td><td data-column="totalPercentage" headers=":r9:__0_investment_name" id=":r9:__0_totalPercentage">24.8</td></tr><tr id=":r9:--rows--1"><th data-column="investment_name" id=":r9:__1_investment_name" scope="row">CASH.CASH</th><td data-column="cost" headers=":r9:__1_investment_name" id=":r9:__1_cost">49751.4</td><td data-column="investmentDate" headers=":r9:__1_investment_name" id=":r9:__1_investmentDate">2020-06-28</td><td data-column="totalPercentage" headers=":r9:__1_investment_name" id=":r9:__1_totalPercentage">49</td></tr><tr id=":r9:--rows--2"><th data-column="investment_name" id=":r9:__2_investment_name" scope="row">VODAFONE GRP</th><td data-column="cost" headers=":r9:__2_investment_name" id=":r9:__2_cost">26382.456</td><td data-column="investmentDate" headers=":r9:__2_investment_name" id=":r9:__2_investmentDate">2019-02-05</td><td data-column="totalPercentage" headers=":r9:__2_investment_name" id=":r9:__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-v5142" id=":rq:"><caption id=":rq:--caption" class="">My liabilities</caption><tbody aria-labelledby=":rr:--caption" class=""><tr><th aria-expanded="true" colspan="8" class="ids-table--row-group-header-v5142" id=":rr:--caption" scope="rowgroup" aria-controls=":rr:--header--0 :rr:--rows--0 :rr:--children"><button class="ids-table--activator-v5142" type="button">Current liabilities</button></th></tr><tr class="ids-table--row-group-column-headers-v5142" id=":rr:--header--0"><th id=":rr:__owner" headers=":rr:--caption" class="" style="width: 75px; min-width: 75px;">Owner</th><th id=":rr:__type" headers=":rr:--caption" class="" style="width: 100px; min-width: 100px;">Type</th><th id=":rr:__provider" headers=":rr:--caption" class="">Provider</th><th id=":rr:__status" headers=":rr:--caption" class="ids-table--divider-v5142">Status</th><th id=":rr:__frequency" headers=":rr:--caption" class="">Frequency</th><th id=":rr:__outstanding" headers=":rr:--caption" aria-sort="none" class="ids-table--cell--currency-v5142"><button type="button" class="ids-table--sort-button-v5142 ids-table--sort-button-no-wrap-v5142">Outstanding (GBP)<span role="img" class="ids-table--sort-icon-v5142 ids-icon-v5142 fa-sort fal" aria-label="sortable"></span></button></th><th id=":rr:__interestRate" headers=":rr:--caption" aria-sort="none" class="ids-table--cell--right-v5142"><button type="button" class="ids-table--sort-button-v5142 ids-table--sort-button-no-wrap-v5142">Interest rate p.a.<span role="img" class="ids-table--sort-icon-v5142 ids-icon-v5142 fa-sort fal" aria-label="sortable"></span></button></th><th id=":rr:__repayment" headers=":rr:--caption" aria-sort="none" class="ids-table--cell--currency-v5142"><button type="button" class="ids-table--sort-button-v5142 ids-table--sort-button-no-wrap-v5142">Repayment (GBP)<span role="img" class="ids-table--sort-icon-v5142 ids-icon-v5142 fa-sort fal" aria-label="sortable"></span></button></th></tr><tr id=":rr:--rows--0"><td data-column="owner" headers=":rr:__owner :rr:--caption" id=":rr:__0_owner" class="" style="width: 75px; min-width: 75px;">Client</td><td data-column="type" headers=":rr:__type :rr:--caption" id=":rr:__0_type" class="" style="width: 100px; min-width: 100px;">Credit card</td><td data-column="provider" headers=":rr:__provider :rr:--caption" id=":rr:__0_provider" class=""></td><td data-column="status" headers=":rr:__status :rr:--caption" id=":rr:__0_status" class="ids-table--divider-v5142">Current</td><td data-column="frequency" headers=":rr:__frequency :rr:--caption" id=":rr:__0_frequency" class="">Monthly</td><td data-column="outstanding" headers=":rr:__outstanding :rr:--caption" id=":rr:__0_outstanding" class="ids-table--cell--currency-v5142">5,000.00</td><td data-column="interestRate" headers=":rr:__interestRate :rr:--caption" id=":rr:__0_interestRate" class="ids-table--cell--right-v5142">0%</td><td data-column="repayment" headers=":rr:__repayment :rr:--caption" id=":rr:__0_repayment" class="ids-table--cell--currency-v5142">300.00</td></tr><tr id=":rr:--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-v5142 fa-plus-circle fal" aria-hidden="true"></span></span>Add current liability</button></td></tr></tbody><tbody aria-labelledby=":rt:--caption" class=""><tr><th aria-expanded="false" colspan="8" class="ids-table--row-group-header-v5142" id=":rt:--caption" scope="rowgroup"><button class="ids-table--activator-v5142" type="button">Long term liabilities</button></th></tr></tbody><tbody aria-labelledby=":ru:--caption" class=""><tr><th aria-expanded="false" colspan="8" class="ids-table--row-group-header-v5142" id=":ru:--caption" scope="rowgroup"><button class="ids-table--activator-v5142" 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 | 25/06/2025 |
|
|
1235
|
+
| shortDate | 25 Jun 2025 |
|
|
1236
|
+
| isoDateTime | 2025-06-25 07:05:35 (AEST) |
|
|
1237
1237
|
| relativeTime | now |
|
|
1238
1238
|
| currency | $10,000.00 |
|
|
1239
1239
|
| percent | 50% |
|
|
@@ -89,56 +89,6 @@ 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
|
-
|
|
142
92
|
[](#examples)Examples
|
|
143
93
|
---------------------
|
|
144
94
|
|
|
@@ -336,7 +286,6 @@ On this page
|
|
|
336
286
|
* [Props](#props)
|
|
337
287
|
* [Controlling toasts](#controlling-toasts)
|
|
338
288
|
* [Using the IressToasterProvider](#using-the-iresstoasterprovider)
|
|
339
|
-
* [Closing toasts via the provider](#closing-toasts-via-the-provider)
|
|
340
289
|
* [Examples](#examples)
|
|
341
290
|
* [Status](#status)
|
|
342
291
|
* [Timeout](#timeout)
|