@codezee/sixtify-brahma 0.0.0

package/apps/docs/stories/Timeline/AttendanceStatus.stories.tsx

@@ -0,0 +1,29 @@
+import { AttendanceStatus } from "@repo/shared-components";
+import type { Meta, StoryObj } from "@storybook/react";
+
+const meta: Meta<typeof AttendanceStatus> = {
+  title: "shared-component/Timeline/AttendanceStatus",
+  component: AttendanceStatus,
+  tags: ["autodocs"],
+  argTypes: {
+    variant: {
+      control: "select",
+      options: [
+        "holiday",
+        "weekly_off",
+        "paid_leave",
+        "absent",
+        "unpaid_leave",
+      ],
+    },
+  },
+  args: {
+    variant: "absent",
+  },
+};
+
+export default meta;
+
+type Story = StoryObj<typeof AttendanceStatus>;
+
+export const DefaultTimelineStatus: Story = {};

package/apps/docs/stories/Timeline/Timeline.stories.tsx

@@ -0,0 +1,38 @@
+import { Timeline } from "@repo/shared-components";
+import type { Meta, StoryObj } from "@storybook/react";
+
+const meta: Meta<typeof Timeline> = {
+  title: "shared-component/Timeline/Timeline",
+  component: Timeline,
+  tags: ["autodocs"],
+};
+
+export default meta;
+
+type Story = StoryObj<typeof Timeline>;
+
+export const DefaultTimeline: Story = {
+  args: {
+    totalDots: 24,
+    highlightedIntervals: [
+      {
+        in_time: "2024-11-18T04:00:04.000Z",
+        out_time: "2024-11-18T07:00:04.000Z",
+        status_type: "present",
+      },
+      {
+        in_time: "2024-11-18T08:00:04.000Z",
+        out_time: "2024-11-18T09:00:04.000Z",
+        status_type: "first_half_off",
+      },
+      {
+        in_time: "2024-11-18T10:00:04.000Z",
+        out_time: "2024-11-18T13:00:04.000Z",
+        status_type: "present",
+      },
+    ],
+    startTimeline: "2024-11-17T22:30:04.000Z",
+    shiftStartTime: "2024-11-18T03:00:04.000Z",
+    shiftEndTime: "2024-11-18T13:00:04.000Z",
+  },
+};

package/apps/docs/stories/Tooltip/Tooltip.stories.tsx

@@ -0,0 +1,28 @@
+import { Tooltip } from "@repo/shared-components";
+import type { Meta, StoryObj } from "@storybook/react";
+
+const meta: Meta<typeof Tooltip> = {
+  title: "shared-component/Tooltip",
+  component: Tooltip,
+  tags: ["autodocs"],
+  args: {
+    children: "tooltip",
+  },
+};
+
+export default meta;
+
+type Story = StoryObj<typeof Tooltip>;
+
+export const DefaultTooltip: Story = {
+  args: {
+    toolTipLabel: "This is a default tooltip",
+  },
+};
+
+export const LongTextTooltip: Story = {
+  args: {
+    toolTipLabel:
+      "This tooltip has a long text that will be truncated if it exceeds the maximum width of 150px.",
+  },
+};

package/apps/docs/stories/UserProfileMenu/UserProfileMenu.stories.tsx

@@ -0,0 +1,112 @@
+import { AccountCircle, Logout, Settings } from "@mui/icons-material";
+import { UserProfileMenu } from "@repo/shared-components";
+import type { Meta, StoryObj } from "@storybook/react";
+import { fn } from "@storybook/test";
+
+const meta: Meta<typeof UserProfileMenu> = {
+  title: "shared-component/UserProfileMenu",
+  component: UserProfileMenu,
+  tags: ["autodocs"],
+  argTypes: {
+    userDetails: { control: "object" },
+    menuItems: {
+      control: {
+        type: "object",
+      },
+    },
+  },
+  args: {
+    userDetails: {
+      name: "John Doe",
+      email: "john.doe@example.com",
+      avatar: "https://i.pravatar.cc/150?img=3",
+    },
+    menuItems: [],
+  },
+};
+
+export default meta;
+
+type Story = StoryObj<typeof UserProfileMenu>;
+
+export const DefaultUserProfileMenu: Story = {
+  args: {
+    userDetails: {
+      name: "John Doe",
+      email: "john.doe@example.com",
+      avatar: "https://i.pravatar.cc/150?img=3",
+    },
+    menuItems: [],
+  },
+};
+
+export const UserProfileMenuWithItems: Story = {
+  args: {
+    userDetails: {
+      name: "Jane Smith",
+      email: "jane.smith@example.com",
+      avatar: "https://i.pravatar.cc/150?img=10",
+    },
+    menuItems: [
+      {
+        key: "profile",
+        label: "Profile",
+        icon: <AccountCircle />,
+        onClick: fn(),
+      },
+      {
+        key: "settings",
+        label: "Settings",
+        icon: <Settings />,
+        onClick: fn(),
+      },
+      {
+        key: "logout",
+        label: "Logout",
+        icon: <Logout />,
+        divider: true,
+        onClick: fn(),
+      },
+    ],
+  },
+};
+
+export const UserProfileMenuWithDividers: Story = {
+  args: {
+    userDetails: {
+      name: "Alice Johnson",
+      email: "alice.johnson@example.com",
+      avatar: "https://i.pravatar.cc/150?img=5",
+    },
+    menuItems: [
+      {
+        key: "profile",
+        label: "Profile",
+        icon: <AccountCircle />,
+        onClick: fn(),
+      },
+      {
+        key: "divider1",
+        label: "",
+        divider: true,
+      },
+      {
+        key: "settings",
+        label: "Settings",
+        icon: <Settings />,
+        onClick: fn(),
+      },
+      {
+        key: "divider2",
+        label: "",
+        divider: true,
+      },
+      {
+        key: "logout",
+        label: "Logout",
+        icon: <Logout />,
+        onClick: fn(),
+      },
+    ],
+  },
+};

package/apps/docs/tsconfig.json

@@ -0,0 +1,19 @@
+{
+  "extends": "@repo/typescript-config/nextjs.json",
+  "compilerOptions": {
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ]
+  },
+  "include": [
+    "next-auth.ds",
+    "next-env.d.ts",
+    "next.config.js",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts"
+  ],
+  "exclude": ["node_modules"]
+}

package/commitlint.config.cjs

@@ -0,0 +1,6 @@
+module.exports = {
+  extends: ["@commitlint/config-conventional"],
+  rules: {
+    "body-max-line-length": [2, "always", 300],
+  },
+};

package/index.ts

@@ -0,0 +1 @@
+export * from "./packages/shared-components/src";

package/package.json

@@ -0,0 +1,85 @@
+{
+  "name": "@codezee/sixtify-brahma",
+  "version": "0.0.0",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/hardikranpariya/sixtify-brahma.git"
+  },
+  "workspaces": [
+    "packages/*"
+  ],
+  "scripts": {
+    "lint": "turbo lint",
+    "format": "turbo format",
+    "prepare": "husky install",
+    "build": "turbo build",
+    "dev": "turbo dev -- -p 4201",
+    "clean": "turbo clean",
+    "check:types": "turbo check:types",
+    "check:format": "turbo check:format"
+  },
+  "devDependencies": {
+    "@commitlint/cli": "^19.3.0",
+    "@commitlint/config-conventional": "^19.2.2",
+    "@types/lodash": "^4.17.5",
+    "@types/luxon": "^3.4.2",
+    "@types/node": "^22.10.0",
+    "@types/react-date-range": "^1.4.9",
+    "@types/react-image-gallery": "^1.2.4",
+    "@types/uuid": "^10.0.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-prettier": "^5.2.1",
+    "husky": "^8.0.0",
+    "lint-staged": "^15.2.7",
+   "prettier": "^3.2.5",
+    "turbo": "1.10.12",
+    "typescript": "^5.4.5"
+  },
+  "packageManager": "pnpm@8.15.6",
+  "engines": {
+    "node": ">=18"
+  },
+  "peerDependencies": {
+    "react": "^17.0.0 || ^18.0.0",
+    "react-dom": "^17.0.0 || ^18.0.0",
+    "react-hook-form": "^7.51.5"
+  },
+  "dependencies": {
+    "@emotion/react": "^11.11.4",
+    "@emotion/styled": "^11.11.5",
+    "@hookform/resolvers": "^3.6.0",
+    "@mui/icons-material": "^5.15.20",
+    "@mui/material": "^5.15.20",
+    "@mui/styled-engine-sc": "6.0.0-alpha.18",
+    "@mui/x-charts": "^7.22.3",
+    "@mui/x-data-grid": "^7.6.2",
+    "@mui/x-date-pickers": "^7.8.0",
+    "@tanstack/react-query": "^5.48.0",
+    "@tanstack/react-query-devtools": "^5.48.0",
+    "@types/file-saver": "^2.0.7",
+    "ag-grid-community": "^31.3.2",
+    "ag-grid-react": "^31.3.2",
+    "axios": "^1.7.2",
+    "date-fns": "^4.1.0",
+    "eslint-plugin-sonarjs": "1.0.4-alpha.1",
+    "file-saver": "^2.0.5",
+    "file64": "1.0.1",
+    "gh-pages": "^6.3.0",
+    "i18next": "^23.12.1",
+    "jszip": "^3.10.1",
+    "lodash": "^4.17.21",
+    "luxon": "^3.4.4",
+    "next": "^14.2.5",
+    "next-auth": "^4.24.7",
+    "react-date-range": "^2.0.1",
+    "react-i18next": "^14.1.2",
+    "react-multi-carousel": "^2.8.5",
+    "react-phone-input-2": "^2.15.1",
+    "react-toastify": "^10.0.5",
+    "react-webcam": "7.2.0",
+    "styled-components": "^6.1.11",
+    "usehooks-ts": "^3.1.0",
+    "uuid": "^10.0.0",
+    "zod": "^3.23.8"
+  }
+}

package/packages/eslint-config/README.md

@@ -0,0 +1,3 @@
+# `@turbo/eslint-config`
+
+Collection of internal eslint configurations.

package/packages/eslint-config/library.js

@@ -0,0 +1,88 @@
+const { resolve } = require("node:path");
+
+const project = resolve(process.cwd(), "tsconfig.json");
+
+/** @type {import("eslint").Linter.Config} */
+module.exports = {
+  extends: [
+    "eslint:recommended",
+    "plugin:react/recommended",
+    "prettier",
+    "turbo",
+    "plugin:@typescript-eslint/recommended",
+    "plugin:sonarjs/recommended-legacy",
+    "plugin:import/recommended",
+  ],
+  plugins: ["sonarjs", "import"],
+
+  globals: {
+    React: true,
+    JSX: true,
+  },
+  env: {
+    node: true,
+  },
+  settings: {
+    react: {
+      version: "detect",
+    },
+    "import/resolver": {
+      typescript: {
+        project,
+      },
+    },
+  },
+  ignorePatterns: [".*.js", "node_modules/", "dist/"],
+  overrides: [
+    {
+      files: ["*.js?(x)", "*.ts?(x)"],
+    },
+  ],
+  rules: {
+    "@typescript-eslint/consistent-type-definitions": ["error", "type"],
+    "react/jsx-curly-brace-presence": [
+      "error",
+      { props: "never", children: "never" },
+    ],
+    "object-shorthand": ["error", "always"],
+    "import/no-duplicates": ["error"],
+    curly: "error",
+    quotes: ["error", "double"],
+    "import/no-default-export": "off",
+    "sonarjs/todo-tag": "off",
+    "no-template-curly-in-string": "error",
+    "@typescript-eslint/consistent-type-imports": "error",
+    "no-use-before-define": "error",
+    "no-console": "error",
+    "no-empty-function": "error",
+    "no-lone-blocks": "error",
+    "no-lonely-if": "error",
+    "no-else-return": "error",
+    "padding-line-between-statements": [
+      "error",
+      { blankLine: "always", prev: ["case", "default"], next: "*" },
+      { blankLine: "always", prev: "directive", next: "*" },
+      { blankLine: "any", prev: "directive", next: "directive" },
+      {
+        blankLine: "always",
+        prev: ["var", "let", "const"],
+        next: "*",
+      },
+      {
+        blankLine: "always",
+        prev: "*",
+        next: ["var", "let", "const"],
+      },
+      {
+        blankLine: "always",
+        prev: "*",
+        next: "return",
+      },
+      {
+        blankLine: "always",
+        prev: "*",
+        next: "if",
+      },
+    ],
+  },
+};

package/packages/eslint-config/next.js

@@ -0,0 +1,85 @@
+const { resolve } = require("node:path");
+
+const project = resolve(process.cwd(), "tsconfig.json");
+
+/** @type {import("eslint").Linter.Config} */
+module.exports = {
+  extends: [
+    "eslint:recommended",
+    "plugin:react/recommended",
+    "plugin:sonarjs/recommended-legacy",
+    "prettier",
+    require.resolve("@vercel/style-guide/eslint/next"),
+    "plugin:@typescript-eslint/recommended",
+    "plugin:import/recommended",
+  ],
+  plugins: ["sonarjs", "import"],
+  globals: {
+    React: true,
+    JSX: true,
+  },
+  env: {
+    node: true,
+    browser: true,
+  },
+  settings: {
+    react: {
+      version: "detect",
+    },
+
+    "import/resolver": {
+      typescript: {
+        project,
+      },
+    },
+  },
+  ignorePatterns: [".*.js", "node_modules/"],
+  overrides: [{ files: ["*.js?(x)", "*.ts?(x)"] }],
+  rules: {
+    "@next/next/no-html-link-for-pages": "off",
+    "@typescript-eslint/consistent-type-definitions": ["error", "type"],
+    "react/jsx-curly-brace-presence": [
+      "error",
+      { props: "never", children: "never" },
+    ],
+    "object-shorthand": ["error", "always"],
+    curly: "error",
+    quotes: ["error", "double"],
+    "import/no-duplicates": ["error"],
+    "@typescript-eslint/consistent-type-imports": "error",
+    "no-template-curly-in-string": "error",
+    "no-use-before-define": "error",
+    "no-console": "error",
+    "no-empty-function": "error",
+    "no-lone-blocks": "error",
+    "no-lonely-if": "error",
+    "sonarjs/todo-tag": "off",
+    "no-else-return": "error",
+    "padding-line-between-statements": [
+      "error",
+      { blankLine: "always", prev: ["case", "default"], next: "*" },
+      { blankLine: "always", prev: "directive", next: "*" },
+      { blankLine: "any", prev: "directive", next: "directive" },
+      {
+        blankLine: "always",
+        prev: ["var", "let", "const"],
+        next: "*",
+      },
+      {
+        blankLine: "always",
+        prev: "*",
+        next: ["var", "let", "const"],
+      },
+      {
+        blankLine: "always",
+        prev: "*",
+        next: "return",
+      },
+      {
+        blankLine: "always",
+        prev: "*",
+        next: "if",
+      },
+    ],
+  },
+};

package/packages/eslint-config/package.json

@@ -0,0 +1,19 @@
+{
+  "name": "@repo/eslint-config",
+  "version": "0.0.0",
+  "private": true,
+  "files": [
+    "library.js",
+    "next.js",
+    "react-internal.js"
+  ],
+  "devDependencies": {
+    "@vercel/style-guide": "^5.2.0",
+    "eslint-config-turbo": "^2.0.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-only-warn": "^1.1.0",
+    "@typescript-eslint/parser": "^7.1.0",
+    "@typescript-eslint/eslint-plugin": "^7.1.0",
+    "typescript": "^5.3.3"
+  }
+}

package/packages/eslint-config/react-internal.js

@@ -0,0 +1,89 @@
+const { resolve } = require("node:path");
+
+const project = resolve(process.cwd(), "tsconfig.json");
+
+/*
+ * This is a custom ESLint configuration for use with
+ * internal (bundled by their consumer) libraries
+ * that utilize React.
+ */
+
+/** @type {import("eslint").Linter.Config} */
+module.exports = {
+  extends: [
+    "eslint:recommended",
+    "plugin:react/recommended",
+    "prettier",
+    "turbo",
+    "plugin:@typescript-eslint/recommended",
+    "plugin:sonarjs/recommended-legacy",
+    "plugin:import/recommended",
+  ],
+  plugins: ["sonarjs", "import"],
+  globals: {
+    React: true,
+    JSX: true,
+  },
+  env: {
+    browser: true,
+  },
+  settings: {
+    react: {
+      version: "detect",
+    },
+    "import/resolver": {
+      typescript: {
+        project,
+      },
+    },
+  },
+  ignorePatterns: [".*.js", "node_modules/", "dist/"],
+  overrides: [{ files: ["*.js?(x)", "*.ts?(x)"] }],
+  rules: {
+    "@typescript-eslint/consistent-type-definitions": ["error", "type"],
+    "import/no-duplicates": ["error"],
+    "react/jsx-curly-brace-presence": [
+      "error",
+      { props: "never", children: "never" },
+    ],
+    "object-shorthand": ["error", "always"],
+    curly: "error",
+    quotes: ["error", "double"],
+    "import/no-default-export": "error",
+    "no-template-curly-in-string": "error",
+    "sonarjs/todo-tag": "off",
+    "no-use-before-define": "error",
+    "@typescript-eslint/consistent-type-imports": "error",
+    "no-console": "error",
+    "no-empty-function": "error",
+    "no-lone-blocks": "error",
+    "no-lonely-if": "error",
+    "no-else-return": "error",
+    "padding-line-between-statements": [
+      "error",
+      { blankLine: "always", prev: ["case", "default"], next: "*" },
+      { blankLine: "always", prev: "directive", next: "*" },
+      { blankLine: "any", prev: "directive", next: "directive" },
+      {
+        blankLine: "always",
+        prev: ["var", "let", "const"],
+        next: "*",
+      },
+      {
+        blankLine: "always",
+        prev: "*",
+        next: ["var", "let", "const"],
+      },
+      {
+        blankLine: "always",
+        prev: "*",
+        next: "return",
+      },
+      {
+        blankLine: "always",
+        prev: "*",
+        next: "if",
+      },
+    ],
+  },
+};

package/packages/shared-components/.eslintrc.js

@@ -0,0 +1,10 @@
+/** @type {import("eslint").Linter.Config} */
+module.exports = {
+  root: true,
+  extends: ["@repo/eslint-config/react-internal.js"],
+  parser: "@typescript-eslint/parser",
+  parserOptions: {
+    project: "./tsconfig.lint.json",
+    tsconfigRootDir: __dirname,
+  },
+};

package/packages/shared-components/package.json

@@ -0,0 +1,51 @@
+{
+  "devDependencies": {
+    "@repo/eslint-config": "workspace:*",
+    "@repo/typescript-config": "workspace:*",
+    "@turbo/gen": "^1.12.4",
+    "@types/eslint": "^8.56.5",
+    "@types/node": "^20.11.24",
+    "@types/react": "^18.2.61",
+    "@types/react-dom": "^18.2.19",
+    "eslint": "^8.57.0",
+    "react": "^18.2.0",
+    "typescript": "^5.3.3",
+    "ts-loader": "^9.4.2",
+    "webpack": "^5.76.0",
+    "clean-webpack-plugin": "^4.0.0",
+    "progress-webpack-plugin": "^1.0.16",
+    "webpack-cli": "^5.0.1",
+    "terser-webpack-plugin": "^5.3.6",
+    "webpack-merge": "^5.8.0",
+    "mkdirp": "^3.0.1",
+    "source-map-loader": "^4.0.1"
+  },
+  "main": "./dist/cjs/index.js",
+  "types": "./dist/types/src/index.d.ts",
+  "files": [
+    "dist/**"
+  ],
+  "name": "@repo/shared-components",
+  "private": true,
+  "publishConfig": {
+    "access": "public"
+  },
+  "exports": {
+    ".": {
+      "import": "./dist/cjs/index.js",
+      "require": "./dist/cjs/index.js",
+      "types": "./dist/types/src/index.d.ts"
+    }
+  },
+  "scripts": {
+    "build": "mkdirp dist && pnpm run build:cjs",
+    "build:cjs": "webpack --config=webpack/cjs.js",
+    "generate:component": "turbo gen react-component",
+    "lint": "eslint .",
+    "clean": "rm -rf .turbo && rm -rf node_modules && rm -rf dist",
+    "check:types": "tsc --noEmit",
+    "check:format": "prettier --check \"./src/**/*.{ts,tsx,js}\"",
+    "format": "prettier --write \"./src/**/*.{ts,tsx}\""
+  },
+  "version": "1.0.0"
+}