@dxc-technology/halstack-react 17.0.0 → 17.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/dist/index.d.mts +28 -29
- package/dist/index.d.ts +28 -29
- package/dist/index.js +74 -61
- package/dist/index.mjs +74 -61
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import * as react from 'react';
|
|
2
2
|
import { ReactNode, SVGProps, ReactElement, ReactEventHandler } from 'react';
|
|
3
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
4
3
|
import { SortColumn } from 'react-data-grid';
|
|
5
4
|
import * as _emotion_styled from '@emotion/styled';
|
|
6
5
|
import * as _emotion_react from '@emotion/react';
|
|
@@ -200,7 +199,7 @@ type ModeSpecificProps = {
|
|
|
200
199
|
};
|
|
201
200
|
type Props$K = CommonProps$9 & ModeSpecificProps;
|
|
202
201
|
|
|
203
|
-
declare const DxcAlert: ({ closable, message, mode, primaryAction, secondaryAction, semantic, title, }: Props$K) =>
|
|
202
|
+
declare const DxcAlert: ({ closable, message, mode, primaryAction, secondaryAction, semantic, title, }: Props$K) => react.JSX.Element;
|
|
204
203
|
|
|
205
204
|
type SearchBarProps = {
|
|
206
205
|
/**
|
|
@@ -538,7 +537,7 @@ type Props$G = {
|
|
|
538
537
|
title?: string;
|
|
539
538
|
};
|
|
540
539
|
|
|
541
|
-
declare const DxcAvatar: react.MemoExoticComponent<({ color, disabled, icon, imageSrc, label, linkHref, onClick, primaryText, secondaryText, shape, size, status, tabIndex, title, }: Props$G) =>
|
|
540
|
+
declare const DxcAvatar: react.MemoExoticComponent<({ color, disabled, icon, imageSrc, label, linkHref, onClick, primaryText, secondaryText, shape, size, status, tabIndex, title, }: Props$G) => react.JSX.Element>;
|
|
542
541
|
|
|
543
542
|
type ContextualProps = {
|
|
544
543
|
/**
|
|
@@ -629,7 +628,7 @@ type Props$E = {
|
|
|
629
628
|
children: ReactNode;
|
|
630
629
|
};
|
|
631
630
|
|
|
632
|
-
declare const DxcBleed: ({ space, horizontal, vertical, top, right, bottom, left, children }: Props$E) =>
|
|
631
|
+
declare const DxcBleed: ({ space, horizontal, vertical, top, right, bottom, left, children }: Props$E) => react.JSX.Element;
|
|
633
632
|
|
|
634
633
|
type Item = {
|
|
635
634
|
href?: string;
|
|
@@ -667,7 +666,7 @@ type Props$D = {
|
|
|
667
666
|
showRoot?: boolean;
|
|
668
667
|
};
|
|
669
668
|
|
|
670
|
-
declare const DxcBreadcrumbs: ({ ariaLabel, items, itemsBeforeCollapse, onItemClick, showRoot, }: Props$D) =>
|
|
669
|
+
declare const DxcBreadcrumbs: ({ ariaLabel, items, itemsBeforeCollapse, onItemClick, showRoot, }: Props$D) => react.JSX.Element;
|
|
671
670
|
|
|
672
671
|
type IconProps = {
|
|
673
672
|
/**
|
|
@@ -1073,7 +1072,7 @@ type DismissibleChipProps = CommonProps$7 & {
|
|
|
1073
1072
|
};
|
|
1074
1073
|
type Props$x = SelectableChipProps | DismissibleChipProps;
|
|
1075
1074
|
|
|
1076
|
-
declare const DxcChip: ({ disabled, label, mode, onClick, prefix, selected, tabIndex, }: Props$x) =>
|
|
1075
|
+
declare const DxcChip: ({ disabled, label, mode, onClick, prefix, selected, tabIndex, }: Props$x) => react.JSX.Element | null;
|
|
1077
1076
|
|
|
1078
1077
|
type Space = {
|
|
1079
1078
|
top?: string;
|
|
@@ -1242,7 +1241,7 @@ declare const DxcContainer: react.ForwardRefExoticComponent<Props$w & react.RefA
|
|
|
1242
1241
|
|
|
1243
1242
|
type Props$v = Omit<Props$J, "displayBorder" | "displayGroupLines" | "displayControlsAfter" | "hasPopOver">;
|
|
1244
1243
|
|
|
1245
|
-
declare function DxcContextualMenu({ items }: Props$v):
|
|
1244
|
+
declare function DxcContextualMenu({ items }: Props$v): react.JSX.Element;
|
|
1246
1245
|
|
|
1247
1246
|
type Size$2 = "small" | "medium" | "large" | "fillParent" | "fitContent";
|
|
1248
1247
|
type Option$2 = {
|
|
@@ -1580,7 +1579,7 @@ type Props$s = CommonProps$6 & (PaginatedProps$1 | NonPaginatedProps$1) & ((Basi
|
|
|
1580
1579
|
|
|
1581
1580
|
declare const DxcDataGrid: {
|
|
1582
1581
|
({ columns, rows, selectable, expandable, onSelectRows, selectedRows, uniqueRowId, summaryRow, onGridRowsChange, showPaginator, showGoToPage, itemsPerPage, itemsPerPageOptions, itemsPerPageFunction, onSort, onPageChange, totalItems, defaultPage, }: Props$s): JSX.Element;
|
|
1583
|
-
ActionsCell: ({ actions }: ActionsCellPropsType) =>
|
|
1582
|
+
ActionsCell: ({ actions }: ActionsCellPropsType) => react.JSX.Element;
|
|
1584
1583
|
};
|
|
1585
1584
|
|
|
1586
1585
|
type Props$r = {
|
|
@@ -1754,9 +1753,9 @@ type Props$p = {
|
|
|
1754
1753
|
decorative?: boolean;
|
|
1755
1754
|
};
|
|
1756
1755
|
|
|
1757
|
-
declare function DxcDivider({ color, decorative, orientation, weight, }: Props$p):
|
|
1756
|
+
declare function DxcDivider({ color, decorative, orientation, weight, }: Props$p): react.JSX.Element;
|
|
1758
1757
|
|
|
1759
|
-
declare const DxcDropdown: ({ options, optionsIconPosition, icon, iconPosition, label, caretHidden, disabled, expandOnHover, onSelectOption, margin, size, tabIndex, title, }: Props$u) =>
|
|
1758
|
+
declare const DxcDropdown: ({ options, optionsIconPosition, icon, iconPosition, label, caretHidden, disabled, expandOnHover, onSelectOption, margin, size, tabIndex, title, }: Props$u) => react.JSX.Element;
|
|
1760
1759
|
|
|
1761
1760
|
type FileData = {
|
|
1762
1761
|
/**
|
|
@@ -1960,7 +1959,7 @@ type Props$n = CommonProps$4 & {
|
|
|
1960
1959
|
children: ReactNode;
|
|
1961
1960
|
};
|
|
1962
1961
|
|
|
1963
|
-
declare const DxcFlex: ({ basis, direction, fullHeight, gap, grow, order, shrink, wrap, ...props }: Props$n) =>
|
|
1962
|
+
declare const DxcFlex: ({ basis, direction, fullHeight, gap, grow, order, shrink, wrap, ...props }: Props$n) => react.JSX.Element;
|
|
1964
1963
|
|
|
1965
1964
|
type Gap = string | {
|
|
1966
1965
|
columnGap?: string;
|
|
@@ -2076,7 +2075,7 @@ type Props$m = GridItemProps & {
|
|
|
2076
2075
|
};
|
|
2077
2076
|
|
|
2078
2077
|
declare const DxcGrid: {
|
|
2079
|
-
(props: Props$m):
|
|
2078
|
+
(props: Props$m): react.JSX.Element;
|
|
2080
2079
|
Item: _emotion_styled.StyledComponent<{
|
|
2081
2080
|
theme?: _emotion_react.Theme;
|
|
2082
2081
|
as?: React.ElementType;
|
|
@@ -2109,9 +2108,9 @@ type Props$l = {
|
|
|
2109
2108
|
margin?: Space$1 | Margin;
|
|
2110
2109
|
};
|
|
2111
2110
|
|
|
2112
|
-
declare function DxcHeading({ as, level, margin, text, weight }: Props$l):
|
|
2111
|
+
declare function DxcHeading({ as, level, margin, text, weight }: Props$l): react.JSX.Element;
|
|
2113
2112
|
|
|
2114
|
-
declare function DxcImage({ alt, caption, height, lazyLoading, objectFit, objectPosition, onError, onLoad, sizes, src, srcSet, width, }: Props$A):
|
|
2113
|
+
declare function DxcImage({ alt, caption, height, lazyLoading, objectFit, objectPosition, onError, onLoad, sizes, src, srcSet, width, }: Props$A): react.JSX.Element;
|
|
2115
2114
|
|
|
2116
2115
|
type Props$k = {
|
|
2117
2116
|
/**
|
|
@@ -2148,7 +2147,7 @@ type Props$k = {
|
|
|
2148
2147
|
vertical?: string;
|
|
2149
2148
|
};
|
|
2150
2149
|
|
|
2151
|
-
declare function DxcInset({ bottom, children, horizontal, left, right, space, top, vertical }: Props$k):
|
|
2150
|
+
declare function DxcInset({ bottom, children, horizontal, left, right, space, top, vertical }: Props$k): react.JSX.Element;
|
|
2152
2151
|
|
|
2153
2152
|
type LinkProps = {
|
|
2154
2153
|
/**
|
|
@@ -2422,7 +2421,7 @@ declare const DxcPaginator: ({ currentPage, itemsPerPage, itemsPerPageOptions, t
|
|
|
2422
2421
|
|
|
2423
2422
|
declare function DxcParagraph({ children }: {
|
|
2424
2423
|
children: ReactNode;
|
|
2425
|
-
}):
|
|
2424
|
+
}): react.JSX.Element;
|
|
2426
2425
|
|
|
2427
2426
|
type Props$g = {
|
|
2428
2427
|
/**
|
|
@@ -2621,7 +2620,7 @@ type Props$e = {
|
|
|
2621
2620
|
links: Link[];
|
|
2622
2621
|
};
|
|
2623
2622
|
|
|
2624
|
-
declare function DxcQuickNav({ links, title }: Props$e):
|
|
2623
|
+
declare function DxcQuickNav({ links, title }: Props$e): react.JSX.Element;
|
|
2625
2624
|
|
|
2626
2625
|
type Option$1 = {
|
|
2627
2626
|
/**
|
|
@@ -2825,8 +2824,8 @@ type NonPaginatedProps = CommonProps$3 & {
|
|
|
2825
2824
|
type Props$d = PaginatedProps | NonPaginatedProps;
|
|
2826
2825
|
|
|
2827
2826
|
declare const DxcResultsetTable: {
|
|
2828
|
-
({ columns, hidePaginator, itemsPerPage, itemsPerPageFunction, itemsPerPageOptions, margin, mode, rows, showGoToPage, tabIndex, virtualizedHeight, }: Props$d):
|
|
2829
|
-
ActionsCell: ({ actions }: ActionsCellPropsType) =>
|
|
2827
|
+
({ columns, hidePaginator, itemsPerPage, itemsPerPageFunction, itemsPerPageOptions, margin, mode, rows, showGoToPage, tabIndex, virtualizedHeight, }: Props$d): react.JSX.Element;
|
|
2828
|
+
ActionsCell: ({ actions }: ActionsCellPropsType) => react.JSX.Element;
|
|
2830
2829
|
};
|
|
2831
2830
|
|
|
2832
2831
|
type ListOptionType = {
|
|
@@ -3136,7 +3135,7 @@ type Props$a = {
|
|
|
3136
3135
|
value?: number;
|
|
3137
3136
|
};
|
|
3138
3137
|
|
|
3139
|
-
declare const DxcSpinner: ({ ariaLabel, inheritColor, label, margin, mode, showValue, value, }: Props$a) =>
|
|
3138
|
+
declare const DxcSpinner: ({ ariaLabel, inheritColor, label, margin, mode, showValue, value, }: Props$a) => react.JSX.Element;
|
|
3140
3139
|
|
|
3141
3140
|
type Mode = "default" | "info" | "success" | "warning" | "error";
|
|
3142
3141
|
type Size = "small" | "medium" | "large";
|
|
@@ -3155,7 +3154,7 @@ type Props$9 = {
|
|
|
3155
3154
|
size?: Size;
|
|
3156
3155
|
};
|
|
3157
3156
|
|
|
3158
|
-
declare function DxcStatusLight({ label, mode, size }: Props$9):
|
|
3157
|
+
declare function DxcStatusLight({ label, mode, size }: Props$9): react.JSX.Element;
|
|
3159
3158
|
|
|
3160
3159
|
type Props$8 = {
|
|
3161
3160
|
/**
|
|
@@ -3219,8 +3218,8 @@ type Props$8 = {
|
|
|
3219
3218
|
declare const DxcSwitch: react.ForwardRefExoticComponent<Props$8 & react.RefAttributes<HTMLDivElement>>;
|
|
3220
3219
|
|
|
3221
3220
|
declare const DxcTable: {
|
|
3222
|
-
({ children, margin, mode }: Props$t):
|
|
3223
|
-
ActionsCell: ({ actions }: ActionsCellPropsType) =>
|
|
3221
|
+
({ children, margin, mode }: Props$t): react.JSX.Element;
|
|
3222
|
+
ActionsCell: ({ actions }: ActionsCellPropsType) => react.JSX.Element;
|
|
3224
3223
|
};
|
|
3225
3224
|
|
|
3226
3225
|
type CommonTabProps = {
|
|
@@ -3264,7 +3263,7 @@ type TabsProps = {
|
|
|
3264
3263
|
type Props$7 = TabsProps;
|
|
3265
3264
|
|
|
3266
3265
|
declare const DxcTabs: {
|
|
3267
|
-
({ children, iconPosition, margin, tabIndex }: Props$7):
|
|
3266
|
+
({ children, iconPosition, margin, tabIndex }: Props$7): react.JSX.Element;
|
|
3268
3267
|
Tab: react.ForwardRefExoticComponent<TabProps & react.RefAttributes<HTMLButtonElement>>;
|
|
3269
3268
|
};
|
|
3270
3269
|
|
|
@@ -3717,7 +3716,7 @@ type ToastsQueuePropsType = {
|
|
|
3717
3716
|
duration?: number;
|
|
3718
3717
|
};
|
|
3719
3718
|
|
|
3720
|
-
declare function DxcToastsQueue({ children, duration }: ToastsQueuePropsType):
|
|
3719
|
+
declare function DxcToastsQueue({ children, duration }: ToastsQueuePropsType): react.JSX.Element;
|
|
3721
3720
|
|
|
3722
3721
|
type OptionIcon = {
|
|
3723
3722
|
/**
|
|
@@ -3820,7 +3819,7 @@ type SingleSelectionToggleGroup = {
|
|
|
3820
3819
|
};
|
|
3821
3820
|
type Props$3 = CommonProps & (MultipleSelectionToggleGroup | SingleSelectionToggleGroup);
|
|
3822
3821
|
|
|
3823
|
-
declare function DxcToggleGroup({ defaultValue, margin, multiple, onChange, options, orientation, tabIndex, value, }: Props$3):
|
|
3822
|
+
declare function DxcToggleGroup({ defaultValue, margin, multiple, onChange, options, orientation, tabIndex, value, }: Props$3): react.JSX.Element;
|
|
3824
3823
|
|
|
3825
3824
|
type Props$2 = {
|
|
3826
3825
|
/**
|
|
@@ -3837,7 +3836,7 @@ type Props$2 = {
|
|
|
3837
3836
|
position?: "bottom" | "top" | "left" | "right";
|
|
3838
3837
|
};
|
|
3839
3838
|
|
|
3840
|
-
declare const DxcTooltip: (props: Props$2) =>
|
|
3839
|
+
declare const DxcTooltip: (props: Props$2) => react.JSX.Element;
|
|
3841
3840
|
|
|
3842
3841
|
type Props$1 = {
|
|
3843
3842
|
as?: "a" | "blockquote" | "cite" | "code" | "div" | "em" | "figcaption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "pre" | "small" | "span" | "strong";
|
|
@@ -3856,7 +3855,7 @@ type Props$1 = {
|
|
|
3856
3855
|
whiteSpace?: "normal" | "nowrap" | "pre" | "pre-line" | "pre-wrap";
|
|
3857
3856
|
};
|
|
3858
3857
|
|
|
3859
|
-
declare function DxcTypography({ children, ...props }: Props$1):
|
|
3858
|
+
declare function DxcTypography({ children, ...props }: Props$1): react.JSX.Element;
|
|
3860
3859
|
|
|
3861
3860
|
type StepProps = {
|
|
3862
3861
|
/**
|
|
@@ -3913,7 +3912,7 @@ type Props = {
|
|
|
3913
3912
|
tabIndex?: number;
|
|
3914
3913
|
};
|
|
3915
3914
|
|
|
3916
|
-
declare function DxcWizard({ currentStep, defaultCurrentStep, margin, mode, onStepClick, steps, tabIndex, }: Props):
|
|
3915
|
+
declare function DxcWizard({ currentStep, defaultCurrentStep, margin, mode, onStepClick, steps, tabIndex, }: Props): react.JSX.Element;
|
|
3917
3916
|
|
|
3918
3917
|
declare const defaultTranslatedComponentLabels: {
|
|
3919
3918
|
applicationLayout: {
|
package/dist/index.d.ts
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import * as react from 'react';
|
|
2
2
|
import { ReactNode, SVGProps, ReactElement, ReactEventHandler } from 'react';
|
|
3
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
4
3
|
import { SortColumn } from 'react-data-grid';
|
|
5
4
|
import * as _emotion_styled from '@emotion/styled';
|
|
6
5
|
import * as _emotion_react from '@emotion/react';
|
|
@@ -200,7 +199,7 @@ type ModeSpecificProps = {
|
|
|
200
199
|
};
|
|
201
200
|
type Props$K = CommonProps$9 & ModeSpecificProps;
|
|
202
201
|
|
|
203
|
-
declare const DxcAlert: ({ closable, message, mode, primaryAction, secondaryAction, semantic, title, }: Props$K) =>
|
|
202
|
+
declare const DxcAlert: ({ closable, message, mode, primaryAction, secondaryAction, semantic, title, }: Props$K) => react.JSX.Element;
|
|
204
203
|
|
|
205
204
|
type SearchBarProps = {
|
|
206
205
|
/**
|
|
@@ -538,7 +537,7 @@ type Props$G = {
|
|
|
538
537
|
title?: string;
|
|
539
538
|
};
|
|
540
539
|
|
|
541
|
-
declare const DxcAvatar: react.MemoExoticComponent<({ color, disabled, icon, imageSrc, label, linkHref, onClick, primaryText, secondaryText, shape, size, status, tabIndex, title, }: Props$G) =>
|
|
540
|
+
declare const DxcAvatar: react.MemoExoticComponent<({ color, disabled, icon, imageSrc, label, linkHref, onClick, primaryText, secondaryText, shape, size, status, tabIndex, title, }: Props$G) => react.JSX.Element>;
|
|
542
541
|
|
|
543
542
|
type ContextualProps = {
|
|
544
543
|
/**
|
|
@@ -629,7 +628,7 @@ type Props$E = {
|
|
|
629
628
|
children: ReactNode;
|
|
630
629
|
};
|
|
631
630
|
|
|
632
|
-
declare const DxcBleed: ({ space, horizontal, vertical, top, right, bottom, left, children }: Props$E) =>
|
|
631
|
+
declare const DxcBleed: ({ space, horizontal, vertical, top, right, bottom, left, children }: Props$E) => react.JSX.Element;
|
|
633
632
|
|
|
634
633
|
type Item = {
|
|
635
634
|
href?: string;
|
|
@@ -667,7 +666,7 @@ type Props$D = {
|
|
|
667
666
|
showRoot?: boolean;
|
|
668
667
|
};
|
|
669
668
|
|
|
670
|
-
declare const DxcBreadcrumbs: ({ ariaLabel, items, itemsBeforeCollapse, onItemClick, showRoot, }: Props$D) =>
|
|
669
|
+
declare const DxcBreadcrumbs: ({ ariaLabel, items, itemsBeforeCollapse, onItemClick, showRoot, }: Props$D) => react.JSX.Element;
|
|
671
670
|
|
|
672
671
|
type IconProps = {
|
|
673
672
|
/**
|
|
@@ -1073,7 +1072,7 @@ type DismissibleChipProps = CommonProps$7 & {
|
|
|
1073
1072
|
};
|
|
1074
1073
|
type Props$x = SelectableChipProps | DismissibleChipProps;
|
|
1075
1074
|
|
|
1076
|
-
declare const DxcChip: ({ disabled, label, mode, onClick, prefix, selected, tabIndex, }: Props$x) =>
|
|
1075
|
+
declare const DxcChip: ({ disabled, label, mode, onClick, prefix, selected, tabIndex, }: Props$x) => react.JSX.Element | null;
|
|
1077
1076
|
|
|
1078
1077
|
type Space = {
|
|
1079
1078
|
top?: string;
|
|
@@ -1242,7 +1241,7 @@ declare const DxcContainer: react.ForwardRefExoticComponent<Props$w & react.RefA
|
|
|
1242
1241
|
|
|
1243
1242
|
type Props$v = Omit<Props$J, "displayBorder" | "displayGroupLines" | "displayControlsAfter" | "hasPopOver">;
|
|
1244
1243
|
|
|
1245
|
-
declare function DxcContextualMenu({ items }: Props$v):
|
|
1244
|
+
declare function DxcContextualMenu({ items }: Props$v): react.JSX.Element;
|
|
1246
1245
|
|
|
1247
1246
|
type Size$2 = "small" | "medium" | "large" | "fillParent" | "fitContent";
|
|
1248
1247
|
type Option$2 = {
|
|
@@ -1580,7 +1579,7 @@ type Props$s = CommonProps$6 & (PaginatedProps$1 | NonPaginatedProps$1) & ((Basi
|
|
|
1580
1579
|
|
|
1581
1580
|
declare const DxcDataGrid: {
|
|
1582
1581
|
({ columns, rows, selectable, expandable, onSelectRows, selectedRows, uniqueRowId, summaryRow, onGridRowsChange, showPaginator, showGoToPage, itemsPerPage, itemsPerPageOptions, itemsPerPageFunction, onSort, onPageChange, totalItems, defaultPage, }: Props$s): JSX.Element;
|
|
1583
|
-
ActionsCell: ({ actions }: ActionsCellPropsType) =>
|
|
1582
|
+
ActionsCell: ({ actions }: ActionsCellPropsType) => react.JSX.Element;
|
|
1584
1583
|
};
|
|
1585
1584
|
|
|
1586
1585
|
type Props$r = {
|
|
@@ -1754,9 +1753,9 @@ type Props$p = {
|
|
|
1754
1753
|
decorative?: boolean;
|
|
1755
1754
|
};
|
|
1756
1755
|
|
|
1757
|
-
declare function DxcDivider({ color, decorative, orientation, weight, }: Props$p):
|
|
1756
|
+
declare function DxcDivider({ color, decorative, orientation, weight, }: Props$p): react.JSX.Element;
|
|
1758
1757
|
|
|
1759
|
-
declare const DxcDropdown: ({ options, optionsIconPosition, icon, iconPosition, label, caretHidden, disabled, expandOnHover, onSelectOption, margin, size, tabIndex, title, }: Props$u) =>
|
|
1758
|
+
declare const DxcDropdown: ({ options, optionsIconPosition, icon, iconPosition, label, caretHidden, disabled, expandOnHover, onSelectOption, margin, size, tabIndex, title, }: Props$u) => react.JSX.Element;
|
|
1760
1759
|
|
|
1761
1760
|
type FileData = {
|
|
1762
1761
|
/**
|
|
@@ -1960,7 +1959,7 @@ type Props$n = CommonProps$4 & {
|
|
|
1960
1959
|
children: ReactNode;
|
|
1961
1960
|
};
|
|
1962
1961
|
|
|
1963
|
-
declare const DxcFlex: ({ basis, direction, fullHeight, gap, grow, order, shrink, wrap, ...props }: Props$n) =>
|
|
1962
|
+
declare const DxcFlex: ({ basis, direction, fullHeight, gap, grow, order, shrink, wrap, ...props }: Props$n) => react.JSX.Element;
|
|
1964
1963
|
|
|
1965
1964
|
type Gap = string | {
|
|
1966
1965
|
columnGap?: string;
|
|
@@ -2076,7 +2075,7 @@ type Props$m = GridItemProps & {
|
|
|
2076
2075
|
};
|
|
2077
2076
|
|
|
2078
2077
|
declare const DxcGrid: {
|
|
2079
|
-
(props: Props$m):
|
|
2078
|
+
(props: Props$m): react.JSX.Element;
|
|
2080
2079
|
Item: _emotion_styled.StyledComponent<{
|
|
2081
2080
|
theme?: _emotion_react.Theme;
|
|
2082
2081
|
as?: React.ElementType;
|
|
@@ -2109,9 +2108,9 @@ type Props$l = {
|
|
|
2109
2108
|
margin?: Space$1 | Margin;
|
|
2110
2109
|
};
|
|
2111
2110
|
|
|
2112
|
-
declare function DxcHeading({ as, level, margin, text, weight }: Props$l):
|
|
2111
|
+
declare function DxcHeading({ as, level, margin, text, weight }: Props$l): react.JSX.Element;
|
|
2113
2112
|
|
|
2114
|
-
declare function DxcImage({ alt, caption, height, lazyLoading, objectFit, objectPosition, onError, onLoad, sizes, src, srcSet, width, }: Props$A):
|
|
2113
|
+
declare function DxcImage({ alt, caption, height, lazyLoading, objectFit, objectPosition, onError, onLoad, sizes, src, srcSet, width, }: Props$A): react.JSX.Element;
|
|
2115
2114
|
|
|
2116
2115
|
type Props$k = {
|
|
2117
2116
|
/**
|
|
@@ -2148,7 +2147,7 @@ type Props$k = {
|
|
|
2148
2147
|
vertical?: string;
|
|
2149
2148
|
};
|
|
2150
2149
|
|
|
2151
|
-
declare function DxcInset({ bottom, children, horizontal, left, right, space, top, vertical }: Props$k):
|
|
2150
|
+
declare function DxcInset({ bottom, children, horizontal, left, right, space, top, vertical }: Props$k): react.JSX.Element;
|
|
2152
2151
|
|
|
2153
2152
|
type LinkProps = {
|
|
2154
2153
|
/**
|
|
@@ -2422,7 +2421,7 @@ declare const DxcPaginator: ({ currentPage, itemsPerPage, itemsPerPageOptions, t
|
|
|
2422
2421
|
|
|
2423
2422
|
declare function DxcParagraph({ children }: {
|
|
2424
2423
|
children: ReactNode;
|
|
2425
|
-
}):
|
|
2424
|
+
}): react.JSX.Element;
|
|
2426
2425
|
|
|
2427
2426
|
type Props$g = {
|
|
2428
2427
|
/**
|
|
@@ -2621,7 +2620,7 @@ type Props$e = {
|
|
|
2621
2620
|
links: Link[];
|
|
2622
2621
|
};
|
|
2623
2622
|
|
|
2624
|
-
declare function DxcQuickNav({ links, title }: Props$e):
|
|
2623
|
+
declare function DxcQuickNav({ links, title }: Props$e): react.JSX.Element;
|
|
2625
2624
|
|
|
2626
2625
|
type Option$1 = {
|
|
2627
2626
|
/**
|
|
@@ -2825,8 +2824,8 @@ type NonPaginatedProps = CommonProps$3 & {
|
|
|
2825
2824
|
type Props$d = PaginatedProps | NonPaginatedProps;
|
|
2826
2825
|
|
|
2827
2826
|
declare const DxcResultsetTable: {
|
|
2828
|
-
({ columns, hidePaginator, itemsPerPage, itemsPerPageFunction, itemsPerPageOptions, margin, mode, rows, showGoToPage, tabIndex, virtualizedHeight, }: Props$d):
|
|
2829
|
-
ActionsCell: ({ actions }: ActionsCellPropsType) =>
|
|
2827
|
+
({ columns, hidePaginator, itemsPerPage, itemsPerPageFunction, itemsPerPageOptions, margin, mode, rows, showGoToPage, tabIndex, virtualizedHeight, }: Props$d): react.JSX.Element;
|
|
2828
|
+
ActionsCell: ({ actions }: ActionsCellPropsType) => react.JSX.Element;
|
|
2830
2829
|
};
|
|
2831
2830
|
|
|
2832
2831
|
type ListOptionType = {
|
|
@@ -3136,7 +3135,7 @@ type Props$a = {
|
|
|
3136
3135
|
value?: number;
|
|
3137
3136
|
};
|
|
3138
3137
|
|
|
3139
|
-
declare const DxcSpinner: ({ ariaLabel, inheritColor, label, margin, mode, showValue, value, }: Props$a) =>
|
|
3138
|
+
declare const DxcSpinner: ({ ariaLabel, inheritColor, label, margin, mode, showValue, value, }: Props$a) => react.JSX.Element;
|
|
3140
3139
|
|
|
3141
3140
|
type Mode = "default" | "info" | "success" | "warning" | "error";
|
|
3142
3141
|
type Size = "small" | "medium" | "large";
|
|
@@ -3155,7 +3154,7 @@ type Props$9 = {
|
|
|
3155
3154
|
size?: Size;
|
|
3156
3155
|
};
|
|
3157
3156
|
|
|
3158
|
-
declare function DxcStatusLight({ label, mode, size }: Props$9):
|
|
3157
|
+
declare function DxcStatusLight({ label, mode, size }: Props$9): react.JSX.Element;
|
|
3159
3158
|
|
|
3160
3159
|
type Props$8 = {
|
|
3161
3160
|
/**
|
|
@@ -3219,8 +3218,8 @@ type Props$8 = {
|
|
|
3219
3218
|
declare const DxcSwitch: react.ForwardRefExoticComponent<Props$8 & react.RefAttributes<HTMLDivElement>>;
|
|
3220
3219
|
|
|
3221
3220
|
declare const DxcTable: {
|
|
3222
|
-
({ children, margin, mode }: Props$t):
|
|
3223
|
-
ActionsCell: ({ actions }: ActionsCellPropsType) =>
|
|
3221
|
+
({ children, margin, mode }: Props$t): react.JSX.Element;
|
|
3222
|
+
ActionsCell: ({ actions }: ActionsCellPropsType) => react.JSX.Element;
|
|
3224
3223
|
};
|
|
3225
3224
|
|
|
3226
3225
|
type CommonTabProps = {
|
|
@@ -3264,7 +3263,7 @@ type TabsProps = {
|
|
|
3264
3263
|
type Props$7 = TabsProps;
|
|
3265
3264
|
|
|
3266
3265
|
declare const DxcTabs: {
|
|
3267
|
-
({ children, iconPosition, margin, tabIndex }: Props$7):
|
|
3266
|
+
({ children, iconPosition, margin, tabIndex }: Props$7): react.JSX.Element;
|
|
3268
3267
|
Tab: react.ForwardRefExoticComponent<TabProps & react.RefAttributes<HTMLButtonElement>>;
|
|
3269
3268
|
};
|
|
3270
3269
|
|
|
@@ -3717,7 +3716,7 @@ type ToastsQueuePropsType = {
|
|
|
3717
3716
|
duration?: number;
|
|
3718
3717
|
};
|
|
3719
3718
|
|
|
3720
|
-
declare function DxcToastsQueue({ children, duration }: ToastsQueuePropsType):
|
|
3719
|
+
declare function DxcToastsQueue({ children, duration }: ToastsQueuePropsType): react.JSX.Element;
|
|
3721
3720
|
|
|
3722
3721
|
type OptionIcon = {
|
|
3723
3722
|
/**
|
|
@@ -3820,7 +3819,7 @@ type SingleSelectionToggleGroup = {
|
|
|
3820
3819
|
};
|
|
3821
3820
|
type Props$3 = CommonProps & (MultipleSelectionToggleGroup | SingleSelectionToggleGroup);
|
|
3822
3821
|
|
|
3823
|
-
declare function DxcToggleGroup({ defaultValue, margin, multiple, onChange, options, orientation, tabIndex, value, }: Props$3):
|
|
3822
|
+
declare function DxcToggleGroup({ defaultValue, margin, multiple, onChange, options, orientation, tabIndex, value, }: Props$3): react.JSX.Element;
|
|
3824
3823
|
|
|
3825
3824
|
type Props$2 = {
|
|
3826
3825
|
/**
|
|
@@ -3837,7 +3836,7 @@ type Props$2 = {
|
|
|
3837
3836
|
position?: "bottom" | "top" | "left" | "right";
|
|
3838
3837
|
};
|
|
3839
3838
|
|
|
3840
|
-
declare const DxcTooltip: (props: Props$2) =>
|
|
3839
|
+
declare const DxcTooltip: (props: Props$2) => react.JSX.Element;
|
|
3841
3840
|
|
|
3842
3841
|
type Props$1 = {
|
|
3843
3842
|
as?: "a" | "blockquote" | "cite" | "code" | "div" | "em" | "figcaption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "pre" | "small" | "span" | "strong";
|
|
@@ -3856,7 +3855,7 @@ type Props$1 = {
|
|
|
3856
3855
|
whiteSpace?: "normal" | "nowrap" | "pre" | "pre-line" | "pre-wrap";
|
|
3857
3856
|
};
|
|
3858
3857
|
|
|
3859
|
-
declare function DxcTypography({ children, ...props }: Props$1):
|
|
3858
|
+
declare function DxcTypography({ children, ...props }: Props$1): react.JSX.Element;
|
|
3860
3859
|
|
|
3861
3860
|
type StepProps = {
|
|
3862
3861
|
/**
|
|
@@ -3913,7 +3912,7 @@ type Props = {
|
|
|
3913
3912
|
tabIndex?: number;
|
|
3914
3913
|
};
|
|
3915
3914
|
|
|
3916
|
-
declare function DxcWizard({ currentStep, defaultCurrentStep, margin, mode, onStepClick, steps, tabIndex, }: Props):
|
|
3915
|
+
declare function DxcWizard({ currentStep, defaultCurrentStep, margin, mode, onStepClick, steps, tabIndex, }: Props): react.JSX.Element;
|
|
3917
3916
|
|
|
3918
3917
|
declare const defaultTranslatedComponentLabels: {
|
|
3919
3918
|
applicationLayout: {
|