@ssa-ui-kit/widgets 0.0.28-alpha → 0.0.30-alpha

package/src/components/TableFilters/TableFilterCheckbox.tsx

@@ -1,4 +1,4 @@
-import { ICheckboxProps, Checkbox, checkboxStyles } from '@ssa-ui-kit/core';
+import { CheckboxProps, Checkbox, checkboxStyles } from '@ssa-ui-kit/core';
 import { Theme, css, useTheme } from '@emotion/react';
 
 const getStyles = (theme: Theme) => css`
@@ -17,7 +17,7 @@ const getStyles = (theme: Theme) => css`
   ${checkboxStyles.blueInput(theme)}
 `;
 
-export const TableFilterCheckbox = (props: ICheckboxProps) => {
+export const TableFilterCheckbox = (props: CheckboxProps) => {
   const theme = useTheme();
   const styles = getStyles(theme);
   return <Checkbox {...props} css={styles} />;

package/src/components/TableFilters/TableFilters.tsx

@@ -12,7 +12,7 @@ import {
   Popover,
   PopoverContent,
   PopoverDescription,
-  ICheckboxProps,
+  CheckboxProps,
 } from '@ssa-ui-kit/core';
 import {
   tableFilterDividerStyles,
@@ -145,7 +145,7 @@ export const TableFilters = ({
                         <TableFiltersAccordionContent {...props}>
                           {Object.keys(accordionInfo.items).map((itemKey) => {
                             const info = accordionInfo.items[itemKey];
-                            const extraProps: Partial<ICheckboxProps> = {};
+                            const extraProps: Partial<CheckboxProps> = {};
                             const currentState = !!localCheckboxData?.[
                               accordionInfo.id
                             ].selectedItemsDraft?.includes(info.name);

package/src/components/TradingInfoCard/TradingInfoCard.stories.tsx

@@ -2,7 +2,7 @@ import { MemoryRouter, Route, Routes } from 'react-router-dom';
 import type { Meta, StoryObj } from '@storybook/react';
 import { Icon } from '@ssa-ui-kit/core';
 import TradingInfoCard from './TradingInfoCard';
-import { ITradingInfoCardProps } from './types';
+import { TradingInfoCardProps } from './types';
 
 export default {
   title: 'Widgets/TradingInfoCard',
@@ -10,7 +10,7 @@ export default {
 } as Meta<typeof TradingInfoCard>;
 
 export const Default: StoryObj<typeof TradingInfoCard> = (
-  args: ITradingInfoCardProps,
+  args: TradingInfoCardProps,
 ) => {
   return (
     <TradingInfoCard
@@ -30,7 +30,7 @@ Default.args = {
 };
 
 export const WithLink: StoryObj<typeof TradingInfoCard> = (
-  args: ITradingInfoCardProps,
+  args: TradingInfoCardProps,
 ) => {
   return (
     <MemoryRouter>
@@ -59,7 +59,7 @@ WithLink.args = {
 };
 
 export const WithTooltip: StoryObj<typeof TradingInfoCard> = (
-  args: ITradingInfoCardProps,
+  args: TradingInfoCardProps,
 ) => {
   return (
     <TradingInfoCard
@@ -79,7 +79,7 @@ WithTooltip.args = {
 };
 
 export const WithIcon: StoryObj<typeof TradingInfoCard> = (
-  args: ITradingInfoCardProps,
+  args: TradingInfoCardProps,
 ) => {
   return (
     <TradingInfoCard
@@ -100,7 +100,7 @@ WithIcon.args = {
 };
 
 export const WithoutUnit: StoryObj<typeof TradingInfoCard> = (
-  args: ITradingInfoCardProps,
+  args: TradingInfoCardProps,
 ) => {
   return (
     <TradingInfoCard

package/src/components/TradingInfoCard/TradingInfoCard.tsx

@@ -3,7 +3,7 @@ import { CardContent, Typography } from '@ssa-ui-kit/core';
 import TradingInfoCardContent from './TradingInfoCardContent';
 import TradingInfoCardTooltip from './TradingInfoCardTooltip';
 import TradingInfoCardWrapper from './TradingInfoCardWrapper';
-import { ITradingInfoCardProps } from './types';
+import { TradingInfoCardProps } from './types';
 
 const TradingInfoCardView = ({
   value,
@@ -12,7 +12,7 @@ const TradingInfoCardView = ({
   icon,
   link,
   onClick,
-}: ITradingInfoCardProps) => {
+}: TradingInfoCardProps) => {
   const number = Number(value);
   const currentValue = Number.isNaN(number)
     ? value
@@ -30,7 +30,7 @@ const TradingInfoCardView = ({
   );
 };
 
-const TradingInfoCard = (props: ITradingInfoCardProps) => {
+const TradingInfoCard = (props: TradingInfoCardProps) => {
   const { value, unit } = props;
   const number = Number(value);
   const isInteger = Number.isInteger(number);

package/src/components/TradingInfoCard/TradingInfoCardTooltip.tsx

@@ -6,12 +6,12 @@ import {
   Typography,
 } from '@ssa-ui-kit/core';
 
-import { ITradingInfoCardTooltipProps } from './types';
+import { TradingInfoCardTooltipProps } from './types';
 
 const TradingInfoCardTooltip = ({
   trigger,
   children,
-}: ITradingInfoCardTooltipProps) => {
+}: TradingInfoCardTooltipProps) => {
   const theme = useTheme();
   return (
     <Tooltip

package/src/components/TradingInfoCard/TradingInfoCardWrapper.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import { Link } from 'react-router-dom';
 import { Theme, css } from '@emotion/react';
 import { CardBase } from '@ssa-ui-kit/core';
-import { ITradingInfoCardWrapperProps } from './types';
+import { TradingInfoCardWrapperProps } from './types';
 
 const infoCardWrapper = (theme: Theme) => css`
   position: relative;
@@ -45,7 +45,7 @@ const TradingInfoCardWrapper = ({
   onClick,
   link,
   children,
-}: ITradingInfoCardWrapperProps) => {
+}: TradingInfoCardWrapperProps) => {
   return (
     <React.Fragment>
       {link ? (

package/src/components/TradingInfoCard/types.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 
-export interface ITradingInfoCardProps {
+export interface TradingInfoCardProps {
   value: React.ReactNode;
   title: string;
   unit?: string;
@@ -10,18 +10,18 @@ export interface ITradingInfoCardProps {
 }
 
 export type TradingInfoContent = Pick<
-  ITradingInfoCardProps,
+  TradingInfoCardProps,
   'value' | 'unit' | 'icon'
 >;
 
-export type ITradingInfoCardWrapperProps = Pick<
-  ITradingInfoCardProps,
+export type TradingInfoCardWrapperProps = Pick<
+  TradingInfoCardProps,
   'onClick' | 'link'
 > & {
   children?: React.ReactNode;
 };
 
-export interface ITradingInfoCardTooltipProps {
+export interface TradingInfoCardTooltipProps {
   trigger: string | number | JSX.Element;
   children: React.ReactNode;
 }

package/src/components/TradingScoreboard/TradingScoreboard.stories.tsx

@@ -3,7 +3,7 @@ import { Meta, StoryObj } from '@storybook/react';
 import { css } from '@emotion/react';
 import { Button } from '@ssa-ui-kit/core';
 import TradingScoreboard from './TradingScoreboard';
-import { ITradingScoreboardProps } from './types';
+import { TradingScoreboardProps } from './types';
 import { defaultBoardArr, linkBoardArr, oneLineBoardArr } from './helpers';
 
 export default {
@@ -12,7 +12,7 @@ export default {
 } as Meta<typeof TradingScoreboard>;
 
 export const Default: StoryObj<typeof TradingScoreboard> = (
-  args: ITradingScoreboardProps,
+  args: TradingScoreboardProps,
 ) => {
   return (
     <TradingScoreboard
@@ -32,7 +32,7 @@ Default.args = {
 };
 
 export const OneLine: StoryObj<typeof TradingScoreboard> = (
-  args: ITradingScoreboardProps,
+  args: TradingScoreboardProps,
 ) => {
   return (
     <TradingScoreboard
@@ -52,7 +52,7 @@ OneLine.args = {
 };
 
 export const WithCustomComponent: StoryObj<typeof TradingScoreboard> = (
-  args: ITradingScoreboardProps,
+  args: TradingScoreboardProps,
 ) => {
   return (
     <TradingScoreboard
@@ -91,7 +91,7 @@ WithCustomComponent.args = {
 };
 
 export const WithLink: StoryObj<typeof TradingScoreboard> = (
-  args: ITradingScoreboardProps,
+  args: TradingScoreboardProps,
 ) => {
   return (
     <MemoryRouter>

package/src/components/TradingScoreboard/TradingScoreboard.tsx

@@ -1,13 +1,13 @@
 import { TradingInfoCard } from '@components/TradingInfoCard';
 import TradingScoreboardBase from './TradingScoreboardBase';
-import { ITradingScoreboardProps } from './types';
+import { TradingScoreboardProps } from './types';
 
 const TradingScoreboard = ({
   items,
   onClick,
   renderCard,
   ...props
-}: ITradingScoreboardProps) => {
+}: TradingScoreboardProps) => {
   return (
     <div>
       <TradingScoreboardBase {...props}>

package/src/components/TradingScoreboard/types.ts

@@ -1,12 +1,12 @@
-import { ITradingInfoCardProps } from '@components/TradingInfoCard/types';
+import { TradingInfoCardProps } from '@components/TradingInfoCard/types';
 import { SerializedStyles } from '@emotion/react';
 
 type TradingScoreboardItem = Pick<
-  ITradingInfoCardProps,
+  TradingInfoCardProps,
   'value' | 'unit' | 'title' | 'icon' | 'link'
 >;
 
-export interface ITradingScoreboardProps {
+export interface TradingScoreboardProps {
   itemsPerRow: number;
   items: Array<TradingScoreboardItem>;
   onClick?: (item: TradingScoreboardItem) => void;

package/src/components/UpcomingWorkouts/UpcomingWorkoutCard.tsx

@@ -10,7 +10,7 @@ import {
   Icon,
 } from '@ssa-ui-kit/core';
 
-import { IUpcomingWorkoutCardProps } from './types';
+import { UpcomingWorkoutCardProps } from './types';
 import { contentWrapper } from './style';
 
 /**
@@ -23,7 +23,7 @@ export const UpcomingWorkoutCard = ({
   workoutTime,
   renderDetails,
   onClick,
-}: IUpcomingWorkoutCardProps) => {
+}: UpcomingWorkoutCardProps) => {
   const theme = useTheme();
   return (
     <Card noShadow>

package/src/components/UpcomingWorkouts/UpcomingWorkouts.tsx

@@ -4,9 +4,9 @@ import CardList from '@components/CardList';
 
 import { UpcomingWorkoutCard } from './UpcomingWorkoutCard';
 
-import { IUpcomingWorkoutsProps } from './types';
+import { UpcomingWorkoutsProps } from './types';
 
-export const UpcomingWorkouts = ({ workouts }: IUpcomingWorkoutsProps) => (
+export const UpcomingWorkouts = ({ workouts }: UpcomingWorkoutsProps) => (
   <CardList
     title="Upcoming Workout"
     items={workouts}

package/src/components/UpcomingWorkouts/types.ts

@@ -1,4 +1,4 @@
-export interface IUpcomingWorkoutCardProps {
+export interface UpcomingWorkoutCardProps {
   image: string;
   title: string;
   workoutTime: string;
@@ -18,6 +18,6 @@ export type Workout = {
   };
 };
 
-export interface IUpcomingWorkoutsProps {
+export interface UpcomingWorkoutsProps {
   workouts: Array<Workout>;
 }