feat: add isMobile property (#57)

gravity-ui · Nov 8, 2022 · a2e87ed · a2e87ed
1 parent 9d0dd26
commit a2e87ed
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 2 deletions.
diff --git a/src/components/ChartKit.scss b/src/components/ChartKit.scss
@@ -1,4 +1,8 @@
 .chartkit {
     height: 100%;
     width: 100%;
+
+    &_mobile .chartkit-scrollable-node {
+        max-height: 3000px;
+    }
 }
diff --git a/src/components/ChartKit.tsx b/src/components/ChartKit.tsx
@@ -18,7 +18,7 @@ type ChartKitComponentProps<T extends ChartkitType> = Omit<ChartKitProps<T>, 'on
 
 const ChartKitComponent = <T extends ChartkitType>(props: ChartKitComponentProps<T>) => {
     const widgetRef = React.useRef<ChartKitWidgetRef>();
-    const {instanceRef, id = getRandomCKId(), type, data, onLoad, ...restProps} = props;
+    const {instanceRef, id = getRandomCKId(), type, data, onLoad, isMobile, ...restProps} = props;
     const lang = settings.get('lang');
     const plugins = settings.get('plugins');
     const plugin = plugins.find((iteratedPlugin) => iteratedPlugin.type === type);
@@ -46,7 +46,7 @@ const ChartKitComponent = <T extends ChartkitType>(props: ChartKitComponentProps
 
     return (
         <React.Suspense fallback={<Loader />}>
-            <div className={b()}>
+            <div className={b({mobile: isMobile})}>
                 <ChartComponent
                     ref={widgetRef}
                     id={id}

diff --git a/src/types/index.ts b/src/types/index.ts
@@ -25,6 +25,7 @@ export type ChartKitProps<T extends ChartkitType> = {
     type: T;
     data: ChartkitWidget[T]['data'];
     id?: string;
+    isMobile?: boolean;
     onLoad?: (data?: ChartKitOnLoadData<T>) => void;
     onError?: ChartKitOnError;
     formatNumber?: ChartKitFormatNumber;