mirror of
https://github.com/dbeaver/cloudbeaver.git
synced 2026-09-24 16:04:36 +08:00
CB-4818 refactor: update NPM dependencies (#2450)
* CB-4818 refactor: update NPM dependencies * CB-4818 chore: update react-data-grid fork * CB-4818 fix: tests --------- Co-authored-by: mr-anton-t <42037741+mr-anton-t@users.noreply.github.com>
This commit is contained in:
Alexey
+20
-12
@@ -10,33 +10,41 @@
|
||||
"**/core-cli/**"
|
||||
]
|
||||
},
|
||||
"resolutions": {
|
||||
"@types/react": "^18.2.63",
|
||||
"@types/react-dom": "^18.2.19",
|
||||
"react": "^18.2.0",
|
||||
"react-dom": "^18.2.0",
|
||||
"mobx": "^6.12.0",
|
||||
"mobx-react-lite": "^4.0.5"
|
||||
},
|
||||
"scripts": {
|
||||
"prebuild": "lerna run gql:gen --stream --parallel",
|
||||
"pretest": "lerna run gql:gen --stream --parallel && yarn lerna run test --scope @cloudbeaver/tests-runner"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@testing-library/dom": "^9.3.3",
|
||||
"@testing-library/jest-dom": "^6.1.5",
|
||||
"@testing-library/react": "^14.1.2",
|
||||
"@testing-library/user-event": "^14.5.1",
|
||||
"@types/jest": "^29.5.10",
|
||||
"@types/react": "^18.2.42",
|
||||
"@types/react-dom": "^18.2.17",
|
||||
"@testing-library/dom": "^9.3.4",
|
||||
"@testing-library/jest-dom": "^6.4.2",
|
||||
"@testing-library/react": "^14.2.1",
|
||||
"@testing-library/user-event": "^14.5.2",
|
||||
"@types/jest": "^29.5.12",
|
||||
"@types/react": "^18.2.63",
|
||||
"@types/react-dom": "^18.2.19",
|
||||
"concurrently": "^8.2.2",
|
||||
"lerna": "5.5.4",
|
||||
"mobx": "^6.12.0",
|
||||
"mobx-react-lite": "^4.0.5",
|
||||
"msw": "^2.0.10",
|
||||
"msw": "^2.2.2",
|
||||
"path-browserify": "~1.0.1",
|
||||
"prettier": "^2.8.8",
|
||||
"prettier": "^3.2.5",
|
||||
"react": "^18.2.0",
|
||||
"react-dom": "^18.2.0",
|
||||
"reakit": "~1.3.11",
|
||||
"reflect-metadata": "~0.1.13",
|
||||
"reflect-metadata": "^0.2.1",
|
||||
"reshadow": "^0.0.1",
|
||||
"rimraf": "~5.0.5",
|
||||
"typescript": "^5.3.2",
|
||||
"typescript-plugin-css-modules": "^5.0.2"
|
||||
"typescript": "^5.3.3",
|
||||
"typescript-plugin-css-modules": "^5.1.0"
|
||||
},
|
||||
"dependencies": {},
|
||||
"prettier": "@cloudbeaver/prettier-config"
|
||||
|
||||
@@ -45,8 +45,8 @@
|
||||
"@cloudbeaver/core-sdk": "~0.1.0",
|
||||
"@cloudbeaver/core-settings": "~0.1.0",
|
||||
"@cloudbeaver/tests-runner": "~0.1.0",
|
||||
"@testing-library/jest-dom": "^6.1.5",
|
||||
"@types/jest": "^29.5.10",
|
||||
"typescript": "^5.3.2"
|
||||
"@testing-library/jest-dom": "^6.4.2",
|
||||
"@types/jest": "^29.5.12",
|
||||
"typescript": "^5.3.3"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -36,8 +36,8 @@
|
||||
},
|
||||
"peerDependencies": {},
|
||||
"devDependencies": {
|
||||
"@types/react": "^18.2.42",
|
||||
"typescript": "^5.3.2",
|
||||
"typescript-plugin-css-modules": "^5.0.2"
|
||||
"@types/react": "^18.2.63",
|
||||
"typescript": "^5.3.3",
|
||||
"typescript-plugin-css-modules": "^5.1.0"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -46,9 +46,9 @@
|
||||
"@cloudbeaver/core-settings": "~0.1.0",
|
||||
"@cloudbeaver/core-theming": "~0.1.0",
|
||||
"@cloudbeaver/tests-runner": "~0.1.0",
|
||||
"@testing-library/jest-dom": "^6.1.5",
|
||||
"@types/jest": "^29.5.10",
|
||||
"msw": "~2.x.x",
|
||||
"typescript": "^5.3.2"
|
||||
"@testing-library/jest-dom": "^6.4.2",
|
||||
"@types/jest": "^29.5.12",
|
||||
"msw": "^2.2.2",
|
||||
"typescript": "^5.3.3"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -50,12 +50,12 @@
|
||||
"@cloudbeaver/core-settings": "~0.1.0",
|
||||
"@cloudbeaver/core-theming": "~0.1.0",
|
||||
"@cloudbeaver/tests-runner": "~0.1.0",
|
||||
"@testing-library/jest-dom": "^6.1.5",
|
||||
"@testing-library/react": "^14.1.2",
|
||||
"@types/jest": "^29.5.10",
|
||||
"@types/react": "^18.2.42",
|
||||
"@testing-library/jest-dom": "^6.4.2",
|
||||
"@testing-library/react": "^14.2.1",
|
||||
"@types/jest": "^29.5.12",
|
||||
"@types/react": "^18.2.63",
|
||||
"react": "^18.2.0",
|
||||
"typescript": "^5.3.2",
|
||||
"typescript-plugin-css-modules": "^5.0.2"
|
||||
"typescript": "^5.3.3",
|
||||
"typescript-plugin-css-modules": "^5.1.0"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -15,8 +15,10 @@ import { InputFieldBase, type InputFieldBaseProps } from './InputFieldBase';
|
||||
import { InputFieldState, type InputFieldStateProps } from './InputFieldState';
|
||||
|
||||
interface InputFieldType {
|
||||
(props: InputFieldBaseProps): React.ReactElement<any, any> | null;
|
||||
<TState extends Record<string, any>, TKey extends keyof TState>(props: InputFieldStateProps<TState, TKey>): React.ReactElement<any, any> | null;
|
||||
(props: InputFieldBaseProps & React.RefAttributes<HTMLInputElement>): React.ReactElement<any, any> | null;
|
||||
<TState extends Record<string, any>, TKey extends keyof TState>(
|
||||
props: InputFieldStateProps<TState, TKey> & React.RefAttributes<HTMLInputElement>,
|
||||
): React.ReactElement<any, any> | null;
|
||||
}
|
||||
|
||||
export const InputField: InputFieldType = observer<InputFieldBaseProps | InputFieldStateProps<any, any>, HTMLInputElement>(
|
||||
@@ -27,9 +29,9 @@ export const InputField: InputFieldType = observer<InputFieldBaseProps | InputFi
|
||||
const handleKeyDown = useCombinedHandler(onKeyDown, context?.keyDown);
|
||||
|
||||
if (isFormStateControl(rest)) {
|
||||
return <InputFieldState ref={ref} {...rest} onChange={handleChange} onKeyDown={handleKeyDown} />;
|
||||
return <InputFieldState {...rest} ref={ref} onChange={handleChange} onKeyDown={handleKeyDown} />;
|
||||
}
|
||||
|
||||
return <InputFieldBase ref={ref} {...rest} onChange={handleChange} onKeyDown={handleKeyDown} />;
|
||||
return <InputFieldBase {...rest} ref={ref} onChange={handleChange} onKeyDown={handleKeyDown} />;
|
||||
}),
|
||||
) as InputFieldType;
|
||||
|
||||
@@ -26,14 +26,13 @@ import { FieldLabel } from '../FieldLabel';
|
||||
import { useCapsLockTracker } from '../useCapsLockTracker';
|
||||
import inputFieldStyle from './InputField.m.css';
|
||||
|
||||
export type InputFieldBaseProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange' | 'style'> &
|
||||
export type InputFieldBaseProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange' | 'style' | 'ref'> &
|
||||
ILayoutSizeProps & {
|
||||
value?: string;
|
||||
error?: boolean;
|
||||
loading?: boolean;
|
||||
description?: string;
|
||||
labelTooltip?: string;
|
||||
ref?: React.ForwardedRef<HTMLInputElement>;
|
||||
canShowPassword?: boolean;
|
||||
icon?: React.ReactElement;
|
||||
onCustomCopy?: () => void;
|
||||
|
||||
@@ -16,7 +16,9 @@ export type InputFieldStateProps<TState extends Record<string, any>, TKey extend
|
||||
IFormStateControl<TState, TKey>;
|
||||
|
||||
interface InputFieldType {
|
||||
<TState extends Record<string, any>, TKey extends keyof TState>(props: InputFieldStateProps<TState, TKey>): React.ReactElement<any, any> | null;
|
||||
<TState extends Record<string, any>, TKey extends keyof TState>(
|
||||
props: InputFieldStateProps<TState, TKey> & React.RefAttributes<HTMLInputElement>,
|
||||
): React.ReactElement<any, any> | null;
|
||||
}
|
||||
|
||||
export const InputFieldState: InputFieldType = observer<InputFieldStateProps<any, any>, HTMLInputElement>(
|
||||
@@ -29,11 +31,11 @@ export const InputFieldState: InputFieldType = observer<InputFieldStateProps<any
|
||||
|
||||
return (
|
||||
<InputFieldBase
|
||||
{...rest}
|
||||
ref={ref}
|
||||
name={name}
|
||||
value={(controlState.stringValue || controlState.defaultValue) ?? ''}
|
||||
onChange={controlState.onChange}
|
||||
{...rest}
|
||||
/>
|
||||
);
|
||||
}),
|
||||
|
||||
@@ -55,8 +55,8 @@
|
||||
},
|
||||
"peerDependencies": {},
|
||||
"devDependencies": {
|
||||
"@types/react": "^18.2.42",
|
||||
"typescript": "^5.3.2",
|
||||
"typescript-plugin-css-modules": "^5.0.2"
|
||||
"@types/react": "^18.2.63",
|
||||
"typescript": "^5.3.3",
|
||||
"typescript-plugin-css-modules": "^5.1.0"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -23,6 +23,6 @@
|
||||
},
|
||||
"peerDependencies": {},
|
||||
"devDependencies": {
|
||||
"typescript": "^5.3.2"
|
||||
"typescript": "^5.3.3"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -35,8 +35,8 @@
|
||||
"@cloudbeaver/core-sdk": "~0.1.0",
|
||||
"@cloudbeaver/core-settings": "~0.1.0",
|
||||
"@cloudbeaver/tests-runner": "~0.1.0",
|
||||
"@testing-library/jest-dom": "^6.1.3",
|
||||
"@types/jest": "^29.5.10",
|
||||
"typescript": "^5.3.2"
|
||||
"@testing-library/jest-dom": "^6.4.2",
|
||||
"@types/jest": "^29.5.12",
|
||||
"typescript": "^5.3.3"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -21,14 +21,15 @@
|
||||
"@cloudbeaver/core-di": "~0.1.0",
|
||||
"@cloudbeaver/core-executor": "~0.1.0",
|
||||
"@cloudbeaver/core-utils": "~0.1.0",
|
||||
"dexie": "^3.2.4",
|
||||
"dexie": "^3.2.6",
|
||||
"karma": "^6.4.3",
|
||||
"mobx": "^6.12.0",
|
||||
"workbox-core": "~7.x.x",
|
||||
"workbox-precaching": "~7.x.x",
|
||||
"workbox-window": "~7.x.x"
|
||||
"workbox-core": "^7.0.0",
|
||||
"workbox-precaching": "^7.0.0",
|
||||
"workbox-window": "^7.0.0"
|
||||
},
|
||||
"peerDependencies": {},
|
||||
"devDependencies": {
|
||||
"typescript": "^5.3.2"
|
||||
"typescript": "^5.3.3"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -10,7 +10,7 @@ module.exports = {
|
||||
transformIgnorePatterns: [
|
||||
'\\.pnp\\.[^\\/]+$',
|
||||
'node_modules/(?!@ngrx|(?!deck.gl)|ng-dynamic)',
|
||||
'/node_modules/(?!(uuid|go-split|@react-dnd|react-dnd-html5-backend|react-dnd|dnd-core|@cloudbeaver))(.*)',
|
||||
'/node_modules/(?!(uuid|go-split|@react-dnd|react-dnd-html5-backend|@timohausmann|react-dnd|dnd-core|@cloudbeaver))(.*)',
|
||||
],
|
||||
testPathIgnorePatterns: ['/node_modules/'],
|
||||
moduleNameMapper: {
|
||||
|
||||
@@ -67,17 +67,19 @@ module.exports = (env, argv) => {
|
||||
overlay: false,
|
||||
},
|
||||
server,
|
||||
proxy: {
|
||||
'/api': {
|
||||
proxy: [
|
||||
{
|
||||
context: ['/api'],
|
||||
target: envServer,
|
||||
secure: false,
|
||||
},
|
||||
'/api/ws': {
|
||||
{
|
||||
context: ['/api/ws'],
|
||||
target: `${urlObject.protocol === 'https:' ? 'wss:' : 'ws:'}//${urlObject.hostname}:${urlObject.port}/api/ws`,
|
||||
ws: true,
|
||||
secure: false,
|
||||
},
|
||||
},
|
||||
],
|
||||
// onListening: function (devServer, ...args) {
|
||||
// if (!devServer) {
|
||||
// throw new Error('webpack-dev-server is not defined');
|
||||
|
||||
@@ -25,58 +25,58 @@
|
||||
"node": ">=20.0.0"
|
||||
},
|
||||
"dependencies": {
|
||||
"@babel/cli": "~7.22.15",
|
||||
"@babel/core": "~7.23.2",
|
||||
"@babel/plugin-proposal-decorators": "~7.22.3",
|
||||
"@babel/plugin-transform-nullish-coalescing-operator": "^7.18.6",
|
||||
"@babel/plugin-transform-optional-chaining": "^7.21.0",
|
||||
"@babel/plugin-transform-runtime": "~7.22.15",
|
||||
"@babel/preset-env": "~7.22.15",
|
||||
"@babel/preset-react": "~7.22.15",
|
||||
"@babel/preset-typescript": "~7.22.15",
|
||||
"babel-loader": "~9.1.3",
|
||||
"babel-plugin-module-resolver": "~5.0.0",
|
||||
"babel-plugin-transform-typescript-metadata": "~0.3.2",
|
||||
"copy-webpack-plugin": "~11.0.0",
|
||||
"css-loader": "~6.8.1",
|
||||
"declaration-bundler-webpack-plugin": "~1.0.3",
|
||||
"extra-watch-webpack-plugin": "~1.0.3",
|
||||
"html-loader": "~4.2.0",
|
||||
"html-replace-webpack-plugin": "~2.6.0",
|
||||
"html-webpack-plugin": "~5.5.3",
|
||||
"json5-loader": "~4.0.1",
|
||||
"mini-css-extract-plugin": "~2.7.6",
|
||||
"peer-deps-externals-webpack-plugin": "~1.0.4",
|
||||
"pnp-webpack-plugin": "~1.7.0",
|
||||
"postcss": "~8.4.31",
|
||||
"postcss-discard-comments": "~6.0.0",
|
||||
"postcss-loader": "~7.3.3",
|
||||
"postcss-preset-env": "~8.4.2",
|
||||
"sass": "~1.66.1",
|
||||
"sass-loader": "~13.3.2",
|
||||
"source-map-loader": "~4.0.1",
|
||||
"style-loader": "~3.3.3",
|
||||
"thread-loader": "~4.0.2",
|
||||
"ts-loader": "~9.4.4",
|
||||
"webpack": "~5.88.2",
|
||||
"webpack-bundle-analyzer": "~4.9.1",
|
||||
"webpack-cli": "~5.1.4",
|
||||
"webpack-dev-server": "~4.15.1",
|
||||
"webpack-merge": "~5.9.0"
|
||||
"@babel/cli": "^7.23.9",
|
||||
"@babel/core": "^7.24.0",
|
||||
"@babel/plugin-proposal-decorators": "^7.24.0",
|
||||
"@babel/plugin-transform-nullish-coalescing-operator": "^7.23.4",
|
||||
"@babel/plugin-transform-optional-chaining": "^7.23.4",
|
||||
"@babel/plugin-transform-runtime": "^7.24.0",
|
||||
"@babel/preset-env": "^7.24.0",
|
||||
"@babel/preset-react": "^7.23.3",
|
||||
"@babel/preset-typescript": "^7.23.3",
|
||||
"babel-loader": "^9.1.3",
|
||||
"babel-plugin-module-resolver": "^5.0.0",
|
||||
"babel-plugin-transform-typescript-metadata": "^0.3.2",
|
||||
"copy-webpack-plugin": "^12.0.2",
|
||||
"css-loader": "^6.10.0",
|
||||
"declaration-bundler-webpack-plugin": "^1.0.3",
|
||||
"extra-watch-webpack-plugin": "^1.0.3",
|
||||
"html-loader": "^5.0.0",
|
||||
"html-replace-webpack-plugin": "^2.6.0",
|
||||
"html-webpack-plugin": "^5.6.0",
|
||||
"json5-loader": "^4.0.1",
|
||||
"mini-css-extract-plugin": "^2.8.1",
|
||||
"peer-deps-externals-webpack-plugin": "^1.0.4",
|
||||
"pnp-webpack-plugin": "^1.7.0",
|
||||
"postcss": "^8.4.35",
|
||||
"postcss-discard-comments": "^6.0.1",
|
||||
"postcss-loader": "^8.1.1",
|
||||
"postcss-preset-env": "^9.4.0",
|
||||
"sass": "^1.71.1",
|
||||
"sass-loader": "^14.1.1",
|
||||
"source-map-loader": "^5.0.0",
|
||||
"style-loader": "^3.3.4",
|
||||
"thread-loader": "^4.0.2",
|
||||
"ts-loader": "^9.5.1",
|
||||
"webpack": "^5.90.3",
|
||||
"webpack-bundle-analyzer": "^4.10.1",
|
||||
"webpack-cli": "^5.1.4",
|
||||
"webpack-dev-server": "^5.0.2",
|
||||
"webpack-merge": "^5.10.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@pmmmwh/react-refresh-webpack-plugin": "^0.5.11",
|
||||
"@types/jest": "^29.5.5",
|
||||
"@types/madge": "^5.0.0",
|
||||
"allure-commandline": "^2.22.1",
|
||||
"babel-jest": "~29.6.4",
|
||||
"fake-indexeddb": "^4.0.2",
|
||||
"@types/jest": "^29.5.12",
|
||||
"@types/madge": "^5.0.3",
|
||||
"allure-commandline": "^2.27.0",
|
||||
"babel-jest": "^29.7.0",
|
||||
"fake-indexeddb": "^5.0.2",
|
||||
"glob": "^10.3.10",
|
||||
"http-proxy": "^1.18.1",
|
||||
"jest": "~29.6.4",
|
||||
"jest": "^29.7.0",
|
||||
"jest-allure": "^0.1.3",
|
||||
"jest-environment-jsdom": "~29.6.4",
|
||||
"jest-jasmine2": "^29.6.4",
|
||||
"jest-environment-jsdom": "^29.7.0",
|
||||
"jest-jasmine2": "^29.7.0",
|
||||
"madge": "^6.1.0",
|
||||
"react-refresh": "^0.14.0",
|
||||
"tsconfig-paths-webpack-plugin": "^4.1.0",
|
||||
|
||||
@@ -12,6 +12,8 @@ module.exports = class CustomTestEnvironment extends Environment {
|
||||
this.global.TextDecoder = TextDecoder;
|
||||
this.global.Response = Response;
|
||||
this.global.Request = Request;
|
||||
// FIXME https://github.com/jsdom/jsdom/issues/3363
|
||||
this.global.structuredClone = structuredClone;
|
||||
|
||||
// different machine has its own timezones and some tests can fail because of it
|
||||
process.env.TZ = 'UTC';
|
||||
|
||||
@@ -23,6 +23,6 @@
|
||||
},
|
||||
"peerDependencies": {},
|
||||
"devDependencies": {
|
||||
"typescript": "^5.3.2"
|
||||
"typescript": "^5.3.3"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -38,6 +38,6 @@
|
||||
},
|
||||
"peerDependencies": {},
|
||||
"devDependencies": {
|
||||
"typescript": "^5.3.2"
|
||||
"typescript": "^5.3.3"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -24,6 +24,6 @@
|
||||
},
|
||||
"peerDependencies": {},
|
||||
"devDependencies": {
|
||||
"typescript": "^5.3.2"
|
||||
"typescript": "^5.3.3"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -24,8 +24,8 @@
|
||||
},
|
||||
"peerDependencies": {},
|
||||
"devDependencies": {
|
||||
"@types/jest": "^29.5.10",
|
||||
"@types/react": "^18.2.42",
|
||||
"typescript": "^5.3.2"
|
||||
"@types/jest": "^29.5.12",
|
||||
"@types/react": "^18.2.63",
|
||||
"typescript": "^5.3.3"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -24,6 +24,6 @@
|
||||
},
|
||||
"peerDependencies": {},
|
||||
"devDependencies": {
|
||||
"typescript": "^5.3.2"
|
||||
"typescript": "^5.3.3"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -37,8 +37,8 @@
|
||||
"@cloudbeaver/core-sdk": "~0.1.0",
|
||||
"@cloudbeaver/core-settings": "~0.1.0",
|
||||
"@cloudbeaver/tests-runner": "~0.1.0",
|
||||
"@testing-library/jest-dom": "^6.1.5",
|
||||
"@types/jest": "^29.5.10",
|
||||
"typescript": "^5.3.2"
|
||||
"@testing-library/jest-dom": "^6.4.2",
|
||||
"@types/jest": "^29.5.12",
|
||||
"typescript": "^5.3.3"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -22,6 +22,6 @@
|
||||
},
|
||||
"peerDependencies": {},
|
||||
"devDependencies": {
|
||||
"typescript": "^5.3.2"
|
||||
"typescript": "^5.3.3"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -19,6 +19,6 @@
|
||||
"dependencies": {},
|
||||
"peerDependencies": {},
|
||||
"devDependencies": {
|
||||
"typescript": "^5.3.2"
|
||||
"typescript": "^5.3.3"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -25,6 +25,6 @@
|
||||
},
|
||||
"peerDependencies": {},
|
||||
"devDependencies": {
|
||||
"typescript": "^5.3.2"
|
||||
"typescript": "^5.3.3"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -52,8 +52,8 @@
|
||||
"@cloudbeaver/core-ui": "~0.1.0",
|
||||
"@cloudbeaver/core-view": "~0.1.0",
|
||||
"@cloudbeaver/tests-runner": "~0.1.0",
|
||||
"@testing-library/jest-dom": "^6.1.5",
|
||||
"@types/jest": "^29.5.10",
|
||||
"typescript": "^5.3.2"
|
||||
"@testing-library/jest-dom": "^6.4.2",
|
||||
"@types/jest": "^29.5.12",
|
||||
"typescript": "^5.3.3"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -26,8 +26,8 @@
|
||||
},
|
||||
"peerDependencies": {},
|
||||
"devDependencies": {
|
||||
"@types/react": "^18.2.42",
|
||||
"typescript": "^5.3.2",
|
||||
"typescript-plugin-css-modules": "^5.0.2"
|
||||
"@types/react": "^18.2.63",
|
||||
"typescript": "^5.3.3",
|
||||
"typescript-plugin-css-modules": "^5.1.0"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -25,6 +25,6 @@
|
||||
},
|
||||
"peerDependencies": {},
|
||||
"devDependencies": {
|
||||
"typescript": "^5.3.2"
|
||||
"typescript": "^5.3.3"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -25,6 +25,6 @@
|
||||
},
|
||||
"peerDependencies": {},
|
||||
"devDependencies": {
|
||||
"typescript": "^5.3.2"
|
||||
"typescript": "^5.3.3"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -31,6 +31,6 @@
|
||||
},
|
||||
"peerDependencies": {},
|
||||
"devDependencies": {
|
||||
"typescript": "^5.3.2"
|
||||
"typescript": "^5.3.3"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -32,6 +32,6 @@
|
||||
},
|
||||
"peerDependencies": {},
|
||||
"devDependencies": {
|
||||
"typescript": "^5.3.2"
|
||||
"typescript": "^5.3.3"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -24,9 +24,9 @@
|
||||
"mobx": "^6.12.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@types/jest": "^29.5.10",
|
||||
"@types/jest": "^29.5.12",
|
||||
"mobx": "^6.12.0",
|
||||
"typescript": "^5.3.2"
|
||||
"typescript": "^5.3.3"
|
||||
},
|
||||
"peerDependencies": {}
|
||||
}
|
||||
|
||||
@@ -30,8 +30,8 @@
|
||||
"peerDependencies": {},
|
||||
"devDependencies": {
|
||||
"@cloudbeaver/core-sdk": "~0.1.0",
|
||||
"@types/jest": "^29.5.10",
|
||||
"msw": "~2.x.x",
|
||||
"typescript": "^5.3.2"
|
||||
"@types/jest": "^29.5.12",
|
||||
"msw": "^2.2.2",
|
||||
"typescript": "^5.3.3"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -26,6 +26,6 @@
|
||||
},
|
||||
"peerDependencies": {},
|
||||
"devDependencies": {
|
||||
"typescript": "^5.3.2"
|
||||
"typescript": "^5.3.3"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -23,21 +23,22 @@
|
||||
"dependencies": {
|
||||
"@cloudbeaver/core-di": "~0.1.0",
|
||||
"@cloudbeaver/core-utils": "~0.1.0",
|
||||
"axios": "^1.6.2",
|
||||
"axios": "^1.6.7",
|
||||
"graphql-request": "^6.1.0",
|
||||
"mobx": "^6.12.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@graphql-codegen/add": "~5.0.0",
|
||||
"@graphql-codegen/cli": "~5.0.0",
|
||||
"@graphql-codegen/near-operation-file-preset": "~3.0.0",
|
||||
"@graphql-codegen/typescript": "~4.0.1",
|
||||
"@graphql-codegen/typescript-graphql-files-modules": "~3.0.0",
|
||||
"@graphql-codegen/typescript-graphql-request": "~6.0.1",
|
||||
"@graphql-codegen/typescript-operations": "~4.0.1",
|
||||
"@parcel/watcher": "~2.3.0",
|
||||
"@graphql-codegen/add": "^5.0.2",
|
||||
"@graphql-codegen/cli": "^5.0.2",
|
||||
"@graphql-codegen/near-operation-file-preset": "^3.0.0",
|
||||
"@graphql-codegen/typescript": "^4.0.6",
|
||||
"@graphql-codegen/typescript-graphql-files-modules": "^3.0.0",
|
||||
"@graphql-codegen/typescript-graphql-request": "^6.2.0",
|
||||
"@graphql-codegen/typescript-operations": "^4.2.0",
|
||||
"@parcel/watcher": "^2.4.1",
|
||||
"graphql": "^16.8.1",
|
||||
"typescript": "^5.3.2"
|
||||
"graphql-tag": "^2.12.6",
|
||||
"typescript": "^5.3.3"
|
||||
},
|
||||
"peerDependencies": {}
|
||||
}
|
||||
|
||||
@@ -24,6 +24,6 @@
|
||||
},
|
||||
"peerDependencies": {},
|
||||
"devDependencies": {
|
||||
"typescript": "^5.3.2"
|
||||
"typescript": "^5.3.3"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -24,6 +24,6 @@
|
||||
},
|
||||
"peerDependencies": {},
|
||||
"devDependencies": {
|
||||
"typescript": "^5.3.2"
|
||||
"typescript": "^5.3.3"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -36,8 +36,8 @@
|
||||
"@cloudbeaver/core-sdk": "~0.1.0",
|
||||
"@cloudbeaver/core-settings": "~0.1.0",
|
||||
"@cloudbeaver/tests-runner": "~0.1.0",
|
||||
"@testing-library/jest-dom": "^6.1.5",
|
||||
"@types/jest": "^29.5.10",
|
||||
"typescript": "^5.3.2"
|
||||
"@testing-library/jest-dom": "^6.4.2",
|
||||
"@types/jest": "^29.5.12",
|
||||
"typescript": "^5.3.3"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -24,6 +24,6 @@
|
||||
},
|
||||
"peerDependencies": {},
|
||||
"devDependencies": {
|
||||
"typescript": "^5.3.2"
|
||||
"typescript": "^5.3.3"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -24,6 +24,6 @@
|
||||
},
|
||||
"peerDependencies": {},
|
||||
"devDependencies": {
|
||||
"typescript": "^5.3.2"
|
||||
"typescript": "^5.3.3"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -50,9 +50,9 @@
|
||||
"@material/switch": "~4.0.0",
|
||||
"@material/theme": "~4.0.0",
|
||||
"@material/typography": "~4.0.0",
|
||||
"@testing-library/jest-dom": "^6.1.5",
|
||||
"@types/jest": "^29.5.10",
|
||||
"typescript": "^5.3.2",
|
||||
"typescript-plugin-css-modules": "^5.0.2"
|
||||
"@testing-library/jest-dom": "^6.4.2",
|
||||
"@types/jest": "^29.5.12",
|
||||
"typescript": "^5.3.3",
|
||||
"typescript-plugin-css-modules": "^5.1.0"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -39,8 +39,8 @@
|
||||
},
|
||||
"peerDependencies": {},
|
||||
"devDependencies": {
|
||||
"@types/react": "^18.2.42",
|
||||
"typescript": "^5.3.2",
|
||||
"typescript-plugin-css-modules": "^5.0.2"
|
||||
"@types/react": "^18.2.63",
|
||||
"typescript": "^5.3.3",
|
||||
"typescript-plugin-css-modules": "^5.1.0"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -80,6 +80,7 @@ export const ContextMenu = observer<IContextMenuProps, HTMLButtonElement>(
|
||||
|
||||
return (
|
||||
<Menu
|
||||
{...props}
|
||||
ref={ref}
|
||||
label={translate(menuData.menu.label)}
|
||||
title={translate(menuData.menu.tooltip)}
|
||||
@@ -101,7 +102,6 @@ export const ContextMenu = observer<IContextMenuProps, HTMLButtonElement>(
|
||||
disclosure={disclosure}
|
||||
getHasBindings={handlers.hasBindings}
|
||||
onVisibleSwitch={handlers.handleVisibleSwitch}
|
||||
{...props}
|
||||
>
|
||||
{renderingChildren}
|
||||
</Menu>
|
||||
|
||||
@@ -76,6 +76,7 @@ export const SubMenuElement = observer<ISubMenuElementProps, HTMLButtonElement>(
|
||||
|
||||
return (
|
||||
<Menu
|
||||
{...rest}
|
||||
ref={ref}
|
||||
menuRef={menu}
|
||||
label={subMenuData.menu.label}
|
||||
@@ -95,7 +96,6 @@ export const SubMenuElement = observer<ISubMenuElementProps, HTMLButtonElement>(
|
||||
getHasBindings={handlers.hasBindings}
|
||||
submenu
|
||||
onVisibleSwitch={handlers.handleVisibleSwitch}
|
||||
{...rest}
|
||||
>
|
||||
<MenuItemElement
|
||||
label={label}
|
||||
|
||||
@@ -18,9 +18,9 @@
|
||||
"update-ts-references": "rimraf --glob dist && typescript-resolve-references"
|
||||
},
|
||||
"dependencies": {
|
||||
"@timohausmann/quadtree-ts": "2.0.0-beta.1",
|
||||
"@timohausmann/quadtree-ts": "^2.2.2",
|
||||
"@types/whatwg-mimetype": "^3.0.2",
|
||||
"clsx": "^2.0.0",
|
||||
"clsx": "^2.1.0",
|
||||
"fast-deep-equal": "^3.1.3",
|
||||
"md5": "^2.3.0",
|
||||
"mobx": "^6.12.0",
|
||||
@@ -28,14 +28,14 @@
|
||||
"uuid": "^9.0.1",
|
||||
"whatwg-mimetype": "^4.0.0",
|
||||
"zod": "^3.22.4",
|
||||
"zod-validation-error": "^3.0.0"
|
||||
"zod-validation-error": "^3.0.3"
|
||||
},
|
||||
"peerDependencies": {},
|
||||
"devDependencies": {
|
||||
"@types/jest": "^29.5.10",
|
||||
"@types/jest": "^29.5.12",
|
||||
"@types/md5": "~2.3.5",
|
||||
"@types/underscore": "^1.11.15",
|
||||
"@types/uuid": "~9.0.7",
|
||||
"typescript": "^5.3.2"
|
||||
"@types/uuid": "~9.0.8",
|
||||
"typescript": "^5.3.3"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,5 +1 @@
|
||||
// eslint-disable-next-line @typescript-eslint/triple-slash-reference
|
||||
/// <reference path="./quadtree.d.ts" />
|
||||
import Quadtree, { Rectangle } from '@timohausmann/quadtree-ts';
|
||||
|
||||
export { Quadtree, Rectangle };
|
||||
export { Quadtree, Rectangle } from '@timohausmann/quadtree-ts';
|
||||
|
||||
@@ -1,12 +0,0 @@
|
||||
/*
|
||||
* CloudBeaver - Cloud Database Manager
|
||||
* Copyright (C) 2020-2024 DBeaver Corp and others
|
||||
*
|
||||
* Licensed under the Apache License, Version 2.0.
|
||||
* you may not use this file except in compliance with the License.
|
||||
*/
|
||||
import { Quadtree } from '@timohausmann/quadtree-ts';
|
||||
|
||||
declare module '@timohausmann/quadtree-ts' {
|
||||
export default Quadtree;
|
||||
}
|
||||
@@ -21,11 +21,11 @@
|
||||
"@cloudbeaver/core-localization": "~0.1.0",
|
||||
"@cloudbeaver/core-version": "~0.1.0",
|
||||
"mobx": "^6.12.0",
|
||||
"semver": "^7.5.4"
|
||||
"semver": "^7.6.0"
|
||||
},
|
||||
"peerDependencies": {},
|
||||
"devDependencies": {
|
||||
"@types/semver": "~7.5.6",
|
||||
"typescript": "^5.3.2"
|
||||
"@types/semver": "~7.5.8",
|
||||
"typescript": "^5.3.3"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -27,7 +27,7 @@
|
||||
},
|
||||
"peerDependencies": {},
|
||||
"devDependencies": {
|
||||
"@types/react": "^18.2.42",
|
||||
"typescript": "^5.3.2"
|
||||
"@types/react": "^18.2.63",
|
||||
"typescript": "^5.3.3"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -27,12 +27,12 @@
|
||||
"mobx": "^6.12.0",
|
||||
"mobx-react-lite": "^4.0.5",
|
||||
"react": "^18.2.0",
|
||||
"react-hotkeys-hook": "^4.4.1"
|
||||
"react-hotkeys-hook": "^4.5.0"
|
||||
},
|
||||
"peerDependencies": {},
|
||||
"devDependencies": {
|
||||
"@types/react": "^18.2.42",
|
||||
"typescript": "^5.3.2",
|
||||
"typescript-plugin-css-modules": "^5.0.2"
|
||||
"@types/react": "^18.2.63",
|
||||
"typescript": "^5.3.3",
|
||||
"typescript-plugin-css-modules": "^5.1.0"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -7,12 +7,12 @@
|
||||
"license": "Apache-2.0",
|
||||
"type": "commonjs",
|
||||
"dependencies": {},
|
||||
"peerDependencies": {
|
||||
"eslint": ">=8.0.0"
|
||||
},
|
||||
"keywords": [
|
||||
"eslint",
|
||||
"eslintplugin",
|
||||
"eslint-plugin"
|
||||
]
|
||||
],
|
||||
"devDependencies": {
|
||||
"eslint": "^8.57.0"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -42,8 +42,8 @@
|
||||
},
|
||||
"peerDependencies": {},
|
||||
"devDependencies": {
|
||||
"@types/react": "^18.2.42",
|
||||
"typescript": "^5.3.2",
|
||||
"typescript-plugin-css-modules": "^5.0.2"
|
||||
"@types/react": "^18.2.63",
|
||||
"typescript": "^5.3.3",
|
||||
"typescript-plugin-css-modules": "^5.1.0"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -12,6 +12,7 @@ import styled, { css } from 'reshadow';
|
||||
import { AdministrationItemService, filterOnlyActive, IAdministrationItemRoute } from '@cloudbeaver/core-administration';
|
||||
import {
|
||||
Loader,
|
||||
s,
|
||||
SContext,
|
||||
SlideBox,
|
||||
SlideElement,
|
||||
@@ -19,6 +20,7 @@ import {
|
||||
StyleRegistry,
|
||||
ToolsActionStyles,
|
||||
ToolsPanelStyles,
|
||||
useS,
|
||||
useStyles,
|
||||
} from '@cloudbeaver/core-blocks';
|
||||
import { useService } from '@cloudbeaver/core-di';
|
||||
@@ -106,6 +108,7 @@ export const Administration = observer<React.PropsWithChildren<Props>>(function
|
||||
onItemSelect,
|
||||
children,
|
||||
}) {
|
||||
const styles = useS(AdministrationToolbarStyles);
|
||||
const contentRef = useRef<HTMLDivElement>(null);
|
||||
const administrationViewService = useService(AdministrationViewService);
|
||||
const administrationItemService = useService(AdministrationItemService);
|
||||
@@ -120,7 +123,7 @@ export const Administration = observer<React.PropsWithChildren<Props>>(function
|
||||
}, [activeScreen?.item]);
|
||||
|
||||
return styled(useStyles(BASE_TAB_STYLES, verticalTabStyles, administrationStyles, tabsStyles))(
|
||||
<CaptureView view={administrationViewService}>
|
||||
<CaptureView view={administrationViewService} className={s(styles, { administration: true })}>
|
||||
<SContext registry={registry}>
|
||||
<AdministrationCaptureViewContext />
|
||||
<TabsState currentTabId={activeScreen?.item} orientation="vertical">
|
||||
|
||||
+4
-4
@@ -1,11 +1,11 @@
|
||||
.toolsPanel {
|
||||
.administration .toolsPanel {
|
||||
height: 44px;
|
||||
}
|
||||
|
||||
.buttonLabel {
|
||||
.administration .buttonLabel {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.button {
|
||||
.administration .button {
|
||||
padding: 0 16px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -44,8 +44,8 @@
|
||||
},
|
||||
"peerDependencies": {},
|
||||
"devDependencies": {
|
||||
"@types/react": "^18.2.42",
|
||||
"typescript": "^5.3.2",
|
||||
"typescript-plugin-css-modules": "^5.0.2"
|
||||
"@types/react": "^18.2.63",
|
||||
"typescript": "^5.3.3",
|
||||
"typescript-plugin-css-modules": "^5.1.0"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -41,8 +41,8 @@
|
||||
},
|
||||
"peerDependencies": {},
|
||||
"devDependencies": {
|
||||
"@types/react": "^18.2.42",
|
||||
"typescript": "^5.3.2",
|
||||
"typescript-plugin-css-modules": "^5.0.2"
|
||||
"@types/react": "^18.2.63",
|
||||
"typescript": "^5.3.3",
|
||||
"typescript-plugin-css-modules": "^5.1.0"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -25,6 +25,6 @@
|
||||
},
|
||||
"peerDependencies": {},
|
||||
"devDependencies": {
|
||||
"typescript": "^5.3.2"
|
||||
"typescript": "^5.3.3"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -20,18 +20,19 @@
|
||||
"@cloudbeaver/core-blocks": "~0.1.0",
|
||||
"@cloudbeaver/core-theming": "~0.1.0",
|
||||
"@cloudbeaver/core-utils": "~0.1.0",
|
||||
"@codemirror/autocomplete": "6.11.1",
|
||||
"@codemirror/commands": "6.3.2",
|
||||
"@codemirror/lang-html": "6.4.7",
|
||||
"@codemirror/lang-javascript": "6.2.1",
|
||||
"@codemirror/autocomplete": "6.13.0",
|
||||
"@codemirror/commands": "6.3.3",
|
||||
"@codemirror/lang-html": "6.4.8",
|
||||
"@codemirror/lang-javascript": "6.2.2",
|
||||
"@codemirror/lang-json": "6.0.1",
|
||||
"@codemirror/lang-sql": "6.5.4",
|
||||
"@codemirror/lang-sql": "6.6.1",
|
||||
"@codemirror/lang-xml": "6.0.2",
|
||||
"@codemirror/language": "6.9.3",
|
||||
"@codemirror/merge": "6.3.1",
|
||||
"@codemirror/search": "6.5.5",
|
||||
"@codemirror/state": "6.3.3",
|
||||
"@codemirror/view": "6.22.1",
|
||||
"@codemirror/language": "6.10.1",
|
||||
"@codemirror/merge": "6.6.0",
|
||||
"@codemirror/search": "6.5.6",
|
||||
"@codemirror/state": "6.4.1",
|
||||
"@codemirror/view": "6.25.0",
|
||||
"@lezer/common": "^1.2.1",
|
||||
"@lezer/highlight": "^1.2.0",
|
||||
"mobx-react-lite": "^4.0.5",
|
||||
"react": "^18.2.0",
|
||||
@@ -40,8 +41,8 @@
|
||||
"peerDependencies": {},
|
||||
"devDependencies": {
|
||||
"@cloudbeaver/core-theming": "~0.1.0",
|
||||
"@types/react": "^18.2.42",
|
||||
"typescript": "^5.3.2",
|
||||
"typescript-plugin-css-modules": "^5.0.2"
|
||||
"@types/react": "^18.2.63",
|
||||
"typescript": "^5.3.3",
|
||||
"typescript-plugin-css-modules": "^5.1.0"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -35,8 +35,8 @@
|
||||
},
|
||||
"peerDependencies": {},
|
||||
"devDependencies": {
|
||||
"@types/react": "^18.2.42",
|
||||
"typescript": "^5.3.2",
|
||||
"typescript-plugin-css-modules": "^5.0.2"
|
||||
"@types/react": "^18.2.63",
|
||||
"typescript": "^5.3.3",
|
||||
"typescript-plugin-css-modules": "^5.1.0"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -39,8 +39,8 @@
|
||||
},
|
||||
"peerDependencies": {},
|
||||
"devDependencies": {
|
||||
"@types/react": "^18.2.42",
|
||||
"typescript": "^5.3.2",
|
||||
"typescript-plugin-css-modules": "^5.0.2"
|
||||
"@types/react": "^18.2.63",
|
||||
"typescript": "^5.3.3",
|
||||
"typescript-plugin-css-modules": "^5.1.0"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -38,8 +38,8 @@
|
||||
},
|
||||
"peerDependencies": {},
|
||||
"devDependencies": {
|
||||
"@types/react": "^18.2.42",
|
||||
"typescript": "^5.3.2",
|
||||
"typescript-plugin-css-modules": "^5.0.2"
|
||||
"@types/react": "^18.2.63",
|
||||
"typescript": "^5.3.3",
|
||||
"typescript-plugin-css-modules": "^5.1.0"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -40,8 +40,8 @@
|
||||
},
|
||||
"peerDependencies": {},
|
||||
"devDependencies": {
|
||||
"@types/react": "^18.2.42",
|
||||
"typescript": "^5.3.2",
|
||||
"typescript-plugin-css-modules": "^5.0.2"
|
||||
"@types/react": "^18.2.63",
|
||||
"typescript": "^5.3.3",
|
||||
"typescript-plugin-css-modules": "^5.1.0"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -46,8 +46,8 @@
|
||||
},
|
||||
"peerDependencies": {},
|
||||
"devDependencies": {
|
||||
"@types/react": "^18.2.42",
|
||||
"typescript": "^5.3.2",
|
||||
"typescript-plugin-css-modules": "^5.0.2"
|
||||
"@types/react": "^18.2.63",
|
||||
"typescript": "^5.3.3",
|
||||
"typescript-plugin-css-modules": "^5.1.0"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -25,7 +25,7 @@
|
||||
"devDependencies": {
|
||||
"@types/d3": "^7.4.3",
|
||||
"@types/d3-drag": "^3.0.7",
|
||||
"typescript": "^5.3.2"
|
||||
"typescript": "^5.3.3"
|
||||
},
|
||||
"peerDependencies": {}
|
||||
}
|
||||
|
||||
@@ -67,10 +67,10 @@
|
||||
"@cloudbeaver/plugin-navigation-tree": "~0.1.0",
|
||||
"@cloudbeaver/plugin-object-viewer": "~0.1.0",
|
||||
"@cloudbeaver/tests-runner": "~0.1.0",
|
||||
"@testing-library/jest-dom": "^6.1.5",
|
||||
"@types/jest": "^29.5.10",
|
||||
"@types/react": "^18.2.42",
|
||||
"typescript": "^5.3.2",
|
||||
"typescript-plugin-css-modules": "^5.0.2"
|
||||
"@testing-library/jest-dom": "^6.4.2",
|
||||
"@types/jest": "^29.5.12",
|
||||
"@types/react": "^18.2.63",
|
||||
"typescript": "^5.3.3",
|
||||
"typescript-plugin-css-modules": "^5.1.0"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -70,10 +70,10 @@
|
||||
"@cloudbeaver/plugin-navigation-tree": "~0.1.0",
|
||||
"@cloudbeaver/plugin-object-viewer": "~0.1.0",
|
||||
"@cloudbeaver/tests-runner": "~0.1.0",
|
||||
"@testing-library/jest-dom": "^6.1.5",
|
||||
"@types/jest": "^29.5.10",
|
||||
"@types/react": "^18.2.42",
|
||||
"typescript": "^5.3.2",
|
||||
"typescript-plugin-css-modules": "^5.0.2"
|
||||
"@testing-library/jest-dom": "^6.4.2",
|
||||
"@types/jest": "^29.5.12",
|
||||
"@types/react": "^18.2.63",
|
||||
"typescript": "^5.3.3",
|
||||
"typescript-plugin-css-modules": "^5.1.0"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -36,8 +36,8 @@
|
||||
},
|
||||
"peerDependencies": {},
|
||||
"devDependencies": {
|
||||
"@types/react": "^18.2.42",
|
||||
"typescript": "^5.3.2",
|
||||
"typescript-plugin-css-modules": "^5.0.2"
|
||||
"@types/react": "^18.2.63",
|
||||
"typescript": "^5.3.3",
|
||||
"typescript-plugin-css-modules": "^5.1.0"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -71,10 +71,10 @@
|
||||
"@cloudbeaver/plugin-navigation-tree": "~0.1.0",
|
||||
"@cloudbeaver/plugin-object-viewer": "~0.1.0",
|
||||
"@cloudbeaver/tests-runner": "~0.1.0",
|
||||
"@testing-library/jest-dom": "^6.1.5",
|
||||
"@types/jest": "^29.5.10",
|
||||
"@types/react": "^18.2.42",
|
||||
"typescript": "^5.3.2",
|
||||
"typescript-plugin-css-modules": "^5.0.2"
|
||||
"@testing-library/jest-dom": "^6.4.2",
|
||||
"@types/jest": "^29.5.12",
|
||||
"@types/react": "^18.2.63",
|
||||
"typescript": "^5.3.3",
|
||||
"typescript-plugin-css-modules": "^5.1.0"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -37,8 +37,8 @@
|
||||
},
|
||||
"peerDependencies": {},
|
||||
"devDependencies": {
|
||||
"@types/react": "^18.2.42",
|
||||
"typescript": "^5.3.2",
|
||||
"typescript-plugin-css-modules": "^5.0.2"
|
||||
"@types/react": "^18.2.63",
|
||||
"typescript": "^5.3.3",
|
||||
"typescript-plugin-css-modules": "^5.1.0"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -38,8 +38,8 @@
|
||||
},
|
||||
"peerDependencies": {},
|
||||
"devDependencies": {
|
||||
"@types/react": "^18.2.42",
|
||||
"typescript": "^5.3.2",
|
||||
"typescript-plugin-css-modules": "^5.0.2"
|
||||
"@types/react": "^18.2.63",
|
||||
"typescript": "^5.3.3",
|
||||
"typescript-plugin-css-modules": "^5.1.0"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -33,8 +33,8 @@
|
||||
},
|
||||
"peerDependencies": {},
|
||||
"devDependencies": {
|
||||
"@types/react": "^18.2.42",
|
||||
"typescript": "^5.3.2",
|
||||
"typescript-plugin-css-modules": "^5.0.2"
|
||||
"@types/react": "^18.2.63",
|
||||
"typescript": "^5.3.3",
|
||||
"typescript-plugin-css-modules": "^5.1.0"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -36,11 +36,10 @@
|
||||
"devDependencies": {
|
||||
"@types/leaflet": "^1.9.8",
|
||||
"@types/proj4": "^2.5.5",
|
||||
"@types/react": "^18.2.42",
|
||||
"@types/react-leaflet": "~3.0.0",
|
||||
"@types/react": "^18.2.63",
|
||||
"@types/wellknown": "~0.5.8",
|
||||
"leaflet": "^1.9.4",
|
||||
"typescript": "^5.3.2",
|
||||
"typescript-plugin-css-modules": "^5.0.2"
|
||||
"typescript": "^5.3.3",
|
||||
"typescript-plugin-css-modules": "^5.1.0"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -34,8 +34,8 @@
|
||||
},
|
||||
"peerDependencies": {},
|
||||
"devDependencies": {
|
||||
"@types/react": "^18.2.42",
|
||||
"typescript": "^5.3.2",
|
||||
"typescript-plugin-css-modules": "^5.0.2"
|
||||
"@types/react": "^18.2.63",
|
||||
"typescript": "^5.3.3",
|
||||
"typescript-plugin-css-modules": "^5.1.0"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -25,6 +25,6 @@
|
||||
},
|
||||
"peerDependencies": {},
|
||||
"devDependencies": {
|
||||
"typescript": "^5.3.2"
|
||||
"typescript": "^5.3.3"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -52,10 +52,10 @@
|
||||
"@cloudbeaver/core-view": "~0.1.0",
|
||||
"@cloudbeaver/plugin-tools-panel": "~0.1.0",
|
||||
"@cloudbeaver/tests-runner": "~0.1.0",
|
||||
"@testing-library/jest-dom": "^6.1.5",
|
||||
"@types/jest": "^29.5.10",
|
||||
"@types/react": "^18.2.42",
|
||||
"typescript": "^5.3.2",
|
||||
"typescript-plugin-css-modules": "^5.0.2"
|
||||
"@testing-library/jest-dom": "^6.4.2",
|
||||
"@types/jest": "^29.5.12",
|
||||
"@types/react": "^18.2.63",
|
||||
"typescript": "^5.3.3",
|
||||
"typescript-plugin-css-modules": "^5.1.0"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -39,7 +39,7 @@
|
||||
},
|
||||
"peerDependencies": {},
|
||||
"devDependencies": {
|
||||
"@types/react": "^18.2.42",
|
||||
"typescript": "^5.3.2"
|
||||
"@types/react": "^18.2.63",
|
||||
"typescript": "^5.3.3"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -33,8 +33,8 @@
|
||||
},
|
||||
"peerDependencies": {},
|
||||
"devDependencies": {
|
||||
"@types/react": "^18.2.42",
|
||||
"typescript": "^5.3.2",
|
||||
"typescript-plugin-css-modules": "^5.0.2"
|
||||
"@types/react": "^18.2.63",
|
||||
"typescript": "^5.3.3",
|
||||
"typescript-plugin-css-modules": "^5.1.0"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -42,8 +42,8 @@
|
||||
},
|
||||
"peerDependencies": {},
|
||||
"devDependencies": {
|
||||
"@types/react": "^18.2.42",
|
||||
"typescript": "^5.3.2",
|
||||
"typescript-plugin-css-modules": "^5.0.2"
|
||||
"@types/react": "^18.2.63",
|
||||
"typescript": "^5.3.3",
|
||||
"typescript-plugin-css-modules": "^5.1.0"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -66,10 +66,10 @@
|
||||
"@cloudbeaver/plugin-datasource-context-switch": "~0.1.0",
|
||||
"@cloudbeaver/plugin-navigation-tabs": "~0.1.0",
|
||||
"@cloudbeaver/tests-runner": "~0.1.0",
|
||||
"@testing-library/jest-dom": "^6.1.5",
|
||||
"@types/jest": "^29.5.10",
|
||||
"@types/react": "^18.2.42",
|
||||
"typescript": "^5.3.2",
|
||||
"typescript-plugin-css-modules": "^5.0.2"
|
||||
"@testing-library/jest-dom": "^6.4.2",
|
||||
"@types/jest": "^29.5.12",
|
||||
"@types/react": "^18.2.63",
|
||||
"typescript": "^5.3.3",
|
||||
"typescript-plugin-css-modules": "^5.1.0"
|
||||
}
|
||||
}
|
||||
|
||||
+3
-2
@@ -29,11 +29,12 @@ export type NavTreeControlProps = {
|
||||
expanded?: boolean;
|
||||
className?: string;
|
||||
style?: ComponentStyle;
|
||||
ref?: React.Ref<HTMLDivElement> | undefined;
|
||||
onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
|
||||
};
|
||||
|
||||
export type NavTreeControlComponent = React.ForwardRefExoticComponent<NavTreeControlProps>;
|
||||
export type NavTreeControlComponent =
|
||||
| React.MemoExoticComponent<React.ForwardRefExoticComponent<React.PropsWithoutRef<NavTreeControlProps> & React.RefAttributes<HTMLDivElement>>>
|
||||
| React.ForwardRefExoticComponent<React.PropsWithoutRef<NavTreeControlProps> & React.RefAttributes<HTMLDivElement>>;
|
||||
|
||||
export type NavigationNodeComponent = React.FC<{
|
||||
node: NavNode;
|
||||
|
||||
+2
-2
@@ -26,7 +26,7 @@ import { useService } from '@cloudbeaver/core-di';
|
||||
import { EventContext, EventStopPropagationFlag } from '@cloudbeaver/core-events';
|
||||
import { getNodePlainName, type INodeActions, NavNodeInfoResource, NavTreeResource } from '@cloudbeaver/core-navigation-tree';
|
||||
|
||||
import type { NavTreeControlComponent, NavTreeControlProps } from '../../NavigationNodeComponent';
|
||||
import type { NavTreeControlComponent } from '../../NavigationNodeComponent';
|
||||
import { TreeNodeMenuLoader } from '../TreeNodeMenu/TreeNodeMenuLoader';
|
||||
import { DATA_ATTRIBUTE_NODE_EDITING } from './DATA_ATTRIBUTE_NODE_EDITING';
|
||||
import style from './NavigationNodeControl.m.css';
|
||||
@@ -47,7 +47,7 @@ interface IEditingState {
|
||||
cancel(): void;
|
||||
}
|
||||
|
||||
export const NavigationNodeControl: NavTreeControlComponent = observer<NavTreeControlProps, HTMLDivElement>(
|
||||
export const NavigationNodeControl: NavTreeControlComponent = observer(
|
||||
forwardRef(function NavigationNodeControl({ node, nodeInfo, dndElement, dndPlaceholder, className, onClick }, ref) {
|
||||
const styles = useS(style);
|
||||
const mouseContextMenu = useMouseContextMenu();
|
||||
|
||||
@@ -15,7 +15,9 @@ export interface INodeControlBaseProps extends React.RefAttributes<HTMLDivElemen
|
||||
nodeId: string;
|
||||
}
|
||||
|
||||
export type NodeControlComponent = React.FC<INodeControlBaseProps>;
|
||||
export type NodeControlComponent =
|
||||
| React.MemoExoticComponent<React.ForwardRefExoticComponent<React.PropsWithoutRef<INodeControlBaseProps> & React.RefAttributes<HTMLDivElement>>>
|
||||
| React.ForwardRefExoticComponent<React.PropsWithoutRef<INodeControlBaseProps> & React.RefAttributes<HTMLDivElement>>;
|
||||
|
||||
export interface INodeComponentProps extends INodeComponentBaseProps {
|
||||
childrenRenderer: React.FC<INodeComponentBaseProps>;
|
||||
|
||||
@@ -45,8 +45,8 @@
|
||||
"peerDependencies": {},
|
||||
"devDependencies": {
|
||||
"@cloudbeaver/core-theming": "~0.1.0",
|
||||
"@types/react": "^18.2.42",
|
||||
"typescript": "^5.3.2",
|
||||
"typescript-plugin-css-modules": "^5.0.2"
|
||||
"@types/react": "^18.2.63",
|
||||
"typescript": "^5.3.3",
|
||||
"typescript-plugin-css-modules": "^5.1.0"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -31,8 +31,8 @@
|
||||
},
|
||||
"peerDependencies": {},
|
||||
"devDependencies": {
|
||||
"@types/react": "^18.2.42",
|
||||
"typescript": "^5.3.2",
|
||||
"typescript-plugin-css-modules": "^5.0.2"
|
||||
"@types/react": "^18.2.63",
|
||||
"typescript": "^5.3.3",
|
||||
"typescript-plugin-css-modules": "^5.1.0"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -30,8 +30,8 @@
|
||||
},
|
||||
"peerDependencies": {},
|
||||
"devDependencies": {
|
||||
"@types/react": "^18.2.42",
|
||||
"typescript": "^5.3.2",
|
||||
"typescript-plugin-css-modules": "^5.0.2"
|
||||
"@types/react": "^18.2.63",
|
||||
"typescript": "^5.3.3",
|
||||
"typescript-plugin-css-modules": "^5.1.0"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -21,6 +21,6 @@
|
||||
},
|
||||
"peerDependencies": {},
|
||||
"devDependencies": {
|
||||
"typescript": "^5.3.2"
|
||||
"typescript": "^5.3.3"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -45,6 +45,8 @@ function isCtrlKeyHeldDown(e) {
|
||||
return (e.ctrlKey || e.metaKey) && e.key !== 'Control';
|
||||
}
|
||||
function isDefaultCellInput(event) {
|
||||
const vKey = 86;
|
||||
if (isCtrlKeyHeldDown(event) && event.keyCode !== vKey) return false;
|
||||
return !nonInputKeys.has(event.key);
|
||||
}
|
||||
function onEditorNavigation({
|
||||
@@ -57,7 +59,7 @@ function onEditorNavigation({
|
||||
return false;
|
||||
}
|
||||
|
||||
const measuringCellClassname = "mlln6zg7-0-0-beta-41";
|
||||
const measuringCellClassname = "mlln6zg7-0-0-beta-42";
|
||||
function renderMeasuringCells(viewportColumns) {
|
||||
return viewportColumns.map(({
|
||||
key,
|
||||
@@ -262,12 +264,10 @@ function canExitGrid({
|
||||
return shiftKey ? atFirstCellInRow && atFirstRow : atLastCellInRow && atLastRow;
|
||||
}
|
||||
|
||||
const cell = "cj343x07-0-0-beta-41";
|
||||
const cell = "cj343x07-0-0-beta-42";
|
||||
const cellClassname = `rdg-cell ${cell}`;
|
||||
const cellFrozen = "csofj7r7-0-0-beta-41";
|
||||
const cellFrozen = "csofj7r7-0-0-beta-42";
|
||||
const cellFrozenClassname = `rdg-cell-frozen ${cellFrozen}`;
|
||||
const cellFrozenLast = "ch2wcw87-0-0-beta-41";
|
||||
const cellFrozenLastClassname = `rdg-cell-frozen-last ${cellFrozenLast}`;
|
||||
|
||||
function getRowStyle(rowIdx, height) {
|
||||
if (height !== undefined) {
|
||||
@@ -307,7 +307,7 @@ function getCellStyle(column, colSpan = 1) {
|
||||
};
|
||||
}
|
||||
function getCellClassname(column, ...extraClasses) {
|
||||
return clsx(cellClassname, ...extraClasses, column.frozen && cellFrozenClassname, column.isLastFrozenColumn && cellFrozenLastClassname);
|
||||
return clsx(cellClassname, ...extraClasses, column.frozen && cellFrozenClassname);
|
||||
}
|
||||
|
||||
const {
|
||||
@@ -336,13 +336,13 @@ function getHeaderCellRowSpan(column, rowIdx) {
|
||||
return column.parent === undefined ? rowIdx : column.level - column.parent.level;
|
||||
}
|
||||
|
||||
const checkboxLabel = "c1bn88vv7-0-0-beta-41";
|
||||
const checkboxLabel = "c1bn88vv7-0-0-beta-42";
|
||||
const checkboxLabelClassname = `rdg-checkbox-label ${checkboxLabel}`;
|
||||
const checkboxInput = "c1qt073l7-0-0-beta-41";
|
||||
const checkboxInput = "c1qt073l7-0-0-beta-42";
|
||||
const checkboxInputClassname = `rdg-checkbox-input ${checkboxInput}`;
|
||||
const checkbox = "cf71kmq7-0-0-beta-41";
|
||||
const checkbox = "cf71kmq7-0-0-beta-42";
|
||||
const checkboxClassname = `rdg-checkbox ${checkbox}`;
|
||||
const checkboxLabelDisabled = "c1lwve4p7-0-0-beta-41";
|
||||
const checkboxLabelDisabled = "c1lwve4p7-0-0-beta-42";
|
||||
const checkboxLabelDisabledClassname = `rdg-checkbox-label-disabled ${checkboxLabelDisabled}`;
|
||||
function renderCheckbox({
|
||||
onChange,
|
||||
@@ -364,9 +364,9 @@ function renderCheckbox({
|
||||
});
|
||||
}
|
||||
|
||||
const groupCellContent = "g1s9ylgp7-0-0-beta-41";
|
||||
const groupCellContent = "g1s9ylgp7-0-0-beta-42";
|
||||
const groupCellContentClassname = `rdg-group-cell-content ${groupCellContent}`;
|
||||
const caret = "cz54e4y7-0-0-beta-41";
|
||||
const caret = "cz54e4y7-0-0-beta-42";
|
||||
const caretClassname = `rdg-caret ${caret}`;
|
||||
function renderToggleGroup(props) {
|
||||
return /*#__PURE__*/jsxRuntime.jsx(ToggleGroup, {
|
||||
@@ -571,7 +571,6 @@ function useCalculatedColumns({
|
||||
idx: 0,
|
||||
level: 0,
|
||||
frozen,
|
||||
isLastFrozenColumn: false,
|
||||
width: rawColumn.width ?? defaultWidth,
|
||||
minWidth: rawColumn.minWidth ?? defaultMinWidth,
|
||||
maxWidth: rawColumn.maxWidth ?? defaultMaxWidth,
|
||||
@@ -613,9 +612,6 @@ function useCalculatedColumns({
|
||||
colSpanColumns.push(column);
|
||||
}
|
||||
});
|
||||
if (lastFrozenColumnIndex !== -1) {
|
||||
columns[lastFrozenColumnIndex].isLastFrozenColumn = true;
|
||||
}
|
||||
return {
|
||||
columns,
|
||||
colSpanColumns,
|
||||
@@ -1031,9 +1027,9 @@ function useViewportRows({
|
||||
};
|
||||
}
|
||||
|
||||
const cellCopied = "c6ra8a37-0-0-beta-41";
|
||||
const cellCopied = "c6ra8a37-0-0-beta-42";
|
||||
const cellCopiedClassname = `rdg-cell-copied ${cellCopied}`;
|
||||
const cellDraggedOver = "cq910m07-0-0-beta-41";
|
||||
const cellDraggedOver = "cq910m07-0-0-beta-42";
|
||||
const cellDraggedOverClassname = `rdg-cell-dragged-over ${cellDraggedOver}`;
|
||||
function Cell({
|
||||
column,
|
||||
@@ -1139,8 +1135,8 @@ function defaultRenderCell(key, props) {
|
||||
}, key);
|
||||
}
|
||||
|
||||
const cellDragHandle = "c1w9bbhr7-0-0-beta-41";
|
||||
const cellDragHandleFrozenClassname = "c1creorc7-0-0-beta-41";
|
||||
const cellDragHandle = "c1w9bbhr7-0-0-beta-42";
|
||||
const cellDragHandleFrozenClassname = "c1creorc7-0-0-beta-42";
|
||||
const cellDragHandleClassname = `rdg-cell-drag-handle ${cellDragHandle}`;
|
||||
function DragHandle({
|
||||
gridRowStart,
|
||||
@@ -1245,7 +1241,7 @@ function DragHandle({
|
||||
});
|
||||
}
|
||||
|
||||
const cellEditing = "cis5rrm7-0-0-beta-41";
|
||||
const cellEditing = "cis5rrm7-0-0-beta-42";
|
||||
function EditCell({
|
||||
column,
|
||||
colSpan,
|
||||
@@ -1383,8 +1379,8 @@ function GroupedColumnHeaderCell({
|
||||
});
|
||||
}
|
||||
|
||||
const headerSortCellClassname = "h44jtk67-0-0-beta-41";
|
||||
const headerSortName = "hcgkhxz7-0-0-beta-41";
|
||||
const headerSortCellClassname = "h44jtk67-0-0-beta-42";
|
||||
const headerSortName = "hcgkhxz7-0-0-beta-42";
|
||||
const headerSortNameClassname = `rdg-header-sort-name ${headerSortName}`;
|
||||
function renderHeaderCell({
|
||||
column,
|
||||
@@ -1418,14 +1414,14 @@ function SortableHeaderCell({
|
||||
});
|
||||
}
|
||||
|
||||
const cellSortableClassname = "c6l2wv17-0-0-beta-41";
|
||||
const cellResizable = "c1kqdw7y7-0-0-beta-41";
|
||||
const cellSortableClassname = "c6l2wv17-0-0-beta-42";
|
||||
const cellResizable = "c1kqdw7y7-0-0-beta-42";
|
||||
const cellResizableClassname = `rdg-cell-resizable ${cellResizable}`;
|
||||
const resizeHandleClassname = "r1y6ywlx7-0-0-beta-41";
|
||||
const resizeHandleClassname = "r1y6ywlx7-0-0-beta-42";
|
||||
const cellDraggableClassname = 'rdg-cell-draggable';
|
||||
const cellDragging = "c1bezg5o7-0-0-beta-41";
|
||||
const cellDragging = "c1bezg5o7-0-0-beta-42";
|
||||
const cellDraggingClassname = `rdg-cell-dragging ${cellDragging}`;
|
||||
const cellOver = "c1vc96037-0-0-beta-41";
|
||||
const cellOver = "c1vc96037-0-0-beta-42";
|
||||
const cellOverClassname = `rdg-cell-drag-over ${cellOver}`;
|
||||
function HeaderCell({
|
||||
column,
|
||||
@@ -1633,13 +1629,15 @@ function isEventPertinent(event) {
|
||||
return !event.currentTarget.contains(relatedTarget);
|
||||
}
|
||||
|
||||
const row = "r1upfr807-0-0-beta-41";
|
||||
const row = "r1upfr807-0-0-beta-42";
|
||||
const rowClassname = `rdg-row ${row}`;
|
||||
const rowSelected = "r190mhd37-0-0-beta-41";
|
||||
const rowSelected = "r190mhd37-0-0-beta-42";
|
||||
const rowSelectedClassname = 'rdg-row-selected';
|
||||
const rowSelectedWithFrozenCell = "r139qu9m7-0-0-beta-41";
|
||||
const rowSelectedWithFrozenCell = "r139qu9m7-0-0-beta-42";
|
||||
const topSummaryRowClassname = 'rdg-top-summary-row';
|
||||
const bottomSummaryRowClassname = 'rdg-bottom-summary-row';
|
||||
|
||||
const headerRow = "h10tskcx7-0-0-beta-41";
|
||||
const headerRow = "h10tskcx7-0-0-beta-42";
|
||||
const headerRowClassname = `rdg-header-row ${headerRow}`;
|
||||
function HeaderRow({
|
||||
rowIdx,
|
||||
@@ -1848,7 +1846,7 @@ function ScrollToCell({
|
||||
});
|
||||
}
|
||||
|
||||
const arrow = "a3ejtar7-0-0-beta-41";
|
||||
const arrow = "a3ejtar7-0-0-beta-42";
|
||||
const arrowClassname = `rdg-sort-arrow ${arrow}`;
|
||||
function renderSortStatus({
|
||||
sortDirection,
|
||||
@@ -1883,14 +1881,14 @@ function renderSortPriority({
|
||||
return priority;
|
||||
}
|
||||
|
||||
const root = "rnvodz57-0-0-beta-41";
|
||||
const root = "rnvodz57-0-0-beta-42";
|
||||
const rootClassname = `rdg ${root}`;
|
||||
const viewportDragging = "vlqv91k7-0-0-beta-41";
|
||||
const viewportDragging = "vlqv91k7-0-0-beta-42";
|
||||
const viewportDraggingClassname = `rdg-viewport-dragging ${viewportDragging}`;
|
||||
const focusSinkClassname = "f1lsfrzw7-0-0-beta-41";
|
||||
const focusSinkHeaderAndSummaryClassname = "f1cte0lg7-0-0-beta-41";
|
||||
const focusSinkClassname = "f1lsfrzw7-0-0-beta-42";
|
||||
const focusSinkHeaderAndSummaryClassname = "f1cte0lg7-0-0-beta-42";
|
||||
|
||||
const summaryCellClassname = "s8wc6fl7-0-0-beta-41";
|
||||
const summaryCellClassname = "s8wc6fl7-0-0-beta-42";
|
||||
function SummaryCell({
|
||||
column,
|
||||
colSpan,
|
||||
@@ -1933,12 +1931,9 @@ function SummaryCell({
|
||||
}
|
||||
const SummaryCell$1 = /*#__PURE__*/react.memo(SummaryCell);
|
||||
|
||||
const summaryRow = "skuhp557-0-0-beta-41";
|
||||
const topSummaryRow = "tf8l5ub7-0-0-beta-41";
|
||||
const topSummaryRowBorderClassname = "tb9ughf7-0-0-beta-41";
|
||||
const bottomSummaryRowBorderClassname = "b1yssfnt7-0-0-beta-41";
|
||||
const summaryRow = "skuhp557-0-0-beta-42";
|
||||
const topSummaryRow = "tf8l5ub7-0-0-beta-42";
|
||||
const summaryRowClassname = `rdg-summary-row ${summaryRow}`;
|
||||
const topSummaryRowClassname = `rdg-top-summary-row ${topSummaryRow}`;
|
||||
function SummaryRow({
|
||||
rowIdx,
|
||||
gridRowStart,
|
||||
@@ -1949,7 +1944,6 @@ function SummaryRow({
|
||||
lastFrozenColumnIndex,
|
||||
selectedCellIdx,
|
||||
isTop,
|
||||
showBorder,
|
||||
selectCell,
|
||||
'aria-rowindex': ariaRowIndex
|
||||
}) {
|
||||
@@ -1976,7 +1970,7 @@ function SummaryRow({
|
||||
return /*#__PURE__*/jsxRuntime.jsx("div", {
|
||||
role: "row",
|
||||
"aria-rowindex": ariaRowIndex,
|
||||
className: clsx(rowClassname, `rdg-row-${rowIdx % 2 === 0 ? 'even' : 'odd'}`, summaryRowClassname, isTop ? [topSummaryRowClassname, showBorder && topSummaryRowBorderClassname] : ['rdg-bottom-summary-row', showBorder && bottomSummaryRowBorderClassname], selectedCellIdx === -1 && rowSelectedClassname),
|
||||
className: clsx(rowClassname, `rdg-row-${rowIdx % 2 === 0 ? 'even' : 'odd'}`, summaryRowClassname, isTop ? `${topSummaryRowClassname} ${topSummaryRow}` : bottomSummaryRowClassname, selectedCellIdx === -1 && rowSelectedClassname),
|
||||
style: {
|
||||
...getRowStyle(gridRowStart),
|
||||
'--rdg-summary-row-top': top !== undefined ? `${top}px` : undefined,
|
||||
@@ -2270,6 +2264,7 @@ function DataGrid(props, ref) {
|
||||
const cKey = 67;
|
||||
const vKey = 86;
|
||||
if (keyCode === cKey) {
|
||||
if (window.getSelection()?.isCollapsed === false) return;
|
||||
handleCopy();
|
||||
return;
|
||||
}
|
||||
@@ -2807,7 +2802,6 @@ function DataGrid(props, ref) {
|
||||
lastFrozenColumnIndex: lastFrozenColumnIndex,
|
||||
selectedCellIdx: isSummaryRowSelected ? selectedPosition.idx : undefined,
|
||||
isTop: true,
|
||||
showBorder: rowIdx === topSummaryRowsCount - 1,
|
||||
selectCell: selectCellLatest
|
||||
}, rowIdx);
|
||||
}), getViewportRows(), bottomSummaryRows?.map((row, rowIdx) => {
|
||||
@@ -2827,7 +2821,6 @@ function DataGrid(props, ref) {
|
||||
lastFrozenColumnIndex: lastFrozenColumnIndex,
|
||||
selectedCellIdx: isSummaryRowSelected ? selectedPosition.idx : undefined,
|
||||
isTop: false,
|
||||
showBorder: rowIdx === 0,
|
||||
selectCell: selectCellLatest
|
||||
}, rowIdx);
|
||||
})]
|
||||
@@ -2901,7 +2894,7 @@ function GroupCell({
|
||||
}
|
||||
const GroupCell$1 = /*#__PURE__*/react.memo(GroupCell);
|
||||
|
||||
const groupRow = "g1yxluv37-0-0-beta-41";
|
||||
const groupRow = "g1yxluv37-0-0-beta-42";
|
||||
const groupRowClassname = `rdg-group-row ${groupRow}`;
|
||||
function GroupedRow({
|
||||
className,
|
||||
@@ -3196,11 +3189,11 @@ function TreeDataGrid({
|
||||
if (!onRowsChange) return;
|
||||
const updatedRawRows = [...rawRows];
|
||||
const rawIndexes = [];
|
||||
indexes.forEach(index => {
|
||||
for (const index of indexes) {
|
||||
const rawIndex = rawRows.indexOf(rows[index]);
|
||||
updatedRawRows[rawIndex] = updatedRows[index];
|
||||
rawIndexes.push(rawIndex);
|
||||
});
|
||||
}
|
||||
onRowsChange(updatedRawRows, {
|
||||
indexes: rawIndexes,
|
||||
column
|
||||
@@ -3291,7 +3284,7 @@ function isReadonlyArray(arr) {
|
||||
}
|
||||
const TreeDataGrid$1 = /*#__PURE__*/react.forwardRef(TreeDataGrid);
|
||||
|
||||
const textEditorInternalClassname = "t7vyx3i7-0-0-beta-41";
|
||||
const textEditorInternalClassname = "t7vyx3i7-0-0-beta-42";
|
||||
const textEditorClassname = `rdg-text-editor ${textEditorInternalClassname}`;
|
||||
function autoFocusAndSelect(input) {
|
||||
input?.focus();
|
||||
|
||||
File diff suppressed because one or more lines are too long
+44
-51
@@ -41,6 +41,8 @@ function isCtrlKeyHeldDown(e) {
|
||||
return (e.ctrlKey || e.metaKey) && e.key !== 'Control';
|
||||
}
|
||||
function isDefaultCellInput(event) {
|
||||
const vKey = 86;
|
||||
if (isCtrlKeyHeldDown(event) && event.keyCode !== vKey) return false;
|
||||
return !nonInputKeys.has(event.key);
|
||||
}
|
||||
function onEditorNavigation({
|
||||
@@ -53,7 +55,7 @@ function onEditorNavigation({
|
||||
return false;
|
||||
}
|
||||
|
||||
const measuringCellClassname = "mlln6zg7-0-0-beta-41";
|
||||
const measuringCellClassname = "mlln6zg7-0-0-beta-42";
|
||||
function renderMeasuringCells(viewportColumns) {
|
||||
return viewportColumns.map(({
|
||||
key,
|
||||
@@ -258,12 +260,10 @@ function canExitGrid({
|
||||
return shiftKey ? atFirstCellInRow && atFirstRow : atLastCellInRow && atLastRow;
|
||||
}
|
||||
|
||||
const cell = "cj343x07-0-0-beta-41";
|
||||
const cell = "cj343x07-0-0-beta-42";
|
||||
const cellClassname = `rdg-cell ${cell}`;
|
||||
const cellFrozen = "csofj7r7-0-0-beta-41";
|
||||
const cellFrozen = "csofj7r7-0-0-beta-42";
|
||||
const cellFrozenClassname = `rdg-cell-frozen ${cellFrozen}`;
|
||||
const cellFrozenLast = "ch2wcw87-0-0-beta-41";
|
||||
const cellFrozenLastClassname = `rdg-cell-frozen-last ${cellFrozenLast}`;
|
||||
|
||||
function getRowStyle(rowIdx, height) {
|
||||
if (height !== undefined) {
|
||||
@@ -303,7 +303,7 @@ function getCellStyle(column, colSpan = 1) {
|
||||
};
|
||||
}
|
||||
function getCellClassname(column, ...extraClasses) {
|
||||
return clsx(cellClassname, ...extraClasses, column.frozen && cellFrozenClassname, column.isLastFrozenColumn && cellFrozenLastClassname);
|
||||
return clsx(cellClassname, ...extraClasses, column.frozen && cellFrozenClassname);
|
||||
}
|
||||
|
||||
const {
|
||||
@@ -332,13 +332,13 @@ function getHeaderCellRowSpan(column, rowIdx) {
|
||||
return column.parent === undefined ? rowIdx : column.level - column.parent.level;
|
||||
}
|
||||
|
||||
const checkboxLabel = "c1bn88vv7-0-0-beta-41";
|
||||
const checkboxLabel = "c1bn88vv7-0-0-beta-42";
|
||||
const checkboxLabelClassname = `rdg-checkbox-label ${checkboxLabel}`;
|
||||
const checkboxInput = "c1qt073l7-0-0-beta-41";
|
||||
const checkboxInput = "c1qt073l7-0-0-beta-42";
|
||||
const checkboxInputClassname = `rdg-checkbox-input ${checkboxInput}`;
|
||||
const checkbox = "cf71kmq7-0-0-beta-41";
|
||||
const checkbox = "cf71kmq7-0-0-beta-42";
|
||||
const checkboxClassname = `rdg-checkbox ${checkbox}`;
|
||||
const checkboxLabelDisabled = "c1lwve4p7-0-0-beta-41";
|
||||
const checkboxLabelDisabled = "c1lwve4p7-0-0-beta-42";
|
||||
const checkboxLabelDisabledClassname = `rdg-checkbox-label-disabled ${checkboxLabelDisabled}`;
|
||||
function renderCheckbox({
|
||||
onChange,
|
||||
@@ -360,9 +360,9 @@ function renderCheckbox({
|
||||
});
|
||||
}
|
||||
|
||||
const groupCellContent = "g1s9ylgp7-0-0-beta-41";
|
||||
const groupCellContent = "g1s9ylgp7-0-0-beta-42";
|
||||
const groupCellContentClassname = `rdg-group-cell-content ${groupCellContent}`;
|
||||
const caret = "cz54e4y7-0-0-beta-41";
|
||||
const caret = "cz54e4y7-0-0-beta-42";
|
||||
const caretClassname = `rdg-caret ${caret}`;
|
||||
function renderToggleGroup(props) {
|
||||
return /*#__PURE__*/jsx(ToggleGroup, {
|
||||
@@ -567,7 +567,6 @@ function useCalculatedColumns({
|
||||
idx: 0,
|
||||
level: 0,
|
||||
frozen,
|
||||
isLastFrozenColumn: false,
|
||||
width: rawColumn.width ?? defaultWidth,
|
||||
minWidth: rawColumn.minWidth ?? defaultMinWidth,
|
||||
maxWidth: rawColumn.maxWidth ?? defaultMaxWidth,
|
||||
@@ -609,9 +608,6 @@ function useCalculatedColumns({
|
||||
colSpanColumns.push(column);
|
||||
}
|
||||
});
|
||||
if (lastFrozenColumnIndex !== -1) {
|
||||
columns[lastFrozenColumnIndex].isLastFrozenColumn = true;
|
||||
}
|
||||
return {
|
||||
columns,
|
||||
colSpanColumns,
|
||||
@@ -1027,9 +1023,9 @@ function useViewportRows({
|
||||
};
|
||||
}
|
||||
|
||||
const cellCopied = "c6ra8a37-0-0-beta-41";
|
||||
const cellCopied = "c6ra8a37-0-0-beta-42";
|
||||
const cellCopiedClassname = `rdg-cell-copied ${cellCopied}`;
|
||||
const cellDraggedOver = "cq910m07-0-0-beta-41";
|
||||
const cellDraggedOver = "cq910m07-0-0-beta-42";
|
||||
const cellDraggedOverClassname = `rdg-cell-dragged-over ${cellDraggedOver}`;
|
||||
function Cell({
|
||||
column,
|
||||
@@ -1135,8 +1131,8 @@ function defaultRenderCell(key, props) {
|
||||
}, key);
|
||||
}
|
||||
|
||||
const cellDragHandle = "c1w9bbhr7-0-0-beta-41";
|
||||
const cellDragHandleFrozenClassname = "c1creorc7-0-0-beta-41";
|
||||
const cellDragHandle = "c1w9bbhr7-0-0-beta-42";
|
||||
const cellDragHandleFrozenClassname = "c1creorc7-0-0-beta-42";
|
||||
const cellDragHandleClassname = `rdg-cell-drag-handle ${cellDragHandle}`;
|
||||
function DragHandle({
|
||||
gridRowStart,
|
||||
@@ -1241,7 +1237,7 @@ function DragHandle({
|
||||
});
|
||||
}
|
||||
|
||||
const cellEditing = "cis5rrm7-0-0-beta-41";
|
||||
const cellEditing = "cis5rrm7-0-0-beta-42";
|
||||
function EditCell({
|
||||
column,
|
||||
colSpan,
|
||||
@@ -1379,8 +1375,8 @@ function GroupedColumnHeaderCell({
|
||||
});
|
||||
}
|
||||
|
||||
const headerSortCellClassname = "h44jtk67-0-0-beta-41";
|
||||
const headerSortName = "hcgkhxz7-0-0-beta-41";
|
||||
const headerSortCellClassname = "h44jtk67-0-0-beta-42";
|
||||
const headerSortName = "hcgkhxz7-0-0-beta-42";
|
||||
const headerSortNameClassname = `rdg-header-sort-name ${headerSortName}`;
|
||||
function renderHeaderCell({
|
||||
column,
|
||||
@@ -1414,14 +1410,14 @@ function SortableHeaderCell({
|
||||
});
|
||||
}
|
||||
|
||||
const cellSortableClassname = "c6l2wv17-0-0-beta-41";
|
||||
const cellResizable = "c1kqdw7y7-0-0-beta-41";
|
||||
const cellSortableClassname = "c6l2wv17-0-0-beta-42";
|
||||
const cellResizable = "c1kqdw7y7-0-0-beta-42";
|
||||
const cellResizableClassname = `rdg-cell-resizable ${cellResizable}`;
|
||||
const resizeHandleClassname = "r1y6ywlx7-0-0-beta-41";
|
||||
const resizeHandleClassname = "r1y6ywlx7-0-0-beta-42";
|
||||
const cellDraggableClassname = 'rdg-cell-draggable';
|
||||
const cellDragging = "c1bezg5o7-0-0-beta-41";
|
||||
const cellDragging = "c1bezg5o7-0-0-beta-42";
|
||||
const cellDraggingClassname = `rdg-cell-dragging ${cellDragging}`;
|
||||
const cellOver = "c1vc96037-0-0-beta-41";
|
||||
const cellOver = "c1vc96037-0-0-beta-42";
|
||||
const cellOverClassname = `rdg-cell-drag-over ${cellOver}`;
|
||||
function HeaderCell({
|
||||
column,
|
||||
@@ -1629,13 +1625,15 @@ function isEventPertinent(event) {
|
||||
return !event.currentTarget.contains(relatedTarget);
|
||||
}
|
||||
|
||||
const row = "r1upfr807-0-0-beta-41";
|
||||
const row = "r1upfr807-0-0-beta-42";
|
||||
const rowClassname = `rdg-row ${row}`;
|
||||
const rowSelected = "r190mhd37-0-0-beta-41";
|
||||
const rowSelected = "r190mhd37-0-0-beta-42";
|
||||
const rowSelectedClassname = 'rdg-row-selected';
|
||||
const rowSelectedWithFrozenCell = "r139qu9m7-0-0-beta-41";
|
||||
const rowSelectedWithFrozenCell = "r139qu9m7-0-0-beta-42";
|
||||
const topSummaryRowClassname = 'rdg-top-summary-row';
|
||||
const bottomSummaryRowClassname = 'rdg-bottom-summary-row';
|
||||
|
||||
const headerRow = "h10tskcx7-0-0-beta-41";
|
||||
const headerRow = "h10tskcx7-0-0-beta-42";
|
||||
const headerRowClassname = `rdg-header-row ${headerRow}`;
|
||||
function HeaderRow({
|
||||
rowIdx,
|
||||
@@ -1844,7 +1842,7 @@ function ScrollToCell({
|
||||
});
|
||||
}
|
||||
|
||||
const arrow = "a3ejtar7-0-0-beta-41";
|
||||
const arrow = "a3ejtar7-0-0-beta-42";
|
||||
const arrowClassname = `rdg-sort-arrow ${arrow}`;
|
||||
function renderSortStatus({
|
||||
sortDirection,
|
||||
@@ -1879,14 +1877,14 @@ function renderSortPriority({
|
||||
return priority;
|
||||
}
|
||||
|
||||
const root = "rnvodz57-0-0-beta-41";
|
||||
const root = "rnvodz57-0-0-beta-42";
|
||||
const rootClassname = `rdg ${root}`;
|
||||
const viewportDragging = "vlqv91k7-0-0-beta-41";
|
||||
const viewportDragging = "vlqv91k7-0-0-beta-42";
|
||||
const viewportDraggingClassname = `rdg-viewport-dragging ${viewportDragging}`;
|
||||
const focusSinkClassname = "f1lsfrzw7-0-0-beta-41";
|
||||
const focusSinkHeaderAndSummaryClassname = "f1cte0lg7-0-0-beta-41";
|
||||
const focusSinkClassname = "f1lsfrzw7-0-0-beta-42";
|
||||
const focusSinkHeaderAndSummaryClassname = "f1cte0lg7-0-0-beta-42";
|
||||
|
||||
const summaryCellClassname = "s8wc6fl7-0-0-beta-41";
|
||||
const summaryCellClassname = "s8wc6fl7-0-0-beta-42";
|
||||
function SummaryCell({
|
||||
column,
|
||||
colSpan,
|
||||
@@ -1929,12 +1927,9 @@ function SummaryCell({
|
||||
}
|
||||
const SummaryCell$1 = /*#__PURE__*/memo(SummaryCell);
|
||||
|
||||
const summaryRow = "skuhp557-0-0-beta-41";
|
||||
const topSummaryRow = "tf8l5ub7-0-0-beta-41";
|
||||
const topSummaryRowBorderClassname = "tb9ughf7-0-0-beta-41";
|
||||
const bottomSummaryRowBorderClassname = "b1yssfnt7-0-0-beta-41";
|
||||
const summaryRow = "skuhp557-0-0-beta-42";
|
||||
const topSummaryRow = "tf8l5ub7-0-0-beta-42";
|
||||
const summaryRowClassname = `rdg-summary-row ${summaryRow}`;
|
||||
const topSummaryRowClassname = `rdg-top-summary-row ${topSummaryRow}`;
|
||||
function SummaryRow({
|
||||
rowIdx,
|
||||
gridRowStart,
|
||||
@@ -1945,7 +1940,6 @@ function SummaryRow({
|
||||
lastFrozenColumnIndex,
|
||||
selectedCellIdx,
|
||||
isTop,
|
||||
showBorder,
|
||||
selectCell,
|
||||
'aria-rowindex': ariaRowIndex
|
||||
}) {
|
||||
@@ -1972,7 +1966,7 @@ function SummaryRow({
|
||||
return /*#__PURE__*/jsx("div", {
|
||||
role: "row",
|
||||
"aria-rowindex": ariaRowIndex,
|
||||
className: clsx(rowClassname, `rdg-row-${rowIdx % 2 === 0 ? 'even' : 'odd'}`, summaryRowClassname, isTop ? [topSummaryRowClassname, showBorder && topSummaryRowBorderClassname] : ['rdg-bottom-summary-row', showBorder && bottomSummaryRowBorderClassname], selectedCellIdx === -1 && rowSelectedClassname),
|
||||
className: clsx(rowClassname, `rdg-row-${rowIdx % 2 === 0 ? 'even' : 'odd'}`, summaryRowClassname, isTop ? `${topSummaryRowClassname} ${topSummaryRow}` : bottomSummaryRowClassname, selectedCellIdx === -1 && rowSelectedClassname),
|
||||
style: {
|
||||
...getRowStyle(gridRowStart),
|
||||
'--rdg-summary-row-top': top !== undefined ? `${top}px` : undefined,
|
||||
@@ -2266,6 +2260,7 @@ function DataGrid(props, ref) {
|
||||
const cKey = 67;
|
||||
const vKey = 86;
|
||||
if (keyCode === cKey) {
|
||||
if (window.getSelection()?.isCollapsed === false) return;
|
||||
handleCopy();
|
||||
return;
|
||||
}
|
||||
@@ -2803,7 +2798,6 @@ function DataGrid(props, ref) {
|
||||
lastFrozenColumnIndex: lastFrozenColumnIndex,
|
||||
selectedCellIdx: isSummaryRowSelected ? selectedPosition.idx : undefined,
|
||||
isTop: true,
|
||||
showBorder: rowIdx === topSummaryRowsCount - 1,
|
||||
selectCell: selectCellLatest
|
||||
}, rowIdx);
|
||||
}), getViewportRows(), bottomSummaryRows?.map((row, rowIdx) => {
|
||||
@@ -2823,7 +2817,6 @@ function DataGrid(props, ref) {
|
||||
lastFrozenColumnIndex: lastFrozenColumnIndex,
|
||||
selectedCellIdx: isSummaryRowSelected ? selectedPosition.idx : undefined,
|
||||
isTop: false,
|
||||
showBorder: rowIdx === 0,
|
||||
selectCell: selectCellLatest
|
||||
}, rowIdx);
|
||||
})]
|
||||
@@ -2897,7 +2890,7 @@ function GroupCell({
|
||||
}
|
||||
const GroupCell$1 = /*#__PURE__*/memo(GroupCell);
|
||||
|
||||
const groupRow = "g1yxluv37-0-0-beta-41";
|
||||
const groupRow = "g1yxluv37-0-0-beta-42";
|
||||
const groupRowClassname = `rdg-group-row ${groupRow}`;
|
||||
function GroupedRow({
|
||||
className,
|
||||
@@ -3192,11 +3185,11 @@ function TreeDataGrid({
|
||||
if (!onRowsChange) return;
|
||||
const updatedRawRows = [...rawRows];
|
||||
const rawIndexes = [];
|
||||
indexes.forEach(index => {
|
||||
for (const index of indexes) {
|
||||
const rawIndex = rawRows.indexOf(rows[index]);
|
||||
updatedRawRows[rawIndex] = updatedRows[index];
|
||||
rawIndexes.push(rawIndex);
|
||||
});
|
||||
}
|
||||
onRowsChange(updatedRawRows, {
|
||||
indexes: rawIndexes,
|
||||
column
|
||||
@@ -3287,7 +3280,7 @@ function isReadonlyArray(arr) {
|
||||
}
|
||||
const TreeDataGrid$1 = /*#__PURE__*/forwardRef(TreeDataGrid);
|
||||
|
||||
const textEditorInternalClassname = "t7vyx3i7-0-0-beta-41";
|
||||
const textEditorInternalClassname = "t7vyx3i7-0-0-beta-42";
|
||||
const textEditorClassname = `rdg-text-editor ${textEditorInternalClassname}`;
|
||||
function autoFocusAndSelect(input) {
|
||||
input?.focus();
|
||||
|
||||
File diff suppressed because one or more lines are too long
@@ -1,12 +1,31 @@
|
||||
@layer rdg.MeasuringCell {.mlln6zg7-0-0-beta-41 {
|
||||
@layer rdg {
|
||||
@layer Defaults,
|
||||
FocusSink,
|
||||
CheckboxInput,
|
||||
CheckboxIcon,
|
||||
CheckboxLabel,
|
||||
Cell,
|
||||
HeaderCell,
|
||||
SummaryCell,
|
||||
EditCell,
|
||||
Row,
|
||||
HeaderRow,
|
||||
SummaryRow,
|
||||
GroupedRow,
|
||||
Root;
|
||||
}
|
||||
|
||||
.mlln6zg7-0-0-beta-42 {
|
||||
@layer rdg.MeasuringCell {
|
||||
contain: strict;
|
||||
grid-row: 1;
|
||||
visibility: hidden
|
||||
}
|
||||
visibility: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@layer rdg.Cell {.cj343x07-0-0-beta-41 {
|
||||
.cj343x07-0-0-beta-42 {
|
||||
@layer rdg.Cell {
|
||||
/* max-content does not work with size containment
|
||||
* dynamically switching between different containment styles incurs a heavy relayout penalty
|
||||
* Chromium bug: at odd zoom levels or subpixel positioning,
|
||||
@@ -24,231 +43,227 @@
|
||||
white-space: nowrap;
|
||||
overflow: clip;
|
||||
text-overflow: ellipsis;
|
||||
outline: none
|
||||
}
|
||||
outline: none;
|
||||
|
||||
.cj343x07-0-0-beta-41[aria-selected='true'] {
|
||||
&[aria-selected='true'] {
|
||||
outline: 2px solid var(--rdg-selection-color);
|
||||
outline-offset: -2px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@layer rdg.Cell {
|
||||
|
||||
.csofj7r7-0-0-beta-41 {
|
||||
.csofj7r7-0-0-beta-42 {
|
||||
@layer rdg.Cell {
|
||||
position: sticky;
|
||||
/* Should have a higher value than 0 to show up above unfrozen cells */
|
||||
z-index: 1
|
||||
}
|
||||
z-index: 1;
|
||||
|
||||
/* Add box-shadow on the last frozen cell */
|
||||
&:nth-last-child(1 of &) {
|
||||
box-shadow: var(--rdg-cell-frozen-box-shadow);
|
||||
}
|
||||
}
|
||||
|
||||
@layer rdg.Cell {
|
||||
|
||||
.ch2wcw87-0-0-beta-41 {
|
||||
box-shadow: calc(2px * var(--rdg-sign)) 0 5px -2px rgba(136, 136, 136, 0.3)
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@layer rdg.CheckboxLabel {.c1bn88vv7-0-0-beta-41 {
|
||||
.c1bn88vv7-0-0-beta-42 {
|
||||
@layer rdg.CheckboxLabel {
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
margin-inline-end: 1px /* align checkbox in row group cell */
|
||||
}
|
||||
margin-inline-end: 1px; /* align checkbox in row group cell */
|
||||
}
|
||||
|
||||
@layer rdg.CheckboxInput {
|
||||
|
||||
.c1qt073l7-0-0-beta-41 {
|
||||
all: unset
|
||||
}
|
||||
|
||||
.c1qt073l7-0-0-beta-42 {
|
||||
@layer rdg.CheckboxInput {
|
||||
all: unset;
|
||||
}
|
||||
}
|
||||
|
||||
@layer rdg.CheckboxIcon {
|
||||
|
||||
.cf71kmq7-0-0-beta-41 {
|
||||
.cf71kmq7-0-0-beta-42 {
|
||||
@layer rdg.CheckboxIcon {
|
||||
content: '';
|
||||
inline-size: 20px;
|
||||
block-size: 20px;
|
||||
border: 2px solid var(--rdg-border-color);
|
||||
background-color: var(--rdg-background-color)
|
||||
}
|
||||
background-color: var(--rdg-background-color);
|
||||
|
||||
.c1qt073l7-0-0-beta-41:checked + .cf71kmq7-0-0-beta-41 {
|
||||
.c1qt073l7-0-0-beta-42:checked + & {
|
||||
background-color: var(--rdg-checkbox-color);
|
||||
outline: 4px solid var(--rdg-background-color);
|
||||
outline-offset: -6px;
|
||||
}
|
||||
|
||||
.c1qt073l7-0-0-beta-41:focus + .cf71kmq7-0-0-beta-41 {
|
||||
.c1qt073l7-0-0-beta-42:focus + & {
|
||||
border-color: var(--rdg-checkbox-focus-color);
|
||||
}
|
||||
}
|
||||
|
||||
@layer rdg.CheckboxLabel {
|
||||
|
||||
.c1lwve4p7-0-0-beta-41 {
|
||||
cursor: default
|
||||
}
|
||||
|
||||
.c1lwve4p7-0-0-beta-41 .cf71kmq7-0-0-beta-41 {
|
||||
.c1lwve4p7-0-0-beta-42 {
|
||||
@layer rdg.CheckboxLabel {
|
||||
cursor: default;
|
||||
|
||||
.cf71kmq7-0-0-beta-42 {
|
||||
border-color: var(--rdg-checkbox-disabled-border-color);
|
||||
background-color: var(--rdg-checkbox-disabled-background-color);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@layer rdg.GroupCellContent {.g1s9ylgp7-0-0-beta-41 {
|
||||
outline: none
|
||||
}
|
||||
|
||||
|
||||
.g1s9ylgp7-0-0-beta-42 {
|
||||
@layer rdg.GroupCellContent {
|
||||
outline: none;
|
||||
}
|
||||
}
|
||||
|
||||
@layer rdg.GroupCellCaret {
|
||||
|
||||
.cz54e4y7-0-0-beta-41 {
|
||||
.cz54e4y7-0-0-beta-42 {
|
||||
@layer rdg.GroupCellCaret {
|
||||
margin-inline-start: 4px;
|
||||
stroke: currentColor;
|
||||
stroke-width: 1.5px;
|
||||
fill: transparent;
|
||||
vertical-align: middle
|
||||
}
|
||||
vertical-align: middle;
|
||||
|
||||
.cz54e4y7-0-0-beta-41 > path {
|
||||
> path {
|
||||
transition: d 0.1s;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@layer rdg.Cell {.c6ra8a37-0-0-beta-41 {
|
||||
background-color: #ccccff
|
||||
}
|
||||
|
||||
|
||||
.c6ra8a37-0-0-beta-42 {
|
||||
@layer rdg.Cell {
|
||||
background-color: #ccccff;
|
||||
}
|
||||
|
||||
@layer rdg.Cell {
|
||||
|
||||
.cq910m07-0-0-beta-41 {
|
||||
background-color: #ccccff
|
||||
}
|
||||
|
||||
.cq910m07-0-0-beta-41.c6ra8a37-0-0-beta-41 {
|
||||
.cq910m07-0-0-beta-42 {
|
||||
@layer rdg.Cell {
|
||||
background-color: #ccccff;
|
||||
|
||||
&.c6ra8a37-0-0-beta-42 {
|
||||
background-color: #9999ff;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@layer rdg.DragHandle {.c1w9bbhr7-0-0-beta-41 {
|
||||
.c1w9bbhr7-0-0-beta-42 {
|
||||
@layer rdg.DragHandle {
|
||||
--rdg-drag-handle-size: 8px;
|
||||
z-index: 0;
|
||||
cursor: move;
|
||||
inline-size: var(--rdg-drag-handle-size);
|
||||
block-size: var(--rdg-drag-handle-size);
|
||||
background-color: var(--rdg-selection-color);
|
||||
place-self: end
|
||||
}
|
||||
place-self: end;
|
||||
|
||||
.c1w9bbhr7-0-0-beta-41:hover {
|
||||
&:hover {
|
||||
--rdg-drag-handle-size: 16px;
|
||||
border: 2px solid var(--rdg-selection-color);
|
||||
background-color: var(--rdg-background-color);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@layer rdg.DragHandle {
|
||||
|
||||
.c1creorc7-0-0-beta-41 {
|
||||
.c1creorc7-0-0-beta-42 {
|
||||
@layer rdg.DragHandle {
|
||||
z-index: 1;
|
||||
position: sticky
|
||||
}
|
||||
position: sticky;
|
||||
}
|
||||
|
||||
|
||||
@layer rdg.EditCell {.cis5rrm7-0-0-beta-41 {
|
||||
padding: 0
|
||||
}
|
||||
|
||||
|
||||
.cis5rrm7-0-0-beta-42 {
|
||||
@layer rdg.EditCell {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
|
||||
@layer rdg.SortableHeaderCell {.h44jtk67-0-0-beta-41 {
|
||||
display: flex
|
||||
}
|
||||
|
||||
|
||||
.h44jtk67-0-0-beta-42 {
|
||||
@layer rdg.SortableHeaderCell {
|
||||
display: flex;
|
||||
}
|
||||
}
|
||||
|
||||
@layer rdg.SortableHeaderCellName {
|
||||
|
||||
.hcgkhxz7-0-0-beta-41 {
|
||||
.hcgkhxz7-0-0-beta-42 {
|
||||
@layer rdg.SortableHeaderCellName {
|
||||
flex-grow: 1;
|
||||
overflow: clip;
|
||||
text-overflow: ellipsis
|
||||
}
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
|
||||
@layer rdg.HeaderCell {.c6l2wv17-0-0-beta-41 {
|
||||
cursor: pointer
|
||||
}
|
||||
|
||||
|
||||
.c6l2wv17-0-0-beta-42 {
|
||||
@layer rdg.HeaderCell {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
@layer rdg.HeaderCell {
|
||||
|
||||
.c1kqdw7y7-0-0-beta-41 {
|
||||
touch-action: none
|
||||
}
|
||||
|
||||
.c1kqdw7y7-0-0-beta-42 {
|
||||
@layer rdg.HeaderCell {
|
||||
touch-action: none;
|
||||
}
|
||||
}
|
||||
|
||||
@layer rdg.HeaderCell {
|
||||
|
||||
.r1y6ywlx7-0-0-beta-41 {
|
||||
.r1y6ywlx7-0-0-beta-42 {
|
||||
@layer rdg.HeaderCell {
|
||||
cursor: col-resize;
|
||||
position: absolute;
|
||||
inset-block-start: 0;
|
||||
inset-inline-end: 0;
|
||||
inset-block-end: 0;
|
||||
inline-size: 10px
|
||||
}
|
||||
inline-size: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.c1bezg5o7-0-0-beta-41 {
|
||||
.c1bezg5o7-0-0-beta-42 {
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.c1vc96037-0-0-beta-41 {
|
||||
.c1vc96037-0-0-beta-42 {
|
||||
background-color: var(--rdg-header-draggable-background-color);
|
||||
}
|
||||
|
||||
|
||||
@layer rdg.Row {.r1upfr807-0-0-beta-41 {
|
||||
.r1upfr807-0-0-beta-42 {
|
||||
@layer rdg.Row {
|
||||
display: contents;
|
||||
line-height: var(--rdg-row-height);
|
||||
background-color: var(--rdg-background-color)
|
||||
}
|
||||
background-color: var(--rdg-background-color);
|
||||
|
||||
.r1upfr807-0-0-beta-41:hover {
|
||||
&:hover {
|
||||
background-color: var(--rdg-row-hover-background-color);
|
||||
}
|
||||
|
||||
.r1upfr807-0-0-beta-41[aria-selected='true'] {
|
||||
&[aria-selected='true'] {
|
||||
background-color: var(--rdg-row-selected-background-color);
|
||||
}
|
||||
|
||||
.r1upfr807-0-0-beta-41[aria-selected='true']:hover {
|
||||
&:hover {
|
||||
background-color: var(--rdg-row-selected-hover-background-color);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@layer rdg.FocusSink {
|
||||
|
||||
.r190mhd37-0-0-beta-41 {
|
||||
outline: 2px solid var(--rdg-selection-color);
|
||||
outline-offset: -2px
|
||||
}
|
||||
}
|
||||
|
||||
@layer rdg.FocusSink {
|
||||
.r139qu9m7-0-0-beta-41::before {
|
||||
.r190mhd37-0-0-beta-42 {
|
||||
@layer rdg.FocusSink {
|
||||
outline: 2px solid var(--rdg-selection-color);
|
||||
outline-offset: -2px;
|
||||
}
|
||||
}
|
||||
|
||||
.r139qu9m7-0-0-beta-42 {
|
||||
@layer rdg.FocusSink {
|
||||
&::before {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
height: 100%;
|
||||
@@ -257,189 +272,182 @@
|
||||
border-inline-start: 2px solid var(--rdg-selection-color);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@layer rdg.HeaderRow {.h10tskcx7-0-0-beta-41 {
|
||||
.h10tskcx7-0-0-beta-42 {
|
||||
@layer rdg.HeaderRow {
|
||||
display: contents;
|
||||
line-height: var(--rdg-header-row-height);
|
||||
background-color: var(--rdg-header-background-color);
|
||||
font-weight: bold
|
||||
}
|
||||
font-weight: bold;
|
||||
|
||||
.h10tskcx7-0-0-beta-41 > .cj343x07-0-0-beta-41 {
|
||||
& > .cj343x07-0-0-beta-42 {
|
||||
/* Should have a higher value than 1 to show up above regular cells and the focus sink */
|
||||
z-index: 2;
|
||||
position: sticky;
|
||||
}
|
||||
|
||||
.h10tskcx7-0-0-beta-41 > .csofj7r7-0-0-beta-41 {
|
||||
& > .csofj7r7-0-0-beta-42 {
|
||||
z-index: 3;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@layer rdg.SortIcon {.a3ejtar7-0-0-beta-41 {
|
||||
fill: currentColor
|
||||
}
|
||||
|
||||
.a3ejtar7-0-0-beta-41 > path {
|
||||
|
||||
.a3ejtar7-0-0-beta-42 {
|
||||
@layer rdg.SortIcon {
|
||||
fill: currentColor;
|
||||
|
||||
> path {
|
||||
transition: d 0.1s;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@layer rdg {
|
||||
@layer Defaults,
|
||||
FocusSink,
|
||||
CheckboxInput,
|
||||
CheckboxIcon,
|
||||
CheckboxLabel,
|
||||
Cell,
|
||||
HeaderCell,
|
||||
SummaryCell,
|
||||
EditCell,
|
||||
Row,
|
||||
HeaderRow,
|
||||
SummaryRow,
|
||||
GroupedRow,
|
||||
Root;
|
||||
|
||||
@layer Defaults {
|
||||
.rnvodz57-0-0-beta-41 *,
|
||||
.rnvodz57-0-0-beta-41 *::before,
|
||||
.rnvodz57-0-0-beta-41 *::after {
|
||||
box-sizing: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
@layer Root {.rnvodz57-0-0-beta-41 {
|
||||
--rdg-color: #000; --rdg-border-color: #ddd; --rdg-summary-border-color: #aaa; --rdg-background-color: hsl(0deg 0% 100%); --rdg-header-background-color: hsl(0deg 0% 97.5%); --rdg-header-draggable-background-color: hsl(0deg 0% 90.5%); --rdg-row-hover-background-color: hsl(0deg 0% 96%); --rdg-row-selected-background-color: hsl(207deg 76% 92%); --rdg-row-selected-hover-background-color: hsl(207deg 76% 88%); --rdg-checkbox-color: hsl(207deg 100% 29%); --rdg-checkbox-focus-color: hsl(207deg 100% 69%); --rdg-checkbox-disabled-border-color: #ccc; --rdg-checkbox-disabled-background-color: #ddd;
|
||||
--rdg-selection-color: #66afe9;
|
||||
--rdg-font-size: 14px;
|
||||
|
||||
display: grid;
|
||||
|
||||
color-scheme: var(--rdg-color-scheme, light dark);
|
||||
|
||||
/* https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context */
|
||||
/* We set a stacking context so internal elements don't render on top of external elements. */
|
||||
/* size containment is not used as it could break "width: min-content" for example, and the grid would infinitely resize on Chromium browsers */
|
||||
contain: content;
|
||||
content-visibility: auto;
|
||||
block-size: 350px;
|
||||
border: 1px solid var(--rdg-border-color);
|
||||
box-sizing: border-box;
|
||||
overflow: auto;
|
||||
background-color: var(--rdg-background-color);
|
||||
color: var(--rdg-color);
|
||||
font-size: var(--rdg-font-size)
|
||||
|
||||
/* needed on Firefox to fix scrollbars */
|
||||
}
|
||||
.rnvodz57-0-0-beta-41::before {
|
||||
content: '';
|
||||
grid-column: 1/-1;
|
||||
grid-row: 1/-1;
|
||||
}
|
||||
|
||||
.rnvodz57-0-0-beta-41.rdg-dark {
|
||||
--rdg-color-scheme: dark;
|
||||
--rdg-color: #ddd; --rdg-border-color: #444; --rdg-summary-border-color: #555; --rdg-background-color: hsl(0deg 0% 13%); --rdg-header-background-color: hsl(0deg 0% 10.5%); --rdg-header-draggable-background-color: hsl(0deg 0% 17.5%); --rdg-row-hover-background-color: hsl(0deg 0% 9%); --rdg-row-selected-background-color: hsl(207deg 76% 42%); --rdg-row-selected-hover-background-color: hsl(207deg 76% 38%); --rdg-checkbox-color: hsl(207deg 100% 79%); --rdg-checkbox-focus-color: hsl(207deg 100% 89%); --rdg-checkbox-disabled-border-color: #000; --rdg-checkbox-disabled-background-color: #333;
|
||||
}
|
||||
|
||||
.rnvodz57-0-0-beta-41.rdg-light {
|
||||
--rdg-color-scheme: light;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
.rnvodz57-0-0-beta-41:not(.rdg-light) {
|
||||
--rdg-color: #ddd; --rdg-border-color: #444; --rdg-summary-border-color: #555; --rdg-background-color: hsl(0deg 0% 13%); --rdg-header-background-color: hsl(0deg 0% 10.5%); --rdg-header-draggable-background-color: hsl(0deg 0% 17.5%); --rdg-row-hover-background-color: hsl(0deg 0% 9%); --rdg-row-selected-background-color: hsl(207deg 76% 42%); --rdg-row-selected-hover-background-color: hsl(207deg 76% 38%); --rdg-checkbox-color: hsl(207deg 100% 79%); --rdg-checkbox-focus-color: hsl(207deg 100% 89%); --rdg-checkbox-disabled-border-color: #000; --rdg-checkbox-disabled-background-color: #333;
|
||||
}
|
||||
}
|
||||
.rnvodz57-0-0-beta-42 {
|
||||
@layer rdg.Defaults {
|
||||
*,
|
||||
*::before,
|
||||
*::after {
|
||||
box-sizing: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
@layer rdg.Root {
|
||||
@layer rdg.Root {
|
||||
--rdg-color: #000; --rdg-border-color: #ddd; --rdg-summary-border-color: #aaa; --rdg-background-color: hsl(0deg 0% 100%); --rdg-header-background-color: hsl(0deg 0% 97.5%); --rdg-header-draggable-background-color: hsl(0deg 0% 90.5%); --rdg-row-hover-background-color: hsl(0deg 0% 96%); --rdg-row-selected-background-color: hsl(207deg 76% 92%); --rdg-row-selected-hover-background-color: hsl(207deg 76% 88%); --rdg-checkbox-color: hsl(207deg 100% 29%); --rdg-checkbox-focus-color: hsl(207deg 100% 69%); --rdg-checkbox-disabled-border-color: #ccc; --rdg-checkbox-disabled-background-color: #ddd;
|
||||
--rdg-selection-color: #66afe9;
|
||||
--rdg-font-size: 14px;
|
||||
--rdg-cell-frozen-box-shadow: calc(2px * var(--rdg-sign)) 0 5px -2px rgba(136, 136, 136, 0.3);
|
||||
|
||||
.vlqv91k7-0-0-beta-41 {
|
||||
user-select: none
|
||||
display: grid;
|
||||
|
||||
color-scheme: var(--rdg-color-scheme, light dark);
|
||||
|
||||
/* https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context */
|
||||
/* We set a stacking context so internal elements don't render on top of external elements. */
|
||||
/* size containment is not used as it could break "width: min-content" for example, and the grid would infinitely resize on Chromium browsers */
|
||||
contain: content;
|
||||
content-visibility: auto;
|
||||
block-size: 350px;
|
||||
border: 1px solid var(--rdg-border-color);
|
||||
box-sizing: border-box;
|
||||
overflow: auto;
|
||||
background-color: var(--rdg-background-color);
|
||||
color: var(--rdg-color);
|
||||
font-size: var(--rdg-font-size);
|
||||
|
||||
/* needed on Firefox to fix scrollbars */
|
||||
&::before {
|
||||
content: '';
|
||||
grid-column: 1/-1;
|
||||
grid-row: 1/-1;
|
||||
}
|
||||
|
||||
&.rdg-dark {
|
||||
--rdg-color-scheme: dark;
|
||||
--rdg-color: #ddd; --rdg-border-color: #444; --rdg-summary-border-color: #555; --rdg-background-color: hsl(0deg 0% 13%); --rdg-header-background-color: hsl(0deg 0% 10.5%); --rdg-header-draggable-background-color: hsl(0deg 0% 17.5%); --rdg-row-hover-background-color: hsl(0deg 0% 9%); --rdg-row-selected-background-color: hsl(207deg 76% 42%); --rdg-row-selected-hover-background-color: hsl(207deg 76% 38%); --rdg-checkbox-color: hsl(207deg 100% 79%); --rdg-checkbox-focus-color: hsl(207deg 100% 89%); --rdg-checkbox-disabled-border-color: #000; --rdg-checkbox-disabled-background-color: #333;
|
||||
}
|
||||
|
||||
&.rdg-light {
|
||||
--rdg-color-scheme: light;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
&:not(.rdg-light) {
|
||||
--rdg-color: #ddd; --rdg-border-color: #444; --rdg-summary-border-color: #555; --rdg-background-color: hsl(0deg 0% 13%); --rdg-header-background-color: hsl(0deg 0% 10.5%); --rdg-header-draggable-background-color: hsl(0deg 0% 17.5%); --rdg-row-hover-background-color: hsl(0deg 0% 9%); --rdg-row-selected-background-color: hsl(207deg 76% 42%); --rdg-row-selected-hover-background-color: hsl(207deg 76% 38%); --rdg-checkbox-color: hsl(207deg 100% 79%); --rdg-checkbox-focus-color: hsl(207deg 100% 89%); --rdg-checkbox-disabled-border-color: #000; --rdg-checkbox-disabled-background-color: #333;
|
||||
}
|
||||
}
|
||||
|
||||
> :nth-last-child(1 of .rdg-top-summary-row) {
|
||||
> .cj343x07-0-0-beta-42 {
|
||||
border-block-end: 2px solid var(--rdg-summary-border-color);
|
||||
}
|
||||
}
|
||||
|
||||
> :nth-child(1 of .rdg-bottom-summary-row) {
|
||||
> .cj343x07-0-0-beta-42 {
|
||||
border-block-start: 2px solid var(--rdg-summary-border-color);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.vlqv91k7-0-0-beta-41 .r1upfr807-0-0-beta-41 {
|
||||
.vlqv91k7-0-0-beta-42 {
|
||||
@layer rdg.Root {
|
||||
user-select: none;
|
||||
|
||||
& .r1upfr807-0-0-beta-42 {
|
||||
cursor: move;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@layer rdg.FocusSink {
|
||||
|
||||
.f1lsfrzw7-0-0-beta-41 {
|
||||
.f1lsfrzw7-0-0-beta-42 {
|
||||
@layer rdg.FocusSink {
|
||||
grid-column: 1/-1;
|
||||
pointer-events: none;
|
||||
/* Should have a higher value than 1 to show up above regular frozen cells */
|
||||
z-index: 1
|
||||
}
|
||||
z-index: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@layer rdg.FocusSink {
|
||||
|
||||
.f1cte0lg7-0-0-beta-41 {
|
||||
.f1cte0lg7-0-0-beta-42 {
|
||||
@layer rdg.FocusSink {
|
||||
/* Should have a higher value than 3 to show up above header and summary rows */
|
||||
z-index: 3
|
||||
}
|
||||
z-index: 3;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@layer rdg.SummaryCell {.s8wc6fl7-0-0-beta-41 {
|
||||
.s8wc6fl7-0-0-beta-42 {
|
||||
@layer rdg.SummaryCell {
|
||||
inset-block-start: var(--rdg-summary-row-top);
|
||||
inset-block-end: var(--rdg-summary-row-bottom)
|
||||
}
|
||||
inset-block-end: var(--rdg-summary-row-bottom);
|
||||
}
|
||||
|
||||
|
||||
@layer rdg.SummaryRow {.skuhp557-0-0-beta-41 {
|
||||
line-height: var(--rdg-summary-row-height)
|
||||
}
|
||||
|
||||
.skuhp557-0-0-beta-41 > .cj343x07-0-0-beta-41 {
|
||||
|
||||
.skuhp557-0-0-beta-42 {
|
||||
@layer rdg.SummaryRow {
|
||||
line-height: var(--rdg-summary-row-height);
|
||||
|
||||
> .cj343x07-0-0-beta-42 {
|
||||
position: sticky;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@layer rdg.SummaryRow {
|
||||
.tf8l5ub7-0-0-beta-41 > .cj343x07-0-0-beta-41 {
|
||||
.tf8l5ub7-0-0-beta-42 {
|
||||
@layer rdg.SummaryRow {
|
||||
> .cj343x07-0-0-beta-42 {
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.tf8l5ub7-0-0-beta-41 > .csofj7r7-0-0-beta-41 {
|
||||
> .csofj7r7-0-0-beta-42 {
|
||||
z-index: 3;
|
||||
}
|
||||
}
|
||||
|
||||
@layer rdg.SummaryRow {
|
||||
.tb9ughf7-0-0-beta-41 > .cj343x07-0-0-beta-41 {
|
||||
border-block-end: 2px solid var(--rdg-summary-border-color);
|
||||
}
|
||||
}
|
||||
|
||||
@layer rdg.SummaryRow {
|
||||
.b1yssfnt7-0-0-beta-41 > .cj343x07-0-0-beta-41 {
|
||||
border-block-start: 2px solid var(--rdg-summary-border-color);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@layer rdg.GroupedRow {
|
||||
.g1yxluv37-0-0-beta-41:not([aria-selected='true']) {
|
||||
.g1yxluv37-0-0-beta-42 {
|
||||
@layer rdg.GroupedRow {
|
||||
&:not([aria-selected='true']) {
|
||||
background-color: var(--rdg-header-background-color);
|
||||
}
|
||||
|
||||
.g1yxluv37-0-0-beta-41 > .cj343x07-0-0-beta-41:not(:last-child):not(.ch2wcw87-0-0-beta-41) {
|
||||
> .cj343x07-0-0-beta-42:not(:last-child, .csofj7r7-0-0-beta-42),
|
||||
> :nth-last-child(n + 2 of .csofj7r7-0-0-beta-42) {
|
||||
border-inline-end: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@layer rdg.TextEditor {.t7vyx3i7-0-0-beta-41 {
|
||||
.t7vyx3i7-0-0-beta-42 {
|
||||
@layer rdg.TextEditor {
|
||||
appearance: none;
|
||||
|
||||
box-sizing: border-box;
|
||||
@@ -453,17 +461,17 @@
|
||||
background-color: var(--rdg-background-color);
|
||||
|
||||
font-family: inherit;
|
||||
font-size: var(--rdg-font-size)
|
||||
}
|
||||
font-size: var(--rdg-font-size);
|
||||
|
||||
.t7vyx3i7-0-0-beta-41:focus {
|
||||
&:focus {
|
||||
border-color: var(--rdg-selection-color);
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.t7vyx3i7-0-0-beta-41::placeholder {
|
||||
&::placeholder {
|
||||
color: #999;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "react-data-grid",
|
||||
"version": "7.0.0-beta.41",
|
||||
"version": "7.0.0-beta.42",
|
||||
"license": "MIT",
|
||||
"description": "Feature-rich and customizable data grid React component",
|
||||
"keywords": [
|
||||
@@ -61,25 +61,26 @@
|
||||
"@babel/preset-react": "^7.18.6",
|
||||
"@babel/preset-typescript": "^7.18.6",
|
||||
"@babel/runtime": "^7.21.5",
|
||||
"@biomejs/biome": "1.4.1",
|
||||
"@biomejs/biome": "1.5.3",
|
||||
"@faker-js/faker": "^8.0.0",
|
||||
"@ianvs/prettier-plugin-sort-imports": "^4.0.2",
|
||||
"@linaria/rollup": "^5.0.3",
|
||||
"@linaria/vite": "^5.0.3",
|
||||
"@linaria/core": "^6.0.0",
|
||||
"@microsoft/api-extractor": "^7.23.0",
|
||||
"@rollup/plugin-babel": "^6.0.3",
|
||||
"@rollup/plugin-node-resolve": "^15.1.0",
|
||||
"@testing-library/jest-dom": "^6.0.0",
|
||||
"@testing-library/react": "^14.0.0",
|
||||
"@testing-library/user-event": "^14.1.1",
|
||||
"@testing-library/jest-dom": "^6.2.0",
|
||||
"@testing-library/react": "^14.1.2",
|
||||
"@testing-library/user-event": "^14.5.2",
|
||||
"@types/lodash-es": "^4.17.7",
|
||||
"@types/node": "^20.10.3",
|
||||
"@types/react": "^18.2.35",
|
||||
"@types/react-dom": "^18.2.4",
|
||||
"@typescript-eslint/eslint-plugin": "^6.1.0",
|
||||
"@typescript-eslint/parser": "^6.1.0",
|
||||
"@vitejs/plugin-react": "^4.0.2",
|
||||
"@vitest/coverage-v8": "^1.0.0",
|
||||
"@typescript-eslint/eslint-plugin": "^7.0.1",
|
||||
"@typescript-eslint/parser": "^7.0.1",
|
||||
"@vitejs/plugin-react": "^4.2.1",
|
||||
"@vitest/coverage-v8": "^1.2.0",
|
||||
"@wyw-in-js/rollup": "^0.5.0",
|
||||
"@wyw-in-js/vite": "^0.5.0",
|
||||
"babel-plugin-optimize-clsx": "^2.6.2",
|
||||
"eslint": "^8.43.0",
|
||||
"eslint-config-prettier": "^9.0.0",
|
||||
@@ -88,15 +89,14 @@
|
||||
"eslint-plugin-node": "^11.1.0",
|
||||
"eslint-plugin-react": "^7.32.2",
|
||||
"eslint-plugin-react-hooks": "^4.6.0",
|
||||
"eslint-plugin-sonarjs": "^0.23.0",
|
||||
"eslint-plugin-sonarjs": "^0.24.0",
|
||||
"eslint-plugin-testing-library": "^6.2.0",
|
||||
"jsdom": "^23.0.1",
|
||||
"jsdom": "^24.0.0",
|
||||
"jspdf": "^2.5.1",
|
||||
"jspdf-autotable": "^3.5.23",
|
||||
"lodash-es": "^4.17.21",
|
||||
"postcss": "^8.4.25",
|
||||
"postcss-nested": "^6.0.1",
|
||||
"prettier": "3.1.0",
|
||||
"prettier": "3.2.5",
|
||||
"react": "^18.1.0",
|
||||
"react-dnd": "^16.0.1",
|
||||
"react-dnd-html5-backend": "^16.0.1",
|
||||
@@ -105,8 +105,8 @@
|
||||
"rollup": "^4.0.2",
|
||||
"rollup-plugin-postcss": "^4.0.2",
|
||||
"typescript": "~5.3.2",
|
||||
"vite": "^5.0.0",
|
||||
"vitest": "^1.0.0"
|
||||
"vite": "^5.0.11",
|
||||
"vitest": "^1.2.0"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"react": "^18.0",
|
||||
|
||||
@@ -29,7 +29,7 @@
|
||||
},
|
||||
"peerDependencies": {},
|
||||
"devDependencies": {
|
||||
"@types/react": "^18.2.42",
|
||||
"typescript": "^5.3.2"
|
||||
"@types/react": "^18.2.63",
|
||||
"typescript": "^5.3.3"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -42,7 +42,7 @@
|
||||
},
|
||||
"peerDependencies": {},
|
||||
"devDependencies": {
|
||||
"@types/react": "^18.2.42",
|
||||
"typescript": "^5.3.2"
|
||||
"@types/react": "^18.2.63",
|
||||
"typescript": "^5.3.3"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -42,8 +42,8 @@
|
||||
"@cloudbeaver/core-sdk": "~0.1.0",
|
||||
"@cloudbeaver/core-settings": "~0.1.0",
|
||||
"@cloudbeaver/tests-runner": "~0.1.0",
|
||||
"@testing-library/jest-dom": "^6.1.5",
|
||||
"@types/jest": "^29.5.10",
|
||||
"typescript": "^5.3.2"
|
||||
"@testing-library/jest-dom": "^6.4.2",
|
||||
"@types/jest": "^29.5.12",
|
||||
"typescript": "^5.3.3"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -30,8 +30,8 @@
|
||||
},
|
||||
"peerDependencies": {},
|
||||
"devDependencies": {
|
||||
"@types/react": "^18.2.42",
|
||||
"typescript": "^5.3.2",
|
||||
"typescript-plugin-css-modules": "^5.0.2"
|
||||
"@types/react": "^18.2.63",
|
||||
"typescript": "^5.3.3",
|
||||
"typescript-plugin-css-modules": "^5.1.0"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -32,7 +32,7 @@
|
||||
},
|
||||
"peerDependencies": {},
|
||||
"devDependencies": {
|
||||
"@types/react": "^18.2.42",
|
||||
"typescript": "^5.3.2"
|
||||
"@types/react": "^18.2.63",
|
||||
"typescript": "^5.3.3"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -32,8 +32,8 @@
|
||||
},
|
||||
"peerDependencies": {},
|
||||
"devDependencies": {
|
||||
"@types/react": "^18.2.42",
|
||||
"typescript": "^5.3.2",
|
||||
"typescript-plugin-css-modules": "^5.0.2"
|
||||
"@types/react": "^18.2.63",
|
||||
"typescript": "^5.3.3",
|
||||
"typescript-plugin-css-modules": "^5.1.0"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -21,6 +21,6 @@
|
||||
},
|
||||
"peerDependencies": {},
|
||||
"devDependencies": {
|
||||
"typescript": "^5.3.2"
|
||||
"typescript": "^5.3.3"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -27,7 +27,7 @@
|
||||
},
|
||||
"peerDependencies": {},
|
||||
"devDependencies": {
|
||||
"@types/react": "^18.2.42",
|
||||
"typescript": "^5.3.2"
|
||||
"@types/react": "^18.2.63",
|
||||
"typescript": "^5.3.3"
|
||||
}
|
||||
}
|
||||
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user