@ssa-ui-kit/widgets 1.0.12 → 1.1.55-canary-79b6b0d-20250224

package/src/components/WaterConsume/WaterConsume.specBackup.tsx

@@ -1,62 +0,0 @@
-import { screen, within } from '../../../customTest';
-
-import WaterConsume from './index';
-
-const steps = [
-  {
-    title: '600ml',
-    caption: '2pm - 4pm',
-  },
-  {
-    title: '500ml',
-    caption: '11am - 2pm',
-  },
-  {
-    title: '1000ml',
-    caption: '9am - 11am',
-  },
-  {
-    title: '700ml',
-    caption: '6am - 8am',
-  },
-];
-
-const checkListItems = async () => {
-  const listItems = await screen.findAllByRole('listitem');
-
-  for (let i = 0; i < listItems.length; ++i) {
-    const itemEl = listItems[i];
-    within(itemEl).getByText(steps[steps.length - i - 1].title);
-  }
-};
-
-describe('WaterConsume', () => {
-  it('Renders with a custom unit', async () => {
-    render(
-      <WaterConsume
-        minValue={0}
-        maxValue={3}
-        currentValue={2.7}
-        unit={'L'}
-        active={2}
-        steps={steps}
-      />,
-    );
-
-    screen.getByText('0L');
-    screen.getByText('2.7L');
-    screen.getByText('3L');
-
-    await checkListItems();
-  });
-
-  it('Render with the default unit (%)', async () => {
-    render(<WaterConsume currentValue={50} active={1} steps={steps} />);
-
-    screen.getByText('0%');
-    screen.getByText('50%');
-    screen.getByText('100%');
-
-    await checkListItems();
-  });
-});

package/src/components/WaterConsume/WaterConsume.stories.tsx

@@ -1,36 +0,0 @@
-import type { Meta } from '@storybook/react';
-
-import { WaterConsume } from './WaterConsume';
-
-export default {
-  title: 'Fitness/WaterConsume',
-  component: WaterConsume,
-} as Meta<typeof WaterConsume>;
-
-export const Default = {
-  args: {
-    minValue: 0,
-    maxValue: 3,
-    currentValue: 2.7,
-    unit: 'L',
-    active: 3,
-    steps: [
-      {
-        title: '600ml',
-        caption: '2pm - 4pm',
-      },
-      {
-        title: '500ml',
-        caption: '11am - 2pm',
-      },
-      {
-        title: '1000ml',
-        caption: '9am - 11am',
-      },
-      {
-        title: '700ml',
-        caption: '6am - 8am',
-      },
-    ],
-  },
-};

package/src/components/WaterConsume/WaterConsume.tsx

@@ -1,188 +0,0 @@
-import { css, useTheme } from '@emotion/react';
-
-import {
-  Card,
-  CardContent,
-  CardHeader,
-  Stepper,
-  Step,
-  StepLabel,
-  Typography,
-  ResponsiveImage,
-  ProgressBar,
-  ProgressLegend,
-  ProgressLegendItem,
-  ProgressVertical,
-} from '@ssa-ui-kit/core';
-
-import { WaterConsumeProps } from './types';
-
-const CustomConnector = ({
-  active,
-  completed,
-}: {
-  active?: boolean;
-  completed?: boolean;
-}) => {
-  const theme = useTheme();
-  return (
-    <div
-      css={css`
-        flex: 1 1 auto;
-        margin-left: 11.5px;
-      `}>
-      <span
-        css={css`
-          display: block;
-          border-color: ${active || completed
-            ? theme.colors.blueLightLighter
-            : theme.colors.greyDarker60};
-          border-left-style: dashed;
-          border-left-width: 1px;
-          min-height: 20px;
-        `}></span>
-    </div>
-  );
-};
-
-const CustomStep: React.FC = (props: {
-  active?: boolean;
-  completed?: boolean;
-}) => {
-  const { active, completed } = props;
-  const theme = useTheme();
-
-  return (
-    <div
-      css={css`
-        width: 6px;
-        height: 6px;
-        background-color: ${active || completed
-          ? theme.colors.blueLightLighter
-          : theme.colors.greyDarker60};
-        border-radius: 50%;
-      `}></div>
-  );
-};
-
-/**
- *
- * UI Component shows the water consumption objective of the user
- * @param steps - the order goes from top to bottom, from left to right
- */
-export const WaterConsume = ({
-  minValue = 0,
-  maxValue = 100,
-  currentValue,
-  active,
-  steps,
-  unit = '%',
-}: WaterConsumeProps) => {
-  const theme = useTheme();
-  const currentPercentage = Math.round((currentValue * 100) / maxValue);
-
-  return (
-    <Card
-      css={css`
-        box-shadow: 0 10px 40px rgba(42, 48, 57, 0.08);
-        border-radius: 20px;
-      `}>
-      <CardHeader
-        icon={
-          <ResponsiveImage
-            css={{ filter: `drop-shadow(0px 5px 5px ${theme.colors.grey})` }}
-            srcSet="https://firebasestorage.googleapis.com/v0/b/admin-themes.appspot.com/o/img%2Fwater%2Fwater_64.png?alt=media&token=2abf9f9c-2159-4235-856c-f054783a007d 64w, https://firebasestorage.googleapis.com/v0/b/admin-themes.appspot.com/o/img%2Fwater%2Fwater_48.png?alt=media&token=abc1e619-940a-4fc0-9f83-ef0a998464f2 48w"
-            sizes="(min-width: 1440px) 64px, 48px"
-            src="https://firebasestorage.googleapis.com/v0/b/admin-themes.appspot.com/o/img%2Fwater%2Fwater_48.png?alt=media&token=abc1e619-940a-4fc0-9f83-ef0a998464f2"
-            alt="Water"
-          />
-        }>
-        <Typography variant="h6" weight="bold">
-          Water
-        </Typography>
-      </CardHeader>
-
-      <CardContent
-        css={{
-          width: '100%',
-          justifyContent: 'center',
-          alignItems: 'stretch',
-        }}>
-        <div style={{ fontSize: 14, marginRight: '15px' }}>
-          <ProgressVertical>
-            <ProgressLegend>
-              <ProgressLegendItem position="end" percentage={100}>
-                <span
-                  style={{
-                    textAlign: 'right',
-                    display: 'block',
-                    paddingRight: 6,
-                  }}>
-                  {`${maxValue}${unit}`}
-                </span>
-              </ProgressLegendItem>
-              <ProgressLegendItem
-                position="current"
-                percentage={currentPercentage}>
-                <span
-                  style={{
-                    textAlign: 'right',
-                    display: 'block',
-                    paddingRight: 6,
-                  }}>
-                  {`${currentValue}${unit}`}
-                </span>
-              </ProgressLegendItem>
-              <ProgressLegendItem position="start" percentage={0}>
-                <span
-                  style={{
-                    textAlign: 'right',
-                    display: 'block',
-                    paddingRight: 6,
-                  }}>
-                  {`${minValue}${unit}`}
-                </span>
-              </ProgressLegendItem>
-            </ProgressLegend>
-            <ProgressBar percentage={currentPercentage} color="blueLight" />
-          </ProgressVertical>
-        </div>
-
-        <Stepper
-          color={theme.colors.blueLight}
-          activeStep={active}
-          orientation={'vertical'}
-          inverted
-          sx={{
-            rowGap: 0,
-          }}>
-          {steps.map((step, index) => {
-            return (
-              <Step key={index} Connector={CustomConnector}>
-                <StepLabel StepIcon={CustomStep}>
-                  <span
-                    style={{
-                      textAlign: 'left',
-                      display: 'block',
-                      fontSize: 9,
-                    }}>
-                    {step.caption}
-                  </span>
-                  <span
-                    style={{
-                      textAlign: 'left',
-                      display: 'block',
-                      fontSize: 9,
-                      fontWeight: 700,
-                    }}>
-                    {step.title}
-                  </span>
-                </StepLabel>
-              </Step>
-            );
-          })}
-        </Stepper>
-      </CardContent>
-    </Card>
-  );
-};

package/src/components/WaterConsume/index.ts

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

package/src/components/WaterConsume/types.ts

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

package/src/consts.ts

@@ -1,18 +0,0 @@
-export const SCREEN_SIZES = {
-  390: {
-    width: 390,
-    height: 844,
-  },
-  900: {
-    width: 900,
-    height: 1200,
-  },
-  1440: {
-    width: 1440,
-    height: 900,
-  },
-  1920: {
-    width: 1920,
-    height: 1080,
-  },
-};

package/src/index.ts

@@ -1,36 +0,0 @@
-/* eslint-disable @typescript-eslint/no-empty-interface */
-import './injectGlobal';
-import '@emotion/react';
-
-import { Theme as T } from '@ssa-ui-kit/core';
-
-declare module '@emotion/react' {
-  export 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 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 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/TradingInfoCard';
-export * from './components/TradingScoreboard';
-export * from './components/BotsTable';
-export * from './components/AccountBalance';
-export * from './components/ExchangeAccount';
-export * from './components/AccountKeys';

package/src/injectGlobal.ts

@@ -1,41 +0,0 @@
-import { injectGlobal } from '@emotion/css';
-
-injectGlobal`
-  * {
-    outline: none;
-
-    box-sizing: border-box;
-    font-family: 'Manrope', sans-serif;
-
-    &::after,
-    &::before {
-      box-sizing: border-box;
-    }
-  } 
-
-  html {
-    font-size: 1rem;
-    font-weight: 400;
-  }
-
-  body {
-    margin: 0;
-    padding: 0;
-  }
-
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6,
-  p {
-    margin: 0;
-    padding: 0;
-  }
-
-  #root {
-    height: 100vh;
-  }
-  
-`;

package/test-results/.last-run.json

@@ -1,21 +0,0 @@
-{
-  "status": "failed",
-  "failedTests": [
-    "e9b658dfa47cbcc923fa-5d8f192ca399a0e3af8d",
-    "e9b658dfa47cbcc923fa-fa2e3998b096c2a84a78",
-    "e9b658dfa47cbcc923fa-fd3540ef424862ee1613",
-    "e9b658dfa47cbcc923fa-593ad1271cc938aaa552",
-    "e9b658dfa47cbcc923fa-1bac0b243ac805b359d7",
-    "f842a66268b5977a58f7-a0c08d47595dd7f659fa",
-    "f842a66268b5977a58f7-4efdb0edbfec872edd6a",
-    "f842a66268b5977a58f7-6ef7b0ec18215b6dc2f4",
-    "f842a66268b5977a58f7-c42323a029ec8bb42609",
-    "f842a66268b5977a58f7-92d257b6c4ef385a908e",
-    "dc515447f22f49e5c441-5df2e440933bc5ee2b27",
-    "dc515447f22f49e5c441-2b56a90eb61ef7e0fd51",
-    "dc515447f22f49e5c441-4165392e40a58aa9249e",
-    "dc515447f22f49e5c441-20b74ff58c12bdb09590",
-    "dc515447f22f49e5c441-ff84682b66bfd613fd24",
-    "a2ee24e0f108a5cb0d28-bdfc5b569adaa00d522c"
-  ]
-}