@comet/admin 9.0.0-beta.0 → 9.0.0-beta.2

package/lib/theme/componentsTheme/MuiPickerPopper.d.ts

@@ -0,0 +1,3 @@
+import { type Components, type Theme } from "@mui/material/styles";
+export declare const getMuiPickerPopper: (component: Components["MuiPickerPopper"], theme: Theme) => Components["MuiPickerPopper"];
+//# sourceMappingURL=MuiPickerPopper.d.ts.map

package/lib/theme/componentsTheme/MuiPickerPopper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MuiPickerPopper.d.ts","sourceRoot":"","sources":["../../../src/theme/componentsTheme/MuiPickerPopper.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAE,KAAK,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAInE,eAAO,MAAM,kBAAkB,GAAI,WAAW,UAAU,CAAC,iBAAiB,CAAC,EAAE,OAAO,KAAK,KAAG,UAAU,CAAC,iBAAiB,CAOtH,CAAC"}

package/lib/theme/componentsTheme/{MuiPickersPopper.js → MuiPickerPopper.js}

@@ -5,7 +5,7 @@ function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import { mergeOverrideStyles } from "../utils/mergeOverrideStyles";
-export var getMuiPickersPopper = function getMuiPickersPopper(component, theme) {
+export var getMuiPickerPopper = function getMuiPickerPopper(component, theme) {
   return _objectSpread(_objectSpread({}, component), {}, {
     styleOverrides: mergeOverrideStyles(component === null || component === void 0 ? void 0 : component.styleOverrides, {
       paper: {

package/lib/theme/componentsTheme/MuiPickersInputBase.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MuiPickersInputBase.d.ts","sourceRoot":"","sources":["../../../src/theme/componentsTheme/MuiPickersInputBase.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,UAAU,EAAE,KAAK,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAKnE,eAAO,MAAM,sBAAsB,GAC/B,WAAW,UAAU,CAAC,qBAAqB,CAAC,EAC5C,sBAAsB,KAAK,KAC5B,UAAU,CAAC,qBAAqB,CA0EjC,CAAC"}
+{"version":3,"file":"MuiPickersInputBase.d.ts","sourceRoot":"","sources":["../../../src/theme/componentsTheme/MuiPickersInputBase.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,UAAU,EAAE,KAAK,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAKnE,eAAO,MAAM,sBAAsB,GAC/B,WAAW,UAAU,CAAC,qBAAqB,CAAC,EAC5C,sBAAsB,KAAK,KAC5B,UAAU,CAAC,qBAAqB,CA+EjC,CAAC"}

package/lib/theme/componentsTheme/MuiPickersInputBase.js

@@ -17,7 +17,11 @@ export var getMuiPickersInputBase = function getMuiPickersInputBase(component, _
         borderRadius: 2,
         backgroundColor: "#fff",
         paddingLeft: spacing(2),
-        paddingRight: spacing(2)
+        paddingRight: spacing(2),
+        // Hide the input underline
+        "&:before, &:after": {
+          display: "none"
+        }
       }, "&.".concat(pickersInputBaseClasses.focused), {
         borderColor: palette.primary.main
       }), "&.".concat(pickersInputBaseClasses.disabled), {

package/lib/theme/componentsTheme/getComponentsTheme.js

@@ -43,8 +43,8 @@ import { getMuiMenu } from "./MuiMenu";
 import { getMuiMenuItem } from "./MuiMenuItem";
 import { getMuiNativeSelect } from "./MuiNativeSelect";
 import { getMuiPaper } from "./MuiPaper";
+import { getMuiPickerPopper } from "./MuiPickerPopper";
 import { getMuiPickersInputBase } from "./MuiPickersInputBase";
-import { getMuiPickersPopper } from "./MuiPickersPopper";
 import { getMuiPickersTextField } from "./MuiPickersTextField";
 import { getMuiPopover } from "./MuiPopover";
 import { getMuiRadio } from "./MuiRadio";
@@ -118,7 +118,7 @@ export var getComponentsTheme = function getComponentsTheme(components, theme) {
     MuiTooltip: getMuiTooltip(components.MuiTooltip, theme),
     MuiTypography: getMuiTypography(components.MuiTypography, theme),
     MuiTablePagination: getMuiTablePagination(components.MuiTablePagination, theme),
-    MuiPickersPopper: getMuiPickersPopper(components.MuiPickersPopper, theme),
+    MuiPickerPopper: getMuiPickerPopper(components.MuiPickerPopper, theme),
     MuiTableFooter: getMuiTableFooter(components.MuiTableFooter, theme)
   });
 };

package/lib/theme/createCometTheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createCometTheme.d.ts","sourceRoot":"","sources":["../../src/theme/createCometTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAe,KAAK,KAAK,EAAE,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AAU3E,eAAO,MAAM,gBAAgB,GACzB,uOAQG,YAAY,GAAG,SAAc,EAChC,GAAG,MAAM,MAAM,EAAE,KAClB,KAqCF,CAAC"}
+{"version":3,"file":"createCometTheme.d.ts","sourceRoot":"","sources":["../../src/theme/createCometTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAe,KAAK,KAAK,EAAE,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AAU3E,eAAO,MAAM,gBAAgB,GACzB,uOAQG,YAAY,GAAG,SAAc,EAChC,GAAG,MAAM,MAAM,EAAE,KAClB,KAsCF,CAAC"}

package/lib/theme/createCometTheme.js

@@ -41,16 +41,15 @@ export var createCometTheme = function createCometTheme() {
   var typographyOptions = deepmerge(createTypographyOptions(breakpoints), passedTypographyOptionsObject);
   var cometThemeOptionsBeforeAddingComponents = {
     spacing: passedSpacingOptions,
-    palette: paletteOptions,
+    palette: _objectSpread(_objectSpread({}, paletteOptions), {}, {
+      DataGrid: _objectSpread(_objectSpread({}, paletteOptions.DataGrid), {}, {
+        bg: "rgb(255, 255, 255)"
+      })
+    }),
     typography: typographyOptions,
     shape: {
       borderRadius: 2
     },
-    mixins: {
-      MuiDataGrid: {
-        containerBackground: "rgb(255, 255, 255)"
-      }
-    },
     shadows: shadows,
     zIndex: passedZIndexOptions,
     breakpoints: breakpointsOptions

package/lib/utils/test-utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"test-utils.d.ts","sourceRoot":"","sources":["../../src/utils/test-utils.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAU,KAAK,aAAa,EAAE,KAAK,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACvF,OAAO,EAAE,KAAK,YAAY,EAAkB,MAAM,OAAO,CAAC;AAmB1D,iBAAS,YAAY,CAAC,EAAE,EAAE,YAAY,EAAE,OAAO,CAAC,EAAE,IAAI,CAAC,aAAa,EAAE,SAAS,CAAC,GAAG,YAAY,CAE9F;AAED,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAE,YAAY,IAAI,MAAM,EAAE,CAAC"}
+{"version":3,"file":"test-utils.d.ts","sourceRoot":"","sources":["../../src/utils/test-utils.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAU,KAAK,aAAa,EAAE,KAAK,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAEvF,OAAO,EAAE,KAAK,YAAY,EAAkB,MAAM,OAAO,CAAC;AAqB1D,iBAAS,YAAY,CAAC,EAAE,EAAE,YAAY,EAAE,OAAO,CAAC,EAAE,IAAI,CAAC,aAAa,EAAE,SAAS,CAAC,GAAG,YAAY,CAE9F;AAED,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAE,YAAY,IAAI,MAAM,EAAE,CAAC"}

package/lib/utils/test-utils.js

@@ -6,7 +6,10 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 // Inspired by https://testing-library.com/docs/react-testing-library/setup/#custom-render
 import { createTheme } from "@mui/material";
+import { LocalizationProvider } from "@mui/x-date-pickers";
+import { AdapterDateFns } from "@mui/x-date-pickers/AdapterDateFns";
 import { render } from "@testing-library/react";
+import { enUS } from "date-fns/locale";
 import { IntlProvider } from "react-intl";
 import { MuiThemeProvider } from "../mui/ThemeProvider";
 import { RouterMemoryRouter } from "../router/MemoryRouter";
@@ -18,10 +21,14 @@ function DefaultWrapper(_ref) {
   return /*#__PURE__*/_jsx(IntlProvider, {
     locale: "en",
     messages: messages,
-    children: /*#__PURE__*/_jsx(MuiThemeProvider, {
-      theme: theme,
-      children: /*#__PURE__*/_jsx(RouterMemoryRouter, {
-        children: children
+    children: /*#__PURE__*/_jsx(LocalizationProvider, {
+      adapterLocale: enUS,
+      dateAdapter: AdapterDateFns,
+      children: /*#__PURE__*/_jsx(MuiThemeProvider, {
+        theme: theme,
+        children: /*#__PURE__*/_jsx(RouterMemoryRouter, {
+          children: children
+        })
       })
     })
   });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@comet/admin",
-  "version": "9.0.0-beta.0",
+  "version": "9.0.0-beta.2",
   "description": "Comet Admin package",
   "repository": {
     "directory": "packages/admin/admin",
@@ -8,6 +8,7 @@
     "url": "https://github.com/vivid-planet/comet"
   },
   "license": "BSD-2-Clause",
+  "sideEffects": false,
   "type": "module",
   "exports": {
     ".": {
@@ -22,7 +23,6 @@
     "@mui/utils": "^7.3.7",
     "date-fns": "^4.1.0",
     "exceljs": "^4.4.0",
-    "file-saver": "^2.0.5",
     "final-form-set-field-data": "^1.0.2",
     "http-status-codes": "^2.3.0",
     "is-mobile": "^4.0.0",
@@ -32,42 +32,41 @@
     "react-dropzone": "^14.3.8",
     "use-constant": "^2.0.0",
     "uuid": "^11.1.0",
-    "@comet/admin-icons": "9.0.0-beta.0"
+    "@comet/admin-icons": "9.0.0-beta.2"
   },
   "devDependencies": {
-    "@apollo/client": "^3.14.0",
+    "@apollo/client": "^3.14.1",
     "@babel/cli": "^7.28.6",
     "@babel/core": "^7.28.6",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",
     "@mui/material": "^7.3.7",
     "@mui/system": "^7.3.7",
-    "@mui/x-data-grid": "^7.29.12",
-    "@mui/x-data-grid-premium": "^7.29.12",
-    "@mui/x-data-grid-pro": "^7.29.12",
-    "@mui/x-date-pickers": "^7.29.4",
-    "@mui/x-date-pickers-pro": "^7.29.4",
-    "@storybook/addon-docs": "^9.1.17",
-    "@storybook/addon-webpack5-compiler-babel": "^3.0.6",
-    "@storybook/react-webpack5": "^9.1.17",
+    "@mui/x-data-grid": "^8.27.5",
+    "@mui/x-data-grid-premium": "^8.27.5",
+    "@mui/x-data-grid-pro": "^8.27.5",
+    "@mui/x-date-pickers": "^8.27.2",
+    "@mui/x-date-pickers-pro": "^8.27.2",
+    "@storybook/addon-docs": "^10.2.13",
+    "@storybook/addon-webpack5-compiler-babel": "^4.0.0",
+    "@storybook/react-webpack5": "^10.2.13",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",
     "@testing-library/user-event": "^14.6.1",
-    "@types/file-saver": "^2.0.7",
     "@types/final-form-set-field-data": "^1.0.3",
     "@types/history": "^4.7.11",
     "@types/lodash.debounce": "^4.0.9",
     "@types/lodash.isequal": "^4.5.8",
-    "@types/node": "^24.10.9",
+    "@types/node": "^24.12.0",
     "@types/react": "^19.2.10",
     "@types/react-dom": "^19.2.3",
     "@types/react-router": "^5.1.20",
     "@types/react-router-dom": "^5.3.3",
     "eslint": "^9.39.2",
-    "eslint-plugin-storybook": "^9.1.10",
+    "eslint-plugin-storybook": "^10.2.13",
     "final-form": "^4.20.10",
-    "graphql": "^16.0.0",
+    "graphql": "^16.13.2",
     "history": "^4.10.1",
     "jsdom": "^28.0.0",
     "msw": "^2.10.4",
@@ -81,25 +80,25 @@
     "react-router": "^5.3.4",
     "react-router-dom": "^5.3.4",
     "rimraf": "^6.1.2",
-    "storybook": "^9.1.17",
-    "storybook-addon-tag-badges": "^2.0.4",
+    "storybook": "^10.2.13",
+    "storybook-addon-tag-badges": "^3.0.6",
     "typescript": "^5.9.3",
     "vite-tsconfig-paths": "^6.0.4",
     "vitest": "^4.0.16",
-    "@comet/admin-babel-preset": "9.0.0-beta.0",
-    "@comet/eslint-config": "9.0.0-beta.0",
-    "@comet/eslint-plugin": "9.0.0-beta.0"
+    "@comet/admin-babel-preset": "9.0.0-beta.2",
+    "@comet/eslint-config": "9.0.0-beta.2",
+    "@comet/eslint-plugin": "9.0.0-beta.2"
   },
   "peerDependencies": {
     "@apollo/client": "^3.7.0",
     "@emotion/react": "^11.5.0",
     "@emotion/styled": "^11.3.0",
     "@mui/material": "^7.0.0",
-    "@mui/x-data-grid": "^7.0.0",
-    "@mui/x-data-grid-premium": "^7.0.0",
-    "@mui/x-data-grid-pro": "^7.0.0",
-    "@mui/x-date-pickers": "^7.0.0",
-    "@mui/x-date-pickers-pro": "^7.0.0",
+    "@mui/x-data-grid": "^8.0.0",
+    "@mui/x-data-grid-premium": "^8.0.0",
+    "@mui/x-data-grid-pro": "^8.0.0",
+    "@mui/x-date-pickers": "^8.0.0",
+    "@mui/x-date-pickers-pro": "^8.0.0",
     "final-form": "^4.16.1",
     "graphql": "^14.0.0 || ^15.0.0 || ^16.0.0",
     "history": "^4.10.1",
@@ -131,19 +130,22 @@
   },
   "scripts": {
     "build": "pnpm run clean && run-p build:babel build:types",
-    "build-storybook": "storybook build",
+    "build-storybook": "storybook build --disable-telemetry",
     "build:babel": "pnpm exec babel ./src -x \".ts,.tsx\" -d lib",
     "build:types": "tsc --project ./tsconfig.build.json --emitDeclarationOnly",
     "clean": "rimraf lib",
     "lint": "run-p lint:prettier lint:eslint lint:tsc",
     "lint:ci": "pnpm run lint",
-    "lint:eslint": "eslint --max-warnings 0 src/ **/*.json --no-warn-ignored",
+    "lint:eslint": "eslint --max-warnings 0 src/ '**/*.json' --no-warn-ignored",
+    "lint:fix": "run-p lint:fix:eslint lint:fix:prettier",
+    "lint:fix:eslint": "pnpm run lint:eslint --fix",
+    "lint:fix:prettier": "pnpm run lint:prettier --write",
     "lint:prettier": "pnpm exec prettier --check '*.{ts,js,json,md,yml,yaml}'",
     "lint:tsc": "tsc --noEmit",
     "start": "run-p start:babel start:types",
     "start:babel": "pnpm exec babel ./src -x \".ts,.tsx\" -d lib -w",
     "start:types": "tsc --project ./tsconfig.json --emitDeclarationOnly --watch --preserveWatchOutput",
-    "storybook": "storybook dev -p 26646 --no-open",
+    "storybook": "storybook dev -p 26646 --no-open --disable-telemetry",
     "test": "vitest --run",
     "test:watch": "vitest --watch"
   }

package/lib/theme/componentsTheme/MuiPickersPopper.d.ts

@@ -1,3 +0,0 @@
-import { type Components, type Theme } from "@mui/material/styles";
-export declare const getMuiPickersPopper: (component: Components["MuiPickersPopper"], theme: Theme) => Components["MuiPickersPopper"];
-//# sourceMappingURL=MuiPickersPopper.d.ts.map

package/lib/theme/componentsTheme/MuiPickersPopper.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MuiPickersPopper.d.ts","sourceRoot":"","sources":["../../../src/theme/componentsTheme/MuiPickersPopper.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAE,KAAK,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAInE,eAAO,MAAM,mBAAmB,GAAI,WAAW,UAAU,CAAC,kBAAkB,CAAC,EAAE,OAAO,KAAK,KAAG,UAAU,CAAC,kBAAkB,CAOzH,CAAC"}