@ssa-ui-kit/widgets 0.0.1-alpha

package/dist/components/TradingInfoCard/TradingInfoCard.d.ts

@@ -0,0 +1,3 @@
+import { ITradingInfoCardProps } from './types';
+declare const TradingInfoCard: ({ value, unit, title, onClick, icon, link, }: ITradingInfoCardProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+export default TradingInfoCard;

package/dist/components/TradingInfoCard/TradingInfoCardContent.d.ts

@@ -0,0 +1,3 @@
+import { TradingInfoContent } from './types';
+declare const TradingInfoCardContent: ({ value, unit, icon }: TradingInfoContent) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+export default TradingInfoCardContent;

package/dist/components/TradingInfoCard/TradingInfoCardTooltip.d.ts

@@ -0,0 +1,3 @@
+import { ITradingInfoCardTooltipProps } from './types';
+declare const TradingInfoCardTooltip: ({ trigger, children, }: ITradingInfoCardTooltipProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+export default TradingInfoCardTooltip;

package/dist/components/TradingInfoCard/TradingInfoCardWrapper.d.ts

@@ -0,0 +1,3 @@
+import { ITradingInfoCardWrapperProps } from './types';
+declare const TradingInfoCardWrapper: ({ onClick, link, children, }: ITradingInfoCardWrapperProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+export default TradingInfoCardWrapper;

package/dist/components/TradingInfoCard/index.d.ts

@@ -0,0 +1,3 @@
+export { default as TradingInfoCard } from './TradingInfoCard';
+export * from './types';
+export * from './TradingInfoCardTooltip';

package/dist/components/TradingInfoCard/types.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+export interface ITradingInfoCardProps {
+    value: React.ReactNode;
+    title: string;
+    unit?: string;
+    icon?: React.ReactNode;
+    onClick?: () => void;
+    link?: string;
+}
+export type TradingInfoContent = Pick<ITradingInfoCardProps, 'value' | 'unit' | 'icon'>;
+export type ITradingInfoCardWrapperProps = Pick<ITradingInfoCardProps, 'onClick' | 'link'> & {
+    children?: React.ReactNode;
+};
+export interface ITradingInfoCardTooltipProps {
+    trigger: string | number | JSX.Element;
+    children: React.ReactNode;
+}

package/dist/components/TradingScoreboard/TradingScoreboard.d.ts

@@ -0,0 +1,3 @@
+import { ITradingScoreboardProps } from './types';
+declare const TradingScoreboard: ({ items, onClick, renderCard, ...props }: ITradingScoreboardProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+export default TradingScoreboard;

package/dist/components/TradingScoreboard/TradingScoreboardBase.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+declare const TradingScoreboardBase: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    itemsPerRow?: number | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export default TradingScoreboardBase;

package/dist/components/TradingScoreboard/helpers.d.ts

@@ -0,0 +1,56 @@
+export declare const defaultBoardArr: ({
+    value: import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    title: string;
+    unit?: undefined;
+    icon?: undefined;
+} | {
+    value: string;
+    title: string;
+    unit?: undefined;
+    icon?: undefined;
+} | {
+    value: string;
+    unit: string;
+    title: string;
+    icon?: undefined;
+} | {
+    value: string;
+    unit: string;
+    title: string;
+    icon: import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+})[];
+export declare const oneLineBoardArr: ({
+    value: string;
+    title: string;
+    unit?: undefined;
+    icon?: undefined;
+} | {
+    value: string;
+    unit: string;
+    title: string;
+    icon?: undefined;
+} | {
+    value: string;
+    unit: string;
+    title: string;
+    icon: import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+})[];
+export declare const linkBoardArr: ({
+    value: string;
+    title: string;
+    link: string;
+    unit?: undefined;
+    icon?: undefined;
+} | {
+    value: string;
+    unit: string;
+    title: string;
+    link: string;
+    icon?: undefined;
+} | {
+    value: string;
+    unit: string;
+    title: string;
+    icon: import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    link: string;
+})[];

package/dist/components/TradingScoreboard/index.d.ts

@@ -0,0 +1,2 @@
+export { default as TradingScoreboard } from './TradingScoreboard';
+export * from './types';

package/dist/components/TradingScoreboard/types.d.ts

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

package/dist/components/UpcomingWorkouts/UpcomingWorkoutCard.d.ts

@@ -0,0 +1,6 @@
+import { IUpcomingWorkoutCardProps } from './types';
+/**
+ *
+ * UI Component that use CardList to render a list of upcoming workouts
+ */
+export declare const UpcomingWorkoutCard: ({ image, title, workoutTime, renderDetails, onClick, }: IUpcomingWorkoutCardProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/dist/components/UpcomingWorkouts/UpcomingWorkouts.d.ts

@@ -0,0 +1,2 @@
+import { IUpcomingWorkoutsProps } from './types';
+export declare const UpcomingWorkouts: ({ workouts }: IUpcomingWorkoutsProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/dist/components/UpcomingWorkouts/index.d.ts

@@ -0,0 +1,2 @@
+export { UpcomingWorkouts as default } from './UpcomingWorkouts';
+export * from './types';

package/dist/components/UpcomingWorkouts/style.d.ts

@@ -0,0 +1 @@
+export declare const contentWrapper: () => import("@emotion/react").SerializedStyles;

package/dist/components/UpcomingWorkouts/types.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+export interface IUpcomingWorkoutCardProps {
+    image: string;
+    title: string;
+    workoutTime: string;
+    renderDetails: () => React.ReactNode;
+    onClick?: () => void;
+}
+export type Workout = {
+    id: string;
+    image: string;
+    title: string;
+    workoutTime: string;
+    handleClick?: () => void;
+    details: {
+        exercises: number;
+        minutes: number;
+    };
+};
+export interface IUpcomingWorkoutsProps {
+    workouts: Array<Workout>;
+}

package/dist/components/UserCard/UserCard.d.ts

@@ -0,0 +1,5 @@
+import { User } from './types';
+declare const UserCard: ({ user }: {
+    user: User | null;
+}) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+export default UserCard;

package/dist/components/UserCard/UserCardBMI.d.ts

@@ -0,0 +1,3 @@
+import { User } from './types';
+declare const UserCardBMI: ({ weight, height, age, }: Partial<Pick<User, 'weight' | 'height' | 'age'>>) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+export default UserCardBMI;

package/dist/components/UserCard/UserCardCredentials.d.ts

@@ -0,0 +1,3 @@
+import { User } from './types';
+declare const UserCardCredentials: ({ name, email, }: Partial<Pick<User, 'name' | 'email'>>) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+export default UserCardCredentials;

package/dist/components/UserCard/UserCardItem.d.ts

@@ -0,0 +1,7 @@
+interface UserCardItemProps {
+    value: string | number;
+    unit: string;
+    caption: string;
+}
+declare const UserCardItem: ({ value, unit, caption }: UserCardItemProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+export default UserCardItem;

package/dist/components/UserCard/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './UserCard';
+export * from './types';

package/dist/components/UserCard/types.d.ts

@@ -0,0 +1,8 @@
+export type User = {
+    id: string;
+    name: string;
+    email: string;
+    weight: number;
+    height: number;
+    age: number;
+};

package/dist/components/UserProfile/UserProfile.d.ts

@@ -0,0 +1,2 @@
+import { UserProfileProps } from './types';
+export declare const UserProfile: ({ name, email, trigger, onClick, }: UserProfileProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/dist/components/UserProfile/index.d.ts

@@ -0,0 +1,2 @@
+export { UserProfile } from './UserProfile';
+export * from './types';

package/dist/components/UserProfile/styles.d.ts

@@ -0,0 +1,6 @@
+import { Theme } from '@emotion/react';
+export declare const ResetBtnStyles: import("@emotion/react").SerializedStyles;
+export declare const ContentWrapper: (theme: Theme) => import("@emotion/react").SerializedStyles;
+export declare const UserInfo: import("@emotion/react").SerializedStyles;
+export declare const LogoutWrapper: (theme: Theme) => import("@emotion/react").SerializedStyles;
+export declare const CustomButton: import("@emotion/react").SerializedStyles;

package/dist/components/UserProfile/types.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export interface UserProfileProps {
+    name: string;
+    email: string;
+    trigger: string | JSX.Element;
+    onClick: () => void;
+}

package/dist/components/WaterConsume/WaterConsume.d.ts

@@ -0,0 +1,7 @@
+import { WaterConsumeProps } from './types';
+/**
+ *
+ * UI Component shows the water consumption objective of the user
+ * @param steps - the order goes from top to bottom, from left to right
+ */
+export declare const WaterConsume: ({ minValue, maxValue, currentValue, active, steps, unit, }: WaterConsumeProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/dist/components/WaterConsume/index.d.ts

@@ -0,0 +1,2 @@
+export { WaterConsume as default } from './WaterConsume';
+export * from './types';

package/dist/components/WaterConsume/types.d.ts

@@ -0,0 +1,11 @@
+export interface WaterConsumeProps {
+    minValue?: number;
+    maxValue?: number;
+    unit?: string;
+    active: number;
+    currentValue: number;
+    steps: {
+        title: string;
+        caption: string;
+    }[];
+}

package/dist/consts.d.ts

@@ -0,0 +1,18 @@
+export declare const SCREEN_SIZES: {
+    390: {
+        width: number;
+        height: number;
+    };
+    900: {
+        width: number;
+        height: number;
+    };
+    1440: {
+        width: number;
+        height: number;
+    };
+    1920: {
+        width: number;
+        height: number;
+    };
+};

package/dist/index.d.ts

@@ -0,0 +1,47 @@
+import './injectGlobal';
+import '@emotion/react';
+import { Theme as T } from '@ssa-ui-kit/core';
+declare module '@emotion/react' {
+    interface Theme extends T {
+    }
+}
+export { default as Activity } from './components/Activity';
+export * from './components/Activity';
+export { default as Calories } from './components/Calories';
+export * from './components/Calories';
+export * from './components/HeartRate';
+export * from './components/MealNutrients';
+export { default as NavBar } from './components/NavBar';
+export * from './components/NavBar';
+export { default as ProgressInfo } from './components/ProgressInfo';
+export * from './components/ProgressInfo';
+export { default as UpcomingWorkouts } from './components/UpcomingWorkouts';
+export * from './components/UpcomingWorkouts';
+export { default as WaterConsume } from './components/WaterConsume';
+export * from './components/WaterConsume';
+export { default as Bmi } from './components/Bmi';
+export * from './components/Bmi';
+export { default as CardList } from './components/CardList';
+export * from './components/CardList';
+export { default as ListGoals } from './components/ListGoals';
+export * from './components/ListGoals';
+export { default as MealPlanner } from './components/MealPlanner';
+export * from './components/MealPlanner';
+export { default as StepsCounter } from './components/StepsCounter';
+export * from './components/StepsCounter';
+export { default as UserCard } from './components/UserCard';
+export * from './components/UserCard';
+export * from './components/Pagination';
+export * from './components/TradingInfoCard';
+export * from './components/TradingScoreboard';
+export * from './components/NotificationCard';
+export * from './components/LinksTabBar';
+export * from './components/NotificationMenu';
+export * from './components/SearchBox';
+export * from './components/UserProfile';
+export * from './components/BotsTable';
+export * from './components/AddNewAccountCard';
+export * from './components/PieChart';
+export * from './components/AccountBalance';
+export * from './components/ExchangeAccount';
+export * from './components/ExchangeAccountKeys';