Merge pull request #51 from rtCamp/chore/pretty-code

Chore: Prettify codebase

Author: mohdsayed

.storybook/main.ts

@@ -15,7 +15,7 @@ const config: StorybookConfig = {
     getAbsolutePath("@storybook/addon-docs"),
     getAbsolutePath("@storybook/addon-onboarding"),
     getAbsolutePath("@storybook/addon-a11y"),
-    getAbsolutePath('@storybook/addon-themes'),
+    getAbsolutePath("@storybook/addon-themes"),
   ],
   framework: {
     name: getAbsolutePath("@storybook/react-vite"),

.storybook/manager.ts

@@ -1,11 +1,12 @@
-import { addons } from 'storybook/manager-api';
-import { create } from 'storybook/theming';
+import { addons } from "storybook/manager-api";
+import { create } from "storybook/theming";
 
 addons.setConfig({
   theme: create({
-    base: 'light',
-    brandTitle: '<span id="fur-title">frappe-ui-react</span> <span id="fur-version">(v1.0.0-beta.0)</span>', // update version as per package.json
+    base: "light",
+    brandTitle:
+      '<span id="fur-title">frappe-ui-react</span> <span id="fur-version">(v1.0.0-beta.0)</span>', // update version as per package.json
     brandUrl: undefined, // disables link on the title
-    brandImage: undefined
+    brandImage: undefined,
   }),
-});
+});

.storybook/modeDecorator.tsx

@@ -1,11 +1,11 @@
-import { withThemeByClassName } from '@storybook/addon-themes';
+import { withThemeByClassName } from "@storybook/addon-themes";
 
 export const decorators = [
   withThemeByClassName({
     themes: {
-      light: '', // Class name for light mode
-      dark: 'dark',  // Class name for dark mode
+      light: "", // Class name for light mode
+      dark: "dark", // Class name for dark mode
     },
-    defaultTheme: 'light', // Default theme
+    defaultTheme: "light", // Default theme
   }),
 ];

.storybook/preview.ts

@@ -1,7 +1,8 @@
 import type { Preview } from "@storybook/react-vite";
-import {decorators} from "./modeDecorator";
 import "@rtcamp/frappe-ui-react/theme.css";
 
+import { decorators } from "./modeDecorator";
+
 const preview: Preview = {
   decorators,
   parameters: {

.storybook/vitest.setup.ts

@@ -1,7 +1,8 @@
 import * as a11yAddonAnnotations from "@storybook/addon-a11y/preview";
-import { setProjectAnnotations } from '@storybook/react-vite';
-import * as projectAnnotations from './preview';
+import { setProjectAnnotations } from "@storybook/react-vite";
+
+import * as projectAnnotations from "./preview";
 
 // This is an important step to apply the right configuration when testing your stories.
 // More info at: https://storybook.js.org/docs/api/portable-stories/portable-stories-vitest#setprojectannotations
-setProjectAnnotations([a11yAddonAnnotations, projectAnnotations]);
+setProjectAnnotations([a11yAddonAnnotations, projectAnnotations]);

babel.config.cjs

@@ -1,21 +1,21 @@
 module.exports = function (api) {
-  const isProduction = api.env('production');
+  const isProduction = api.env("production");
 
   return {
     presets: [
-      ['@babel/preset-env'],
+      ["@babel/preset-env"],
       [
-        '@babel/preset-react',
+        "@babel/preset-react",
         {
           development: !isProduction,
-          runtime: 'automatic',
+          runtime: "automatic",
         },
       ],
-      '@babel/preset-typescript',
+      "@babel/preset-typescript",
     ],
     plugins: [
-      ['@babel/plugin-transform-react-jsx', {runtime: 'automatic'}],
-      ['babel-plugin-styled-components'],
+      ["@babel/plugin-transform-react-jsx", { runtime: "automatic" }],
+      ["babel-plugin-styled-components"],
     ],
     sourceMaps: true,
   };