@ssa-ui-kit/core 0.0.11-alpha → 0.0.13-alpha

package/src/components/ProgressCircle/ProgressCircleInner.tsx

@@ -1,16 +1,16 @@
-import styled from '@emotion/styled';
-
-export const ProgressCircleInner = styled.div<{
-  size: number;
-}>`
-  width: ${({ size }) => size - (size / 10) * 2}px;
-  height: ${({ size }) => size - (size / 10) * 2}px;
-
-  display: flex;
-  align-items: center;
-  justify-content: center;
-
-  border-radius: 50%;
-
-  background: #fff;
-`;
+import styled from '@emotion/styled';
+
+export const ProgressCircleInner = styled.div<{
+  size: number;
+}>`
+  width: ${({ size }) => size - (size / 10) * 2}px;
+  height: ${({ size }) => size - (size / 10) * 2}px;
+
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  border-radius: 50%;
+
+  background: #fff;
+`;

package/src/components/ProgressCircle/ProgressCircleOuter.tsx

@@ -1,14 +1,14 @@
-import styled from '@emotion/styled';
-
-export const ProgressCircleOuter = styled.div<{
-  size: number;
-}>`
-  width: ${({ size }) => size}px;
-  height: ${({ size }) => size}px;
-
-  border-radius: 50%;
-
-  padding: ${({ size }) => size / 10}px;
-
-  background: ${({ theme }) => theme.colors.greyLighter};
-`;
+import styled from '@emotion/styled';
+
+export const ProgressCircleOuter = styled.div<{
+  size: number;
+}>`
+  width: ${({ size }) => size}px;
+  height: ${({ size }) => size}px;
+
+  border-radius: 50%;
+
+  padding: ${({ size }) => size / 10}px;
+
+  background: ${({ theme }) => theme.colors.greyLighter};
+`;

package/src/components/ProgressCircle/index.ts

@@ -1 +1 @@
-export { default } from './ProgressCircle';
+export { default } from './ProgressCircle';

package/src/components/ProgressCircle/styles.ts

@@ -1,20 +1,20 @@
-import { css, Theme } from '@emotion/react';
-
-export const inner = css`
-  width: 120px;
-  height: 120px;
-
-  display: flex;
-  align-items: center;
-  justify-content: center;
-
-  border-radius: 50%;
-
-  background: #fff;
-`;
-
-export const label = (theme: Theme) => css`
-  font-weight: 600;
-
-  color: ${theme.colors.greyDarker60};
-`;
+import { css, Theme } from '@emotion/react';
+
+export const inner = css`
+  width: 120px;
+  height: 120px;
+
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  border-radius: 50%;
+
+  background: #fff;
+`;
+
+export const label = (theme: Theme) => css`
+  font-weight: 600;
+
+  color: ${theme.colors.greyDarker60};
+`;

package/src/components/ProgressCircle/types.ts

@@ -1,7 +1,7 @@
-export interface ProgressCircleProps {
-  max: number;
-  currentValue: number;
-  size?: number;
-  color?: keyof MainColors;
-  infoContent?: React.ReactNode | string;
-}
+export interface ProgressCircleProps {
+  max: number;
+  currentValue: number;
+  size?: number;
+  color?: keyof MainColors;
+  infoContent?: React.ReactNode | string;
+}

package/src/components/ProgressLegend/ProgressLegend.tsx

@@ -1,41 +1,41 @@
-import { Children, isValidElement, cloneElement } from 'react';
-
-import { ProgressLegendProps } from './types';
-
-const ProgressLegend = ({
-  children,
-  vertical = false,
-}: ProgressLegendProps) => {
-  const mapPosition = {
-    horizontal: {
-      width: '100%',
-      height: `12px`,
-    },
-    vertical: {
-      height: '100%',
-      width: `35px`,
-    },
-  };
-
-  return (
-    <div
-      style={{
-        position: 'relative',
-        fontSize: '10px',
-        fontWeight: 700,
-        ...mapPosition[vertical ? 'vertical' : 'horizontal'],
-      }}>
-      {Children.map(children, (child) => {
-        // istanbul ignore else
-        if (isValidElement(child)) {
-          return cloneElement(child, {
-            ...child.props,
-            vertical,
-          });
-        }
-      })}
-    </div>
-  );
-};
-
-export default ProgressLegend;
+import { Children, isValidElement, cloneElement } from 'react';
+
+import { ProgressLegendProps } from './types';
+
+const ProgressLegend = ({
+  children,
+  vertical = false,
+}: ProgressLegendProps) => {
+  const mapPosition = {
+    horizontal: {
+      width: '100%',
+      height: `12px`,
+    },
+    vertical: {
+      height: '100%',
+      width: `35px`,
+    },
+  };
+
+  return (
+    <div
+      style={{
+        position: 'relative',
+        fontSize: '10px',
+        fontWeight: 700,
+        ...mapPosition[vertical ? 'vertical' : 'horizontal'],
+      }}>
+      {Children.map(children, (child) => {
+        // istanbul ignore else
+        if (isValidElement(child)) {
+          return cloneElement(child, {
+            ...child.props,
+            vertical,
+          });
+        }
+      })}
+    </div>
+  );
+};
+
+export default ProgressLegend;

package/src/components/ProgressLegend/index.ts

@@ -1 +1 @@
-export { default } from './ProgressLegend';
+export { default } from './ProgressLegend';

package/src/components/ProgressLegend/types.ts

@@ -1,12 +1,12 @@
-interface LabelItemProps {
-  value: number;
-  position?: string;
-  vertical?: boolean;
-}
-
-export interface ProgressLegendProps {
-  vertical?: boolean;
-  children:
-    | React.ReactElement<React.PropsWithChildren<LabelItemProps>>[]
-    | React.ReactElement<React.PropsWithChildren<LabelItemProps>>;
-}
+interface LabelItemProps {
+  value: number;
+  position?: string;
+  vertical?: boolean;
+}
+
+export interface ProgressLegendProps {
+  vertical?: boolean;
+  children:
+    | React.ReactElement<React.PropsWithChildren<LabelItemProps>>[]
+    | React.ReactElement<React.PropsWithChildren<LabelItemProps>>;
+}

package/src/components/ProgressLegendItem/ProgressLegendItem.tsx

@@ -1,52 +1,52 @@
-import { ProgressLegendItemProps } from './types';
-
-const ProgressLegendItem = ({
-  position = 'current',
-  percentage,
-  vertical = false,
-  children,
-}: ProgressLegendItemProps) => {
-  const mapPosition = {
-    horizontal: {
-      top: 0,
-      left:
-        position === 'start'
-          ? 0
-          : position === 'current'
-          ? `${percentage}%`
-          : '100%',
-      transform:
-        position === 'current' || position === 'end'
-          ? 'translateX(-50%)'
-          : 'none',
-    },
-    vertical: {
-      width: '100%',
-      top:
-        position === 'start'
-          ? '100%'
-          : position === 'current'
-          ? `${100 - percentage}%`
-          : 0,
-      transform:
-        position === 'start'
-          ? 'translateY(-100%)'
-          : position === 'current'
-          ? 'translateY(-50%)'
-          : 'none',
-    },
-  };
-  return (
-    <div
-      style={{
-        position: 'absolute',
-        display: 'block',
-        lineHeight: 1,
-        ...mapPosition[vertical ? 'vertical' : 'horizontal'],
-      }}>
-      {children}
-    </div>
-  );
-};
-
-export default ProgressLegendItem;
+import { ProgressLegendItemProps } from './types';
+
+const ProgressLegendItem = ({
+  position = 'current',
+  percentage,
+  vertical = false,
+  children,
+}: ProgressLegendItemProps) => {
+  const mapPosition = {
+    horizontal: {
+      top: 0,
+      left:
+        position === 'start'
+          ? 0
+          : position === 'current'
+          ? `${percentage}%`
+          : '100%',
+      transform:
+        position === 'current' || position === 'end'
+          ? 'translateX(-50%)'
+          : 'none',
+    },
+    vertical: {
+      width: '100%',
+      top:
+        position === 'start'
+          ? '100%'
+          : position === 'current'
+          ? `${100 - percentage}%`
+          : 0,
+      transform:
+        position === 'start'
+          ? 'translateY(-100%)'
+          : position === 'current'
+          ? 'translateY(-50%)'
+          : 'none',
+    },
+  };
+  return (
+    <div
+      style={{
+        position: 'absolute',
+        display: 'block',
+        lineHeight: 1,
+        ...mapPosition[vertical ? 'vertical' : 'horizontal'],
+      }}>
+      {children}
+    </div>
+  );
+};
+
+export default ProgressLegendItem;

package/src/components/ProgressLegendItem/index.ts

@@ -1 +1 @@
-export { default } from './ProgressLegendItem';
+export { default } from './ProgressLegendItem';

package/src/components/ProgressLegendItem/types.ts

@@ -1,6 +1,6 @@
-export interface ProgressLegendItemProps {
-  children: React.ReactNode | string;
-  percentage: number;
-  position?: string;
-  vertical?: boolean;
-}
+export interface ProgressLegendItemProps {
+  children: React.ReactNode | string;
+  percentage: number;
+  position?: string;
+  vertical?: boolean;
+}

package/src/components/ProgressVertical/ProgressVertical.tsx

@@ -1,23 +1,23 @@
-import { Children, isValidElement, cloneElement } from 'react';
-
-import { ProgressVerticalProps } from './types';
-
-const ProgressVertical = ({ children }: ProgressVerticalProps) => {
-  return (
-    <div
-      style={{
-        display: 'flex',
-        height: '100%',
-      }}>
-      {Children.map(children, (child) => {
-        // istanbul ignore else
-        if (isValidElement(child)) {
-          return cloneElement(child, {
-            vertical: true,
-          });
-        }
-      })}
-    </div>
-  );
-};
-export default ProgressVertical;
+import { Children, isValidElement, cloneElement } from 'react';
+
+import { ProgressVerticalProps } from './types';
+
+const ProgressVertical = ({ children }: ProgressVerticalProps) => {
+  return (
+    <div
+      style={{
+        display: 'flex',
+        height: '100%',
+      }}>
+      {Children.map(children, (child) => {
+        // istanbul ignore else
+        if (isValidElement(child)) {
+          return cloneElement(child, {
+            vertical: true,
+          });
+        }
+      })}
+    </div>
+  );
+};
+export default ProgressVertical;

package/src/components/ProgressVertical/index.ts

@@ -1 +1 @@
-export { default } from './ProgressVertical';
+export { default } from './ProgressVertical';

package/src/components/ProgressVertical/types.ts

@@ -1,5 +1,5 @@
-export interface ProgressVerticalProps {
-  children:
-    | React.ReactElement<React.PropsWithChildren<{ vertical?: boolean }>>
-    | React.ReactElement<React.PropsWithChildren<{ vertical?: boolean }>>[];
-}
+export interface ProgressVerticalProps {
+  children:
+    | React.ReactElement<React.PropsWithChildren<{ vertical?: boolean }>>
+    | React.ReactElement<React.PropsWithChildren<{ vertical?: boolean }>>[];
+}