` is used. Set it to any element you have to use. Adds also a class: `dnb-pagination__page` shown.
*/
-
page_element?: PaginationPageElement;
+
/**
* (infinity mode) is used by the
indicator,
load more bar as well as by the marker. Defaults to a `div`.
*/
-
fallback_element?: PaginationFallbackElement;
+
/**
* (infinity mode) is used by the internal marker. Falls back to `fallback_element` if not defined.
*/
-
marker_element?: PaginationMarkerElement;
+
/**
* (infinity mode) is used by the
indicator. Falls back to `fallback_element` if not defined.
*/
-
indicator_element?: PaginationIndicatorElement;
+
/**
* Define the alignment of the pagination button bar. Can be `center`, `left` or `right`. Defaults to `left`.
*/
-
align?: string;
+
/**
* The title used in every button shown in the bar. Defaults to `Side %s`.
*/
-
button_title?: string;
+
/**
* The title used in the previous page button. Defaults to `Forrige side`.
*/
-
prev_title?: string;
+
/**
* The title used in the next page button. Defaults to `Neste side`.
*/
-
next_title?: string;
+
/**
* The title used in the dots. Relevant for screen-readers. Defaults to `%s flere sider`.
*/
-
more_pages?: string;
+
/**
* Shown until new content is inserted in to the page. Defaults to `Laster nytt innhold`.
*/
-
is_loading_text?: string;
+
/**
- * Used during infinity mode. If `use_load_button` is set to true, then a button is show on the bottom. If the `startup_page` is higher than 1. Defaults to `Vis mer innhold`.
+ * Used during infinity mode. If `use_load_button` is set to `true`, then a button is show on the bottom. If the `startup_page` is higher than 1. Defaults to `Vis mer innhold`.
*/
-
load_button_text?: string;
class?: string;
className?: string;
+
/**
* The given content can be either a function or a React node, depending on your needs. A function contains several helper functions. More details down below and have a look at the examples in the demos section.
*/
-
children?: PaginationChildren;
+
/**
* Will be called for every page change, regardless if the mode is `mode="infinity"` or not. Returns an object with number of useful properties and methods. See below for more details.
*/
-
on_change?: (...args: any[]) => any;
+
/**
* Only on "infinity" mode. Will be called once the component is ready for interaction. Returns an object with number of useful properties and methods. See below for more details. "NB:" Will be called again as soon as we reset the content by calling `resetContent()`.
*/
-
on_startup?: (...args: any[]) => any;
+
/**
* Only on "infinity" mode. Will be called on every page interaction, also on the very first interaction. Returns an object with number of useful properties and methods. See below for more details.
*/
-
on_load?: (...args: any[]) => any;
+
/**
* Only on "infinity" mode. Will be called once `page_count` is reached or `endInfinity` was called.
*/
-
on_end?: (...args: any[]) => any;
}
export default class Pagination extends React.Component<
diff --git a/packages/dnb-eufemia/src/components/pagination/__tests__/__snapshots__/Pagination.test.tsx.snap b/packages/dnb-eufemia/src/components/pagination/__tests__/__snapshots__/Pagination.test.tsx.snap
index 9e8a58b7555..5ad4940fbdc 100644
--- a/packages/dnb-eufemia/src/components/pagination/__tests__/__snapshots__/Pagination.test.tsx.snap
+++ b/packages/dnb-eufemia/src/components/pagination/__tests__/__snapshots__/Pagination.test.tsx.snap
@@ -763,7 +763,7 @@ exports[`Pagination bar have to match snapshot 1`] = `
custom_content={null}
disabled={false}
element={null}
- global_status_id={null}
+ globalStatus={null}
href={null}
icon="chevron_left"
icon_position="left"
@@ -805,7 +805,7 @@ exports[`Pagination bar have to match snapshot 1`] = `
custom_content={null}
disabled={false}
element={null}
- global_status_id={null}
+ globalStatus={null}
href={null}
icon="chevron_left"
icon_position="left"
@@ -893,7 +893,7 @@ exports[`Pagination bar have to match snapshot 1`] = `
attributes={null}
class={null}
className={null}
- global_status_id={null}
+ globalStatus={null}
icon="error"
icon_size="medium"
id="null-form-status"
@@ -920,7 +920,7 @@ exports[`Pagination bar have to match snapshot 1`] = `
custom_content={null}
disabled={false}
element={null}
- global_status_id={null}
+ globalStatus={null}
href={null}
icon="chevron_right"
icon_position="right"
@@ -962,7 +962,7 @@ exports[`Pagination bar have to match snapshot 1`] = `
custom_content={null}
disabled={false}
element={null}
- global_status_id={null}
+ globalStatus={null}
href={null}
icon="chevron_right"
icon_position="right"
@@ -1050,7 +1050,7 @@ exports[`Pagination bar have to match snapshot 1`] = `
attributes={null}
class={null}
className={null}
- global_status_id={null}
+ globalStatus={null}
icon="error"
icon_size="medium"
id="null-form-status"
@@ -1083,7 +1083,7 @@ exports[`Pagination bar have to match snapshot 1`] = `
custom_content={null}
disabled={null}
element={null}
- global_status_id={null}
+ globalStatus={null}
href={null}
icon={null}
icon_position="right"
@@ -1127,7 +1127,7 @@ exports[`Pagination bar have to match snapshot 1`] = `
custom_content={null}
disabled={null}
element={null}
- global_status_id={null}
+ globalStatus={null}
href={null}
icon={null}
icon_position="right"
@@ -1173,7 +1173,7 @@ exports[`Pagination bar have to match snapshot 1`] = `
attributes={null}
class={null}
className={null}
- global_status_id={null}
+ globalStatus={null}
icon="error"
icon_size="medium"
id="null-form-status"
@@ -1202,7 +1202,7 @@ exports[`Pagination bar have to match snapshot 1`] = `
custom_content={null}
disabled={null}
element={null}
- global_status_id={null}
+ globalStatus={null}
href={null}
icon={null}
icon_position="right"
@@ -1247,7 +1247,7 @@ exports[`Pagination bar have to match snapshot 1`] = `
custom_content={null}
disabled={null}
element={null}
- global_status_id={null}
+ globalStatus={null}
href={null}
icon={null}
icon_position="right"
@@ -1293,7 +1293,7 @@ exports[`Pagination bar have to match snapshot 1`] = `
attributes={null}
class={null}
className={null}
- global_status_id={null}
+ globalStatus={null}
icon="error"
icon_size="medium"
id="null-form-status"
@@ -1322,7 +1322,7 @@ exports[`Pagination bar have to match snapshot 1`] = `
custom_content={null}
disabled={null}
element={null}
- global_status_id={null}
+ globalStatus={null}
href={null}
icon={null}
icon_position="right"
@@ -1366,7 +1366,7 @@ exports[`Pagination bar have to match snapshot 1`] = `
custom_content={null}
disabled={null}
element={null}
- global_status_id={null}
+ globalStatus={null}
href={null}
icon={null}
icon_position="right"
@@ -1412,7 +1412,7 @@ exports[`Pagination bar have to match snapshot 1`] = `
attributes={null}
class={null}
className={null}
- global_status_id={null}
+ globalStatus={null}
icon="error"
icon_size="medium"
id="null-form-status"
@@ -1441,7 +1441,7 @@ exports[`Pagination bar have to match snapshot 1`] = `
custom_content={null}
disabled={null}
element={null}
- global_status_id={null}
+ globalStatus={null}
href={null}
icon={null}
icon_position="right"
@@ -1485,7 +1485,7 @@ exports[`Pagination bar have to match snapshot 1`] = `
custom_content={null}
disabled={null}
element={null}
- global_status_id={null}
+ globalStatus={null}
href={null}
icon={null}
icon_position="right"
@@ -1531,7 +1531,7 @@ exports[`Pagination bar have to match snapshot 1`] = `
attributes={null}
class={null}
className={null}
- global_status_id={null}
+ globalStatus={null}
icon="error"
icon_size="medium"
id="null-form-status"
diff --git a/packages/dnb-eufemia/src/components/radio/Radio.d.ts b/packages/dnb-eufemia/src/components/radio/Radio.d.ts
index be24e868afa..c53d32d1434 100644
--- a/packages/dnb-eufemia/src/components/radio/Radio.d.ts
+++ b/packages/dnb-eufemia/src/components/radio/Radio.d.ts
@@ -4,6 +4,7 @@ import type {
FormStatusState,
FormStatusText
} from '../FormStatus';
+import type { GlobalStatusConfigObject } from '../GlobalStatus';
import type { SkeletonShow } from '../Skeleton';
import type { SpacingProps } from '../space/types';
import RadioGroup from './RadioGroup';
@@ -72,9 +73,9 @@ export interface RadioProps
status_no_animation?: RadioStatusNoAnimation;
/**
- * The `status_id` used for the target
GlobalStatus.
+ * The
configuration used for the target
GlobalStatus.
*/
- global_status_id?: string;
+ globalStatus?: GlobalStatusConfigObject;
suffix?: RadioSuffix;
/**
@@ -89,7 +90,7 @@ export interface RadioProps
children?: RadioChildren;
/**
- * Will be called on state changes made by the user. Returns a boolean and string `{ checked, value, event }`.
+ * Will be called on state changes made by the user. Returns an object `{ checked, value, event }`.
*/
on_change?: (...args: any[]) => any;
on_state_update?: (...args: any[]) => any;
diff --git a/packages/dnb-eufemia/src/components/radio/Radio.js b/packages/dnb-eufemia/src/components/radio/Radio.js
index 4ef3e9544f1..528adaff82e 100644
--- a/packages/dnb-eufemia/src/components/radio/Radio.js
+++ b/packages/dnb-eufemia/src/components/radio/Radio.js
@@ -66,7 +66,10 @@ export default class Radio extends React.PureComponent {
PropTypes.string,
PropTypes.bool,
]),
- global_status_id: PropTypes.string,
+ globalStatus: PropTypes.shape({
+ id: PropTypes.string,
+ message: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
+ }),
suffix: PropTypes.oneOfType([
PropTypes.string,
PropTypes.func,
@@ -101,7 +104,7 @@ export default class Radio extends React.PureComponent {
status_state: 'error',
status_props: null,
status_no_animation: null,
- global_status_id: null,
+ globalStatus: null,
suffix: null,
value: '',
attributes: null,
@@ -278,7 +281,7 @@ export default class Radio extends React.PureComponent {
status_state,
status_props,
status_no_animation,
- global_status_id,
+ globalStatus,
suffix,
element,
label,
@@ -386,7 +389,7 @@ export default class Radio extends React.PureComponent {
GlobalStatus.
+ * The configuration used for the target GlobalStatus.
*/
- global_status_id?: string;
+ globalStatus?: GlobalStatusConfigObject;
suffix?: RadioGroupSuffix;
layout_direction?: RadioGroupLayoutDirection;
vertical?: boolean;
@@ -83,7 +84,7 @@ export interface RadioGroupProps
children?: RadioGroupChildren;
/**
- * Will be called on state changes made by the user. Returns a boolean and string `{ checked, value, event }`.
+ * Will be called on state changes made by the user. Returns an object `{ checked, value, event }`.
*/
on_change?: (...args: any[]) => any;
}
diff --git a/packages/dnb-eufemia/src/components/radio/RadioGroup.js b/packages/dnb-eufemia/src/components/radio/RadioGroup.js
index 588ead47f80..9f14923ba1e 100644
--- a/packages/dnb-eufemia/src/components/radio/RadioGroup.js
+++ b/packages/dnb-eufemia/src/components/radio/RadioGroup.js
@@ -61,7 +61,10 @@ export default class RadioGroup extends React.PureComponent {
PropTypes.string,
PropTypes.bool,
]),
- global_status_id: PropTypes.string,
+ globalStatus: PropTypes.shape({
+ id: PropTypes.string,
+ message: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
+ }),
suffix: PropTypes.oneOfType([
PropTypes.string,
PropTypes.func,
@@ -101,7 +104,7 @@ export default class RadioGroup extends React.PureComponent {
status_state: 'error',
status_props: null,
status_no_animation: null,
- global_status_id: null,
+ globalStatus: null,
suffix: null,
vertical: null,
layout_direction: 'row',
@@ -163,7 +166,7 @@ export default class RadioGroup extends React.PureComponent {
status_state,
status_props,
status_no_animation,
- global_status_id,
+ globalStatus,
suffix,
label,
label_direction,
@@ -269,7 +272,7 @@ export default class RadioGroup extends React.PureComponent {
{
// then test the state management
diff --git a/packages/dnb-eufemia/src/components/radio/__tests__/__snapshots__/Radio.test.tsx.snap b/packages/dnb-eufemia/src/components/radio/__tests__/__snapshots__/Radio.test.tsx.snap
index b0ad5130beb..213d0a4f942 100644
--- a/packages/dnb-eufemia/src/components/radio/__tests__/__snapshots__/Radio.test.tsx.snap
+++ b/packages/dnb-eufemia/src/components/radio/__tests__/__snapshots__/Radio.test.tsx.snap
@@ -9,7 +9,11 @@ exports[`Radio component have to match snapshot 1`] = `
direction="horizontal"
disabled="disabled"
element="input"
- global_status_id="main"
+ globalStatus={
+ {
+ "id": "main",
+ }
+ }
group={null}
id="radio"
label="label"
@@ -72,7 +76,11 @@ exports[`Radio component have to match snapshot 1`] = `
attributes={null}
class={null}
className={null}
- global_status_id="main"
+ globalStatus={
+ {
+ "id": "main",
+ }
+ }
icon="error"
icon_size="medium"
id="radio-form-status"
@@ -138,7 +146,9 @@ exports[`Radio component have to match snapshot 1`] = `
"direction": "horizontal",
"disabled": "disabled",
"element": "input",
- "global_status_id": "main",
+ "globalStatus": {
+ "id": "main",
+ },
"group": null,
"id": "radio",
"label": "label",
@@ -179,7 +189,7 @@ exports[`Radio group component have to match group snapshot 1`] = `
class={null}
className={null}
disabled={null}
- global_status_id={null}
+ globalStatus={null}
id="group"
label="Label"
label_direction={null}
@@ -243,7 +253,7 @@ exports[`Radio group component have to match group snapshot 1`] = `
className={null}
direction={null}
disabled={null}
- global_status_id={null}
+ globalStatus={null}
id="group"
label="Label"
label_class={null}
@@ -324,7 +334,7 @@ exports[`Radio group component have to match group snapshot 1`] = `
className={null}
disabled={null}
element="input"
- global_status_id={null}
+ globalStatus={null}
group={null}
id="radio-1"
label="Radio 1"
@@ -363,7 +373,7 @@ exports[`Radio group component have to match group snapshot 1`] = `
attributes={null}
class={null}
className={null}
- global_status_id={null}
+ globalStatus={null}
icon="error"
icon_size="medium"
id="radio-1-form-status"
@@ -450,7 +460,7 @@ exports[`Radio group component have to match group snapshot 1`] = `
className={null}
disabled={null}
element="input"
- global_status_id={null}
+ globalStatus={null}
group={null}
id="radio-2"
label="Radio 2"
@@ -489,7 +499,7 @@ exports[`Radio group component have to match group snapshot 1`] = `
attributes={null}
class={null}
className={null}
- global_status_id={null}
+ globalStatus={null}
icon="error"
icon_size="medium"
id="radio-2-form-status"
@@ -573,7 +583,7 @@ exports[`Radio group component have to match group snapshot 1`] = `
attributes={null}
class={null}
className={null}
- global_status_id={null}
+ globalStatus={null}
icon="error"
icon_size="medium"
id="group-form-status"
diff --git a/packages/dnb-eufemia/src/components/skeleton/__tests__/__snapshots__/Skeleton.test.tsx.snap b/packages/dnb-eufemia/src/components/skeleton/__tests__/__snapshots__/Skeleton.test.tsx.snap
index 178bf148cf4..001b9dda887 100644
--- a/packages/dnb-eufemia/src/components/skeleton/__tests__/__snapshots__/Skeleton.test.tsx.snap
+++ b/packages/dnb-eufemia/src/components/skeleton/__tests__/__snapshots__/Skeleton.test.tsx.snap
@@ -67,7 +67,7 @@ exports[`Skeleton component have to match snapshot 1`] = `
clear={null}
clear_button_title={null}
disabled={null}
- global_status_id={null}
+ globalStatus={null}
icon={null}
icon_position="left"
icon_size={null}
@@ -152,7 +152,7 @@ exports[`Skeleton component have to match snapshot 1`] = `
attributes={null}
class={null}
className={null}
- global_status_id={null}
+ globalStatus={null}
icon="error"
icon_size="medium"
id="input-form-status"
diff --git a/packages/dnb-eufemia/src/components/slider/SliderInstance.tsx b/packages/dnb-eufemia/src/components/slider/SliderInstance.tsx
index bb0b7adb0a3..073e774b2d4 100644
--- a/packages/dnb-eufemia/src/components/slider/SliderInstance.tsx
+++ b/packages/dnb-eufemia/src/components/slider/SliderInstance.tsx
@@ -49,7 +49,7 @@ export function SliderInstance() {
statusProps,
statusState,
statusNoAnimation,
- globalStatusId,
+ globalStatus,
stretch,
skeleton,
disabled,
@@ -99,8 +99,7 @@ export function SliderInstance() {
export type NumberFormatTypes =
@@ -41,7 +42,7 @@ export type SliderProps = IncludeSnakeCase<{
statusNoAnimation?: boolean
/** the `status_id` used for the target [GlobalStatus](/uilib/components/global-status). */
- globalStatusId?: string
+ globalStatus?: GlobalStatusConfigObject
/** text describing the content of the Slider more than the label. You can also send in a React component, so it gets wrapped inside the Slider component. */
suffix?: SuffixChildren
diff --git a/packages/dnb-eufemia/src/components/step-indicator/__tests__/__snapshots__/StepIndicator.test.tsx.snap b/packages/dnb-eufemia/src/components/step-indicator/__tests__/__snapshots__/StepIndicator.test.tsx.snap
index 5b18e2fe578..09054a63e42 100644
--- a/packages/dnb-eufemia/src/components/step-indicator/__tests__/__snapshots__/StepIndicator.test.tsx.snap
+++ b/packages/dnb-eufemia/src/components/step-indicator/__tests__/__snapshots__/StepIndicator.test.tsx.snap
@@ -483,7 +483,7 @@ exports[`StepIndicator in loose mode have to match snapshot 1`] = `
custom_content={null}
disabled={null}
element={null}
- global_status_id={null}
+ globalStatus={null}
href={null}
icon="check"
icon_position="right"
@@ -596,7 +596,7 @@ exports[`StepIndicator in loose mode have to match snapshot 1`] = `
custom_content={null}
disabled={null}
element={null}
- global_status_id={null}
+ globalStatus={null}
href={null}
icon="check"
icon_position="right"
@@ -772,7 +772,7 @@ exports[`StepIndicator in loose mode have to match snapshot 1`] = `
attributes={null}
class={null}
className={null}
- global_status_id={null}
+ globalStatus={null}
icon="error"
icon_size="medium"
id="null-form-status"
@@ -901,7 +901,7 @@ exports[`StepIndicator in loose mode have to match snapshot 1`] = `
custom_content={null}
disabled={null}
element={null}
- global_status_id={null}
+ globalStatus={null}
href={null}
icon="check"
icon_position="right"
@@ -1014,7 +1014,7 @@ exports[`StepIndicator in loose mode have to match snapshot 1`] = `
custom_content={null}
disabled={null}
element={null}
- global_status_id={null}
+ globalStatus={null}
href={null}
icon="check"
icon_position="right"
@@ -1190,7 +1190,7 @@ exports[`StepIndicator in loose mode have to match snapshot 1`] = `
attributes={null}
class={null}
className={null}
- global_status_id={null}
+ globalStatus={null}
icon="error"
icon_size="medium"
id="null-form-status"
@@ -1318,7 +1318,7 @@ exports[`StepIndicator in loose mode have to match snapshot 1`] = `
custom_content={null}
disabled={null}
element={null}
- global_status_id={null}
+ globalStatus={null}
href={null}
icon="check"
icon_position="right"
@@ -1431,7 +1431,7 @@ exports[`StepIndicator in loose mode have to match snapshot 1`] = `
custom_content={null}
disabled={null}
element={null}
- global_status_id={null}
+ globalStatus={null}
href={null}
icon="check"
icon_position="right"
@@ -1607,7 +1607,7 @@ exports[`StepIndicator in loose mode have to match snapshot 1`] = `
attributes={null}
class={null}
className={null}
- global_status_id={null}
+ globalStatus={null}
icon="error"
icon_size="medium"
id="null-form-status"
@@ -1735,7 +1735,7 @@ exports[`StepIndicator in loose mode have to match snapshot 1`] = `
custom_content={null}
disabled={null}
element={null}
- global_status_id={null}
+ globalStatus={null}
href={null}
icon="check"
icon_position="right"
@@ -1848,7 +1848,7 @@ exports[`StepIndicator in loose mode have to match snapshot 1`] = `
custom_content={null}
disabled={null}
element={null}
- global_status_id={null}
+ globalStatus={null}
href={null}
icon="check"
icon_position="right"
@@ -2024,7 +2024,7 @@ exports[`StepIndicator in loose mode have to match snapshot 1`] = `
attributes={null}
class={null}
className={null}
- global_status_id={null}
+ globalStatus={null}
icon="error"
icon_size="medium"
id="null-form-status"
@@ -2257,7 +2257,7 @@ exports[`StepIndicator in loose mode have to match snapshot on small screen 1`]
custom_content={null}
disabled={null}
element={null}
- global_status_id={null}
+ globalStatus={null}
href={null}
icon={[Function]}
icon_position="right"
@@ -2371,7 +2371,7 @@ exports[`StepIndicator in loose mode have to match snapshot on small screen 1`]
custom_content={null}
disabled={null}
element={null}
- global_status_id={null}
+ globalStatus={null}
href={null}
icon={[Function]}
icon_position="right"
@@ -2547,7 +2547,7 @@ exports[`StepIndicator in loose mode have to match snapshot on small screen 1`]
attributes={null}
class={null}
className={null}
- global_status_id={null}
+ globalStatus={null}
icon="error"
icon_size="medium"
id="unique-id-loose-snapshot-form-status"
@@ -3154,7 +3154,7 @@ exports[`StepIndicator in static mode have to match snapshot 1`] = `
custom_content={null}
disabled={null}
element="span"
- global_status_id={null}
+ globalStatus={null}
href={null}
icon="check"
icon_position="right"
@@ -3263,7 +3263,7 @@ exports[`StepIndicator in static mode have to match snapshot 1`] = `
custom_content={null}
disabled={null}
element="span"
- global_status_id={null}
+ globalStatus={null}
href={null}
icon="check"
icon_position="right"
@@ -3437,7 +3437,7 @@ exports[`StepIndicator in static mode have to match snapshot 1`] = `
attributes={null}
class={null}
className={null}
- global_status_id={null}
+ globalStatus={null}
icon="error"
icon_size="medium"
id="null-form-status"
@@ -3566,7 +3566,7 @@ exports[`StepIndicator in static mode have to match snapshot 1`] = `
custom_content={null}
disabled={null}
element="span"
- global_status_id={null}
+ globalStatus={null}
href={null}
icon="check"
icon_position="right"
@@ -3675,7 +3675,7 @@ exports[`StepIndicator in static mode have to match snapshot 1`] = `
custom_content={null}
disabled={null}
element="span"
- global_status_id={null}
+ globalStatus={null}
href={null}
icon="check"
icon_position="right"
@@ -3849,7 +3849,7 @@ exports[`StepIndicator in static mode have to match snapshot 1`] = `
attributes={null}
class={null}
className={null}
- global_status_id={null}
+ globalStatus={null}
icon="error"
icon_size="medium"
id="null-form-status"
@@ -3977,7 +3977,7 @@ exports[`StepIndicator in static mode have to match snapshot 1`] = `
custom_content={null}
disabled={null}
element="span"
- global_status_id={null}
+ globalStatus={null}
href={null}
icon="check"
icon_position="right"
@@ -4086,7 +4086,7 @@ exports[`StepIndicator in static mode have to match snapshot 1`] = `
custom_content={null}
disabled={null}
element="span"
- global_status_id={null}
+ globalStatus={null}
href={null}
icon="check"
icon_position="right"
@@ -4260,7 +4260,7 @@ exports[`StepIndicator in static mode have to match snapshot 1`] = `
attributes={null}
class={null}
className={null}
- global_status_id={null}
+ globalStatus={null}
icon="error"
icon_size="medium"
id="null-form-status"
@@ -4388,7 +4388,7 @@ exports[`StepIndicator in static mode have to match snapshot 1`] = `
custom_content={null}
disabled={null}
element="span"
- global_status_id={null}
+ globalStatus={null}
href={null}
icon="check"
icon_position="right"
@@ -4497,7 +4497,7 @@ exports[`StepIndicator in static mode have to match snapshot 1`] = `
custom_content={null}
disabled={null}
element="span"
- global_status_id={null}
+ globalStatus={null}
href={null}
icon="check"
icon_position="right"
@@ -4671,7 +4671,7 @@ exports[`StepIndicator in static mode have to match snapshot 1`] = `
attributes={null}
class={null}
className={null}
- global_status_id={null}
+ globalStatus={null}
icon="error"
icon_size="medium"
id="null-form-status"
@@ -4904,7 +4904,7 @@ exports[`StepIndicator in static mode have to match snapshot on small screen 1`]
custom_content={null}
disabled={null}
element={null}
- global_status_id={null}
+ globalStatus={null}
href={null}
icon={[Function]}
icon_position="right"
@@ -5018,7 +5018,7 @@ exports[`StepIndicator in static mode have to match snapshot on small screen 1`]
custom_content={null}
disabled={null}
element={null}
- global_status_id={null}
+ globalStatus={null}
href={null}
icon={[Function]}
icon_position="right"
@@ -5194,7 +5194,7 @@ exports[`StepIndicator in static mode have to match snapshot on small screen 1`]
attributes={null}
class={null}
className={null}
- global_status_id={null}
+ globalStatus={null}
icon="error"
icon_size="medium"
id="unique-id-static-snapshot-form-status"
@@ -5803,7 +5803,7 @@ exports[`StepIndicator in strict mode have to match snapshot 1`] = `
custom_content={null}
disabled={null}
element={null}
- global_status_id={null}
+ globalStatus={null}
href={null}
icon="check"
icon_position="right"
@@ -5916,7 +5916,7 @@ exports[`StepIndicator in strict mode have to match snapshot 1`] = `
custom_content={null}
disabled={null}
element={null}
- global_status_id={null}
+ globalStatus={null}
href={null}
icon="check"
icon_position="right"
@@ -6092,7 +6092,7 @@ exports[`StepIndicator in strict mode have to match snapshot 1`] = `
attributes={null}
class={null}
className={null}
- global_status_id={null}
+ globalStatus={null}
icon="error"
icon_size="medium"
id="null-form-status"
@@ -6221,7 +6221,7 @@ exports[`StepIndicator in strict mode have to match snapshot 1`] = `
custom_content={null}
disabled={null}
element={null}
- global_status_id={null}
+ globalStatus={null}
href={null}
icon="check"
icon_position="right"
@@ -6334,7 +6334,7 @@ exports[`StepIndicator in strict mode have to match snapshot 1`] = `
custom_content={null}
disabled={null}
element={null}
- global_status_id={null}
+ globalStatus={null}
href={null}
icon="check"
icon_position="right"
@@ -6510,7 +6510,7 @@ exports[`StepIndicator in strict mode have to match snapshot 1`] = `
attributes={null}
class={null}
className={null}
- global_status_id={null}
+ globalStatus={null}
icon="error"
icon_size="medium"
id="null-form-status"
@@ -6638,7 +6638,7 @@ exports[`StepIndicator in strict mode have to match snapshot 1`] = `
custom_content={null}
disabled={null}
element="span"
- global_status_id={null}
+ globalStatus={null}
href={null}
icon="check"
icon_position="right"
@@ -6747,7 +6747,7 @@ exports[`StepIndicator in strict mode have to match snapshot 1`] = `
custom_content={null}
disabled={null}
element="span"
- global_status_id={null}
+ globalStatus={null}
href={null}
icon="check"
icon_position="right"
@@ -6921,7 +6921,7 @@ exports[`StepIndicator in strict mode have to match snapshot 1`] = `
attributes={null}
class={null}
className={null}
- global_status_id={null}
+ globalStatus={null}
icon="error"
icon_size="medium"
id="null-form-status"
@@ -7049,7 +7049,7 @@ exports[`StepIndicator in strict mode have to match snapshot 1`] = `
custom_content={null}
disabled={null}
element="span"
- global_status_id={null}
+ globalStatus={null}
href={null}
icon="check"
icon_position="right"
@@ -7158,7 +7158,7 @@ exports[`StepIndicator in strict mode have to match snapshot 1`] = `
custom_content={null}
disabled={null}
element="span"
- global_status_id={null}
+ globalStatus={null}
href={null}
icon="check"
icon_position="right"
@@ -7332,7 +7332,7 @@ exports[`StepIndicator in strict mode have to match snapshot 1`] = `
attributes={null}
class={null}
className={null}
- global_status_id={null}
+ globalStatus={null}
icon="error"
icon_size="medium"
id="null-form-status"
@@ -7565,7 +7565,7 @@ exports[`StepIndicator in strict mode have to match snapshot on small screen 1`]
custom_content={null}
disabled={null}
element={null}
- global_status_id={null}
+ globalStatus={null}
href={null}
icon={[Function]}
icon_position="right"
@@ -7679,7 +7679,7 @@ exports[`StepIndicator in strict mode have to match snapshot on small screen 1`]
custom_content={null}
disabled={null}
element={null}
- global_status_id={null}
+ globalStatus={null}
href={null}
icon={[Function]}
icon_position="right"
@@ -7855,7 +7855,7 @@ exports[`StepIndicator in strict mode have to match snapshot on small screen 1`]
attributes={null}
class={null}
className={null}
- global_status_id={null}
+ globalStatus={null}
icon="error"
icon_size="medium"
id="unique-id-strict-snapshot-form-status"
diff --git a/packages/dnb-eufemia/src/components/switch/Switch.d.ts b/packages/dnb-eufemia/src/components/switch/Switch.d.ts
index eca7a05a790..24332ced29c 100644
--- a/packages/dnb-eufemia/src/components/switch/Switch.d.ts
+++ b/packages/dnb-eufemia/src/components/switch/Switch.d.ts
@@ -1,5 +1,6 @@
import * as React from 'react';
import type { FormStatusState, FormStatusText } from '../FormStatus';
+import type { GlobalStatusConfigObject } from '../GlobalStatus';
import type { SkeletonShow } from '../Skeleton';
import type { SpacingProps } from '../space/types';
export type SwitchLabel =
@@ -65,9 +66,9 @@ export interface SwitchProps
status_props?: Record;
/**
- * The `status_id` used for the target GlobalStatus.
+ * The configuration used for the target GlobalStatus.
*/
- global_status_id?: string;
+ globalStatus?: GlobalStatusConfigObject;
status_no_animation?: boolean;
/**
diff --git a/packages/dnb-eufemia/src/components/switch/Switch.js b/packages/dnb-eufemia/src/components/switch/Switch.js
index e740a26b78e..9c48ff05450 100644
--- a/packages/dnb-eufemia/src/components/switch/Switch.js
+++ b/packages/dnb-eufemia/src/components/switch/Switch.js
@@ -59,7 +59,10 @@ export default class Switch extends React.PureComponent {
]),
status_state: PropTypes.string,
status_props: PropTypes.object,
- global_status_id: PropTypes.string,
+ globalStatus: PropTypes.shape({
+ id: PropTypes.string,
+ message: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
+ }),
status_no_animation: PropTypes.oneOfType([
PropTypes.string,
PropTypes.bool,
@@ -97,7 +100,7 @@ export default class Switch extends React.PureComponent {
status: null,
status_state: 'error',
status_props: null,
- global_status_id: null,
+ globalStatus: null,
status_no_animation: null,
suffix: null,
value: null,
@@ -204,7 +207,7 @@ export default class Switch extends React.PureComponent {
status,
status_state,
status_props,
- global_status_id,
+ globalStatus,
status_no_animation,
suffix,
label,
@@ -289,7 +292,7 @@ export default class Switch extends React.PureComponent {
{
// then test the state management
diff --git a/packages/dnb-eufemia/src/components/switch/__tests__/__snapshots__/Switch.test.tsx.snap b/packages/dnb-eufemia/src/components/switch/__tests__/__snapshots__/Switch.test.tsx.snap
index 0d08f237a0c..4555847c059 100644
--- a/packages/dnb-eufemia/src/components/switch/__tests__/__snapshots__/Switch.test.tsx.snap
+++ b/packages/dnb-eufemia/src/components/switch/__tests__/__snapshots__/Switch.test.tsx.snap
@@ -7,7 +7,11 @@ exports[`Switch component have to match snapshot 1`] = `
class="class"
className="className"
disabled="disabled"
- global_status_id="main"
+ globalStatus={
+ {
+ "id": "main",
+ }
+ }
id="id"
label="label"
label_direction="horizontal"
@@ -72,7 +76,11 @@ exports[`Switch component have to match snapshot 1`] = `
attributes={null}
class={null}
className={null}
- global_status_id="main"
+ globalStatus={
+ {
+ "id": "main",
+ }
+ }
icon="error"
icon_size="medium"
id="id-form-status"
@@ -142,7 +150,9 @@ exports[`Switch component have to match snapshot 1`] = `
"class": "class",
"className": "className",
"disabled": "disabled",
- "global_status_id": "main",
+ "globalStatus": {
+ "id": "main",
+ },
"id": "id",
"label": "label",
"label_direction": "horizontal",
diff --git a/packages/dnb-eufemia/src/components/tabs/__tests__/__snapshots__/Tabs.test.tsx.snap b/packages/dnb-eufemia/src/components/tabs/__tests__/__snapshots__/Tabs.test.tsx.snap
index 597d33d538c..14d76117909 100644
--- a/packages/dnb-eufemia/src/components/tabs/__tests__/__snapshots__/Tabs.test.tsx.snap
+++ b/packages/dnb-eufemia/src/components/tabs/__tests__/__snapshots__/Tabs.test.tsx.snap
@@ -67,7 +67,7 @@ exports[`A single Tab component has to work with "Tabs.Content" from outside 1`]
custom_content={null}
disabled={null}
element={null}
- global_status_id={null}
+ globalStatus={null}
href={null}
icon="chevron_left"
icon_position="right"
@@ -112,7 +112,7 @@ exports[`A single Tab component has to work with "Tabs.Content" from outside 1`]
custom_content={null}
disabled={null}
element={null}
- global_status_id={null}
+ globalStatus={null}
href={null}
icon="chevron_left"
icon_position="right"
@@ -200,7 +200,7 @@ exports[`A single Tab component has to work with "Tabs.Content" from outside 1`]
attributes={null}
class={null}
className={null}
- global_status_id={null}
+ globalStatus={null}
icon="error"
icon_size="medium"
id="null-form-status"
@@ -344,7 +344,7 @@ exports[`A single Tab component has to work with "Tabs.Content" from outside 1`]
custom_content={null}
disabled={null}
element={null}
- global_status_id={null}
+ globalStatus={null}
href={null}
icon="chevron_right"
icon_position="right"
@@ -389,7 +389,7 @@ exports[`A single Tab component has to work with "Tabs.Content" from outside 1`]
custom_content={null}
disabled={null}
element={null}
- global_status_id={null}
+ globalStatus={null}
href={null}
icon="chevron_right"
icon_position="right"
@@ -477,7 +477,7 @@ exports[`A single Tab component has to work with "Tabs.Content" from outside 1`]
attributes={null}
class={null}
className={null}
- global_status_id={null}
+ globalStatus={null}
icon="error"
icon_size="medium"
id="null-form-status"
@@ -717,7 +717,7 @@ exports[`Tabs component have to match snapshot 1`] = `
custom_content={null}
disabled={null}
element={null}
- global_status_id={null}
+ globalStatus={null}
href={null}
icon="chevron_left"
icon_position="right"
@@ -762,7 +762,7 @@ exports[`Tabs component have to match snapshot 1`] = `
custom_content={null}
disabled={null}
element={null}
- global_status_id={null}
+ globalStatus={null}
href={null}
icon="chevron_left"
icon_position="right"
@@ -850,7 +850,7 @@ exports[`Tabs component have to match snapshot 1`] = `
attributes={null}
class={null}
className={null}
- global_status_id={null}
+ globalStatus={null}
icon="error"
icon_size="medium"
id="null-form-status"
@@ -994,7 +994,7 @@ exports[`Tabs component have to match snapshot 1`] = `
custom_content={null}
disabled={null}
element={null}
- global_status_id={null}
+ globalStatus={null}
href={null}
icon="chevron_right"
icon_position="right"
@@ -1039,7 +1039,7 @@ exports[`Tabs component have to match snapshot 1`] = `
custom_content={null}
disabled={null}
element={null}
- global_status_id={null}
+ globalStatus={null}
href={null}
icon="chevron_right"
icon_position="right"
@@ -1127,7 +1127,7 @@ exports[`Tabs component have to match snapshot 1`] = `
attributes={null}
class={null}
className={null}
- global_status_id={null}
+ globalStatus={null}
icon="error"
icon_size="medium"
id="null-form-status"
diff --git a/packages/dnb-eufemia/src/components/textarea/Textarea.d.ts b/packages/dnb-eufemia/src/components/textarea/Textarea.d.ts
index b9cd08cf8aa..06175bb2c63 100644
--- a/packages/dnb-eufemia/src/components/textarea/Textarea.d.ts
+++ b/packages/dnb-eufemia/src/components/textarea/Textarea.d.ts
@@ -7,6 +7,7 @@ import type {
import type { SkeletonShow } from '../Skeleton';
import type { SpacingProps } from '../space/types';
import type { FormLabelLabelDirection, FormLabelText } from '../FormLabel';
+import type { GlobalStatusConfigObject } from '../GlobalStatus';
export type TextareaSuffix =
| string
| ((...args: any[]) => any)
@@ -69,9 +70,9 @@ export interface TextareaProps
status_no_animation?: boolean;
/**
- * The `status_id` used for the target GlobalStatus.
+ * The configuration used for the target GlobalStatus.
*/
- global_status_id?: string;
+ globalStatus?: GlobalStatusConfigObject;
/**
* Text describing the content of the Textarea more than the label. You can also send in a React component, so it gets wrapped inside the Textarea component.
diff --git a/packages/dnb-eufemia/src/components/textarea/Textarea.js b/packages/dnb-eufemia/src/components/textarea/Textarea.js
index 5e7b0b07224..468213bbc16 100644
--- a/packages/dnb-eufemia/src/components/textarea/Textarea.js
+++ b/packages/dnb-eufemia/src/components/textarea/Textarea.js
@@ -62,7 +62,10 @@ export default class Textarea extends React.PureComponent {
PropTypes.string,
PropTypes.bool,
]),
- global_status_id: PropTypes.string,
+ globalStatus: PropTypes.shape({
+ id: PropTypes.string,
+ message: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
+ }),
suffix: PropTypes.oneOfType([
PropTypes.string,
PropTypes.func,
@@ -116,7 +119,7 @@ export default class Textarea extends React.PureComponent {
status_state: 'error',
status_props: null,
status_no_animation: null,
- global_status_id: null,
+ globalStatus: null,
suffix: null,
placeholder: null,
align: null,
@@ -348,7 +351,7 @@ export default class Textarea extends React.PureComponent {
status_state,
status_props,
status_no_animation,
- global_status_id,
+ globalStatus,
suffix,
disabled,
skeleton,
@@ -490,7 +493,7 @@ export default class Textarea extends React.PureComponent {
GlobalStatus.
+ * The configuration used for the target GlobalStatus.
*/
- global_status_id?: string;
+ globalStatus?: GlobalStatusConfigObject;
/**
* Text describing the content of the ToggleButton more than the label. You can also send in a React component, so it gets wrapped inside the ToggleButton component.
diff --git a/packages/dnb-eufemia/src/components/toggle-button/ToggleButton.js b/packages/dnb-eufemia/src/components/toggle-button/ToggleButton.js
index b6bd47d1946..0d3c738c7ac 100644
--- a/packages/dnb-eufemia/src/components/toggle-button/ToggleButton.js
+++ b/packages/dnb-eufemia/src/components/toggle-button/ToggleButton.js
@@ -71,7 +71,10 @@ export default class ToggleButton extends React.PureComponent {
PropTypes.string,
PropTypes.bool,
]),
- global_status_id: PropTypes.string,
+ globalStatus: PropTypes.shape({
+ id: PropTypes.string,
+ message: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
+ }),
suffix: PropTypes.oneOfType([
PropTypes.string,
PropTypes.func,
@@ -120,7 +123,7 @@ export default class ToggleButton extends React.PureComponent {
status_state: 'error',
status_props: null,
status_no_animation: null,
- global_status_id: null,
+ globalStatus: null,
suffix: null,
value: '',
icon: null,
@@ -292,7 +295,7 @@ export default class ToggleButton extends React.PureComponent {
status_state,
status_props,
status_no_animation,
- global_status_id,
+ globalStatus,
suffix,
label,
label_direction,
@@ -447,7 +450,7 @@ export default class ToggleButton extends React.PureComponent {
GlobalStatus.
+ * The configuration used for the target GlobalStatus.
*/
- global_status_id?: string;
+ globalStatus?: GlobalStatusConfigObject;
/**
* Text describing the content of the ToggleButton more than the label. You can also send in a React component, so it gets wrapped inside the ToggleButton component.
diff --git a/packages/dnb-eufemia/src/components/toggle-button/ToggleButtonGroup.js b/packages/dnb-eufemia/src/components/toggle-button/ToggleButtonGroup.js
index 63ee3af6182..d108c5c6bdd 100644
--- a/packages/dnb-eufemia/src/components/toggle-button/ToggleButtonGroup.js
+++ b/packages/dnb-eufemia/src/components/toggle-button/ToggleButtonGroup.js
@@ -60,7 +60,10 @@ export default class ToggleButtonGroup extends React.PureComponent {
PropTypes.string,
PropTypes.bool,
]),
- global_status_id: PropTypes.string,
+ globalStatus: PropTypes.shape({
+ id: PropTypes.string,
+ message: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
+ }),
suffix: PropTypes.oneOfType([
PropTypes.string,
PropTypes.func,
@@ -107,7 +110,7 @@ export default class ToggleButtonGroup extends React.PureComponent {
status_state: 'error',
status_props: null,
status_no_animation: null,
- global_status_id: null,
+ globalStatus: null,
suffix: null,
vertical: null,
layout_direction: 'row',
@@ -200,7 +203,7 @@ export default class ToggleButtonGroup extends React.PureComponent {
status_state,
status_props,
status_no_animation,
- global_status_id,
+ globalStatus,
suffix,
label_direction,
label_sr_only,
@@ -320,7 +323,7 @@ export default class ToggleButtonGroup extends React.PureComponent {
{
// mount compare the snapshot
diff --git a/packages/dnb-eufemia/src/components/toggle-button/__tests__/__snapshots__/ToggleButton.test.tsx.snap b/packages/dnb-eufemia/src/components/toggle-button/__tests__/__snapshots__/ToggleButton.test.tsx.snap
index b22b807854b..bb1ee012df6 100644
--- a/packages/dnb-eufemia/src/components/toggle-button/__tests__/__snapshots__/ToggleButton.test.tsx.snap
+++ b/packages/dnb-eufemia/src/components/toggle-button/__tests__/__snapshots__/ToggleButton.test.tsx.snap
@@ -7,7 +7,11 @@ exports[`ToggleButton component have to match snapshot 1`] = `
class="class"
className="className"
disabled="disabled"
- global_status_id="main"
+ globalStatus={
+ {
+ "id": "main",
+ }
+ }
icon="icon"
icon_position="left"
icon_size="icon_size"
@@ -64,7 +68,11 @@ exports[`ToggleButton component have to match snapshot 1`] = `
attributes={null}
class={null}
className={null}
- global_status_id="main"
+ globalStatus={
+ {
+ "id": "main",
+ }
+ }
icon="error"
icon_size="medium"
id="toggle-button-form-status"
@@ -112,7 +120,7 @@ exports[`ToggleButton component have to match snapshot 1`] = `
data-checked="false"
disabled="disabled"
element="span"
- global_status_id={null}
+ globalStatus={null}
id="toggle-button-checkbox"
label={null}
label_position={null}
@@ -135,7 +143,7 @@ exports[`ToggleButton component have to match snapshot 1`] = `
}
disabled="disabled"
element={null}
- global_status_id={null}
+ globalStatus={null}
href={null}
icon="icon"
icon_position="left"
@@ -195,7 +203,7 @@ exports[`ToggleButton component have to match snapshot 1`] = `
data-checked="false"
disabled="disabled"
element="span"
- global_status_id={null}
+ globalStatus={null}
id="toggle-button-checkbox"
label={null}
label_position={null}
@@ -218,7 +226,7 @@ exports[`ToggleButton component have to match snapshot 1`] = `
}
disabled="disabled"
element={null}
- global_status_id={null}
+ globalStatus={null}
href={null}
icon="icon"
icon_position="left"
@@ -259,7 +267,7 @@ exports[`ToggleButton component have to match snapshot 1`] = `
data-checked="false"
disabled="disabled"
element="span"
- global_status_id={null}
+ globalStatus={null}
id="toggle-button-checkbox"
label={null}
label_position={null}
@@ -345,7 +353,7 @@ exports[`ToggleButton component have to match snapshot 1`] = `
attributes={null}
class={null}
className={null}
- global_status_id={null}
+ globalStatus={null}
icon="error"
icon_size="medium"
id="toggle-button-checkbox-form-status"
@@ -403,7 +411,7 @@ exports[`ToggleButton component have to match snapshot 1`] = `
attributes={null}
class={null}
className={null}
- global_status_id={null}
+ globalStatus={null}
icon="error"
icon_size="medium"
id="toggle-button-form-status"
@@ -433,7 +441,9 @@ exports[`ToggleButton component have to match snapshot 1`] = `
"class": "class",
"className": "className",
"disabled": "disabled",
- "global_status_id": "main",
+ "globalStatus": {
+ "id": "main",
+ },
"icon": "icon",
"icon_position": "left",
"icon_size": "icon_size",
@@ -478,7 +488,7 @@ exports[`ToggleButton group component have to match group snapshot 1`] = `
class={null}
className={null}
disabled={null}
- global_status_id={null}
+ globalStatus={null}
id="group"
label="Label"
label_direction={null}
@@ -516,7 +526,7 @@ exports[`ToggleButton group component have to match group snapshot 1`] = `
className={null}
direction={null}
disabled={null}
- global_status_id={null}
+ globalStatus={null}
id="group"
label="Label"
label_class={null}
@@ -593,7 +603,7 @@ exports[`ToggleButton group component have to match group snapshot 1`] = `
attributes={null}
class={null}
className={null}
- global_status_id={null}
+ globalStatus={null}
icon="error"
icon_size="medium"
id="group-form-status"
@@ -620,7 +630,7 @@ exports[`ToggleButton group component have to match group snapshot 1`] = `
class={null}
className={null}
disabled={null}
- global_status_id={null}
+ globalStatus={null}
icon={null}
icon_position="right"
icon_size={null}
@@ -653,7 +663,7 @@ exports[`ToggleButton group component have to match group snapshot 1`] = `
attributes={null}
class={null}
className={null}
- global_status_id={null}
+ globalStatus={null}
icon="error"
icon_size="medium"
id="toggle-button-1-form-status"
@@ -700,7 +710,7 @@ exports[`ToggleButton group component have to match group snapshot 1`] = `
data-checked="true"
disabled={null}
element="span"
- global_status_id={null}
+ globalStatus={null}
group={null}
id="toggle-button-1-radio"
label={null}
@@ -724,7 +734,7 @@ exports[`ToggleButton group component have to match group snapshot 1`] = `
}
disabled={null}
element={null}
- global_status_id={null}
+ globalStatus={null}
href={null}
icon={null}
icon_position="right"
@@ -781,7 +791,7 @@ exports[`ToggleButton group component have to match group snapshot 1`] = `
data-checked="true"
disabled={null}
element="span"
- global_status_id={null}
+ globalStatus={null}
group={null}
id="toggle-button-1-radio"
label={null}
@@ -805,7 +815,7 @@ exports[`ToggleButton group component have to match group snapshot 1`] = `
}
disabled={null}
element={null}
- global_status_id={null}
+ globalStatus={null}
href={null}
icon={null}
icon_position="right"
@@ -846,7 +856,7 @@ exports[`ToggleButton group component have to match group snapshot 1`] = `
data-checked="true"
disabled={null}
element="span"
- global_status_id={null}
+ globalStatus={null}
group={null}
id="toggle-button-1-radio"
label={null}
@@ -887,7 +897,7 @@ exports[`ToggleButton group component have to match group snapshot 1`] = `
attributes={null}
class={null}
className={null}
- global_status_id={null}
+ globalStatus={null}
icon="error"
icon_size="medium"
id="toggle-button-1-radio-form-status"
@@ -962,7 +972,7 @@ exports[`ToggleButton group component have to match group snapshot 1`] = `
attributes={null}
class={null}
className={null}
- global_status_id={null}
+ globalStatus={null}
icon="error"
icon_size="medium"
id="toggle-button-1-form-status"
@@ -992,7 +1002,7 @@ exports[`ToggleButton group component have to match group snapshot 1`] = `
class={null}
className={null}
disabled={null}
- global_status_id={null}
+ globalStatus={null}
icon={null}
icon_position="right"
icon_size={null}
@@ -1025,7 +1035,7 @@ exports[`ToggleButton group component have to match group snapshot 1`] = `
attributes={null}
class={null}
className={null}
- global_status_id={null}
+ globalStatus={null}
icon="error"
icon_size="medium"
id="toggle-button-2-form-status"
@@ -1072,7 +1082,7 @@ exports[`ToggleButton group component have to match group snapshot 1`] = `
data-checked="true"
disabled={null}
element="span"
- global_status_id={null}
+ globalStatus={null}
group={null}
id="toggle-button-2-radio"
label={null}
@@ -1096,7 +1106,7 @@ exports[`ToggleButton group component have to match group snapshot 1`] = `
}
disabled={null}
element={null}
- global_status_id={null}
+ globalStatus={null}
href={null}
icon={null}
icon_position="right"
@@ -1153,7 +1163,7 @@ exports[`ToggleButton group component have to match group snapshot 1`] = `
data-checked="true"
disabled={null}
element="span"
- global_status_id={null}
+ globalStatus={null}
group={null}
id="toggle-button-2-radio"
label={null}
@@ -1177,7 +1187,7 @@ exports[`ToggleButton group component have to match group snapshot 1`] = `
}
disabled={null}
element={null}
- global_status_id={null}
+ globalStatus={null}
href={null}
icon={null}
icon_position="right"
@@ -1218,7 +1228,7 @@ exports[`ToggleButton group component have to match group snapshot 1`] = `
data-checked="true"
disabled={null}
element="span"
- global_status_id={null}
+ globalStatus={null}
group={null}
id="toggle-button-2-radio"
label={null}
@@ -1259,7 +1269,7 @@ exports[`ToggleButton group component have to match group snapshot 1`] = `
attributes={null}
class={null}
className={null}
- global_status_id={null}
+ globalStatus={null}
icon="error"
icon_size="medium"
id="toggle-button-2-radio-form-status"
@@ -1334,7 +1344,7 @@ exports[`ToggleButton group component have to match group snapshot 1`] = `
attributes={null}
class={null}
className={null}
- global_status_id={null}
+ globalStatus={null}
icon="error"
icon_size="medium"
id="toggle-button-2-form-status"