@ssa-ui-kit/widgets 0.0.7-alpha → 0.0.9-alpha

package/src/components/BotsTable/stories/BotsTable/components/Actions/Actions.tsx

@@ -1,13 +1,13 @@
-import { Wrapper } from '@ssa-ui-kit/core';
-import { BotsTableItem } from '@components/BotsTable/types';
-import { ActionMore } from './ActionMore';
-import { ActionRun } from './ActionRun';
-
-export const Actions = ({ row }: { row: BotsTableItem }) => {
-  return (
-    <Wrapper>
-      <ActionRun row={row} />
-      <ActionMore row={row} />
-    </Wrapper>
-  );
-};
+import { Wrapper } from '@ssa-ui-kit/core';
+import { BotsTableItem } from '@components/BotsTable/types';
+import { ActionMore } from './ActionMore';
+import { ActionRun } from './ActionRun';
+
+export const Actions = ({ row }: { row: BotsTableItem }) => {
+  return (
+    <Wrapper>
+      <ActionRun row={row} />
+      <ActionMore row={row} />
+    </Wrapper>
+  );
+};

package/src/components/BotsTable/stories/BotsTable/components/Actions/ActionsWrapper.tsx

@@ -1,21 +1,21 @@
-import { Wrapper } from '@ssa-ui-kit/core';
-
-export const ActionsWrapper = ({
-  children,
-  ...rest
-}: Parameters<typeof Wrapper>[0]) => (
-  <Wrapper
-    direction="column"
-    alignItems="flex-start"
-    css={{
-      background: '#fff',
-      width: 140,
-      color: '#2b2d31',
-      fontWeight: 500,
-      borderRadius: 5,
-      boxShadow: '0px 4px 8px 0px rgba(0, 0, 0, 0.25)',
-    }}
-    {...rest}>
-    {children}
-  </Wrapper>
-);
+import { Wrapper } from '@ssa-ui-kit/core';
+
+export const ActionsWrapper = ({
+  children,
+  ...rest
+}: Parameters<typeof Wrapper>[0]) => (
+  <Wrapper
+    direction="column"
+    alignItems="flex-start"
+    css={{
+      background: '#fff',
+      width: 140,
+      color: '#2b2d31',
+      fontWeight: 500,
+      borderRadius: 5,
+      boxShadow: '0px 4px 8px 0px rgba(0, 0, 0, 0.25)',
+    }}
+    {...rest}>
+    {children}
+  </Wrapper>
+);

package/src/components/BotsTable/stories/BotsTable/components/Actions/consts.tsx

@@ -1,118 +1,118 @@
-export const actionsIcons = {
-  trade: () => (
-    <svg
-      width="21"
-      height="21"
-      viewBox="0 0 21 21"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg">
-      <rect
-        width="21"
-        height="21"
-        rx="6"
-        fill="url(#paint0_linear_1141_8268)"
-      />
-      <rect x="5.84009" y="5.5" width="10" height="10" rx="3" fill="white" />
-      <defs>
-        <linearGradient
-          id="paint0_linear_1141_8268"
-          x1="2.03505e-07"
-          y1="10.5"
-          x2="20.4562"
-          y2="13.8352"
-          gradientUnits="userSpaceOnUse">
-          <stop stopColor="#F0816B" />
-          <stop offset="0.998643" stopColor="#F99990" />
-        </linearGradient>
-      </defs>
-    </svg>
-  ),
-  liquidation: () => (
-    <svg
-      width="21"
-      height="21"
-      viewBox="0 0 21 21"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg">
-      <path
-        d="M14.3401 9.63397C15.0068 10.0189 15.0068 10.9811 14.3401 11.366L9.84009 13.9641C9.17342 14.349 8.34009 13.8679 8.34009 13.0981L8.34009 7.90192C8.34009 7.13212 9.17342 6.651 9.84009 7.0359L14.3401 9.63397Z"
-        fill="url(#paint0_linear_1141_8272)"
-      />
-      <rect
-        x="1"
-        y="1"
-        width="19"
-        height="19"
-        rx="5"
-        stroke="url(#paint1_linear_1141_8272)"
-        strokeWidth="2"
-      />
-      <defs>
-        <linearGradient
-          id="paint0_linear_1141_8272"
-          x1="10.8401"
-          y1="15.5"
-          x2="14.7783"
-          y2="7.41936"
-          gradientUnits="userSpaceOnUse">
-          <stop stopColor="#89D996" />
-          <stop offset="1" stopColor="#52C587" />
-        </linearGradient>
-        <linearGradient
-          id="paint1_linear_1141_8272"
-          x1="21"
-          y1="10.5"
-          x2="4.03066"
-          y2="2.22971"
-          gradientUnits="userSpaceOnUse">
-          <stop stopColor="#89D996" />
-          <stop offset="1" stopColor="#52C587" />
-        </linearGradient>
-      </defs>
-    </svg>
-  ),
-  pending: () => (
-    <svg
-      width="21"
-      height="21"
-      viewBox="0 0 21 21"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg">
-      <path
-        d="M14.3401 9.63397C15.0068 10.0189 15.0068 10.9811 14.3401 11.366L9.84009 13.9641C9.17342 14.349 8.34009 13.8679 8.34009 13.0981L8.34009 7.90192C8.34009 7.13212 9.17342 6.651 9.84009 7.0359L14.3401 9.63397Z"
-        fill="url(#paint0_linear_1141_8272)"
-      />
-      <rect
-        x="1"
-        y="1"
-        width="19"
-        height="19"
-        rx="5"
-        stroke="url(#paint1_linear_1141_8272)"
-        strokeWidth="2"
-      />
-      <defs>
-        <linearGradient
-          id="paint0_linear_1141_8272"
-          x1="10.8401"
-          y1="15.5"
-          x2="14.7783"
-          y2="7.41936"
-          gradientUnits="userSpaceOnUse">
-          <stop stopColor="#89D996" />
-          <stop offset="1" stopColor="#52C587" />
-        </linearGradient>
-        <linearGradient
-          id="paint1_linear_1141_8272"
-          x1="21"
-          y1="10.5"
-          x2="4.03066"
-          y2="2.22971"
-          gradientUnits="userSpaceOnUse">
-          <stop stopColor="#89D996" />
-          <stop offset="1" stopColor="#52C587" />
-        </linearGradient>
-      </defs>
-    </svg>
-  ),
-};
+export const actionsIcons = {
+  trade: () => (
+    <svg
+      width="21"
+      height="21"
+      viewBox="0 0 21 21"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg">
+      <rect
+        width="21"
+        height="21"
+        rx="6"
+        fill="url(#paint0_linear_1141_8268)"
+      />
+      <rect x="5.84009" y="5.5" width="10" height="10" rx="3" fill="white" />
+      <defs>
+        <linearGradient
+          id="paint0_linear_1141_8268"
+          x1="2.03505e-07"
+          y1="10.5"
+          x2="20.4562"
+          y2="13.8352"
+          gradientUnits="userSpaceOnUse">
+          <stop stopColor="#F0816B" />
+          <stop offset="0.998643" stopColor="#F99990" />
+        </linearGradient>
+      </defs>
+    </svg>
+  ),
+  liquidation: () => (
+    <svg
+      width="21"
+      height="21"
+      viewBox="0 0 21 21"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg">
+      <path
+        d="M14.3401 9.63397C15.0068 10.0189 15.0068 10.9811 14.3401 11.366L9.84009 13.9641C9.17342 14.349 8.34009 13.8679 8.34009 13.0981L8.34009 7.90192C8.34009 7.13212 9.17342 6.651 9.84009 7.0359L14.3401 9.63397Z"
+        fill="url(#paint0_linear_1141_8272)"
+      />
+      <rect
+        x="1"
+        y="1"
+        width="19"
+        height="19"
+        rx="5"
+        stroke="url(#paint1_linear_1141_8272)"
+        strokeWidth="2"
+      />
+      <defs>
+        <linearGradient
+          id="paint0_linear_1141_8272"
+          x1="10.8401"
+          y1="15.5"
+          x2="14.7783"
+          y2="7.41936"
+          gradientUnits="userSpaceOnUse">
+          <stop stopColor="#89D996" />
+          <stop offset="1" stopColor="#52C587" />
+        </linearGradient>
+        <linearGradient
+          id="paint1_linear_1141_8272"
+          x1="21"
+          y1="10.5"
+          x2="4.03066"
+          y2="2.22971"
+          gradientUnits="userSpaceOnUse">
+          <stop stopColor="#89D996" />
+          <stop offset="1" stopColor="#52C587" />
+        </linearGradient>
+      </defs>
+    </svg>
+  ),
+  pending: () => (
+    <svg
+      width="21"
+      height="21"
+      viewBox="0 0 21 21"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg">
+      <path
+        d="M14.3401 9.63397C15.0068 10.0189 15.0068 10.9811 14.3401 11.366L9.84009 13.9641C9.17342 14.349 8.34009 13.8679 8.34009 13.0981L8.34009 7.90192C8.34009 7.13212 9.17342 6.651 9.84009 7.0359L14.3401 9.63397Z"
+        fill="url(#paint0_linear_1141_8272)"
+      />
+      <rect
+        x="1"
+        y="1"
+        width="19"
+        height="19"
+        rx="5"
+        stroke="url(#paint1_linear_1141_8272)"
+        strokeWidth="2"
+      />
+      <defs>
+        <linearGradient
+          id="paint0_linear_1141_8272"
+          x1="10.8401"
+          y1="15.5"
+          x2="14.7783"
+          y2="7.41936"
+          gradientUnits="userSpaceOnUse">
+          <stop stopColor="#89D996" />
+          <stop offset="1" stopColor="#52C587" />
+        </linearGradient>
+        <linearGradient
+          id="paint1_linear_1141_8272"
+          x1="21"
+          y1="10.5"
+          x2="4.03066"
+          y2="2.22971"
+          gradientUnits="userSpaceOnUse">
+          <stop stopColor="#89D996" />
+          <stop offset="1" stopColor="#52C587" />
+        </linearGradient>
+      </defs>
+    </svg>
+  ),
+};

package/src/components/BotsTable/stories/BotsTable/components/Actions/index.ts

@@ -1,6 +1,6 @@
-export * from './ActionIcon';
-export * from './ActionItem';
-export * from './ActionMore';
-export * from './ActionRun';
-export * from './Actions';
-export * from './ActionsWrapper';
+export * from './ActionIcon';
+export * from './ActionItem';
+export * from './ActionMore';
+export * from './ActionRun';
+export * from './Actions';
+export * from './ActionsWrapper';

package/src/components/BotsTable/stories/BotsTable/components/Exchange/Exchange.tsx

@@ -1,26 +1,26 @@
-import { Wrapper } from '@ssa-ui-kit/core';
-import { exchangeIcons } from './consts';
-import { ExchangeProps } from './types';
-
-export const Exchange = ({ exchangeType, showTitle = true }: ExchangeProps) => {
-  const { icon: ExchangeIcon, title } = exchangeIcons[exchangeType];
-  if (!showTitle) {
-    return <ExchangeIcon />;
-  }
-  return (
-    <Wrapper>
-      <div
-        css={{
-          display: 'flex',
-          width: 25,
-          height: 25,
-          alignItems: 'center',
-          justifyContent: 'center',
-          marginRight: 12,
-        }}>
-        <ExchangeIcon />
-      </div>
-      {title}
-    </Wrapper>
-  );
-};
+import { Wrapper } from '@ssa-ui-kit/core';
+import { exchangeIcons } from './consts';
+import { ExchangeProps } from './types';
+
+export const Exchange = ({ exchangeType, showTitle = true }: ExchangeProps) => {
+  const { icon: ExchangeIcon, title } = exchangeIcons[exchangeType];
+  if (!showTitle) {
+    return <ExchangeIcon />;
+  }
+  return (
+    <Wrapper>
+      <div
+        css={{
+          display: 'flex',
+          width: 25,
+          height: 25,
+          alignItems: 'center',
+          justifyContent: 'center',
+          marginRight: 12,
+        }}>
+        <ExchangeIcon />
+      </div>
+      {title}
+    </Wrapper>
+  );
+};