{
style?: object;
}
-export default function TimelineRow(props: TTimelineRowProps) {
- const { children, className = '', ...rest } = props;
+export default function TimelineRow({ children, className = '', ...rest }: TTimelineRowProps) {
return (
{children}
@@ -37,12 +36,7 @@ export default function TimelineRow(props: TTimelineRowProps) {
);
}
-TimelineRow.defaultProps = {
- className: '',
-};
-
-function TimelineRowCell(props: ITimelineRowCellProps) {
- const { children, className = '', width, style, ...rest } = props;
+function TimelineRowCell({ children, className = '', width, style = {}, ...rest }: ITimelineRowCellProps) {
const widthPercent = `${width * 100}%`;
const mergedStyle = { ...style, flexBasis: widthPercent, maxWidth: widthPercent };
return (
@@ -52,6 +46,4 @@ function TimelineRowCell(props: ITimelineRowCellProps) {
);
}
-TimelineRowCell.defaultProps = { className: '', style: {} };
-
TimelineRow.Cell = TimelineRowCell;
diff --git a/packages/jaeger-ui/src/components/common/BreakableText.tsx b/packages/jaeger-ui/src/components/common/BreakableText.tsx
index a9090e5a63..eb98dc5cd6 100644
--- a/packages/jaeger-ui/src/components/common/BreakableText.tsx
+++ b/packages/jaeger-ui/src/components/common/BreakableText.tsx
@@ -24,8 +24,7 @@ type Props = {
wordRegexp?: RegExp;
};
-export default function BreakableText(props: Props) {
- const { className, text, wordRegexp = WORD_RX } = props;
+export default function BreakableText({ className, text = 'BreakableText', wordRegexp = WORD_RX }: Props) {
if (!text) {
return typeof text === 'string' ? text : null;
}
@@ -43,8 +42,3 @@ export default function BreakableText(props: Props) {
}
return spans;
}
-
-BreakableText.defaultProps = {
- className: 'BreakableText',
- wordRegexp: WORD_RX,
-};
diff --git a/packages/jaeger-ui/src/components/common/ErrorMessage.tsx b/packages/jaeger-ui/src/components/common/ErrorMessage.tsx
index cfa7d1dd81..ad5a7ca279 100644
--- a/packages/jaeger-ui/src/components/common/ErrorMessage.tsx
+++ b/packages/jaeger-ui/src/components/common/ErrorMessage.tsx
@@ -48,8 +48,12 @@ function ErrorAttr({ name, value }: ErrorAttrProps) {
);
}
-export function Message(props: SubPartProps) {
- const { className, error, wrap, wrapperClassName } = props;
+export function Message({
+ className = undefined,
+ error,
+ wrap = false,
+ wrapperClassName = undefined,
+}: SubPartProps) {
const cssClass = `ErrorMessage--msg ${className || ''}`;
const msg =
@@ -66,15 +70,12 @@ export function Message(props: SubPartProps) {
return msg;
}
-Message.defaultProps = {
- className: undefined,
- wrap: false,
- wrapperClassName: undefined,
-};
-
-export function Details(props: SubPartProps) {
- const { className, error, wrap, wrapperClassName } = props;
-
+export function Details({
+ className = undefined,
+ error,
+ wrap = false,
+ wrapperClassName = undefined,
+}: SubPartProps) {
if (typeof error === 'string') {
return null;
}
@@ -113,17 +114,11 @@ export function Details(props: SubPartProps) {
return details;
}
-Details.defaultProps = {
- className: undefined,
- wrap: false,
- wrapperClassName: undefined,
-};
-
export default function ErrorMessage({
- className,
- detailClassName,
+ className = undefined,
+ detailClassName = undefined,
error,
- messageClassName,
+ messageClassName = undefined,
}: ErrorMessageProps) {
if (!error) {
return null;
@@ -140,9 +135,3 @@ export default function ErrorMessage({
);
}
-
-ErrorMessage.defaultProps = {
- className: undefined,
- detailClassName: undefined,
- messageClassName: undefined,
-};
diff --git a/packages/jaeger-ui/src/components/common/LoadingIndicator.tsx b/packages/jaeger-ui/src/components/common/LoadingIndicator.tsx
index 282e1188e3..9527edd882 100644
--- a/packages/jaeger-ui/src/components/common/LoadingIndicator.tsx
+++ b/packages/jaeger-ui/src/components/common/LoadingIndicator.tsx
@@ -25,8 +25,13 @@ type LoadingIndicatorProps = {
style?: React.CSSProperties;
};
-export default function LoadingIndicator(props: LoadingIndicatorProps) {
- const { centered, vcentered, className, small, ...rest } = props;
+export default function LoadingIndicator({
+ centered = false,
+ vcentered = false,
+ className = undefined,
+ small = false,
+ ...rest
+}: LoadingIndicatorProps) {
const cls = `
LoadingIndicator
${centered ? 'is-centered' : ''}
@@ -36,9 +41,3 @@ export default function LoadingIndicator(props: LoadingIndicatorProps) {
`;
return ;
}
-
-LoadingIndicator.defaultProps = {
- centered: false,
- className: undefined,
- small: false,
-};
diff --git a/packages/jaeger-ui/src/components/common/NewWindowIcon.tsx b/packages/jaeger-ui/src/components/common/NewWindowIcon.tsx
index bbe48f2c7f..4a5dd7037a 100644
--- a/packages/jaeger-ui/src/components/common/NewWindowIcon.tsx
+++ b/packages/jaeger-ui/src/components/common/NewWindowIcon.tsx
@@ -22,12 +22,7 @@ type Props = {
isLarge?: boolean;
};
-export default function NewWindowIcon(props: Props) {
- const { isLarge, ...rest } = props;
+export default function NewWindowIcon({ isLarge = false, ...rest }: Props) {
const cls = cx('NewWindowIcon', { 'is-large': isLarge });
return ;
}
-
-NewWindowIcon.defaultProps = {
- isLarge: false,
-};
diff --git a/packages/plexus/src/zoom/MiniMap.tsx b/packages/plexus/src/zoom/MiniMap.tsx
index 4bc76104fe..09bc3706fb 100644
--- a/packages/plexus/src/zoom/MiniMap.tsx
+++ b/packages/plexus/src/zoom/MiniMap.tsx
@@ -81,8 +81,8 @@ function getClassNames(props: TProps) {
};
}
-export function MiniMap(props: TProps) {
- const css = getClassNames(props);
+export function MiniMap({ className = '', classNamePrefix = 'plexus', ...props }: TProps) {
+ const css = getClassNames({ className, classNamePrefix, ...props });
const mapSize = getMapSize(props);
const activeXform = getViewTransform(props, mapSize);
return (
@@ -103,9 +103,4 @@ export function MiniMap(props: TProps) {
);
}
-MiniMap.defaultProps = {
- className: '',
- classNamePrefix: 'plexus',
-};
-
export default React.memo(MiniMap);