goobs-frontend 0.8.25 → 0.8.27

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "goobs-frontend",
-  "version": "0.8.25",
+  "version": "0.8.27",
   "type": "module",
   "description": "A comprehensive React-based UI library built on Material-UI, offering a wide range of customizable components including grids, typography, buttons, cards, forms, navigation, pricing tables, steppers, tooltips, accordions, and more. Designed for building responsive and consistent user interfaces with advanced features like form validation, theming, and code syntax highlighting.",
   "license": "MIT",
@@ -25,46 +25,44 @@
     "@emotion/cache": "^11.14.0",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.0",
-    "@mui/icons-material": "^6.3.1",
-    "@mui/material": "^6.3.1",
+    "@mui/icons-material": "^6.4.1",
+    "@mui/material": "^6.4.1",
     "@types/lodash": "^4.17.14",
     "formik": "^2.4.6",
     "highlight.js": "^11.11.1",
-    "jotai": "^2.11.0",
+    "jotai": "^2.11.1",
     "lodash": "^4.17.21",
-    "next": "15.1.4",
+    "next": "15.1.6",
     "otplib": "^12.0.1",
     "react-datepicker": "^7.6.0",
     "react-qr-code": "^2.0.15",
     "slate": "^0.112.0",
     "slate-dom": "^0.111.0",
     "slate-history": "^0.110.3",
-    "slate-react": "^0.112.0",
-    "storybook": "^8.4.7",
+    "slate-react": "^0.112.1",
+    "storybook": "^8.5.1",
     "zod": "^3.24.1",
     "zod-formik-adapter": "^1.3.0"
   },
   "devDependencies": {
-    "@chromatic-com/storybook": "^3.2.3",
-    "@next/eslint-plugin-next": "^15.1.4",
-    "@storybook/addon-essentials": "^8.4.7",
-    "@storybook/addon-interactions": "^8.4.7",
-    "@storybook/addon-onboarding": "8.4.7",
-    "@storybook/blocks": "8.4.7",
-    "@storybook/nextjs": "^8.4.7",
-    "@storybook/react": "^8.4.7",
-    "@storybook/test": "^8.4.7",
-    "@storybook/testing-library": "^0.2.2",
-    "@types/node": "^22.10.5",
-    "@types/react": "19.0.5",
+    "@chromatic-com/storybook": "^3.2.4",
+    "@next/eslint-plugin-next": "^15.1.6",
+    "@storybook/addon-essentials": "^8.5.1",
+    "@storybook/addon-interactions": "^8.5.1",
+    "@storybook/addon-onboarding": "8.5.1",
+    "@storybook/blocks": "8.5.1",
+    "@storybook/nextjs": "^8.5.1",
+    "@storybook/react": "^8.5.1",
+    "@storybook/test": "^8.5.1",
+    "@types/react": "19.0.8",
     "@types/react-dom": "^19.0.3",
-    "@typescript-eslint/eslint-plugin": "^8.19.1",
-    "@typescript-eslint/parser": "^8.19.1",
-    "chromatic": "^11.24.0",
+    "@typescript-eslint/eslint-plugin": "^8.21.0",
+    "@typescript-eslint/parser": "^8.21.0",
+    "chromatic": "^11.25.1",
     "eslint": "^9.18.0",
-    "eslint-config-next": "^15.1.4",
-    "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-prettier": "^5.2.1",
+    "eslint-config-next": "^15.1.6",
+    "eslint-config-prettier": "^10.0.1",
+    "eslint-plugin-prettier": "^5.2.3",
     "eslint-plugin-storybook": "^0.11.2",
     "prettier": "^3.4.2",
     "react": "^19.0.0",

package/src/components/Card/index.tsx

@@ -1,4 +1,3 @@
-// src\components\Card\index.tsx
 'use client'
 
 import React from 'react'
@@ -156,6 +155,9 @@ type CardProps = Omit<
     /** Callback when the checkbox changes */
     onCheck?: (event: React.ChangeEvent<HTMLInputElement>) => void
 
+    /** Whether the task card is disabled */
+    disabled?: boolean // NEW
+
     /**
      * Optional drag & drop props if you want the card itself
      * to handle drag events.
@@ -316,6 +318,7 @@ function Card({
           description={taskProps?.description}
           checked={taskProps?.checked}
           onCheck={taskProps?.onCheck}
+          disabled={taskProps?.disabled} // NEW
         />
       </Box>
     )

package/src/components/Card/variants/task/index.tsx

@@ -5,18 +5,16 @@ import React from 'react'
 import { Paper, Box, Checkbox, PaperProps } from '@mui/material'
 import Typography from '../../../../components/Typography'
 
-/**
- * A simpler definition: we extend PaperProps directly
- * but REMOVE all drag-related props.
- */
 interface TaskCardProps extends PaperProps {
   title?: string
   description?: string
   /** Whether the card is currently checked/selected. */
   checked?: boolean
+  /** Disables the checkbox (prevents selection). */
+  disabled?: boolean
   /** Called when the user toggles the checkbox. */
   onCheck?: (event: React.ChangeEvent<HTMLInputElement>) => void
-
+  /** Height of the card. */
   height?: string | number
 }
 
@@ -24,6 +22,7 @@ const TaskCard: React.FC<TaskCardProps> = ({
   title = 'Task Title',
   description = 'Description',
   checked = false,
+  disabled = false, // <--- NEW
   onCheck,
   height = 'auto',
   sx,
@@ -51,6 +50,7 @@ const TaskCard: React.FC<TaskCardProps> = ({
       {/* A checkbox in the upper-right corner */}
       <Checkbox
         checked={checked}
+        disabled={disabled} // <--- NEW
         onChange={onCheck}
         color="primary"
         sx={{

package/src/components/ComplexTextEditor/utils/useMarkdownEditor.tsx

@@ -1,5 +1,3 @@
-'use server'
-
 import { RichTextEditorTypes } from '../types'
 import React from 'react'
 

package/src/components/Content/Structure/projectboard/useProjectBoard.tsx

@@ -1,6 +1,7 @@
 'use client'
 import React from 'react'
-import ProjectBoard, { ProjectBoardProps } from '../../../ProjectBoard'
+import ProjectBoard from '../../../ProjectBoard'
+import { ProjectBoardProps } from '../../../ProjectBoard/types'
 import { columnconfig, cellconfig } from '../../../Grid'
 
 /**

package/src/components/DataGrid/index.tsx

@@ -5,7 +5,6 @@ import { Box, Alert } from '@mui/material'
 import CustomToolbar from '../Toolbar'
 import Table from './Table'
 import CustomFooter from './Footer'
-import ManageRow from './ManageRow'
 import { woad } from '../../styles/palette'
 import { useSearchbar } from './utils/useToolbarSearchbar'
 import { useManageRow } from './utils/useManageRow'
@@ -107,22 +106,22 @@ function DataGrid({
 
       <CustomToolbar
         buttons={buttons}
-        dropdowns={dropdowns}
+        dropdown={dropdowns?.[0]}
         searchbarProps={updatedSearchbarProps}
-        customComponent={
-          selectedRows.length > 0 ? (
-            <ManageRow
-              selectedRows={selectedRows}
-              rows={rows}
-              onDuplicate={
-                onDuplicate ? () => onDuplicate(selectedRows) : undefined
+        rightCenterProps={
+          selectedRows.length > 0
+            ? {
+                selectedRows,
+                rows,
+                onDuplicate: onDuplicate
+                  ? () => onDuplicate(selectedRows)
+                  : undefined,
+                onDelete: onDelete ? () => onDelete(selectedRows) : undefined,
+                onManage: handleManage,
+                onShow: onShow,
+                handleClose: handleManageRowClose,
               }
-              onDelete={onDelete ? () => onDelete(selectedRows) : undefined}
-              onManage={handleManage}
-              onShow={onShow}
-              handleClose={handleManageRowClose}
-            />
-          ) : null
+            : undefined
         }
       />
 

package/src/components/Form/ProjectBoard/index.tsx

@@ -4,7 +4,7 @@
 import React from 'react'
 import { Box } from '@mui/material'
 import ContentSection from '../../Content'
-import type { ProjectBoardProps } from '../../ProjectBoard'
+import { ProjectBoardProps } from '../../ProjectBoard/types'
 
 /**
  * Props for FormProjectBoard.

package/src/components/ProjectBoard/AddTask/client.tsx

@@ -17,7 +17,7 @@ import type {
   RawCustomer,
   RawEmployee,
   RawSeverityLevel,
-} from '../index'
+} from '../types'
 
 export type AddTaskVariant = 'customer' | 'company' | 'administrator'