diff --git a/frontend/package-lock.json b/frontend/package-lock.json index 707881f21f8..f30ea952f00 100644 --- a/frontend/package-lock.json +++ b/frontend/package-lock.json @@ -66,6 +66,7 @@ "js-yaml": "^4.1.0", "jsonpath-plus": "^6.0.1", "lodash": "^4.17.21", + "material-react-table": "^2.13.0", "monaco-editor": "^0.25.2", "monaco-editor-webpack-plugin": "^4.2.0", "notistack": "^2.0.8", @@ -2544,9 +2545,9 @@ "integrity": "sha512-x/rqGMdzj+fWZvCOYForTghzbtqPDZ5gPwaoNGHdgDfF2QA/XZbCBp4Moo5scrkAMPhB7z26XM/AaHuIJdgauA==" }, "node_modules/@babel/runtime": { - "version": "7.23.2", - "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.23.2.tgz", - "integrity": "sha512-mM8eg4yl5D6i3lu2QKPuPH4FArvJ8KhTofbE7jwMUv9KX5mBvwPAqnV3MlyBNqdp9RyRKP6Yck8TrfYrPvX3bg==", + "version": "7.24.5", + "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.24.5.tgz", + "integrity": "sha512-Nms86NXrsaeU9vbBJKni6gXiEXZ4CVpYVzEjDH9Sb8vmZ3UljyA1GSOJl/6LGPO8EHLuSF9H+IxNXHPX8QHJ4g==", "dependencies": { "regenerator-runtime": "^0.14.0" }, @@ -2883,11 +2884,6 @@ "resolved": "https://registry.npmjs.org/@emotion/hash/-/hash-0.9.1.tgz", "integrity": "sha512-gJB6HLm5rYwSLI6PQa+X1t5CFGrv1J1TWG+sOyMCeKz2ojaj6Fnl/rZEspogG+cvqbt4AE/2eIyD2QfLKTBNlQ==" }, - "node_modules/@emotion/babel-plugin/node_modules/@emotion/memoize": { - "version": "0.8.1", - "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.8.1.tgz", - "integrity": "sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA==" - }, "node_modules/@emotion/babel-plugin/node_modules/@emotion/serialize": { "version": "1.1.2", "resolved": "https://registry.npmjs.org/@emotion/serialize/-/serialize-1.1.2.tgz", @@ -2905,16 +2901,6 @@ "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.8.1.tgz", "integrity": "sha512-KOEGMu6dmJZtpadb476IsZBclKvILjopjUii3V+7MnXIQCYh8W3NgNcgwo21n9LXZX6EDIKvqfjYxXebDwxKmQ==" }, - "node_modules/@emotion/babel-plugin/node_modules/@emotion/utils": { - "version": "1.2.1", - "resolved": "https://registry.npmjs.org/@emotion/utils/-/utils-1.2.1.tgz", - "integrity": "sha512-Y2tGf3I+XVnajdItskUCn6LX+VUDmP6lTL4fcqsXAv43dnlbZiuW4MWQW38rW/BVWSE7Q/7+XQocmpnRYILUmg==" - }, - "node_modules/@emotion/babel-plugin/node_modules/csstype": { - "version": "3.1.2", - "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz", - "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==" - }, "node_modules/@emotion/babel-plugin/node_modules/source-map": { "version": "0.5.7", "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz", @@ -2923,6 +2909,23 @@ "node": ">=0.10.0" } }, + "node_modules/@emotion/cache": { + "version": "11.11.0", + "resolved": "https://registry.npmjs.org/@emotion/cache/-/cache-11.11.0.tgz", + "integrity": "sha512-P34z9ssTCBi3e9EI1ZsWpNHcfY1r09ZO0rZbRO2ob3ZQMnFI35jB536qoXbkdesr5EUhYi22anuEJuyxifaqAQ==", + "dependencies": { + "@emotion/memoize": "^0.8.1", + "@emotion/sheet": "^1.2.2", + "@emotion/utils": "^1.2.1", + "@emotion/weak-memoize": "^0.3.1", + "stylis": "4.2.0" + } + }, + "node_modules/@emotion/memoize": { + "version": "0.8.1", + "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.8.1.tgz", + "integrity": "sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA==" + }, "node_modules/@emotion/react": { "version": "11.11.1", "resolved": "https://registry.npmjs.org/@emotion/react/-/react-11.11.1.tgz", @@ -2946,28 +2949,11 @@ } } }, - "node_modules/@emotion/react/node_modules/@emotion/cache": { - "version": "11.11.0", - "resolved": "https://registry.npmjs.org/@emotion/cache/-/cache-11.11.0.tgz", - "integrity": "sha512-P34z9ssTCBi3e9EI1ZsWpNHcfY1r09ZO0rZbRO2ob3ZQMnFI35jB536qoXbkdesr5EUhYi22anuEJuyxifaqAQ==", - "dependencies": { - "@emotion/memoize": "^0.8.1", - "@emotion/sheet": "^1.2.2", - "@emotion/utils": "^1.2.1", - "@emotion/weak-memoize": "^0.3.1", - "stylis": "4.2.0" - } - }, "node_modules/@emotion/react/node_modules/@emotion/hash": { "version": "0.9.1", "resolved": "https://registry.npmjs.org/@emotion/hash/-/hash-0.9.1.tgz", "integrity": "sha512-gJB6HLm5rYwSLI6PQa+X1t5CFGrv1J1TWG+sOyMCeKz2ojaj6Fnl/rZEspogG+cvqbt4AE/2eIyD2QfLKTBNlQ==" }, - "node_modules/@emotion/react/node_modules/@emotion/memoize": { - "version": "0.8.1", - "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.8.1.tgz", - "integrity": "sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA==" - }, "node_modules/@emotion/react/node_modules/@emotion/serialize": { "version": "1.1.2", "resolved": "https://registry.npmjs.org/@emotion/serialize/-/serialize-1.1.2.tgz", @@ -2980,30 +2966,15 @@ "csstype": "^3.0.2" } }, - "node_modules/@emotion/react/node_modules/@emotion/sheet": { - "version": "1.2.2", - "resolved": "https://registry.npmjs.org/@emotion/sheet/-/sheet-1.2.2.tgz", - "integrity": "sha512-0QBtGvaqtWi+nx6doRwDdBIzhNdZrXUppvTM4dtZZWEGTXL/XE/yJxLMGlDT1Gt+UHH5IX1n+jkXyytE/av7OA==" - }, "node_modules/@emotion/react/node_modules/@emotion/unitless": { "version": "0.8.1", "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.8.1.tgz", "integrity": "sha512-KOEGMu6dmJZtpadb476IsZBclKvILjopjUii3V+7MnXIQCYh8W3NgNcgwo21n9LXZX6EDIKvqfjYxXebDwxKmQ==" }, - "node_modules/@emotion/react/node_modules/@emotion/utils": { - "version": "1.2.1", - "resolved": "https://registry.npmjs.org/@emotion/utils/-/utils-1.2.1.tgz", - "integrity": "sha512-Y2tGf3I+XVnajdItskUCn6LX+VUDmP6lTL4fcqsXAv43dnlbZiuW4MWQW38rW/BVWSE7Q/7+XQocmpnRYILUmg==" - }, - "node_modules/@emotion/react/node_modules/@emotion/weak-memoize": { - "version": "0.3.1", - "resolved": "https://registry.npmjs.org/@emotion/weak-memoize/-/weak-memoize-0.3.1.tgz", - "integrity": "sha512-EsBwpc7hBUJWAsNPBmJy4hxWx12v6bshQsldrVmjxJoc3isbxhOrF2IcCpaXxfvq03NwkI7sbsOLXbYuqF/8Ww==" - }, - "node_modules/@emotion/react/node_modules/csstype": { - "version": "3.1.2", - "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz", - "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==" + "node_modules/@emotion/sheet": { + "version": "1.2.2", + "resolved": "https://registry.npmjs.org/@emotion/sheet/-/sheet-1.2.2.tgz", + "integrity": "sha512-0QBtGvaqtWi+nx6doRwDdBIzhNdZrXUppvTM4dtZZWEGTXL/XE/yJxLMGlDT1Gt+UHH5IX1n+jkXyytE/av7OA==" }, "node_modules/@emotion/styled": { "version": "11.11.0", @@ -3040,11 +3011,6 @@ "@emotion/memoize": "^0.8.1" } }, - "node_modules/@emotion/styled/node_modules/@emotion/memoize": { - "version": "0.8.1", - "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.8.1.tgz", - "integrity": "sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA==" - }, "node_modules/@emotion/styled/node_modules/@emotion/serialize": { "version": "1.1.2", "resolved": "https://registry.npmjs.org/@emotion/serialize/-/serialize-1.1.2.tgz", @@ -3062,16 +3028,6 @@ "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.8.1.tgz", "integrity": "sha512-KOEGMu6dmJZtpadb476IsZBclKvILjopjUii3V+7MnXIQCYh8W3NgNcgwo21n9LXZX6EDIKvqfjYxXebDwxKmQ==" }, - "node_modules/@emotion/styled/node_modules/@emotion/utils": { - "version": "1.2.1", - "resolved": "https://registry.npmjs.org/@emotion/utils/-/utils-1.2.1.tgz", - "integrity": "sha512-Y2tGf3I+XVnajdItskUCn6LX+VUDmP6lTL4fcqsXAv43dnlbZiuW4MWQW38rW/BVWSE7Q/7+XQocmpnRYILUmg==" - }, - "node_modules/@emotion/styled/node_modules/csstype": { - "version": "3.1.2", - "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz", - "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==" - }, "node_modules/@emotion/use-insertion-effect-with-fallbacks": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/@emotion/use-insertion-effect-with-fallbacks/-/use-insertion-effect-with-fallbacks-1.0.1.tgz", @@ -3080,6 +3036,16 @@ "react": ">=16.8.0" } }, + "node_modules/@emotion/utils": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/@emotion/utils/-/utils-1.2.1.tgz", + "integrity": "sha512-Y2tGf3I+XVnajdItskUCn6LX+VUDmP6lTL4fcqsXAv43dnlbZiuW4MWQW38rW/BVWSE7Q/7+XQocmpnRYILUmg==" + }, + "node_modules/@emotion/weak-memoize": { + "version": "0.3.1", + "resolved": "https://registry.npmjs.org/@emotion/weak-memoize/-/weak-memoize-0.3.1.tgz", + "integrity": "sha512-EsBwpc7hBUJWAsNPBmJy4hxWx12v6bshQsldrVmjxJoc3isbxhOrF2IcCpaXxfvq03NwkI7sbsOLXbYuqF/8Ww==" + }, "node_modules/@esbuild/android-arm": { "version": "0.18.20", "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.18.20.tgz", @@ -3528,11 +3494,11 @@ } }, "node_modules/@floating-ui/react-dom": { - "version": "2.0.4", - "resolved": "https://registry.npmjs.org/@floating-ui/react-dom/-/react-dom-2.0.4.tgz", - "integrity": "sha512-CF8k2rgKeh/49UrnIBs4BdxPUV6vize/Db1d/YbCLyp9GiVZ0BEwf5AiDSxJRCr6yOkGqTFHtmrULxkEfYZ7dQ==", + "version": "2.0.9", + "resolved": "https://registry.npmjs.org/@floating-ui/react-dom/-/react-dom-2.0.9.tgz", + "integrity": "sha512-q0umO0+LQK4+p6aGyvzASqKbKOJcAHJ7ycE9CuUvfx3s9zTHWmGJTPOIlM/hmSBfUfg/XfY5YhLBLR/LHwShQQ==", "dependencies": { - "@floating-ui/dom": "^1.5.1" + "@floating-ui/dom": "^1.0.0" }, "peerDependencies": { "react": ">=16.8.0", @@ -5271,12 +5237,38 @@ } }, "node_modules/@mui/core-downloads-tracker": { - "version": "5.14.17", - "resolved": "https://registry.npmjs.org/@mui/core-downloads-tracker/-/core-downloads-tracker-5.14.17.tgz", - "integrity": "sha512-eE0uxrpJAEL2ZXkeGLKg8HQDafsiXY+6eNpP4lcv3yIjFfGbU6Hj9/P7Adt8jpU+6JIhmxvILGj2r27pX+zdrQ==", + "version": "5.15.16", + "resolved": "https://registry.npmjs.org/@mui/core-downloads-tracker/-/core-downloads-tracker-5.15.16.tgz", + "integrity": "sha512-PTIbMJs5C/vYMfyJNW8ArOezh4eyHkg2pTeA7bBxh2kLP1Uzs0Nm+krXWbWGJPwTWjM8EhnDrr4aCF26+2oleg==", "funding": { "type": "opencollective", - "url": "https://opencollective.com/mui" + "url": "https://opencollective.com/mui-org" + } + }, + "node_modules/@mui/icons-material": { + "version": "5.15.16", + "resolved": "https://registry.npmjs.org/@mui/icons-material/-/icons-material-5.15.16.tgz", + "integrity": "sha512-s8vYbyACzTNZRKv+20fCfVXJwJqNcVotns2EKnu1wmAga6wv2LAo5kB1d5yqQqZlMFtp34EJvRXf7cy8X0tJVA==", + "peer": true, + "dependencies": { + "@babel/runtime": "^7.23.9" + }, + "engines": { + "node": ">=12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/mui-org" + }, + "peerDependencies": { + "@mui/material": "^5.0.0", + "@types/react": "^17.0.0 || ^18.0.0", + "react": "^17.0.0 || ^18.0.0" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + } } }, "node_modules/@mui/lab": { @@ -5328,19 +5320,19 @@ } }, "node_modules/@mui/material": { - "version": "5.14.17", - "resolved": "https://registry.npmjs.org/@mui/material/-/material-5.14.17.tgz", - "integrity": "sha512-+y0VeOLWfEA4Z98We/UH6KCo8+f2HLZDK45FY+sJf8kSojLy3VntadKtC/u0itqnXXb1Pr4wKB2tSIBW02zY4Q==", - "dependencies": { - "@babel/runtime": "^7.23.2", - "@mui/base": "5.0.0-beta.23", - "@mui/core-downloads-tracker": "^5.14.17", - "@mui/system": "^5.14.17", - "@mui/types": "^7.2.8", - "@mui/utils": "^5.14.17", - "@types/react-transition-group": "^4.4.8", - "clsx": "^2.0.0", - "csstype": "^3.1.2", + "version": "5.15.16", + "resolved": "https://registry.npmjs.org/@mui/material/-/material-5.15.16.tgz", + "integrity": "sha512-ery2hFReewko9gpDBqOr2VmXwQG9ifXofPhGzIx09/b9JqCQC/06kZXZDGGrOTpIddK9HlIf4yrS+G70jPAzUQ==", + "dependencies": { + "@babel/runtime": "^7.23.9", + "@mui/base": "5.0.0-beta.40", + "@mui/core-downloads-tracker": "^5.15.16", + "@mui/system": "^5.15.15", + "@mui/types": "^7.2.14", + "@mui/utils": "^5.15.14", + "@types/react-transition-group": "^4.4.10", + "clsx": "^2.1.0", + "csstype": "^3.1.3", "prop-types": "^15.8.1", "react-is": "^18.2.0", "react-transition-group": "^4.4.5" @@ -5350,7 +5342,7 @@ }, "funding": { "type": "opencollective", - "url": "https://opencollective.com/mui" + "url": "https://opencollective.com/mui-org" }, "peerDependencies": { "@emotion/react": "^11.5.0", @@ -5371,31 +5363,57 @@ } } }, + "node_modules/@mui/material/node_modules/@mui/base": { + "version": "5.0.0-beta.40", + "resolved": "https://registry.npmjs.org/@mui/base/-/base-5.0.0-beta.40.tgz", + "integrity": "sha512-I/lGHztkCzvwlXpjD2+SNmvNQvB4227xBXhISPjEaJUXGImOQ9f3D2Yj/T3KasSI/h0MLWy74X0J6clhPmsRbQ==", + "dependencies": { + "@babel/runtime": "^7.23.9", + "@floating-ui/react-dom": "^2.0.8", + "@mui/types": "^7.2.14", + "@mui/utils": "^5.15.14", + "@popperjs/core": "^2.11.8", + "clsx": "^2.1.0", + "prop-types": "^15.8.1" + }, + "engines": { + "node": ">=12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/mui-org" + }, + "peerDependencies": { + "@types/react": "^17.0.0 || ^18.0.0", + "react": "^17.0.0 || ^18.0.0", + "react-dom": "^17.0.0 || ^18.0.0" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + } + } + }, "node_modules/@mui/material/node_modules/clsx": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.0.0.tgz", - "integrity": "sha512-rQ1+kcj+ttHG0MKVGBUXwayCCF1oh39BF5COIpRzuCEv8Mwjv0XucrI2ExNTOn9IlLifGClWQcU9BrZORvtw6Q==", + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz", + "integrity": "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==", "engines": { "node": ">=6" } }, - "node_modules/@mui/material/node_modules/csstype": { - "version": "3.1.2", - "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz", - "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==" - }, "node_modules/@mui/material/node_modules/react-is": { "version": "18.2.0", "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz", "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==" }, "node_modules/@mui/private-theming": { - "version": "5.14.17", - "resolved": "https://registry.npmjs.org/@mui/private-theming/-/private-theming-5.14.17.tgz", - "integrity": "sha512-u4zxsCm9xmQrlhVPug+Ccrtsjv7o2+rehvrgHoh0siSguvVgVQq5O3Hh10+tp/KWQo2JR4/nCEwquSXgITS1+g==", + "version": "5.15.14", + "resolved": "https://registry.npmjs.org/@mui/private-theming/-/private-theming-5.15.14.tgz", + "integrity": "sha512-UH0EiZckOWcxiXLX3Jbb0K7rC8mxTr9L9l6QhOZxYc4r8FHUkefltV9VDGLrzCaWh30SQiJvAEd7djX3XXY6Xw==", "dependencies": { - "@babel/runtime": "^7.23.2", - "@mui/utils": "^5.14.17", + "@babel/runtime": "^7.23.9", + "@mui/utils": "^5.15.14", "prop-types": "^15.8.1" }, "engines": { @@ -5403,7 +5421,7 @@ }, "funding": { "type": "opencollective", - "url": "https://opencollective.com/mui" + "url": "https://opencollective.com/mui-org" }, "peerDependencies": { "@types/react": "^17.0.0 || ^18.0.0", @@ -5416,13 +5434,13 @@ } }, "node_modules/@mui/styled-engine": { - "version": "5.14.17", - "resolved": "https://registry.npmjs.org/@mui/styled-engine/-/styled-engine-5.14.17.tgz", - "integrity": "sha512-AqpVjBEA7wnBvKPW168bNlqB6EN7HxTjLOY7oi275AzD/b1C7V0wqELy6NWoJb2yya5sRf7ENf4iNi3+T5cOgw==", + "version": "5.15.14", + "resolved": "https://registry.npmjs.org/@mui/styled-engine/-/styled-engine-5.15.14.tgz", + "integrity": "sha512-RILkuVD8gY6PvjZjqnWhz8fu68dVkqhM5+jYWfB5yhlSQKg+2rHkmEwm75XIeAqI3qwOndK6zELK5H6Zxn4NHw==", "dependencies": { - "@babel/runtime": "^7.23.2", + "@babel/runtime": "^7.23.9", "@emotion/cache": "^11.11.0", - "csstype": "^3.1.2", + "csstype": "^3.1.3", "prop-types": "^15.8.1" }, "engines": { @@ -5430,7 +5448,7 @@ }, "funding": { "type": "opencollective", - "url": "https://opencollective.com/mui" + "url": "https://opencollective.com/mui-org" }, "peerDependencies": { "@emotion/react": "^11.4.1", @@ -5446,43 +5464,6 @@ } } }, - "node_modules/@mui/styled-engine/node_modules/@emotion/cache": { - "version": "11.11.0", - "resolved": "https://registry.npmjs.org/@emotion/cache/-/cache-11.11.0.tgz", - "integrity": "sha512-P34z9ssTCBi3e9EI1ZsWpNHcfY1r09ZO0rZbRO2ob3ZQMnFI35jB536qoXbkdesr5EUhYi22anuEJuyxifaqAQ==", - "dependencies": { - "@emotion/memoize": "^0.8.1", - "@emotion/sheet": "^1.2.2", - "@emotion/utils": "^1.2.1", - "@emotion/weak-memoize": "^0.3.1", - "stylis": "4.2.0" - } - }, - "node_modules/@mui/styled-engine/node_modules/@emotion/memoize": { - "version": "0.8.1", - "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.8.1.tgz", - "integrity": "sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA==" - }, - "node_modules/@mui/styled-engine/node_modules/@emotion/sheet": { - "version": "1.2.2", - "resolved": "https://registry.npmjs.org/@emotion/sheet/-/sheet-1.2.2.tgz", - "integrity": "sha512-0QBtGvaqtWi+nx6doRwDdBIzhNdZrXUppvTM4dtZZWEGTXL/XE/yJxLMGlDT1Gt+UHH5IX1n+jkXyytE/av7OA==" - }, - "node_modules/@mui/styled-engine/node_modules/@emotion/utils": { - "version": "1.2.1", - "resolved": "https://registry.npmjs.org/@emotion/utils/-/utils-1.2.1.tgz", - "integrity": "sha512-Y2tGf3I+XVnajdItskUCn6LX+VUDmP6lTL4fcqsXAv43dnlbZiuW4MWQW38rW/BVWSE7Q/7+XQocmpnRYILUmg==" - }, - "node_modules/@mui/styled-engine/node_modules/@emotion/weak-memoize": { - "version": "0.3.1", - "resolved": "https://registry.npmjs.org/@emotion/weak-memoize/-/weak-memoize-0.3.1.tgz", - "integrity": "sha512-EsBwpc7hBUJWAsNPBmJy4hxWx12v6bshQsldrVmjxJoc3isbxhOrF2IcCpaXxfvq03NwkI7sbsOLXbYuqF/8Ww==" - }, - "node_modules/@mui/styled-engine/node_modules/csstype": { - "version": "3.1.2", - "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz", - "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==" - }, "node_modules/@mui/styles": { "version": "5.14.17", "resolved": "https://registry.npmjs.org/@mui/styles/-/styles-5.14.17.tgz", @@ -5536,23 +5517,18 @@ "node": ">=6" } }, - "node_modules/@mui/styles/node_modules/csstype": { - "version": "3.1.2", - "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz", - "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==" - }, "node_modules/@mui/system": { - "version": "5.14.17", - "resolved": "https://registry.npmjs.org/@mui/system/-/system-5.14.17.tgz", - "integrity": "sha512-Ccz3XlbCqka6DnbHfpL3o3TfOeWQPR+ewvNAgm8gnS9M0yVMmzzmY6z0w/C1eebb+7ZP7IoLUj9vojg/GBaTPg==", - "dependencies": { - "@babel/runtime": "^7.23.2", - "@mui/private-theming": "^5.14.17", - "@mui/styled-engine": "^5.14.17", - "@mui/types": "^7.2.8", - "@mui/utils": "^5.14.17", - "clsx": "^2.0.0", - "csstype": "^3.1.2", + "version": "5.15.15", + "resolved": "https://registry.npmjs.org/@mui/system/-/system-5.15.15.tgz", + "integrity": "sha512-aulox6N1dnu5PABsfxVGOZffDVmlxPOVgj56HrUnJE8MCSh8lOvvkd47cebIVQQYAjpwieXQXiDPj5pwM40jTQ==", + "dependencies": { + "@babel/runtime": "^7.23.9", + "@mui/private-theming": "^5.15.14", + "@mui/styled-engine": "^5.15.14", + "@mui/types": "^7.2.14", + "@mui/utils": "^5.15.14", + "clsx": "^2.1.0", + "csstype": "^3.1.3", "prop-types": "^15.8.1" }, "engines": { @@ -5560,7 +5536,7 @@ }, "funding": { "type": "opencollective", - "url": "https://opencollective.com/mui" + "url": "https://opencollective.com/mui-org" }, "peerDependencies": { "@emotion/react": "^11.5.0", @@ -5581,22 +5557,17 @@ } }, "node_modules/@mui/system/node_modules/clsx": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.0.0.tgz", - "integrity": "sha512-rQ1+kcj+ttHG0MKVGBUXwayCCF1oh39BF5COIpRzuCEv8Mwjv0XucrI2ExNTOn9IlLifGClWQcU9BrZORvtw6Q==", + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz", + "integrity": "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==", "engines": { "node": ">=6" } }, - "node_modules/@mui/system/node_modules/csstype": { - "version": "3.1.2", - "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz", - "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==" - }, "node_modules/@mui/types": { - "version": "7.2.8", - "resolved": "https://registry.npmjs.org/@mui/types/-/types-7.2.8.tgz", - "integrity": "sha512-9u0ji+xspl96WPqvrYJF/iO+1tQ1L5GTaDOeG3vCR893yy7VcWwRNiVMmPdPNpMDqx0WV1wtEW9OMwK9acWJzQ==", + "version": "7.2.14", + "resolved": "https://registry.npmjs.org/@mui/types/-/types-7.2.14.tgz", + "integrity": "sha512-MZsBZ4q4HfzBsywtXgM1Ksj6HDThtiwmOKUXH1pKYISI9gAVXCNHNpo7TlGoGrBaYWZTdNoirIN7JsQcQUjmQQ==", "peerDependencies": { "@types/react": "^17.0.0 || ^18.0.0" }, @@ -5607,12 +5578,12 @@ } }, "node_modules/@mui/utils": { - "version": "5.14.17", - "resolved": "https://registry.npmjs.org/@mui/utils/-/utils-5.14.17.tgz", - "integrity": "sha512-yxnWgSS4J6DMFPw2Dof85yBkG02VTbEiqsikymMsnZnXDurtVGTIhlNuV24GTmFTuJMzEyTTU9UF+O7zaL8LEQ==", + "version": "5.15.14", + "resolved": "https://registry.npmjs.org/@mui/utils/-/utils-5.15.14.tgz", + "integrity": "sha512-0lF/7Hh/ezDv5X7Pry6enMsbYyGKjADzvHyo3Qrc/SSlTsQ1VkbDMbH0m2t3OR5iIVLwMoxwM7yGd+6FCMtTFA==", "dependencies": { - "@babel/runtime": "^7.23.2", - "@types/prop-types": "^15.7.9", + "@babel/runtime": "^7.23.9", + "@types/prop-types": "^15.7.11", "prop-types": "^15.8.1", "react-is": "^18.2.0" }, @@ -5621,7 +5592,7 @@ }, "funding": { "type": "opencollective", - "url": "https://opencollective.com/mui" + "url": "https://opencollective.com/mui-org" }, "peerDependencies": { "@types/react": "^17.0.0 || ^18.0.0", @@ -5638,6 +5609,113 @@ "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz", "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==" }, + "node_modules/@mui/x-date-pickers": { + "version": "7.3.2", + "resolved": "https://registry.npmjs.org/@mui/x-date-pickers/-/x-date-pickers-7.3.2.tgz", + "integrity": "sha512-i7JaDs1eXSZWyJihfszUHVV0t/C2HvtdMv5tHwv3E3enMx5Hup1vkJ64vZAH2fgGrTHQH8mjxvVsmI6jhDXIUg==", + "peer": true, + "dependencies": { + "@babel/runtime": "^7.24.0", + "@mui/base": "^5.0.0-beta.40", + "@mui/system": "^5.15.14", + "@mui/utils": "^5.15.14", + "@types/react-transition-group": "^4.4.10", + "clsx": "^2.1.0", + "prop-types": "^15.8.1", + "react-transition-group": "^4.4.5" + }, + "engines": { + "node": ">=14.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/mui-org" + }, + "peerDependencies": { + "@emotion/react": "^11.9.0", + "@emotion/styled": "^11.8.1", + "@mui/material": "^5.15.14", + "date-fns": "^2.25.0 || ^3.2.0", + "date-fns-jalali": "^2.13.0-0", + "dayjs": "^1.10.7", + "luxon": "^3.0.2", + "moment": "^2.29.4", + "moment-hijri": "^2.1.2", + "moment-jalaali": "^0.7.4 || ^0.8.0 || ^0.9.0 || ^0.10.0", + "react": "^17.0.0 || ^18.0.0", + "react-dom": "^17.0.0 || ^18.0.0" + }, + "peerDependenciesMeta": { + "@emotion/react": { + "optional": true + }, + "@emotion/styled": { + "optional": true + }, + "date-fns": { + "optional": true + }, + "date-fns-jalali": { + "optional": true + }, + "dayjs": { + "optional": true + }, + "luxon": { + "optional": true + }, + "moment": { + "optional": true + }, + "moment-hijri": { + "optional": true + }, + "moment-jalaali": { + "optional": true + } + } + }, + "node_modules/@mui/x-date-pickers/node_modules/@mui/base": { + "version": "5.0.0-beta.40", + "resolved": "https://registry.npmjs.org/@mui/base/-/base-5.0.0-beta.40.tgz", + "integrity": "sha512-I/lGHztkCzvwlXpjD2+SNmvNQvB4227xBXhISPjEaJUXGImOQ9f3D2Yj/T3KasSI/h0MLWy74X0J6clhPmsRbQ==", + "peer": true, + "dependencies": { + "@babel/runtime": "^7.23.9", + "@floating-ui/react-dom": "^2.0.8", + "@mui/types": "^7.2.14", + "@mui/utils": "^5.15.14", + "@popperjs/core": "^2.11.8", + "clsx": "^2.1.0", + "prop-types": "^15.8.1" + }, + "engines": { + "node": ">=12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/mui-org" + }, + "peerDependencies": { + "@types/react": "^17.0.0 || ^18.0.0", + "react": "^17.0.0 || ^18.0.0", + "react-dom": "^17.0.0 || ^18.0.0" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + } + } + }, + "node_modules/@mui/x-date-pickers/node_modules/clsx": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz", + "integrity": "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==", + "peer": true, + "engines": { + "node": ">=6" + } + }, "node_modules/@mui/x-tree-view": { "version": "6.17.0", "resolved": "https://registry.npmjs.org/@mui/x-tree-view/-/x-tree-view-6.17.0.tgz", @@ -9699,6 +9777,77 @@ "integrity": "sha512-myfUej5naTBWnqOCc/MdVOLVjXUXtIA+NpDrDBKJtLLg2shUjBu3cZmB/85RyitKc55+lUUyl7oRfLOvkr2hsw==", "dev": true }, + "node_modules/@tanstack/match-sorter-utils": { + "version": "8.15.1", + "resolved": "https://registry.npmjs.org/@tanstack/match-sorter-utils/-/match-sorter-utils-8.15.1.tgz", + "integrity": "sha512-PnVV3d2poenUM31ZbZi/yXkBu3J7kd5k2u51CGwwNojag451AjTH9N6n41yjXz2fpLeewleyLBmNS6+HcGDlXw==", + "dependencies": { + "remove-accents": "0.5.0" + }, + "engines": { + "node": ">=12" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/tannerlinsley" + } + }, + "node_modules/@tanstack/react-table": { + "version": "8.16.0", + "resolved": "https://registry.npmjs.org/@tanstack/react-table/-/react-table-8.16.0.tgz", + "integrity": "sha512-rKRjnt8ostqN2fercRVOIH/dq7MAmOENCMvVlKx6P9Iokhh6woBGnIZEkqsY/vEJf1jN3TqLOb34xQGLVRuhAg==", + "dependencies": { + "@tanstack/table-core": "8.16.0" + }, + "engines": { + "node": ">=12" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/tannerlinsley" + }, + "peerDependencies": { + "react": ">=16.8", + "react-dom": ">=16.8" + } + }, + "node_modules/@tanstack/react-virtual": { + "version": "3.3.0", + "resolved": "https://registry.npmjs.org/@tanstack/react-virtual/-/react-virtual-3.3.0.tgz", + "integrity": "sha512-QFxmTSZBniq15S0vSZ55P4ToXquMXwJypPXyX/ux7sYo6a2FX3/zWoRLLc4eIOGWTjvzqcIVNKhcuFb+OZL3aQ==", + "dependencies": { + "@tanstack/virtual-core": "3.3.0" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/tannerlinsley" + }, + "peerDependencies": { + "react": "^16.8.0 || ^17.0.0 || ^18.0.0", + "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0" + } + }, + "node_modules/@tanstack/table-core": { + "version": "8.16.0", + "resolved": "https://registry.npmjs.org/@tanstack/table-core/-/table-core-8.16.0.tgz", + "integrity": "sha512-dCG8vQGk4js5v88/k83tTedWOwjGnIyONrKpHpfmSJB8jwFHl8GSu1sBBxbtACVAPtAQgwNxl0rw1d3RqRM1Tg==", + "engines": { + "node": ">=12" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/tannerlinsley" + } + }, + "node_modules/@tanstack/virtual-core": { + "version": "3.3.0", + "resolved": "https://registry.npmjs.org/@tanstack/virtual-core/-/virtual-core-3.3.0.tgz", + "integrity": "sha512-A0004OAa1FcUkPHeeGoKgBrAgjH+uHdDPrw1L7RpkwnODYqRvoilqsHPs8cyTjMg1byZBbiNpQAq2TlFLIaQag==", + "funding": { + "type": "github", + "url": "https://github.com/sponsors/tannerlinsley" + } + }, "node_modules/@testing-library/dom": { "version": "8.13.0", "resolved": "https://registry.npmjs.org/@testing-library/dom/-/dom-8.13.0.tgz", @@ -10238,9 +10387,9 @@ "dev": true }, "node_modules/@types/prop-types": { - "version": "15.7.10", - "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.10.tgz", - "integrity": "sha512-mxSnDQxPqsZxmeShFH+uwQ4kO4gcJcGahjjMFeLbKE95IAZiiZyiEepGZjtXJ7hN/yfu0bu9xN2ajcU0JcxX6A==" + "version": "15.7.12", + "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.12.tgz", + "integrity": "sha512-5zvhXYtRNRluoE/jAp4GVsSduVUzNWKkOZrCDBWYtE7biZywwdC2AcEzg+cSMLFRfVgeAFqpfNabiPjxFddV1Q==" }, "node_modules/@types/q": { "version": "1.5.5", @@ -10306,9 +10455,9 @@ } }, "node_modules/@types/react-transition-group": { - "version": "4.4.9", - "resolved": "https://registry.npmjs.org/@types/react-transition-group/-/react-transition-group-4.4.9.tgz", - "integrity": "sha512-ZVNmWumUIh5NhH8aMD9CR2hdW0fNuYInlocZHaZ+dgk/1K49j1w/HoAuK1ki+pgscQrOFRTlXeoURtuzEkV3dg==", + "version": "4.4.10", + "resolved": "https://registry.npmjs.org/@types/react-transition-group/-/react-transition-group-4.4.10.tgz", + "integrity": "sha512-hT/+s0VQs2ojCX823m60m5f0sL5idt9SO6Tj6Dg+rdphGPIeJbJ6CxvBYkgkGKrYeDjvIpKTR38UzmtHJOGW3Q==", "dependencies": { "@types/react": "*" } @@ -10321,11 +10470,6 @@ "@types/react": "*" } }, - "node_modules/@types/react/node_modules/csstype": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.0.tgz", - "integrity": "sha512-uX1KG+x9h5hIJsaKR9xHUeUraxf8IODOwq9JLNPq6BwB04a/xgpq3rcx47l5BZu5zBPlgD342tdke3Hom/nJRA==" - }, "node_modules/@types/redux-mock-store": { "version": "1.0.4", "resolved": "https://registry.npmjs.org/@types/redux-mock-store/-/redux-mock-store-1.0.4.tgz", @@ -13776,6 +13920,11 @@ "resolved": "https://registry.npmjs.org/cssom/-/cssom-0.3.8.tgz", "integrity": "sha512-b0tGHbfegbhPJpxpiBPU2sCkigAqtM9O121le6bbOlgyV+NyGyCmVfJ6QW9eRjz8CpNfWEOYBIMIGRYkLwsIYg==" }, + "node_modules/csstype": { + "version": "3.1.3", + "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz", + "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==" + }, "node_modules/d3-array": { "version": "3.2.0", "resolved": "https://registry.npmjs.org/d3-array/-/d3-array-3.2.0.tgz", @@ -14441,11 +14590,6 @@ "csstype": "^3.0.2" } }, - "node_modules/dom-helpers/node_modules/csstype": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.0.tgz", - "integrity": "sha512-uX1KG+x9h5hIJsaKR9xHUeUraxf8IODOwq9JLNPq6BwB04a/xgpq3rcx47l5BZu5zBPlgD342tdke3Hom/nJRA==" - }, "node_modules/dom-serializer": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-2.0.0.tgz", @@ -17628,6 +17772,15 @@ "integrity": "sha1-B8tKXfJa3Z6Cbrxn3Mn9idsn2Eo=", "dev": true }, + "node_modules/highlight-words": { + "version": "1.2.2", + "resolved": "https://registry.npmjs.org/highlight-words/-/highlight-words-1.2.2.tgz", + "integrity": "sha512-Mf4xfPXYm8Ay1wTibCrHpNWeR2nUMynMVFkXCi4mbl+TEgmNOe+I4hV7W3OCZcSvzGL6kupaqpfHOemliMTGxQ==", + "engines": { + "node": ">= 16", + "npm": ">= 8" + } + }, "node_modules/history": { "version": "4.10.1", "resolved": "https://registry.npmjs.org/history/-/history-4.10.1.tgz", @@ -22942,11 +23095,6 @@ "jss": "10.10.0" } }, - "node_modules/jss/node_modules/csstype": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.0.tgz", - "integrity": "sha512-uX1KG+x9h5hIJsaKR9xHUeUraxf8IODOwq9JLNPq6BwB04a/xgpq3rcx47l5BZu5zBPlgD342tdke3Hom/nJRA==" - }, "node_modules/jsx-ast-utils": { "version": "3.3.0", "resolved": "https://registry.npmjs.org/jsx-ast-utils/-/jsx-ast-utils-3.3.0.tgz", @@ -23504,6 +23652,33 @@ "node": "6.* || 8.* || >= 10.*" } }, + "node_modules/material-react-table": { + "version": "2.13.0", + "resolved": "https://registry.npmjs.org/material-react-table/-/material-react-table-2.13.0.tgz", + "integrity": "sha512-ds4/cupDsXvoz8K8OpM3UqUyqKoAMkVdvmvP/+ovuWA23fPcjYvFFkUpBxtnZq5GKWM0+SZWzr14KQ1DgKCaFQ==", + "dependencies": { + "@tanstack/match-sorter-utils": "8.15.1", + "@tanstack/react-table": "8.16.0", + "@tanstack/react-virtual": "3.3.0", + "highlight-words": "1.2.2" + }, + "engines": { + "node": ">=16" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/kevinvandy" + }, + "peerDependencies": { + "@emotion/react": ">=11.11", + "@emotion/styled": ">=11.11", + "@mui/icons-material": ">=5.11", + "@mui/material": ">=5.13", + "@mui/x-date-pickers": ">=6.15.0", + "react": ">=17.0", + "react-dom": ">=17.0" + } + }, "node_modules/md5.js": { "version": "1.3.5", "resolved": "https://registry.npmjs.org/md5.js/-/md5.js-1.3.5.tgz", @@ -30225,6 +30400,11 @@ "url": "https://opencollective.com/unified" } }, + "node_modules/remove-accents": { + "version": "0.5.0", + "resolved": "https://registry.npmjs.org/remove-accents/-/remove-accents-0.5.0.tgz", + "integrity": "sha512-8g3/Otx1eJaVD12e31UbJj1YzdtVvzH85HV7t+9MJYk/u3XmkOUJ5Ys9wQrf9PCPK8+xn4ymzqYCiZl6QWKn+A==" + }, "node_modules/remove-bom-buffer": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/remove-bom-buffer/-/remove-bom-buffer-3.0.0.tgz", @@ -36026,9 +36206,9 @@ "integrity": "sha512-x/rqGMdzj+fWZvCOYForTghzbtqPDZ5gPwaoNGHdgDfF2QA/XZbCBp4Moo5scrkAMPhB7z26XM/AaHuIJdgauA==" }, "@babel/runtime": { - "version": "7.23.2", - "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.23.2.tgz", - "integrity": "sha512-mM8eg4yl5D6i3lu2QKPuPH4FArvJ8KhTofbE7jwMUv9KX5mBvwPAqnV3MlyBNqdp9RyRKP6Yck8TrfYrPvX3bg==", + "version": "7.24.5", + "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.24.5.tgz", + "integrity": "sha512-Nms86NXrsaeU9vbBJKni6gXiEXZ4CVpYVzEjDH9Sb8vmZ3UljyA1GSOJl/6LGPO8EHLuSF9H+IxNXHPX8QHJ4g==", "requires": { "regenerator-runtime": "^0.14.0" }, @@ -36242,11 +36422,6 @@ "resolved": "https://registry.npmjs.org/@emotion/hash/-/hash-0.9.1.tgz", "integrity": "sha512-gJB6HLm5rYwSLI6PQa+X1t5CFGrv1J1TWG+sOyMCeKz2ojaj6Fnl/rZEspogG+cvqbt4AE/2eIyD2QfLKTBNlQ==" }, - "@emotion/memoize": { - "version": "0.8.1", - "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.8.1.tgz", - "integrity": "sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA==" - }, "@emotion/serialize": { "version": "1.1.2", "resolved": "https://registry.npmjs.org/@emotion/serialize/-/serialize-1.1.2.tgz", @@ -36264,16 +36439,6 @@ "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.8.1.tgz", "integrity": "sha512-KOEGMu6dmJZtpadb476IsZBclKvILjopjUii3V+7MnXIQCYh8W3NgNcgwo21n9LXZX6EDIKvqfjYxXebDwxKmQ==" }, - "@emotion/utils": { - "version": "1.2.1", - "resolved": "https://registry.npmjs.org/@emotion/utils/-/utils-1.2.1.tgz", - "integrity": "sha512-Y2tGf3I+XVnajdItskUCn6LX+VUDmP6lTL4fcqsXAv43dnlbZiuW4MWQW38rW/BVWSE7Q/7+XQocmpnRYILUmg==" - }, - "csstype": { - "version": "3.1.2", - "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz", - "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==" - }, "source-map": { "version": "0.5.7", "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz", @@ -36281,6 +36446,23 @@ } } }, + "@emotion/cache": { + "version": "11.11.0", + "resolved": "https://registry.npmjs.org/@emotion/cache/-/cache-11.11.0.tgz", + "integrity": "sha512-P34z9ssTCBi3e9EI1ZsWpNHcfY1r09ZO0rZbRO2ob3ZQMnFI35jB536qoXbkdesr5EUhYi22anuEJuyxifaqAQ==", + "requires": { + "@emotion/memoize": "^0.8.1", + "@emotion/sheet": "^1.2.2", + "@emotion/utils": "^1.2.1", + "@emotion/weak-memoize": "^0.3.1", + "stylis": "4.2.0" + } + }, + "@emotion/memoize": { + "version": "0.8.1", + "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.8.1.tgz", + "integrity": "sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA==" + }, "@emotion/react": { "version": "11.11.1", "resolved": "https://registry.npmjs.org/@emotion/react/-/react-11.11.1.tgz", @@ -36296,28 +36478,11 @@ "hoist-non-react-statics": "^3.3.1" }, "dependencies": { - "@emotion/cache": { - "version": "11.11.0", - "resolved": "https://registry.npmjs.org/@emotion/cache/-/cache-11.11.0.tgz", - "integrity": "sha512-P34z9ssTCBi3e9EI1ZsWpNHcfY1r09ZO0rZbRO2ob3ZQMnFI35jB536qoXbkdesr5EUhYi22anuEJuyxifaqAQ==", - "requires": { - "@emotion/memoize": "^0.8.1", - "@emotion/sheet": "^1.2.2", - "@emotion/utils": "^1.2.1", - "@emotion/weak-memoize": "^0.3.1", - "stylis": "4.2.0" - } - }, "@emotion/hash": { "version": "0.9.1", "resolved": "https://registry.npmjs.org/@emotion/hash/-/hash-0.9.1.tgz", "integrity": "sha512-gJB6HLm5rYwSLI6PQa+X1t5CFGrv1J1TWG+sOyMCeKz2ojaj6Fnl/rZEspogG+cvqbt4AE/2eIyD2QfLKTBNlQ==" }, - "@emotion/memoize": { - "version": "0.8.1", - "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.8.1.tgz", - "integrity": "sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA==" - }, "@emotion/serialize": { "version": "1.1.2", "resolved": "https://registry.npmjs.org/@emotion/serialize/-/serialize-1.1.2.tgz", @@ -36330,33 +36495,18 @@ "csstype": "^3.0.2" } }, - "@emotion/sheet": { - "version": "1.2.2", - "resolved": "https://registry.npmjs.org/@emotion/sheet/-/sheet-1.2.2.tgz", - "integrity": "sha512-0QBtGvaqtWi+nx6doRwDdBIzhNdZrXUppvTM4dtZZWEGTXL/XE/yJxLMGlDT1Gt+UHH5IX1n+jkXyytE/av7OA==" - }, "@emotion/unitless": { "version": "0.8.1", "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.8.1.tgz", "integrity": "sha512-KOEGMu6dmJZtpadb476IsZBclKvILjopjUii3V+7MnXIQCYh8W3NgNcgwo21n9LXZX6EDIKvqfjYxXebDwxKmQ==" - }, - "@emotion/utils": { - "version": "1.2.1", - "resolved": "https://registry.npmjs.org/@emotion/utils/-/utils-1.2.1.tgz", - "integrity": "sha512-Y2tGf3I+XVnajdItskUCn6LX+VUDmP6lTL4fcqsXAv43dnlbZiuW4MWQW38rW/BVWSE7Q/7+XQocmpnRYILUmg==" - }, - "@emotion/weak-memoize": { - "version": "0.3.1", - "resolved": "https://registry.npmjs.org/@emotion/weak-memoize/-/weak-memoize-0.3.1.tgz", - "integrity": "sha512-EsBwpc7hBUJWAsNPBmJy4hxWx12v6bshQsldrVmjxJoc3isbxhOrF2IcCpaXxfvq03NwkI7sbsOLXbYuqF/8Ww==" - }, - "csstype": { - "version": "3.1.2", - "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz", - "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==" } } }, + "@emotion/sheet": { + "version": "1.2.2", + "resolved": "https://registry.npmjs.org/@emotion/sheet/-/sheet-1.2.2.tgz", + "integrity": "sha512-0QBtGvaqtWi+nx6doRwDdBIzhNdZrXUppvTM4dtZZWEGTXL/XE/yJxLMGlDT1Gt+UHH5IX1n+jkXyytE/av7OA==" + }, "@emotion/styled": { "version": "11.11.0", "resolved": "https://registry.npmjs.org/@emotion/styled/-/styled-11.11.0.tgz", @@ -36383,11 +36533,6 @@ "@emotion/memoize": "^0.8.1" } }, - "@emotion/memoize": { - "version": "0.8.1", - "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.8.1.tgz", - "integrity": "sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA==" - }, "@emotion/serialize": { "version": "1.1.2", "resolved": "https://registry.npmjs.org/@emotion/serialize/-/serialize-1.1.2.tgz", @@ -36404,16 +36549,6 @@ "version": "0.8.1", "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.8.1.tgz", "integrity": "sha512-KOEGMu6dmJZtpadb476IsZBclKvILjopjUii3V+7MnXIQCYh8W3NgNcgwo21n9LXZX6EDIKvqfjYxXebDwxKmQ==" - }, - "@emotion/utils": { - "version": "1.2.1", - "resolved": "https://registry.npmjs.org/@emotion/utils/-/utils-1.2.1.tgz", - "integrity": "sha512-Y2tGf3I+XVnajdItskUCn6LX+VUDmP6lTL4fcqsXAv43dnlbZiuW4MWQW38rW/BVWSE7Q/7+XQocmpnRYILUmg==" - }, - "csstype": { - "version": "3.1.2", - "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz", - "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==" } } }, @@ -36423,6 +36558,16 @@ "integrity": "sha512-jT/qyKZ9rzLErtrjGgdkMBn2OP8wl0G3sQlBb3YPryvKHsjvINUhVaPFfP+fpBcOkmrVOVEEHQFJ7nbj2TH2gw==", "requires": {} }, + "@emotion/utils": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/@emotion/utils/-/utils-1.2.1.tgz", + "integrity": "sha512-Y2tGf3I+XVnajdItskUCn6LX+VUDmP6lTL4fcqsXAv43dnlbZiuW4MWQW38rW/BVWSE7Q/7+XQocmpnRYILUmg==" + }, + "@emotion/weak-memoize": { + "version": "0.3.1", + "resolved": "https://registry.npmjs.org/@emotion/weak-memoize/-/weak-memoize-0.3.1.tgz", + "integrity": "sha512-EsBwpc7hBUJWAsNPBmJy4hxWx12v6bshQsldrVmjxJoc3isbxhOrF2IcCpaXxfvq03NwkI7sbsOLXbYuqF/8Ww==" + }, "@esbuild/android-arm": { "version": "0.18.20", "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.18.20.tgz", @@ -36662,11 +36807,11 @@ } }, "@floating-ui/react-dom": { - "version": "2.0.4", - "resolved": "https://registry.npmjs.org/@floating-ui/react-dom/-/react-dom-2.0.4.tgz", - "integrity": "sha512-CF8k2rgKeh/49UrnIBs4BdxPUV6vize/Db1d/YbCLyp9GiVZ0BEwf5AiDSxJRCr6yOkGqTFHtmrULxkEfYZ7dQ==", + "version": "2.0.9", + "resolved": "https://registry.npmjs.org/@floating-ui/react-dom/-/react-dom-2.0.9.tgz", + "integrity": "sha512-q0umO0+LQK4+p6aGyvzASqKbKOJcAHJ7ycE9CuUvfx3s9zTHWmGJTPOIlM/hmSBfUfg/XfY5YhLBLR/LHwShQQ==", "requires": { - "@floating-ui/dom": "^1.5.1" + "@floating-ui/dom": "^1.0.0" } }, "@floating-ui/utils": { @@ -38008,9 +38153,18 @@ } }, "@mui/core-downloads-tracker": { - "version": "5.14.17", - "resolved": "https://registry.npmjs.org/@mui/core-downloads-tracker/-/core-downloads-tracker-5.14.17.tgz", - "integrity": "sha512-eE0uxrpJAEL2ZXkeGLKg8HQDafsiXY+6eNpP4lcv3yIjFfGbU6Hj9/P7Adt8jpU+6JIhmxvILGj2r27pX+zdrQ==" + "version": "5.15.16", + "resolved": "https://registry.npmjs.org/@mui/core-downloads-tracker/-/core-downloads-tracker-5.15.16.tgz", + "integrity": "sha512-PTIbMJs5C/vYMfyJNW8ArOezh4eyHkg2pTeA7bBxh2kLP1Uzs0Nm+krXWbWGJPwTWjM8EhnDrr4aCF26+2oleg==" + }, + "@mui/icons-material": { + "version": "5.15.16", + "resolved": "https://registry.npmjs.org/@mui/icons-material/-/icons-material-5.15.16.tgz", + "integrity": "sha512-s8vYbyACzTNZRKv+20fCfVXJwJqNcVotns2EKnu1wmAga6wv2LAo5kB1d5yqQqZlMFtp34EJvRXf7cy8X0tJVA==", + "peer": true, + "requires": { + "@babel/runtime": "^7.23.9" + } }, "@mui/lab": { "version": "5.0.0-alpha.152", @@ -38034,33 +38188,42 @@ } }, "@mui/material": { - "version": "5.14.17", - "resolved": "https://registry.npmjs.org/@mui/material/-/material-5.14.17.tgz", - "integrity": "sha512-+y0VeOLWfEA4Z98We/UH6KCo8+f2HLZDK45FY+sJf8kSojLy3VntadKtC/u0itqnXXb1Pr4wKB2tSIBW02zY4Q==", - "requires": { - "@babel/runtime": "^7.23.2", - "@mui/base": "5.0.0-beta.23", - "@mui/core-downloads-tracker": "^5.14.17", - "@mui/system": "^5.14.17", - "@mui/types": "^7.2.8", - "@mui/utils": "^5.14.17", - "@types/react-transition-group": "^4.4.8", - "clsx": "^2.0.0", - "csstype": "^3.1.2", + "version": "5.15.16", + "resolved": "https://registry.npmjs.org/@mui/material/-/material-5.15.16.tgz", + "integrity": "sha512-ery2hFReewko9gpDBqOr2VmXwQG9ifXofPhGzIx09/b9JqCQC/06kZXZDGGrOTpIddK9HlIf4yrS+G70jPAzUQ==", + "requires": { + "@babel/runtime": "^7.23.9", + "@mui/base": "5.0.0-beta.40", + "@mui/core-downloads-tracker": "^5.15.16", + "@mui/system": "^5.15.15", + "@mui/types": "^7.2.14", + "@mui/utils": "^5.15.14", + "@types/react-transition-group": "^4.4.10", + "clsx": "^2.1.0", + "csstype": "^3.1.3", "prop-types": "^15.8.1", "react-is": "^18.2.0", "react-transition-group": "^4.4.5" }, "dependencies": { - "clsx": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.0.0.tgz", - "integrity": "sha512-rQ1+kcj+ttHG0MKVGBUXwayCCF1oh39BF5COIpRzuCEv8Mwjv0XucrI2ExNTOn9IlLifGClWQcU9BrZORvtw6Q==" + "@mui/base": { + "version": "5.0.0-beta.40", + "resolved": "https://registry.npmjs.org/@mui/base/-/base-5.0.0-beta.40.tgz", + "integrity": "sha512-I/lGHztkCzvwlXpjD2+SNmvNQvB4227xBXhISPjEaJUXGImOQ9f3D2Yj/T3KasSI/h0MLWy74X0J6clhPmsRbQ==", + "requires": { + "@babel/runtime": "^7.23.9", + "@floating-ui/react-dom": "^2.0.8", + "@mui/types": "^7.2.14", + "@mui/utils": "^5.15.14", + "@popperjs/core": "^2.11.8", + "clsx": "^2.1.0", + "prop-types": "^15.8.1" + } }, - "csstype": { - "version": "3.1.2", - "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz", - "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==" + "clsx": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz", + "integrity": "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==" }, "react-is": { "version": "18.2.0", @@ -38070,63 +38233,24 @@ } }, "@mui/private-theming": { - "version": "5.14.17", - "resolved": "https://registry.npmjs.org/@mui/private-theming/-/private-theming-5.14.17.tgz", - "integrity": "sha512-u4zxsCm9xmQrlhVPug+Ccrtsjv7o2+rehvrgHoh0siSguvVgVQq5O3Hh10+tp/KWQo2JR4/nCEwquSXgITS1+g==", + "version": "5.15.14", + "resolved": "https://registry.npmjs.org/@mui/private-theming/-/private-theming-5.15.14.tgz", + "integrity": "sha512-UH0EiZckOWcxiXLX3Jbb0K7rC8mxTr9L9l6QhOZxYc4r8FHUkefltV9VDGLrzCaWh30SQiJvAEd7djX3XXY6Xw==", "requires": { - "@babel/runtime": "^7.23.2", - "@mui/utils": "^5.14.17", + "@babel/runtime": "^7.23.9", + "@mui/utils": "^5.15.14", "prop-types": "^15.8.1" } }, "@mui/styled-engine": { - "version": "5.14.17", - "resolved": "https://registry.npmjs.org/@mui/styled-engine/-/styled-engine-5.14.17.tgz", - "integrity": "sha512-AqpVjBEA7wnBvKPW168bNlqB6EN7HxTjLOY7oi275AzD/b1C7V0wqELy6NWoJb2yya5sRf7ENf4iNi3+T5cOgw==", + "version": "5.15.14", + "resolved": "https://registry.npmjs.org/@mui/styled-engine/-/styled-engine-5.15.14.tgz", + "integrity": "sha512-RILkuVD8gY6PvjZjqnWhz8fu68dVkqhM5+jYWfB5yhlSQKg+2rHkmEwm75XIeAqI3qwOndK6zELK5H6Zxn4NHw==", "requires": { - "@babel/runtime": "^7.23.2", + "@babel/runtime": "^7.23.9", "@emotion/cache": "^11.11.0", - "csstype": "^3.1.2", + "csstype": "^3.1.3", "prop-types": "^15.8.1" - }, - "dependencies": { - "@emotion/cache": { - "version": "11.11.0", - "resolved": "https://registry.npmjs.org/@emotion/cache/-/cache-11.11.0.tgz", - "integrity": "sha512-P34z9ssTCBi3e9EI1ZsWpNHcfY1r09ZO0rZbRO2ob3ZQMnFI35jB536qoXbkdesr5EUhYi22anuEJuyxifaqAQ==", - "requires": { - "@emotion/memoize": "^0.8.1", - "@emotion/sheet": "^1.2.2", - "@emotion/utils": "^1.2.1", - "@emotion/weak-memoize": "^0.3.1", - "stylis": "4.2.0" - } - }, - "@emotion/memoize": { - "version": "0.8.1", - "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.8.1.tgz", - "integrity": "sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA==" - }, - "@emotion/sheet": { - "version": "1.2.2", - "resolved": "https://registry.npmjs.org/@emotion/sheet/-/sheet-1.2.2.tgz", - "integrity": "sha512-0QBtGvaqtWi+nx6doRwDdBIzhNdZrXUppvTM4dtZZWEGTXL/XE/yJxLMGlDT1Gt+UHH5IX1n+jkXyytE/av7OA==" - }, - "@emotion/utils": { - "version": "1.2.1", - "resolved": "https://registry.npmjs.org/@emotion/utils/-/utils-1.2.1.tgz", - "integrity": "sha512-Y2tGf3I+XVnajdItskUCn6LX+VUDmP6lTL4fcqsXAv43dnlbZiuW4MWQW38rW/BVWSE7Q/7+XQocmpnRYILUmg==" - }, - "@emotion/weak-memoize": { - "version": "0.3.1", - "resolved": "https://registry.npmjs.org/@emotion/weak-memoize/-/weak-memoize-0.3.1.tgz", - "integrity": "sha512-EsBwpc7hBUJWAsNPBmJy4hxWx12v6bshQsldrVmjxJoc3isbxhOrF2IcCpaXxfvq03NwkI7sbsOLXbYuqF/8Ww==" - }, - "csstype": { - "version": "3.1.2", - "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz", - "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==" - } } }, "@mui/styles": { @@ -38162,54 +38286,44 @@ "version": "2.0.0", "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.0.0.tgz", "integrity": "sha512-rQ1+kcj+ttHG0MKVGBUXwayCCF1oh39BF5COIpRzuCEv8Mwjv0XucrI2ExNTOn9IlLifGClWQcU9BrZORvtw6Q==" - }, - "csstype": { - "version": "3.1.2", - "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz", - "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==" } } }, "@mui/system": { - "version": "5.14.17", - "resolved": "https://registry.npmjs.org/@mui/system/-/system-5.14.17.tgz", - "integrity": "sha512-Ccz3XlbCqka6DnbHfpL3o3TfOeWQPR+ewvNAgm8gnS9M0yVMmzzmY6z0w/C1eebb+7ZP7IoLUj9vojg/GBaTPg==", - "requires": { - "@babel/runtime": "^7.23.2", - "@mui/private-theming": "^5.14.17", - "@mui/styled-engine": "^5.14.17", - "@mui/types": "^7.2.8", - "@mui/utils": "^5.14.17", - "clsx": "^2.0.0", - "csstype": "^3.1.2", + "version": "5.15.15", + "resolved": "https://registry.npmjs.org/@mui/system/-/system-5.15.15.tgz", + "integrity": "sha512-aulox6N1dnu5PABsfxVGOZffDVmlxPOVgj56HrUnJE8MCSh8lOvvkd47cebIVQQYAjpwieXQXiDPj5pwM40jTQ==", + "requires": { + "@babel/runtime": "^7.23.9", + "@mui/private-theming": "^5.15.14", + "@mui/styled-engine": "^5.15.14", + "@mui/types": "^7.2.14", + "@mui/utils": "^5.15.14", + "clsx": "^2.1.0", + "csstype": "^3.1.3", "prop-types": "^15.8.1" }, "dependencies": { "clsx": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.0.0.tgz", - "integrity": "sha512-rQ1+kcj+ttHG0MKVGBUXwayCCF1oh39BF5COIpRzuCEv8Mwjv0XucrI2ExNTOn9IlLifGClWQcU9BrZORvtw6Q==" - }, - "csstype": { - "version": "3.1.2", - "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz", - "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==" + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz", + "integrity": "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==" } } }, "@mui/types": { - "version": "7.2.8", - "resolved": "https://registry.npmjs.org/@mui/types/-/types-7.2.8.tgz", - "integrity": "sha512-9u0ji+xspl96WPqvrYJF/iO+1tQ1L5GTaDOeG3vCR893yy7VcWwRNiVMmPdPNpMDqx0WV1wtEW9OMwK9acWJzQ==", + "version": "7.2.14", + "resolved": "https://registry.npmjs.org/@mui/types/-/types-7.2.14.tgz", + "integrity": "sha512-MZsBZ4q4HfzBsywtXgM1Ksj6HDThtiwmOKUXH1pKYISI9gAVXCNHNpo7TlGoGrBaYWZTdNoirIN7JsQcQUjmQQ==", "requires": {} }, "@mui/utils": { - "version": "5.14.17", - "resolved": "https://registry.npmjs.org/@mui/utils/-/utils-5.14.17.tgz", - "integrity": "sha512-yxnWgSS4J6DMFPw2Dof85yBkG02VTbEiqsikymMsnZnXDurtVGTIhlNuV24GTmFTuJMzEyTTU9UF+O7zaL8LEQ==", + "version": "5.15.14", + "resolved": "https://registry.npmjs.org/@mui/utils/-/utils-5.15.14.tgz", + "integrity": "sha512-0lF/7Hh/ezDv5X7Pry6enMsbYyGKjADzvHyo3Qrc/SSlTsQ1VkbDMbH0m2t3OR5iIVLwMoxwM7yGd+6FCMtTFA==", "requires": { - "@babel/runtime": "^7.23.2", - "@types/prop-types": "^15.7.9", + "@babel/runtime": "^7.23.9", + "@types/prop-types": "^15.7.11", "prop-types": "^15.8.1", "react-is": "^18.2.0" }, @@ -38221,6 +38335,45 @@ } } }, + "@mui/x-date-pickers": { + "version": "7.3.2", + "resolved": "https://registry.npmjs.org/@mui/x-date-pickers/-/x-date-pickers-7.3.2.tgz", + "integrity": "sha512-i7JaDs1eXSZWyJihfszUHVV0t/C2HvtdMv5tHwv3E3enMx5Hup1vkJ64vZAH2fgGrTHQH8mjxvVsmI6jhDXIUg==", + "peer": true, + "requires": { + "@babel/runtime": "^7.24.0", + "@mui/base": "^5.0.0-beta.40", + "@mui/system": "^5.15.14", + "@mui/utils": "^5.15.14", + "@types/react-transition-group": "^4.4.10", + "clsx": "^2.1.0", + "prop-types": "^15.8.1", + "react-transition-group": "^4.4.5" + }, + "dependencies": { + "@mui/base": { + "version": "5.0.0-beta.40", + "resolved": "https://registry.npmjs.org/@mui/base/-/base-5.0.0-beta.40.tgz", + "integrity": "sha512-I/lGHztkCzvwlXpjD2+SNmvNQvB4227xBXhISPjEaJUXGImOQ9f3D2Yj/T3KasSI/h0MLWy74X0J6clhPmsRbQ==", + "peer": true, + "requires": { + "@babel/runtime": "^7.23.9", + "@floating-ui/react-dom": "^2.0.8", + "@mui/types": "^7.2.14", + "@mui/utils": "^5.15.14", + "@popperjs/core": "^2.11.8", + "clsx": "^2.1.0", + "prop-types": "^15.8.1" + } + }, + "clsx": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz", + "integrity": "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==", + "peer": true + } + } + }, "@mui/x-tree-view": { "version": "6.17.0", "resolved": "https://registry.npmjs.org/@mui/x-tree-view/-/x-tree-view-6.17.0.tgz", @@ -40925,6 +41078,40 @@ "integrity": "sha512-myfUej5naTBWnqOCc/MdVOLVjXUXtIA+NpDrDBKJtLLg2shUjBu3cZmB/85RyitKc55+lUUyl7oRfLOvkr2hsw==", "dev": true }, + "@tanstack/match-sorter-utils": { + "version": "8.15.1", + "resolved": "https://registry.npmjs.org/@tanstack/match-sorter-utils/-/match-sorter-utils-8.15.1.tgz", + "integrity": "sha512-PnVV3d2poenUM31ZbZi/yXkBu3J7kd5k2u51CGwwNojag451AjTH9N6n41yjXz2fpLeewleyLBmNS6+HcGDlXw==", + "requires": { + "remove-accents": "0.5.0" + } + }, + "@tanstack/react-table": { + "version": "8.16.0", + "resolved": "https://registry.npmjs.org/@tanstack/react-table/-/react-table-8.16.0.tgz", + "integrity": "sha512-rKRjnt8ostqN2fercRVOIH/dq7MAmOENCMvVlKx6P9Iokhh6woBGnIZEkqsY/vEJf1jN3TqLOb34xQGLVRuhAg==", + "requires": { + "@tanstack/table-core": "8.16.0" + } + }, + "@tanstack/react-virtual": { + "version": "3.3.0", + "resolved": "https://registry.npmjs.org/@tanstack/react-virtual/-/react-virtual-3.3.0.tgz", + "integrity": "sha512-QFxmTSZBniq15S0vSZ55P4ToXquMXwJypPXyX/ux7sYo6a2FX3/zWoRLLc4eIOGWTjvzqcIVNKhcuFb+OZL3aQ==", + "requires": { + "@tanstack/virtual-core": "3.3.0" + } + }, + "@tanstack/table-core": { + "version": "8.16.0", + "resolved": "https://registry.npmjs.org/@tanstack/table-core/-/table-core-8.16.0.tgz", + "integrity": "sha512-dCG8vQGk4js5v88/k83tTedWOwjGnIyONrKpHpfmSJB8jwFHl8GSu1sBBxbtACVAPtAQgwNxl0rw1d3RqRM1Tg==" + }, + "@tanstack/virtual-core": { + "version": "3.3.0", + "resolved": "https://registry.npmjs.org/@tanstack/virtual-core/-/virtual-core-3.3.0.tgz", + "integrity": "sha512-A0004OAa1FcUkPHeeGoKgBrAgjH+uHdDPrw1L7RpkwnODYqRvoilqsHPs8cyTjMg1byZBbiNpQAq2TlFLIaQag==" + }, "@testing-library/dom": { "version": "8.13.0", "resolved": "https://registry.npmjs.org/@testing-library/dom/-/dom-8.13.0.tgz", @@ -41434,9 +41621,9 @@ "dev": true }, "@types/prop-types": { - "version": "15.7.10", - "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.10.tgz", - "integrity": "sha512-mxSnDQxPqsZxmeShFH+uwQ4kO4gcJcGahjjMFeLbKE95IAZiiZyiEepGZjtXJ7hN/yfu0bu9xN2ajcU0JcxX6A==" + "version": "15.7.12", + "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.12.tgz", + "integrity": "sha512-5zvhXYtRNRluoE/jAp4GVsSduVUzNWKkOZrCDBWYtE7biZywwdC2AcEzg+cSMLFRfVgeAFqpfNabiPjxFddV1Q==" }, "@types/q": { "version": "1.5.5", @@ -41461,13 +41648,6 @@ "@types/prop-types": "*", "@types/scheduler": "*", "csstype": "^3.0.2" - }, - "dependencies": { - "csstype": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.0.tgz", - "integrity": "sha512-uX1KG+x9h5hIJsaKR9xHUeUraxf8IODOwq9JLNPq6BwB04a/xgpq3rcx47l5BZu5zBPlgD342tdke3Hom/nJRA==" - } } }, "@types/react-dom": { @@ -41509,9 +41689,9 @@ } }, "@types/react-transition-group": { - "version": "4.4.9", - "resolved": "https://registry.npmjs.org/@types/react-transition-group/-/react-transition-group-4.4.9.tgz", - "integrity": "sha512-ZVNmWumUIh5NhH8aMD9CR2hdW0fNuYInlocZHaZ+dgk/1K49j1w/HoAuK1ki+pgscQrOFRTlXeoURtuzEkV3dg==", + "version": "4.4.10", + "resolved": "https://registry.npmjs.org/@types/react-transition-group/-/react-transition-group-4.4.10.tgz", + "integrity": "sha512-hT/+s0VQs2ojCX823m60m5f0sL5idt9SO6Tj6Dg+rdphGPIeJbJ6CxvBYkgkGKrYeDjvIpKTR38UzmtHJOGW3Q==", "requires": { "@types/react": "*" } @@ -44136,6 +44316,11 @@ } } }, + "csstype": { + "version": "3.1.3", + "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz", + "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==" + }, "d3-array": { "version": "3.2.0", "resolved": "https://registry.npmjs.org/d3-array/-/d3-array-3.2.0.tgz", @@ -44637,13 +44822,6 @@ "requires": { "@babel/runtime": "^7.8.7", "csstype": "^3.0.2" - }, - "dependencies": { - "csstype": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.0.tgz", - "integrity": "sha512-uX1KG+x9h5hIJsaKR9xHUeUraxf8IODOwq9JLNPq6BwB04a/xgpq3rcx47l5BZu5zBPlgD342tdke3Hom/nJRA==" - } } }, "dom-serializer": { @@ -47152,6 +47330,11 @@ } } }, + "highlight-words": { + "version": "1.2.2", + "resolved": "https://registry.npmjs.org/highlight-words/-/highlight-words-1.2.2.tgz", + "integrity": "sha512-Mf4xfPXYm8Ay1wTibCrHpNWeR2nUMynMVFkXCi4mbl+TEgmNOe+I4hV7W3OCZcSvzGL6kupaqpfHOemliMTGxQ==" + }, "history": { "version": "4.10.1", "resolved": "https://registry.npmjs.org/history/-/history-4.10.1.tgz", @@ -51127,13 +51310,6 @@ "csstype": "^3.0.2", "is-in-browser": "^1.1.3", "tiny-warning": "^1.0.2" - }, - "dependencies": { - "csstype": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.0.tgz", - "integrity": "sha512-uX1KG+x9h5hIJsaKR9xHUeUraxf8IODOwq9JLNPq6BwB04a/xgpq3rcx47l5BZu5zBPlgD342tdke3Hom/nJRA==" - } } }, "jss-plugin-camel-case": { @@ -51639,6 +51815,17 @@ "minimatch": "^3.0.2" } }, + "material-react-table": { + "version": "2.13.0", + "resolved": "https://registry.npmjs.org/material-react-table/-/material-react-table-2.13.0.tgz", + "integrity": "sha512-ds4/cupDsXvoz8K8OpM3UqUyqKoAMkVdvmvP/+ovuWA23fPcjYvFFkUpBxtnZq5GKWM0+SZWzr14KQ1DgKCaFQ==", + "requires": { + "@tanstack/match-sorter-utils": "8.15.1", + "@tanstack/react-table": "8.16.0", + "@tanstack/react-virtual": "3.3.0", + "highlight-words": "1.2.2" + } + }, "md5.js": { "version": "1.3.5", "resolved": "https://registry.npmjs.org/md5.js/-/md5.js-1.3.5.tgz", @@ -56342,6 +56529,11 @@ } } }, + "remove-accents": { + "version": "0.5.0", + "resolved": "https://registry.npmjs.org/remove-accents/-/remove-accents-0.5.0.tgz", + "integrity": "sha512-8g3/Otx1eJaVD12e31UbJj1YzdtVvzH85HV7t+9MJYk/u3XmkOUJ5Ys9wQrf9PCPK8+xn4ymzqYCiZl6QWKn+A==" + }, "remove-bom-buffer": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/remove-bom-buffer/-/remove-bom-buffer-3.0.0.tgz", diff --git a/frontend/package.json b/frontend/package.json index 92a76408ac9..a3448b60f71 100644 --- a/frontend/package.json +++ b/frontend/package.json @@ -61,6 +61,7 @@ "js-yaml": "^4.1.0", "jsonpath-plus": "^6.0.1", "lodash": "^4.17.21", + "material-react-table": "^2.13.0", "monaco-editor": "^0.25.2", "monaco-editor-webpack-plugin": "^4.2.0", "notistack": "^2.0.8", diff --git a/frontend/patches/@mui+material+5.14.17.patch b/frontend/patches/@mui+material+5.14.17.patch deleted file mode 100644 index a104e889c3d..00000000000 --- a/frontend/patches/@mui+material+5.14.17.patch +++ /dev/null @@ -1,11 +0,0 @@ -diff --git a/node_modules/@mui/material/ClickAwayListener/index.d.ts b/node_modules/@mui/material/ClickAwayListener/index.d.ts -index 56d3b7e..18bf936 100644 ---- a/node_modules/@mui/material/ClickAwayListener/index.d.ts -+++ b/node_modules/@mui/material/ClickAwayListener/index.d.ts -@@ -1 +1,5 @@ --export { ClickAwayListener as default, type ClickAwayListenerProps, } from '@mui/base/ClickAwayListener'; -+import { ClickAwayListenerProps } from '@mui/base/ClickAwayListener'; -+ -+export { ClickAwayListener as default } from '@mui/base/ClickAwayListener'; -+ -+export type { ClickAwayListenerProps }; diff --git a/frontend/src/components/App/Notifications/__snapshots__/List.stories.storyshot b/frontend/src/components/App/Notifications/__snapshots__/List.stories.storyshot index f2946d16126..ffdfaf5c9d2 100644 --- a/frontend/src/components/App/Notifications/__snapshots__/List.stories.storyshot +++ b/frontend/src/components/App/Notifications/__snapshots__/List.stories.storyshot @@ -3,12 +3,12 @@ exports[`Storyshots Notifications List 1`] = ` <div> <button - class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall css-w7fpvq-MuiButtonBase-root-MuiButton-root" + class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary css-w7fpvq-MuiButtonBase-root-MuiButton-root" tabindex="0" type="button" > <span - class="MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" + class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" > <span /> </span> diff --git a/frontend/src/components/App/PluginSettings/__snapshots__/PluginSettings.stories.storyshot b/frontend/src/components/App/PluginSettings/__snapshots__/PluginSettings.stories.storyshot index 5548254652a..59d2fa4bb25 100644 --- a/frontend/src/components/App/PluginSettings/__snapshots__/PluginSettings.stories.storyshot +++ b/frontend/src/components/App/PluginSettings/__snapshots__/PluginSettings.stories.storyshot @@ -325,7 +325,7 @@ exports[`Storyshots Settings/PluginSettings Default Save Enable 1`] = ` class="MuiBox-root css-ova7y8" > <button - class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium css-wlshgd-MuiButtonBase-root-MuiButton-root" + class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary css-wlshgd-MuiButtonBase-root-MuiButton-root" tabindex="0" type="button" > diff --git a/frontend/src/components/App/PluginSettings/__snapshots__/PluginSettingsDetails.stories.storyshot b/frontend/src/components/App/PluginSettings/__snapshots__/PluginSettingsDetails.stories.storyshot index 55bf364907e..cb5daf1a462 100644 --- a/frontend/src/components/App/PluginSettings/__snapshots__/PluginSettingsDetails.stories.storyshot +++ b/frontend/src/components/App/PluginSettings/__snapshots__/PluginSettingsDetails.stories.storyshot @@ -3,12 +3,12 @@ exports[`Storyshots Settings/PluginSettingsDetail With Auto Save 1`] = ` <div> <button - class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall css-w7fpvq-MuiButtonBase-root-MuiButton-root" + class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary css-w7fpvq-MuiButtonBase-root-MuiButton-root" tabindex="0" type="button" > <span - class="MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" + class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" > <span /> </span> @@ -110,12 +110,12 @@ exports[`Storyshots Settings/PluginSettingsDetail With Auto Save 1`] = ` exports[`Storyshots Settings/PluginSettingsDetail Without Auto Save 1`] = ` <div> <button - class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall css-w7fpvq-MuiButtonBase-root-MuiButton-root" + class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary css-w7fpvq-MuiButtonBase-root-MuiButton-root" tabindex="0" type="button" > <span - class="MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" + class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" > <span /> </span> @@ -210,7 +210,7 @@ exports[`Storyshots Settings/PluginSettingsDetail Without Auto Save 1`] = ` class="MuiStack-root css-niqf4j-MuiStack-root" > <button - class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium Mui-disabled MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium css-19g3xkx-MuiButtonBase-root-MuiButton-root" + class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary Mui-disabled MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary css-19g3xkx-MuiButtonBase-root-MuiButton-root" disabled="" style="background-color: silver; color: black;" tabindex="-1" @@ -219,7 +219,7 @@ exports[`Storyshots Settings/PluginSettingsDetail Without Auto Save 1`] = ` Save </button> <button - class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium css-1gp6czg-MuiButtonBase-root-MuiButton-root" + class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary css-1gp6czg-MuiButtonBase-root-MuiButton-root" style="color: silver;" tabindex="0" type="button" diff --git a/frontend/src/components/App/Settings/__snapshots__/Settings.stories.storyshot b/frontend/src/components/App/Settings/__snapshots__/Settings.stories.storyshot index 9ac83e2ce9e..5921d422fbe 100644 --- a/frontend/src/components/App/Settings/__snapshots__/Settings.stories.storyshot +++ b/frontend/src/components/App/Settings/__snapshots__/Settings.stories.storyshot @@ -3,12 +3,12 @@ exports[`Storyshots Settings General 1`] = ` <div> <button - class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall css-w7fpvq-MuiButtonBase-root-MuiButton-root" + class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary css-w7fpvq-MuiButtonBase-root-MuiButton-root" tabindex="0" type="button" > <span - class="MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" + class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" > <span /> </span> @@ -87,7 +87,7 @@ exports[`Storyshots Settings General 1`] = ` class="MuiFormControl-root css-k2e4wk-MuiFormControl-root" > <div - class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-formControl css-zghmfh-MuiInputBase-root-MuiInput-root-MuiSelect-root" + class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-formControl css-16kq2pe-MuiInputBase-root-MuiInput-root-MuiSelect-root" > <div aria-controls="under-test" @@ -136,7 +136,7 @@ exports[`Storyshots Settings General 1`] = ` > <button aria-label="light theme" - class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeLarge MuiButton-containedSizeLarge MuiButtonGroup-grouped MuiButtonGroup-groupedHorizontal MuiButtonGroup-groupedOutlined MuiButtonGroup-groupedOutlinedHorizontal MuiButtonGroup-groupedOutlinedPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeLarge MuiButton-containedSizeLarge MuiButtonGroup-firstButton css-put5n8-MuiButtonBase-root-MuiButton-root" + class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeLarge MuiButton-containedSizeLarge MuiButton-colorPrimary MuiButtonGroup-grouped MuiButtonGroup-groupedHorizontal MuiButtonGroup-groupedOutlined MuiButtonGroup-groupedOutlinedHorizontal MuiButtonGroup-groupedOutlinedPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeLarge MuiButton-containedSizeLarge MuiButton-colorPrimary MuiButtonGroup-firstButton css-put5n8-MuiButtonBase-root-MuiButton-root" tabindex="0" type="button" > @@ -147,7 +147,7 @@ exports[`Storyshots Settings General 1`] = ` </button> <button aria-label="dark theme" - class="MuiButtonBase-root MuiButton-root MuiButton-outlined MuiButton-outlinedPrimary MuiButton-sizeLarge MuiButton-outlinedSizeLarge MuiButtonGroup-grouped MuiButtonGroup-groupedHorizontal MuiButtonGroup-groupedOutlined MuiButtonGroup-groupedOutlinedHorizontal MuiButtonGroup-groupedOutlinedPrimary MuiButton-root MuiButton-outlined MuiButton-outlinedPrimary MuiButton-sizeLarge MuiButton-outlinedSizeLarge MuiButtonGroup-lastButton css-j5ggku-MuiButtonBase-root-MuiButton-root" + class="MuiButtonBase-root MuiButton-root MuiButton-outlined MuiButton-outlinedPrimary MuiButton-sizeLarge MuiButton-outlinedSizeLarge MuiButton-colorPrimary MuiButtonGroup-grouped MuiButtonGroup-groupedHorizontal MuiButtonGroup-groupedOutlined MuiButtonGroup-groupedOutlinedHorizontal MuiButtonGroup-groupedOutlinedPrimary MuiButton-root MuiButton-outlined MuiButton-outlinedPrimary MuiButton-sizeLarge MuiButton-outlinedSizeLarge MuiButton-colorPrimary MuiButtonGroup-lastButton css-j5ggku-MuiButtonBase-root-MuiButton-root" tabindex="0" type="button" > @@ -170,7 +170,7 @@ exports[`Storyshots Settings General 1`] = ` class="MuiFormControl-root css-1nrlq1o-MuiFormControl-root" > <div - class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-formControl css-zghmfh-MuiInputBase-root-MuiInput-root-MuiSelect-root" + class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-formControl css-16kq2pe-MuiInputBase-root-MuiInput-root-MuiSelect-root" style="width: 100px;" > <div @@ -216,7 +216,7 @@ exports[`Storyshots Settings General 1`] = ` class="MuiBox-root css-10rqxfs" > <div - class="MuiAutocomplete-root MuiAutocomplete-hasPopupIcon css-1h51icj-MuiAutocomplete-root" + class="MuiAutocomplete-root MuiAutocomplete-hasPopupIcon css-clttge-MuiAutocomplete-root" > <div class="MuiFormControl-root MuiFormControl-fullWidth MuiTextField-root css-wb57ya-MuiFormControl-root-MuiTextField-root" @@ -230,7 +230,7 @@ exports[`Storyshots Settings General 1`] = ` Timezone </label> <div - class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-adornedEnd MuiAutocomplete-inputRoot css-15ywaty-MuiInputBase-root-MuiInput-root" + class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-adornedEnd MuiAutocomplete-inputRoot css-lbi814-MuiInputBase-root-MuiInput-root" > <input aria-autocomplete="both" @@ -246,7 +246,7 @@ exports[`Storyshots Settings General 1`] = ` value="" /> <div - class="MuiAutocomplete-endAdornment css-1q60rmi-MuiAutocomplete-endAdornment" + class="MuiAutocomplete-endAdornment css-p1olib-MuiAutocomplete-endAdornment" > <button aria-label="Open" diff --git a/frontend/src/components/App/__snapshots__/TopBar.stories.storyshot b/frontend/src/components/App/__snapshots__/TopBar.stories.storyshot index 7c4ab59b1bf..e210b1e49d7 100644 --- a/frontend/src/components/App/__snapshots__/TopBar.stories.storyshot +++ b/frontend/src/components/App/__snapshots__/TopBar.stories.storyshot @@ -152,7 +152,7 @@ exports[`Storyshots TopBar Two Cluster 1`] = ` class="makeStyles-clusterTitle" > <button - class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeLarge MuiButton-containedSizeLarge MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeLarge MuiButton-containedSizeLarge css-tsm8af-MuiButtonBase-root-MuiButton-root" + class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeLarge MuiButton-containedSizeLarge MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeLarge MuiButton-containedSizeLarge MuiButton-colorPrimary css-tsm8af-MuiButtonBase-root-MuiButton-root" tabindex="0" type="button" > diff --git a/frontend/src/components/Sidebar/__snapshots__/Sidebar.stories.storyshot b/frontend/src/components/Sidebar/__snapshots__/Sidebar.stories.storyshot index 45b87f071f7..80a91103ae6 100644 --- a/frontend/src/components/Sidebar/__snapshots__/Sidebar.stories.storyshot +++ b/frontend/src/components/Sidebar/__snapshots__/Sidebar.stories.storyshot @@ -2604,12 +2604,12 @@ exports[`Storyshots Sidebar/Sidebar In Cluster Sidebar Open 1`] = ` class="MuiBox-root css-xi606m" > <button - class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium css-19g3xkx-MuiButtonBase-root-MuiButton-root" + class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary css-19g3xkx-MuiButtonBase-root-MuiButton-root" tabindex="0" type="button" > <span - class="MuiButton-startIcon MuiButton-iconSizeMedium css-1d6wzja-MuiButton-startIcon" + class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeMedium css-1d6wzja-MuiButton-startIcon" > <span /> </span> @@ -3776,12 +3776,12 @@ exports[`Storyshots Sidebar/Sidebar Selected Item With Sidebar Omitted 1`] = ` class="MuiBox-root css-xi606m" > <button - class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium css-19g3xkx-MuiButtonBase-root-MuiButton-root" + class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary css-19g3xkx-MuiButtonBase-root-MuiButton-root" tabindex="0" type="button" > <span - class="MuiButton-startIcon MuiButton-iconSizeMedium css-1d6wzja-MuiButton-startIcon" + class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeMedium css-1d6wzja-MuiButton-startIcon" > <span /> </span> diff --git a/frontend/src/components/cluster/__snapshots__/Overview.stories.storyshot b/frontend/src/components/cluster/__snapshots__/Overview.stories.storyshot index 61705c57acb..494c8d98bbd 100644 --- a/frontend/src/components/cluster/__snapshots__/Overview.stories.storyshot +++ b/frontend/src/components/cluster/__snapshots__/Overview.stories.storyshot @@ -485,7 +485,7 @@ exports[`Storyshots cluster/Overview Events 1`] = ` class="MuiSwitch-root MuiSwitch-sizeMedium css-julti5-MuiSwitch-root" > <span - class="MuiButtonBase-root MuiSwitch-switchBase MuiSwitch-colorPrimary Mui-checked PrivateSwitchBase-root MuiSwitch-switchBase MuiSwitch-colorPrimary Mui-checked Mui-checked css-5xfy0x-MuiButtonBase-root-MuiSwitch-switchBase" + class="MuiButtonBase-root MuiSwitch-switchBase MuiSwitch-colorPrimary Mui-checked PrivateSwitchBase-root MuiSwitch-switchBase MuiSwitch-colorPrimary Mui-checked Mui-checked css-1nsozxe-MuiButtonBase-root-MuiSwitch-switchBase" > <input checked="" diff --git a/frontend/src/components/common/ErrorPage/__snapshots__/ErrorPage.stories.storyshot b/frontend/src/components/common/ErrorPage/__snapshots__/ErrorPage.stories.storyshot index 8f567552ff1..0afb7749c30 100644 --- a/frontend/src/components/common/ErrorPage/__snapshots__/ErrorPage.stories.storyshot +++ b/frontend/src/components/common/ErrorPage/__snapshots__/ErrorPage.stories.storyshot @@ -49,7 +49,7 @@ exports[`Storyshots common/GenericError Component Title 1`] = ` class="MuiTypography-root MuiTypography-h1 css-5ewpze-MuiTypography-root" > <button - class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium css-1gp6czg-MuiButtonBase-root-MuiButton-root" + class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary css-1gp6czg-MuiButtonBase-root-MuiButton-root" tabindex="0" type="button" > diff --git a/frontend/src/components/common/ReleaseNotes/__snapshots__/UpdatePopup.stories.storyshot b/frontend/src/components/common/ReleaseNotes/__snapshots__/UpdatePopup.stories.storyshot index 360daed5702..5f3b72d46ed 100644 --- a/frontend/src/components/common/ReleaseNotes/__snapshots__/UpdatePopup.stories.storyshot +++ b/frontend/src/components/common/ReleaseNotes/__snapshots__/UpdatePopup.stories.storyshot @@ -28,7 +28,7 @@ exports[`Storyshots common/ReleaseNotes/UpdatePopup Closed 1`] = ` class="MuiBox-root css-1aisqbv" > <button - class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium css-1gp6czg-MuiButtonBase-root-MuiButton-root" + class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary css-1gp6czg-MuiButtonBase-root-MuiButton-root" style="text-transform: none;" tabindex="0" type="button" @@ -43,7 +43,7 @@ exports[`Storyshots common/ReleaseNotes/UpdatePopup Closed 1`] = ` class="MuiBox-root css-1itv5e3" > <button - class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium css-1gp6czg-MuiButtonBase-root-MuiButton-root" + class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary css-1gp6czg-MuiButtonBase-root-MuiButton-root" style="color: rgb(255, 242, 0);" tabindex="0" type="button" @@ -58,7 +58,7 @@ exports[`Storyshots common/ReleaseNotes/UpdatePopup Closed 1`] = ` class="MuiBox-root css-0" > <button - class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium css-1gp6czg-MuiButtonBase-root-MuiButton-root" + class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary css-1gp6czg-MuiButtonBase-root-MuiButton-root" style="color: rgb(255, 242, 0);" tabindex="0" type="button" @@ -104,7 +104,7 @@ exports[`Storyshots common/ReleaseNotes/UpdatePopup Show 1`] = ` class="MuiBox-root css-1aisqbv" > <button - class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium css-1gp6czg-MuiButtonBase-root-MuiButton-root" + class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary css-1gp6czg-MuiButtonBase-root-MuiButton-root" style="text-transform: none;" tabindex="0" type="button" @@ -119,7 +119,7 @@ exports[`Storyshots common/ReleaseNotes/UpdatePopup Show 1`] = ` class="MuiBox-root css-1itv5e3" > <button - class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium css-1gp6czg-MuiButtonBase-root-MuiButton-root" + class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary css-1gp6czg-MuiButtonBase-root-MuiButton-root" style="color: rgb(255, 242, 0);" tabindex="0" type="button" @@ -134,7 +134,7 @@ exports[`Storyshots common/ReleaseNotes/UpdatePopup Show 1`] = ` class="MuiBox-root css-0" > <button - class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium css-1gp6czg-MuiButtonBase-root-MuiButton-root" + class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary css-1gp6czg-MuiButtonBase-root-MuiButton-root" style="color: rgb(255, 242, 0);" tabindex="0" type="button" diff --git a/frontend/src/components/common/Table/Table.stories.tsx b/frontend/src/components/common/Table/Table.stories.tsx new file mode 100644 index 00000000000..ef1c5495664 --- /dev/null +++ b/frontend/src/components/common/Table/Table.stories.tsx @@ -0,0 +1,453 @@ +import { Box, Typography } from '@mui/material'; +import { configureStore } from '@reduxjs/toolkit'; +import { Meta, StoryFn } from '@storybook/react'; +import { useLocation } from 'react-router-dom'; +import { KubeObjectInterface } from '../../../lib/k8s/cluster'; +import { useFilterFunc } from '../../../lib/util'; +import { TestContext, TestContextProps } from '../../../test'; +import SectionFilterHeader from '../SectionFilterHeader'; +import Table, { TableProps } from './Table'; + +export default { + title: 'Table', + component: Table, + argTypes: {}, + parameters: { + actions: { + disable: true, + }, + }, +} as Meta; + +function TestSimpleTable(props: TableProps<any>) { + const location = useLocation(); + if (!!props.reflectInURL) { + return ( + <Box> + <Typography>Test changing the page and rows per page.</Typography> + <Typography> + <b>Current URL search:</b> {`${location.search || ''}`} + </Typography> + <Table {...props} /> + </Box> + ); + } + + return <Table {...props} />; +} + +const Template: StoryFn<TableProps<any>> = args => ( + <TestContext> + <TestSimpleTable {...args} /> + </TestContext> +); + +const fixtureData = { + rowsPerPage: [15, 25, 50], + errorMessage: null, + columns: [ + { + header: 'Name', + accessorKey: 'name', + }, + { + header: 'Status', + accessorKey: 'status', + }, + { + header: 'Age', + accessorKey: 'age', + }, + { + header: 'Long Field Name', + accessorKey: 'longField', + }, + { + header: 'Number', + accessorKey: 'number', + }, + ], + data: [ + { + name: 'some name0', + status: 'some status0', + age: 'some age0', + longField: + 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.', + number: '22', + }, + { + name: 'some name1', + status: 'some status1', + age: 'some age1', + longField: + 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.', + number: '33', + }, + { + name: 'some name2', + status: 'some status2', + age: 'some age2', + longField: + 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.', + number: '44', + }, + ], + defaultSortingColumn: 1, +}; + +export const Getter = Template.bind({}); +Getter.args = { + ...fixtureData, + columns: [ + { + header: 'Name', + // accessorKey: "", + accessorFn: (row: any) => row.name, + }, + { + header: 'Status', + // accessorKey: "", + accessorFn: (row: any) => row.status, + }, + { + header: 'Age', + // accessorKey: "", + accessorFn: (row: any) => row.age, + }, + { + header: 'Long Field Name', + // accessorKey: "", + accessorFn: (row: any) => row.longField, + }, + { + header: 'Number', + // accessorKey: "", + accessorFn: (row: any) => row.number, + }, + ], +}; + +export const Datum = Template.bind({}); +Datum.args = { + ...fixtureData, + columns: [ + { + header: 'Name', + accessorKey: 'name', + }, + { + header: 'Status', + accessorKey: 'status', + }, + { + header: 'Age', + accessorKey: 'age', + }, + { + header: 'Long Field Name', + accessorKey: 'longField', + }, + ], +}; + +const TemplateWithURLReflection: StoryFn<{ + tableProps: TableProps<any>; + testContextProps: TestContextProps; +}> = args => { + const { testContextProps, tableProps } = args; + return ( + <TestContext {...testContextProps}> + <TestSimpleTable {...tableProps} /> + </TestContext> + ); +}; + +export const ReflectInURL = TemplateWithURLReflection.bind({}); +const lotsOfData = (() => { + const data = []; + for (let i = 0; i < 50; i++) { + data.push({ + name: `Name ${i}`, + namespace: `Namespace ${i}`, + number: i, + }); + } + return data; +})(); +ReflectInURL.args = { + tableProps: { + data: lotsOfData, + columns: [ + { + header: 'Name', + accessorKey: 'name', + }, + { + header: 'Namespace', + accessorKey: 'namespace', + }, + { + header: 'Number', + accessorKey: 'number', + }, + ], + rowsPerPage: [5, 10, 15], + reflectInURL: true, + }, + testContextProps: { + urlSearchParams: { p: '2' }, // 2nd page + }, +}; + +export const ReflectInURLWithPrefix = TemplateWithURLReflection.bind({}); +ReflectInURLWithPrefix.args = { + tableProps: { + data: lotsOfData, + columns: [ + { + header: 'Name', + accessorKey: 'name', + }, + { + header: 'Namespace', + accessorKey: 'namespace', + }, + { + header: 'Number', + accessorKey: 'creationDate', + }, + ], + rowsPerPage: [5, 10, 15], + reflectInURL: 'mySuperTable', + }, + testContextProps: { + urlSearchParams: { p: '2' }, // 2nd page + }, +}; + +// filter Function + +type TableWithFilterProps = TableProps<any> & { matchCriteria?: string[] }; +function TableWithFilter(props: TableWithFilterProps) { + const { matchCriteria, ...otherProps } = props; + const filterFunc = useFilterFunc(matchCriteria); + return <Table filterFunction={filterFunc} {...otherProps} />; +} + +const TemplateWithFilter: StoryFn<{ + tableArgs: TableWithFilterProps; + namespaces: string[]; + search: string; +}> = args => { + const { tableArgs: simpleTableArgs, search, namespaces = [] } = args; + + const storeWithFilterAndSettings = configureStore({ + reducer: ( + state = { + filter: { namespaces: new Set<string>(), search: '' }, + config: { settings: { tableRowsPerPageOptions: [10, 20, 50, 100] } }, + } + ) => state, + preloadedState: { + filter: { + namespaces: new Set(namespaces), + search, + }, + config: { + settings: { + tableRowsPerPageOptions: [10, 20, 50, 100], + }, + }, + }, + }); + + return ( + <TestContext store={storeWithFilterAndSettings}> + <SectionFilterHeader title="Test" /> + <TableWithFilter {...simpleTableArgs} /> + </TestContext> + ); +}; + +const podData: TableProps<any> = { + rowsPerPage: [15, 25, 50], + errorMessage: null, + columns: [ + { + header: 'Name', + accessorFn: (item: KubeObjectInterface) => item.metadata.name, + }, + { + header: 'Namespace', + accessorFn: (item: KubeObjectInterface) => item.metadata.namespace, + }, + { + header: 'UID', + accessorFn: (item: KubeObjectInterface) => item.metadata.uid, + }, + { + header: 'Labels', + accessorFn: (item: KubeObjectInterface) => JSON.stringify(item.metadata.labels), + }, + ], + data: [ + { + kind: 'CustomResourceDefinition', + apiVersion: 'apiextensions.k8s.io', + metadata: { + name: 'mydefinition.phonyresources0.io', + uid: 'phony0', + creationTimestamp: new Date('2021-12-15T14:57:13Z').toString(), + resourceVersion: '1', + selfLink: '0', + namespace: 'MyNamespace0', + }, + someNumber: 0, + }, + { + kind: 'CustomResourceDefinition', + apiVersion: 'apiextensions.k8s.io', + metadata: { + name: 'mydefinition.phonyresources1.io', + uid: 'phony1', + creationTimestamp: new Date('2021-12-15T14:57:13Z').toString(), + resourceVersion: '1', + selfLink: '1', + namespace: 'MyNamespace1', + labels: { + mylabel1: 'myvalue1', + }, + }, + someNumber: 10, + }, + { + kind: 'CustomResourceDefinition', + apiVersion: 'apiextensions.k8s.io', + metadata: { + name: 'mydefinition.phonyresources2.io', + uid: 'phony2', + creationTimestamp: new Date('2021-12-15T14:57:13Z').toString(), + resourceVersion: '1', + selfLink: '2', + namespace: 'MyNamespace2', + labels: { + mykey2: 'mylabel', + }, + }, + someNumber: 20, + }, + { + kind: 'CustomResourceDefinition', + apiVersion: 'apiextensions.k8s.io', + metadata: { + name: 'mydefinition.phonyresources3.io', + uid: 'phony3', + creationTimestamp: new Date('2021-12-15T14:57:13Z').toString(), + resourceVersion: '1', + selfLink: '3', + namespace: 'MyNamespace3', + labels: { + mykey3: 'myvalue3', + }, + }, + someNumber: 30, + }, + ], + // defaultSortingColumn: 1, +}; + +export const NameSearch = TemplateWithFilter.bind({}); +NameSearch.args = { + tableArgs: podData, + search: 'phonyresources2', +}; + +export const NamespaceSearch = TemplateWithFilter.bind({}); +NamespaceSearch.args = { + tableArgs: podData, + search: 'MyNamespace3', +}; + +export const UIDSearch = TemplateWithFilter.bind({}); +UIDSearch.args = { + tableArgs: podData, + search: 'phony0', +}; + +export const LabelSearch = TemplateWithFilter.bind({}); +LabelSearch.args = { + tableArgs: podData, + search: 'mylabel', +}; + +export const NamespaceSelect = TemplateWithFilter.bind({}); +NamespaceSelect.args = { + tableArgs: podData, + namespaces: ['MyNamespace0', 'MyNamespace1'], +}; + +export const NumberSearch = TemplateWithFilter.bind({}); +NumberSearch.args = { + tableArgs: { + ...podData, + matchCriteria: ['.someNumber'], + columns: [ + { + header: 'Name', + accessorFn: (item: KubeObjectInterface) => item.metadata.name, + }, + { + header: 'Namespace', + accessorFn: (item: KubeObjectInterface) => item.metadata.namespace, + }, + { + header: 'Number', + accessorKey: 'someNumber', + }, + ], + }, + search: '30', +}; + +export const NotFoundMessage = TemplateWithFilter.bind({}); +NotFoundMessage.args = { + tableArgs: podData, + search: 'somethingthatsnotapossiblematch123', +}; + +export const WithGlobalFilter = Template.bind({}); +WithGlobalFilter.args = { + ...podData, + initialState: { + globalFilter: 'value1', + showGlobalFilter: true, + }, +}; + +export const WithSorting = Template.bind({}); +WithSorting.args = { + ...podData, + initialState: { + sorting: [{ id: '0', desc: true }], + }, +}; + +export const WithFilterMultiSelect = Template.bind({}); +WithFilterMultiSelect.args = { + ...podData, + enableFacetedValues: true, + columns: [ + { + id: '0', + header: 'Name', + accessorFn: (item: KubeObjectInterface) => item.metadata.name, + }, + { + id: '1', + header: 'Namespace', + accessorFn: (item: KubeObjectInterface) => item.metadata.namespace, + filterVariant: 'multi-select', + }, + ], +}; diff --git a/frontend/src/components/common/Table/Table.tsx b/frontend/src/components/common/Table/Table.tsx new file mode 100644 index 00000000000..403a2058515 --- /dev/null +++ b/frontend/src/components/common/Table/Table.tsx @@ -0,0 +1,203 @@ +import { Paper } from '@mui/material'; +import { useTheme } from '@mui/styles'; +import { + MaterialReactTable, + MRT_ColumnDef as MaterialTableColumn, + MRT_TableOptions as MaterialTableOptions, + useMaterialReactTable, +} from 'material-react-table'; +import { useEffect, useMemo, useState } from 'react'; +import { useTranslation } from 'react-i18next'; +import helpers from '../../../helpers'; +import { useURLState } from '../../../lib/util'; +import { useSettings } from '../../App/Settings/hook'; +import Empty from '../EmptyContent'; +import Loader from '../Loader'; + +/** + * @see https://www.material-react-table.com/docs/api/column-options + */ +export type TableColumn<RowItem extends Record<string, any>, Value = any> = MaterialTableColumn< + RowItem, + Value +>; + +/** + * All the options provided by the MRT and some of our custom behaviour + * + * @see https://www.material-react-table.com/docs/api/table-options + */ +export type TableProps<RowItem extends Record<string, any>> = MaterialTableOptions<RowItem> & { + emptyMessage?: string; + errorMessage?: any; + /** Whether to reflect the page/perPage properties in the URL. + * If assigned to a string, it will be the prefix for the page/perPage parameters. + * If true or '', it'll reflect the parameters without a prefix. + * By default, no parameters are reflected in the URL. */ + reflectInURL?: string | boolean; + initialPage?: number; + rowsPerPage?: number[]; + filterFunction?: (item: RowItem) => boolean; + loading?: boolean; +}; + +// Use a zero-indexed "useURLState" hook, so pages are shown in the URL as 1-indexed +// but internally are 0-indexed. +function usePageURLState( + key: string, + prefix: string, + initialPage: number +): ReturnType<typeof useURLState> { + const [page, setPage] = useURLState(key, { defaultValue: initialPage + 1, prefix }); + const [zeroIndexPage, setZeroIndexPage] = useState(page - 1); + + useEffect(() => { + setZeroIndexPage((zeroIndexPage: number) => { + if (page - 1 !== zeroIndexPage) { + return page - 1; + } + + return zeroIndexPage; + }); + }, [page]); + + useEffect(() => { + setPage(zeroIndexPage + 1); + }, [zeroIndexPage]); + + return [zeroIndexPage, setZeroIndexPage]; +} + +/** + * Table component based on the Material React Table + * + * @see https://www.material-react-table.com/docs + */ +export default function Table<RowItem extends Record<string, any>>({ + emptyMessage, + reflectInURL, + initialPage = 1, + rowsPerPage, + filterFunction, + errorMessage, + loading, + ...tableProps +}: TableProps<RowItem>) { + const shouldReflectInURL = reflectInURL !== undefined && reflectInURL !== false; + const prefix = reflectInURL === true ? '' : reflectInURL || ''; + const [page, setPage] = usePageURLState(shouldReflectInURL ? 'p' : '', prefix, initialPage); + + const storeRowsPerPageOptions = useSettings('tableRowsPerPageOptions'); + const rowsPerPageOptions = rowsPerPage || storeRowsPerPageOptions; + const defaultRowsPerPage = useMemo(() => helpers.getTablesRowsPerPage(rowsPerPageOptions[0]), []); + const [pageSize, setPageSize] = useURLState(shouldReflectInURL ? 'perPage' : '', { + defaultValue: defaultRowsPerPage, + prefix, + }); + + const { t } = useTranslation(); + const theme = useTheme(); + + // Provide defaults for the columns + const tableColumns: TableColumn<RowItem>[] = useMemo( + () => + tableProps.columns.map((column, i) => ({ + ...column, + id: column.id ?? String(i), + // If columns sets empty string as its' header then it's not visible + // in the show/hide columns popup + header: column.header || ' ', + size: column.size ?? 80, + })), + [tableProps.columns] + ); + + const tableData = useMemo(() => { + if (!filterFunction) return tableProps.data ?? []; + return (tableProps.data ?? []).filter(it => filterFunction(it)); + }, [tableProps.data, filterFunction]); + + const table = useMaterialReactTable({ + ...tableProps, + columns: tableColumns ?? [], + data: tableData, + enableDensityToggle: tableProps.enableDensityToggle ?? false, + enableFullScreenToggle: tableProps.enableFullScreenToggle ?? false, + onPaginationChange: (updater: any) => { + if (!tableProps.data?.length) return; + const pagination = updater({ pageIndex: Number(page) - 1, pageSize: Number(pageSize) }); + setPage(pagination.pageIndex + 1); + setPageSize(pagination.pageSize); + }, + initialState: { + density: 'compact', + ...(tableProps.initialState ?? {}), + }, + state: { + ...(tableProps.state ?? {}), + pagination: { + pageIndex: page - 1, + pageSize: pageSize, + }, + }, + muiPaginationProps: { + rowsPerPageOptions: rowsPerPageOptions, + showFirstButton: false, + showLastButton: false, + }, + muiTablePaperProps: { + variant: 'outlined', + elevation: 0, + sx: { + display: 'grid', + }, + }, + muiTableBodyRowProps: { + sx: { + backgroundColor: undefined, + }, + }, + muiBottomToolbarProps: { + sx: { + backgroundColor: undefined, + boxShadow: undefined, + }, + }, + muiTableProps: { + sx: { + backgroundColor: theme.palette.tables.body.background, + }, + }, + muiTableHeadCellProps: { + sx: { + borderTop: '1px solid', + borderColor: theme.palette.tables.head.borderColor, + paddingTop: '0.5rem', + }, + }, + muiTableHeadRowProps: { + sx: { + background: theme.palette.tables.head.background, + boxShadow: undefined, + }, + }, + }); + + if (!!errorMessage) { + return <Empty color="error">{errorMessage}</Empty>; + } + + if (loading) { + return <Loader title={t('Loading table data')} />; + } + + if (!tableProps.data?.length && !loading) { + return ( + <Paper variant="outlined"> + <Empty>{emptyMessage || t('No data to be shown.')}</Empty> + </Paper> + ); + } + + return <MaterialReactTable table={table} />; +} diff --git a/frontend/src/components/common/Table/__snapshots__/Table.stories.storyshot b/frontend/src/components/common/Table/__snapshots__/Table.stories.storyshot new file mode 100644 index 00000000000..6bd4155116e --- /dev/null +++ b/frontend/src/components/common/Table/__snapshots__/Table.stories.storyshot @@ -0,0 +1,9937 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`Storyshots Table Datum 1`] = ` +<div> + <div + class="MuiPaper-root MuiPaper-outlined MuiPaper-rounded css-xj31rx-MuiPaper-root" + > + <div + class="MuiBox-root css-1tbggly" + > + <div + class="MuiCollapse-root MuiCollapse-vertical MuiCollapse-hidden css-bz4dnt-MuiCollapse-root" + style="min-height: 0px;" + > + <div + class="MuiCollapse-wrapper MuiCollapse-vertical css-smkl36-MuiCollapse-wrapper" + > + <div + class="MuiCollapse-wrapperInner MuiCollapse-vertical css-9l5vo-MuiCollapse-wrapperInner" + > + <div + class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-colorInfo MuiAlert-standardInfo MuiAlert-standard css-ut8iii-MuiPaper-root-MuiAlert-root" + role="alert" + > + <div + class="MuiAlert-message css-1pxa9xg-MuiAlert-message" + > + <div + class="MuiStack-root css-5kul5x-MuiStack-root" + > + <div + class="MuiBox-root css-k008qs" + > + + </div> + </div> + </div> + </div> + </div> + </div> + </div> + <div + class="Mui-ToolbarDropZone MuiBox-root css-1fwjva3" + style="opacity: 0; visibility: hidden;" + > + <p + class="MuiTypography-root MuiTypography-body1 css-18b7jph-MuiTypography-root" + > + Drop to group by + </p> + </div> + <div + class="MuiBox-root css-zrlv9q" + > + <span /> + <div + class="MuiBox-root css-1p0wbhh" + > + <div + class="MuiBox-root css-di3982" + > + <button + aria-label="Show/Hide search" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium css-whz9ym-MuiButtonBase-root-MuiIconButton-root" + data-mui-internal-clone-element="true" + tabindex="0" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="SearchIcon" + focusable="false" + viewBox="0 0 24 24" + > + <path + d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + <button + aria-label="Show/Hide filters" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium css-whz9ym-MuiButtonBase-root-MuiIconButton-root" + data-mui-internal-clone-element="true" + tabindex="0" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="FilterListIcon" + focusable="false" + viewBox="0 0 24 24" + > + <path + d="M10 18h4v-2h-4zM3 6v2h18V6zm3 7h12v-2H6z" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + <button + aria-label="Show/Hide columns" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium css-whz9ym-MuiButtonBase-root-MuiIconButton-root" + data-mui-internal-clone-element="true" + tabindex="0" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="ViewColumnIcon" + focusable="false" + viewBox="0 0 24 24" + > + <path + d="M14.67 5v14H9.33V5zm1 14H21V5h-5.33zm-7.34 0V5H3v14z" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + </div> + </div> + </div> + </div> + <div + class="MuiTableContainer-root css-nhjqqh-MuiTableContainer-root" + > + <table + class="MuiTable-root css-1x84si1-MuiTable-root" + style="--header-0-size: 80; --col-0-size: 80; --header-1-size: 80; --col-1-size: 80; --header-2-size: 80; --col-2-size: 80; --header-3-size: 80; --col-3-size: 80;" + > + <thead + class="MuiTableHead-root css-118e0ip-MuiTableHead-root" + > + <tr + class="MuiTableRow-root MuiTableRow-head css-4cnyqt-MuiTableRow-root" + > + <th + class="MuiTableCell-root MuiTableCell-head MuiTableCell-alignLeft MuiTableCell-sizeMedium css-1jrv7hf-MuiTableCell-root" + colspan="1" + data-index="0" + scope="col" + > + <div + class="Mui-TableHeadCell-Content MuiBox-root css-1w86f15" + > + <div + class="Mui-TableHeadCell-Content-Labels MuiBox-root css-68rqdf" + > + <div + class="Mui-TableHeadCell-Content-Wrapper MuiBox-root css-lapokc" + > + Name + </div> + <span + aria-label="Sort by Name ascending" + class="MuiBadge-root css-1c32n2y-MuiBadge-root" + data-mui-internal-clone-element="true" + > + <span + aria-label="Sort by Name ascending" + class="MuiButtonBase-root MuiTableSortLabel-root Mui-active css-118d58w-MuiButtonBase-root-MuiTableSortLabel-root" + role="button" + tabindex="0" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiTableSortLabel-icon MuiTableSortLabel-iconDirectionAsc css-1vweko9-MuiSvgIcon-root-MuiTableSortLabel-icon" + data-testid="SyncAltIcon" + focusable="false" + style="transform: rotate(-90deg) scaleX(0.9) translateX(-1px);" + viewBox="0 0 24 24" + > + <path + d="m18 12 4-4-4-4v3H3v2h15zM6 12l-4 4 4 4v-3h15v-2H6z" + /> + </svg> + </span> + <span + class="MuiBadge-badge MuiBadge-standard MuiBadge-invisible MuiBadge-anchorOriginTopRight MuiBadge-anchorOriginTopRightCircular MuiBadge-overlapCircular css-dniquu-MuiBadge-badge" + > + 0 + </span> + </span> + </div> + <div + class="Mui-TableHeadCell-Content-Actions MuiBox-root css-epvm6" + > + <button + aria-label="Column Actions" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-1a0q64w-MuiButtonBase-root-MuiIconButton-root" + data-mui-internal-clone-element="true" + tabindex="0" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="MoreVertIcon" + focusable="false" + style="transform: scale(0.9);" + viewBox="0 0 24 24" + > + <path + d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + </div> + </div> + </th> + <th + class="MuiTableCell-root MuiTableCell-head MuiTableCell-alignLeft MuiTableCell-sizeMedium css-1lq7huv-MuiTableCell-root" + colspan="1" + data-index="1" + scope="col" + > + <div + class="Mui-TableHeadCell-Content MuiBox-root css-1w86f15" + > + <div + class="Mui-TableHeadCell-Content-Labels MuiBox-root css-68rqdf" + > + <div + class="Mui-TableHeadCell-Content-Wrapper MuiBox-root css-lapokc" + > + Status + </div> + <span + aria-label="Sort by Status ascending" + class="MuiBadge-root css-1c32n2y-MuiBadge-root" + data-mui-internal-clone-element="true" + > + <span + aria-label="Sort by Status ascending" + class="MuiButtonBase-root MuiTableSortLabel-root Mui-active css-118d58w-MuiButtonBase-root-MuiTableSortLabel-root" + role="button" + tabindex="0" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiTableSortLabel-icon MuiTableSortLabel-iconDirectionAsc css-1vweko9-MuiSvgIcon-root-MuiTableSortLabel-icon" + data-testid="SyncAltIcon" + focusable="false" + style="transform: rotate(-90deg) scaleX(0.9) translateX(-1px);" + viewBox="0 0 24 24" + > + <path + d="m18 12 4-4-4-4v3H3v2h15zM6 12l-4 4 4 4v-3h15v-2H6z" + /> + </svg> + </span> + <span + class="MuiBadge-badge MuiBadge-standard MuiBadge-invisible MuiBadge-anchorOriginTopRight MuiBadge-anchorOriginTopRightCircular MuiBadge-overlapCircular css-dniquu-MuiBadge-badge" + > + 0 + </span> + </span> + </div> + <div + class="Mui-TableHeadCell-Content-Actions MuiBox-root css-epvm6" + > + <button + aria-label="Column Actions" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-1a0q64w-MuiButtonBase-root-MuiIconButton-root" + data-mui-internal-clone-element="true" + tabindex="0" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="MoreVertIcon" + focusable="false" + style="transform: scale(0.9);" + viewBox="0 0 24 24" + > + <path + d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + </div> + </div> + </th> + <th + class="MuiTableCell-root MuiTableCell-head MuiTableCell-alignLeft MuiTableCell-sizeMedium css-1ughqxg-MuiTableCell-root" + colspan="1" + data-index="2" + scope="col" + > + <div + class="Mui-TableHeadCell-Content MuiBox-root css-1w86f15" + > + <div + class="Mui-TableHeadCell-Content-Labels MuiBox-root css-68rqdf" + > + <div + class="Mui-TableHeadCell-Content-Wrapper MuiBox-root css-chb057" + > + Age + </div> + <span + aria-label="Sort by Age ascending" + class="MuiBadge-root css-1c32n2y-MuiBadge-root" + data-mui-internal-clone-element="true" + > + <span + aria-label="Sort by Age ascending" + class="MuiButtonBase-root MuiTableSortLabel-root Mui-active css-118d58w-MuiButtonBase-root-MuiTableSortLabel-root" + role="button" + tabindex="0" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiTableSortLabel-icon MuiTableSortLabel-iconDirectionAsc css-1vweko9-MuiSvgIcon-root-MuiTableSortLabel-icon" + data-testid="SyncAltIcon" + focusable="false" + style="transform: rotate(-90deg) scaleX(0.9) translateX(-1px);" + viewBox="0 0 24 24" + > + <path + d="m18 12 4-4-4-4v3H3v2h15zM6 12l-4 4 4 4v-3h15v-2H6z" + /> + </svg> + </span> + <span + class="MuiBadge-badge MuiBadge-standard MuiBadge-invisible MuiBadge-anchorOriginTopRight MuiBadge-anchorOriginTopRightCircular MuiBadge-overlapCircular css-dniquu-MuiBadge-badge" + > + 0 + </span> + </span> + </div> + <div + class="Mui-TableHeadCell-Content-Actions MuiBox-root css-epvm6" + > + <button + aria-label="Column Actions" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-1a0q64w-MuiButtonBase-root-MuiIconButton-root" + data-mui-internal-clone-element="true" + tabindex="0" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="MoreVertIcon" + focusable="false" + style="transform: scale(0.9);" + viewBox="0 0 24 24" + > + <path + d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + </div> + </div> + </th> + <th + class="MuiTableCell-root MuiTableCell-head MuiTableCell-alignLeft MuiTableCell-sizeMedium css-1nssqnd-MuiTableCell-root" + colspan="1" + data-index="3" + scope="col" + > + <div + class="Mui-TableHeadCell-Content MuiBox-root css-1w86f15" + > + <div + class="Mui-TableHeadCell-Content-Labels MuiBox-root css-68rqdf" + > + <div + class="Mui-TableHeadCell-Content-Wrapper MuiBox-root css-lapokc" + > + Long Field Name + </div> + <span + aria-label="Sort by Long Field Name ascending" + class="MuiBadge-root css-1c32n2y-MuiBadge-root" + data-mui-internal-clone-element="true" + > + <span + aria-label="Sort by Long Field Name ascending" + class="MuiButtonBase-root MuiTableSortLabel-root Mui-active css-118d58w-MuiButtonBase-root-MuiTableSortLabel-root" + role="button" + tabindex="0" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiTableSortLabel-icon MuiTableSortLabel-iconDirectionAsc css-1vweko9-MuiSvgIcon-root-MuiTableSortLabel-icon" + data-testid="SyncAltIcon" + focusable="false" + style="transform: rotate(-90deg) scaleX(0.9) translateX(-1px);" + viewBox="0 0 24 24" + > + <path + d="m18 12 4-4-4-4v3H3v2h15zM6 12l-4 4 4 4v-3h15v-2H6z" + /> + </svg> + </span> + <span + class="MuiBadge-badge MuiBadge-standard MuiBadge-invisible MuiBadge-anchorOriginTopRight MuiBadge-anchorOriginTopRightCircular MuiBadge-overlapCircular css-dniquu-MuiBadge-badge" + > + 0 + </span> + </span> + </div> + <div + class="Mui-TableHeadCell-Content-Actions MuiBox-root css-epvm6" + > + <button + aria-label="Column Actions" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-1a0q64w-MuiButtonBase-root-MuiIconButton-root" + data-mui-internal-clone-element="true" + tabindex="0" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="MoreVertIcon" + focusable="false" + style="transform: scale(0.9);" + viewBox="0 0 24 24" + > + <path + d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + </div> + </div> + </th> + </tr> + </thead> + <tbody + class="MuiTableBody-root css-29nbga-MuiTableBody-root" + > + <tr + class="MuiTableRow-root css-19dmwlb-MuiTableRow-root" + data-index="0" + > + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-tn1erv-MuiTableCell-root" + data-index="0" + > + some name0 + </td> + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-1phqppa-MuiTableCell-root" + data-index="1" + > + some status0 + </td> + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-w6o6bl-MuiTableCell-root" + data-index="2" + > + some age0 + </td> + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-vjwruf-MuiTableCell-root" + data-index="3" + > + Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + </td> + </tr> + <tr + class="MuiTableRow-root css-19dmwlb-MuiTableRow-root" + data-index="1" + > + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-tn1erv-MuiTableCell-root" + data-index="0" + > + some name1 + </td> + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-1phqppa-MuiTableCell-root" + data-index="1" + > + some status1 + </td> + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-w6o6bl-MuiTableCell-root" + data-index="2" + > + some age1 + </td> + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-vjwruf-MuiTableCell-root" + data-index="3" + > + Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + </td> + </tr> + <tr + class="MuiTableRow-root css-19dmwlb-MuiTableRow-root" + data-index="2" + > + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-tn1erv-MuiTableCell-root" + data-index="0" + > + some name2 + </td> + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-1phqppa-MuiTableCell-root" + data-index="1" + > + some status2 + </td> + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-w6o6bl-MuiTableCell-root" + data-index="2" + > + some age2 + </td> + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-vjwruf-MuiTableCell-root" + data-index="3" + > + Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + </td> + </tr> + </tbody> + <tfoot + class="MuiTableFooter-root css-131pszo-MuiTableFooter-root" + /> + </table> + </div> + <div + class="MuiBox-root css-1bxknjp" + > + <div + class="MuiBox-root css-1llu0od" + > + <span /> + <div + class="MuiBox-root css-qpxlqp" + > + <div + class="MuiTablePagination-root MuiBox-root css-1brajfe" + > + <div + class="MuiBox-root css-exd1zr" + > + <label + class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-animated MuiFormLabel-colorPrimary MuiInputLabel-root MuiInputLabel-animated css-14fyl8y-MuiFormLabel-root-MuiInputLabel-root" + for="mrt-rows-per-page" + > + Rows per page + </label> + <div + class="MuiInputBase-root MuiInput-root MuiInputBase-colorPrimary css-1yz2iyv-MuiInputBase-root-MuiInput-root-MuiSelect-root" + > + <div + aria-controls="mui-test-id" + aria-expanded="false" + aria-haspopup="listbox" + aria-label="Rows per page" + class="MuiSelect-select MuiSelect-standard MuiInputBase-input MuiInput-input css-1rxz5jq-MuiSelect-select-MuiInputBase-input-MuiInput-input" + role="combobox" + tabindex="0" + > + 15 + </div> + <input + aria-hidden="true" + aria-invalid="false" + class="MuiSelect-nativeInput css-yf8vq0-MuiSelect-nativeInput" + id="mrt-rows-per-page" + tabindex="-1" + value="15" + /> + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiSelect-icon MuiSelect-iconStandard css-pqjvzy-MuiSvgIcon-root-MuiSelect-icon" + data-testid="ArrowDropDownIcon" + focusable="false" + viewBox="0 0 24 24" + > + <path + d="M7 10l5 5 5-5z" + /> + </svg> + </div> + </div> + <span + class="MuiTypography-root MuiTypography-body2 MuiTypography-alignCenter css-htm6yz-MuiTypography-root" + > + 1-3 of 3 + </span> + <div + class="MuiBox-root css-192dx0w" + > + <span + aria-label="Go to previous page" + class="" + data-mui-internal-clone-element="true" + > + <button + aria-label="Go to previous page" + class="MuiButtonBase-root Mui-disabled MuiIconButton-root Mui-disabled MuiIconButton-sizeSmall css-hvz71z-MuiButtonBase-root-MuiIconButton-root" + disabled="" + tabindex="-1" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="ChevronLeftIcon" + focusable="false" + viewBox="0 0 24 24" + > + <path + d="M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z" + /> + </svg> + </button> + </span> + <span + aria-label="Go to next page" + class="" + data-mui-internal-clone-element="true" + > + <button + aria-label="Go to next page" + class="MuiButtonBase-root Mui-disabled MuiIconButton-root Mui-disabled MuiIconButton-sizeSmall css-hvz71z-MuiButtonBase-root-MuiIconButton-root" + disabled="" + tabindex="-1" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="ChevronRightIcon" + focusable="false" + viewBox="0 0 24 24" + > + <path + d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" + /> + </svg> + </button> + </span> + </div> + </div> + </div> + </div> + </div> + </div> +</div> +`; + +exports[`Storyshots Table Getter 1`] = ` +<div> + <div + class="MuiPaper-root MuiPaper-outlined MuiPaper-rounded css-xj31rx-MuiPaper-root" + > + <div + class="MuiBox-root css-1tbggly" + > + <div + class="MuiCollapse-root MuiCollapse-vertical MuiCollapse-hidden css-bz4dnt-MuiCollapse-root" + style="min-height: 0px;" + > + <div + class="MuiCollapse-wrapper MuiCollapse-vertical css-smkl36-MuiCollapse-wrapper" + > + <div + class="MuiCollapse-wrapperInner MuiCollapse-vertical css-9l5vo-MuiCollapse-wrapperInner" + > + <div + class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-colorInfo MuiAlert-standardInfo MuiAlert-standard css-ut8iii-MuiPaper-root-MuiAlert-root" + role="alert" + > + <div + class="MuiAlert-message css-1pxa9xg-MuiAlert-message" + > + <div + class="MuiStack-root css-5kul5x-MuiStack-root" + > + <div + class="MuiBox-root css-k008qs" + > + + </div> + </div> + </div> + </div> + </div> + </div> + </div> + <div + class="Mui-ToolbarDropZone MuiBox-root css-1fwjva3" + style="opacity: 0; visibility: hidden;" + > + <p + class="MuiTypography-root MuiTypography-body1 css-18b7jph-MuiTypography-root" + > + Drop to group by + </p> + </div> + <div + class="MuiBox-root css-zrlv9q" + > + <span /> + <div + class="MuiBox-root css-1p0wbhh" + > + <div + class="MuiBox-root css-di3982" + > + <button + aria-label="Show/Hide search" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium css-whz9ym-MuiButtonBase-root-MuiIconButton-root" + data-mui-internal-clone-element="true" + tabindex="0" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="SearchIcon" + focusable="false" + viewBox="0 0 24 24" + > + <path + d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + <button + aria-label="Show/Hide filters" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium css-whz9ym-MuiButtonBase-root-MuiIconButton-root" + data-mui-internal-clone-element="true" + tabindex="0" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="FilterListIcon" + focusable="false" + viewBox="0 0 24 24" + > + <path + d="M10 18h4v-2h-4zM3 6v2h18V6zm3 7h12v-2H6z" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + <button + aria-label="Show/Hide columns" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium css-whz9ym-MuiButtonBase-root-MuiIconButton-root" + data-mui-internal-clone-element="true" + tabindex="0" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="ViewColumnIcon" + focusable="false" + viewBox="0 0 24 24" + > + <path + d="M14.67 5v14H9.33V5zm1 14H21V5h-5.33zm-7.34 0V5H3v14z" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + </div> + </div> + </div> + </div> + <div + class="MuiTableContainer-root css-nhjqqh-MuiTableContainer-root" + > + <table + class="MuiTable-root css-1x84si1-MuiTable-root" + style="--header-0-size: 80; --col-0-size: 80; --header-1-size: 80; --col-1-size: 80; --header-2-size: 80; --col-2-size: 80; --header-3-size: 80; --col-3-size: 80; --header-4-size: 80; --col-4-size: 80;" + > + <thead + class="MuiTableHead-root css-118e0ip-MuiTableHead-root" + > + <tr + class="MuiTableRow-root MuiTableRow-head css-4cnyqt-MuiTableRow-root" + > + <th + class="MuiTableCell-root MuiTableCell-head MuiTableCell-alignLeft MuiTableCell-sizeMedium css-1jrv7hf-MuiTableCell-root" + colspan="1" + data-index="0" + scope="col" + > + <div + class="Mui-TableHeadCell-Content MuiBox-root css-1w86f15" + > + <div + class="Mui-TableHeadCell-Content-Labels MuiBox-root css-68rqdf" + > + <div + class="Mui-TableHeadCell-Content-Wrapper MuiBox-root css-lapokc" + > + Name + </div> + <span + aria-label="Sort by Name ascending" + class="MuiBadge-root css-1c32n2y-MuiBadge-root" + data-mui-internal-clone-element="true" + > + <span + aria-label="Sort by Name ascending" + class="MuiButtonBase-root MuiTableSortLabel-root Mui-active css-118d58w-MuiButtonBase-root-MuiTableSortLabel-root" + role="button" + tabindex="0" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiTableSortLabel-icon MuiTableSortLabel-iconDirectionAsc css-1vweko9-MuiSvgIcon-root-MuiTableSortLabel-icon" + data-testid="SyncAltIcon" + focusable="false" + style="transform: rotate(-90deg) scaleX(0.9) translateX(-1px);" + viewBox="0 0 24 24" + > + <path + d="m18 12 4-4-4-4v3H3v2h15zM6 12l-4 4 4 4v-3h15v-2H6z" + /> + </svg> + </span> + <span + class="MuiBadge-badge MuiBadge-standard MuiBadge-invisible MuiBadge-anchorOriginTopRight MuiBadge-anchorOriginTopRightCircular MuiBadge-overlapCircular css-dniquu-MuiBadge-badge" + > + 0 + </span> + </span> + </div> + <div + class="Mui-TableHeadCell-Content-Actions MuiBox-root css-epvm6" + > + <button + aria-label="Column Actions" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-1a0q64w-MuiButtonBase-root-MuiIconButton-root" + data-mui-internal-clone-element="true" + tabindex="0" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="MoreVertIcon" + focusable="false" + style="transform: scale(0.9);" + viewBox="0 0 24 24" + > + <path + d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + </div> + </div> + </th> + <th + class="MuiTableCell-root MuiTableCell-head MuiTableCell-alignLeft MuiTableCell-sizeMedium css-1lq7huv-MuiTableCell-root" + colspan="1" + data-index="1" + scope="col" + > + <div + class="Mui-TableHeadCell-Content MuiBox-root css-1w86f15" + > + <div + class="Mui-TableHeadCell-Content-Labels MuiBox-root css-68rqdf" + > + <div + class="Mui-TableHeadCell-Content-Wrapper MuiBox-root css-lapokc" + > + Status + </div> + <span + aria-label="Sort by Status ascending" + class="MuiBadge-root css-1c32n2y-MuiBadge-root" + data-mui-internal-clone-element="true" + > + <span + aria-label="Sort by Status ascending" + class="MuiButtonBase-root MuiTableSortLabel-root Mui-active css-118d58w-MuiButtonBase-root-MuiTableSortLabel-root" + role="button" + tabindex="0" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiTableSortLabel-icon MuiTableSortLabel-iconDirectionAsc css-1vweko9-MuiSvgIcon-root-MuiTableSortLabel-icon" + data-testid="SyncAltIcon" + focusable="false" + style="transform: rotate(-90deg) scaleX(0.9) translateX(-1px);" + viewBox="0 0 24 24" + > + <path + d="m18 12 4-4-4-4v3H3v2h15zM6 12l-4 4 4 4v-3h15v-2H6z" + /> + </svg> + </span> + <span + class="MuiBadge-badge MuiBadge-standard MuiBadge-invisible MuiBadge-anchorOriginTopRight MuiBadge-anchorOriginTopRightCircular MuiBadge-overlapCircular css-dniquu-MuiBadge-badge" + > + 0 + </span> + </span> + </div> + <div + class="Mui-TableHeadCell-Content-Actions MuiBox-root css-epvm6" + > + <button + aria-label="Column Actions" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-1a0q64w-MuiButtonBase-root-MuiIconButton-root" + data-mui-internal-clone-element="true" + tabindex="0" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="MoreVertIcon" + focusable="false" + style="transform: scale(0.9);" + viewBox="0 0 24 24" + > + <path + d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + </div> + </div> + </th> + <th + class="MuiTableCell-root MuiTableCell-head MuiTableCell-alignLeft MuiTableCell-sizeMedium css-1ughqxg-MuiTableCell-root" + colspan="1" + data-index="2" + scope="col" + > + <div + class="Mui-TableHeadCell-Content MuiBox-root css-1w86f15" + > + <div + class="Mui-TableHeadCell-Content-Labels MuiBox-root css-68rqdf" + > + <div + class="Mui-TableHeadCell-Content-Wrapper MuiBox-root css-chb057" + > + Age + </div> + <span + aria-label="Sort by Age ascending" + class="MuiBadge-root css-1c32n2y-MuiBadge-root" + data-mui-internal-clone-element="true" + > + <span + aria-label="Sort by Age ascending" + class="MuiButtonBase-root MuiTableSortLabel-root Mui-active css-118d58w-MuiButtonBase-root-MuiTableSortLabel-root" + role="button" + tabindex="0" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiTableSortLabel-icon MuiTableSortLabel-iconDirectionAsc css-1vweko9-MuiSvgIcon-root-MuiTableSortLabel-icon" + data-testid="SyncAltIcon" + focusable="false" + style="transform: rotate(-90deg) scaleX(0.9) translateX(-1px);" + viewBox="0 0 24 24" + > + <path + d="m18 12 4-4-4-4v3H3v2h15zM6 12l-4 4 4 4v-3h15v-2H6z" + /> + </svg> + </span> + <span + class="MuiBadge-badge MuiBadge-standard MuiBadge-invisible MuiBadge-anchorOriginTopRight MuiBadge-anchorOriginTopRightCircular MuiBadge-overlapCircular css-dniquu-MuiBadge-badge" + > + 0 + </span> + </span> + </div> + <div + class="Mui-TableHeadCell-Content-Actions MuiBox-root css-epvm6" + > + <button + aria-label="Column Actions" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-1a0q64w-MuiButtonBase-root-MuiIconButton-root" + data-mui-internal-clone-element="true" + tabindex="0" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="MoreVertIcon" + focusable="false" + style="transform: scale(0.9);" + viewBox="0 0 24 24" + > + <path + d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + </div> + </div> + </th> + <th + class="MuiTableCell-root MuiTableCell-head MuiTableCell-alignLeft MuiTableCell-sizeMedium css-1nssqnd-MuiTableCell-root" + colspan="1" + data-index="3" + scope="col" + > + <div + class="Mui-TableHeadCell-Content MuiBox-root css-1w86f15" + > + <div + class="Mui-TableHeadCell-Content-Labels MuiBox-root css-68rqdf" + > + <div + class="Mui-TableHeadCell-Content-Wrapper MuiBox-root css-lapokc" + > + Long Field Name + </div> + <span + aria-label="Sort by Long Field Name ascending" + class="MuiBadge-root css-1c32n2y-MuiBadge-root" + data-mui-internal-clone-element="true" + > + <span + aria-label="Sort by Long Field Name ascending" + class="MuiButtonBase-root MuiTableSortLabel-root Mui-active css-118d58w-MuiButtonBase-root-MuiTableSortLabel-root" + role="button" + tabindex="0" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiTableSortLabel-icon MuiTableSortLabel-iconDirectionAsc css-1vweko9-MuiSvgIcon-root-MuiTableSortLabel-icon" + data-testid="SyncAltIcon" + focusable="false" + style="transform: rotate(-90deg) scaleX(0.9) translateX(-1px);" + viewBox="0 0 24 24" + > + <path + d="m18 12 4-4-4-4v3H3v2h15zM6 12l-4 4 4 4v-3h15v-2H6z" + /> + </svg> + </span> + <span + class="MuiBadge-badge MuiBadge-standard MuiBadge-invisible MuiBadge-anchorOriginTopRight MuiBadge-anchorOriginTopRightCircular MuiBadge-overlapCircular css-dniquu-MuiBadge-badge" + > + 0 + </span> + </span> + </div> + <div + class="Mui-TableHeadCell-Content-Actions MuiBox-root css-epvm6" + > + <button + aria-label="Column Actions" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-1a0q64w-MuiButtonBase-root-MuiIconButton-root" + data-mui-internal-clone-element="true" + tabindex="0" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="MoreVertIcon" + focusable="false" + style="transform: scale(0.9);" + viewBox="0 0 24 24" + > + <path + d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + </div> + </div> + </th> + <th + class="MuiTableCell-root MuiTableCell-head MuiTableCell-alignLeft MuiTableCell-sizeMedium css-bzx9c6-MuiTableCell-root" + colspan="1" + data-index="4" + scope="col" + > + <div + class="Mui-TableHeadCell-Content MuiBox-root css-1w86f15" + > + <div + class="Mui-TableHeadCell-Content-Labels MuiBox-root css-68rqdf" + > + <div + class="Mui-TableHeadCell-Content-Wrapper MuiBox-root css-lapokc" + > + Number + </div> + <span + aria-label="Sort by Number ascending" + class="MuiBadge-root css-1c32n2y-MuiBadge-root" + data-mui-internal-clone-element="true" + > + <span + aria-label="Sort by Number ascending" + class="MuiButtonBase-root MuiTableSortLabel-root Mui-active css-118d58w-MuiButtonBase-root-MuiTableSortLabel-root" + role="button" + tabindex="0" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiTableSortLabel-icon MuiTableSortLabel-iconDirectionAsc css-1vweko9-MuiSvgIcon-root-MuiTableSortLabel-icon" + data-testid="SyncAltIcon" + focusable="false" + style="transform: rotate(-90deg) scaleX(0.9) translateX(-1px);" + viewBox="0 0 24 24" + > + <path + d="m18 12 4-4-4-4v3H3v2h15zM6 12l-4 4 4 4v-3h15v-2H6z" + /> + </svg> + </span> + <span + class="MuiBadge-badge MuiBadge-standard MuiBadge-invisible MuiBadge-anchorOriginTopRight MuiBadge-anchorOriginTopRightCircular MuiBadge-overlapCircular css-dniquu-MuiBadge-badge" + > + 0 + </span> + </span> + </div> + <div + class="Mui-TableHeadCell-Content-Actions MuiBox-root css-epvm6" + > + <button + aria-label="Column Actions" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-1a0q64w-MuiButtonBase-root-MuiIconButton-root" + data-mui-internal-clone-element="true" + tabindex="0" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="MoreVertIcon" + focusable="false" + style="transform: scale(0.9);" + viewBox="0 0 24 24" + > + <path + d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + </div> + </div> + </th> + </tr> + </thead> + <tbody + class="MuiTableBody-root css-29nbga-MuiTableBody-root" + > + <tr + class="MuiTableRow-root css-19dmwlb-MuiTableRow-root" + data-index="0" + > + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-tn1erv-MuiTableCell-root" + data-index="0" + > + some name0 + </td> + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-1phqppa-MuiTableCell-root" + data-index="1" + > + some status0 + </td> + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-w6o6bl-MuiTableCell-root" + data-index="2" + > + some age0 + </td> + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-vjwruf-MuiTableCell-root" + data-index="3" + > + Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + </td> + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-gjsi9o-MuiTableCell-root" + data-index="4" + > + 22 + </td> + </tr> + <tr + class="MuiTableRow-root css-19dmwlb-MuiTableRow-root" + data-index="1" + > + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-tn1erv-MuiTableCell-root" + data-index="0" + > + some name1 + </td> + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-1phqppa-MuiTableCell-root" + data-index="1" + > + some status1 + </td> + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-w6o6bl-MuiTableCell-root" + data-index="2" + > + some age1 + </td> + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-vjwruf-MuiTableCell-root" + data-index="3" + > + Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + </td> + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-gjsi9o-MuiTableCell-root" + data-index="4" + > + 33 + </td> + </tr> + <tr + class="MuiTableRow-root css-19dmwlb-MuiTableRow-root" + data-index="2" + > + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-tn1erv-MuiTableCell-root" + data-index="0" + > + some name2 + </td> + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-1phqppa-MuiTableCell-root" + data-index="1" + > + some status2 + </td> + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-w6o6bl-MuiTableCell-root" + data-index="2" + > + some age2 + </td> + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-vjwruf-MuiTableCell-root" + data-index="3" + > + Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + </td> + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-gjsi9o-MuiTableCell-root" + data-index="4" + > + 44 + </td> + </tr> + </tbody> + <tfoot + class="MuiTableFooter-root css-131pszo-MuiTableFooter-root" + /> + </table> + </div> + <div + class="MuiBox-root css-1bxknjp" + > + <div + class="MuiBox-root css-1llu0od" + > + <span /> + <div + class="MuiBox-root css-qpxlqp" + > + <div + class="MuiTablePagination-root MuiBox-root css-1brajfe" + > + <div + class="MuiBox-root css-exd1zr" + > + <label + class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-animated MuiFormLabel-colorPrimary MuiInputLabel-root MuiInputLabel-animated css-14fyl8y-MuiFormLabel-root-MuiInputLabel-root" + for="mrt-rows-per-page" + > + Rows per page + </label> + <div + class="MuiInputBase-root MuiInput-root MuiInputBase-colorPrimary css-1yz2iyv-MuiInputBase-root-MuiInput-root-MuiSelect-root" + > + <div + aria-controls="mui-test-id" + aria-expanded="false" + aria-haspopup="listbox" + aria-label="Rows per page" + class="MuiSelect-select MuiSelect-standard MuiInputBase-input MuiInput-input css-1rxz5jq-MuiSelect-select-MuiInputBase-input-MuiInput-input" + role="combobox" + tabindex="0" + > + 15 + </div> + <input + aria-hidden="true" + aria-invalid="false" + class="MuiSelect-nativeInput css-yf8vq0-MuiSelect-nativeInput" + id="mrt-rows-per-page" + tabindex="-1" + value="15" + /> + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiSelect-icon MuiSelect-iconStandard css-pqjvzy-MuiSvgIcon-root-MuiSelect-icon" + data-testid="ArrowDropDownIcon" + focusable="false" + viewBox="0 0 24 24" + > + <path + d="M7 10l5 5 5-5z" + /> + </svg> + </div> + </div> + <span + class="MuiTypography-root MuiTypography-body2 MuiTypography-alignCenter css-htm6yz-MuiTypography-root" + > + 1-3 of 3 + </span> + <div + class="MuiBox-root css-192dx0w" + > + <span + aria-label="Go to previous page" + class="" + data-mui-internal-clone-element="true" + > + <button + aria-label="Go to previous page" + class="MuiButtonBase-root Mui-disabled MuiIconButton-root Mui-disabled MuiIconButton-sizeSmall css-hvz71z-MuiButtonBase-root-MuiIconButton-root" + disabled="" + tabindex="-1" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="ChevronLeftIcon" + focusable="false" + viewBox="0 0 24 24" + > + <path + d="M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z" + /> + </svg> + </button> + </span> + <span + aria-label="Go to next page" + class="" + data-mui-internal-clone-element="true" + > + <button + aria-label="Go to next page" + class="MuiButtonBase-root Mui-disabled MuiIconButton-root Mui-disabled MuiIconButton-sizeSmall css-hvz71z-MuiButtonBase-root-MuiIconButton-root" + disabled="" + tabindex="-1" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="ChevronRightIcon" + focusable="false" + viewBox="0 0 24 24" + > + <path + d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" + /> + </svg> + </button> + </span> + </div> + </div> + </div> + </div> + </div> + </div> +</div> +`; + +exports[`Storyshots Table Label Search 1`] = ` +<div> + <div + class="MuiGrid-root MuiGrid-container MuiGrid-spacing-xs-2 makeStyles-sectionHeader makeStyles-sectionHeader css-6ejd34-MuiGrid-root" + > + <div + class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root" + > + <div + class="MuiBox-root css-70qvj9" + > + <h1 + class="MuiTypography-root MuiTypography-h1 MuiTypography-noWrap makeStyles-sectionTitle makeStyles-sectionTitle css-1f1i6v9-MuiTypography-root" + > + Test + </h1> + <div + class="MuiBox-root css-ldp2l3" + /> + </div> + </div> + <div + class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root" + > + <div + class="MuiGrid-root MuiGrid-container MuiGrid-item css-43x3z6-MuiGrid-root" + > + <div + class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root" + > + <div + class="MuiGrid-root MuiGrid-container MuiGrid-spacing-xs-1 MuiGrid-wrap-xs-nowrap css-xax711-MuiGrid-root" + > + <div + class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root" + > + <div + class="MuiAutocomplete-root MuiAutocomplete-hasPopupIcon css-clttge-MuiAutocomplete-root" + > + <div + class="MuiBox-root css-1dipl1t" + > + <div + class="MuiFormControl-root MuiFormControl-fullWidth MuiTextField-root css-wb57ya-MuiFormControl-root-MuiTextField-root" + style="margin-top: 0px;" + > + <label + class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-sizeMedium MuiInputLabel-standard MuiFormLabel-colorPrimary MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-sizeMedium MuiInputLabel-standard css-1n1vwza-MuiFormLabel-root-MuiInputLabel-root" + data-shrink="true" + for="mui-test-id" + id="mui-test-id-label" + > + Namespaces + </label> + <div + class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-adornedEnd MuiAutocomplete-inputRoot css-lbi814-MuiInputBase-root-MuiInput-root" + > + <input + aria-autocomplete="both" + aria-expanded="false" + aria-invalid="false" + autocapitalize="none" + autocomplete="off" + class="MuiInputBase-input MuiInput-input MuiInputBase-inputAdornedEnd MuiAutocomplete-input MuiAutocomplete-inputFocused css-1x51dt5-MuiInputBase-input-MuiInput-input" + id="mui-test-id" + placeholder="Filter" + role="combobox" + spellcheck="false" + type="text" + value="" + /> + <div + class="MuiAutocomplete-endAdornment css-p1olib-MuiAutocomplete-endAdornment" + > + <button + aria-label="Open" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium MuiAutocomplete-popupIndicator css-1aav1nn-MuiButtonBase-root-MuiIconButton-root-MuiAutocomplete-popupIndicator" + tabindex="-1" + title="Open" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="ArrowDropDownIcon" + focusable="false" + viewBox="0 0 24 24" + > + <path + d="M7 10l5 5 5-5z" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + </div> + </div> + </div> + </div> + </div> + </div> + <div + class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root" + > + <div + class="MuiFormControl-root MuiTextField-root css-1u3bzj6-MuiFormControl-root-MuiTextField-root" + > + <label + class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-sizeMedium MuiInputLabel-standard MuiFormLabel-colorPrimary MuiFormLabel-filled Mui-focused MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-sizeMedium MuiInputLabel-standard css-1n1vwza-MuiFormLabel-root-MuiInputLabel-root" + data-shrink="true" + for="mui-test-id" + id="mui-test-id-label" + > + Search + </label> + <div + class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary Mui-focused MuiInputBase-formControl css-1d1jo89-MuiInputBase-root-MuiInput-root" + role="search" + > + <input + aria-invalid="false" + class="MuiInputBase-input MuiInput-input MuiInputBase-inputTypeSearch css-c63i49-MuiInputBase-input-MuiInput-input" + id="mui-test-id" + placeholder="Filter" + type="search" + value="mylabel" + /> + </div> + </div> + </div> + <div + class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root" + > + <button + aria-controls="standard-search" + class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary css-19g3xkx-MuiButtonBase-root-MuiButton-root" + tabindex="0" + type="button" + > + Clear + <span + class="MuiButton-icon MuiButton-endIcon MuiButton-iconSizeMedium css-9tj150-MuiButton-endIcon" + > + <span /> + </span> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + </div> + </div> + </div> + </div> + </div> + </div> + <div + class="MuiPaper-root MuiPaper-outlined MuiPaper-rounded css-xj31rx-MuiPaper-root" + > + <div + class="MuiBox-root css-1tbggly" + > + <div + class="MuiCollapse-root MuiCollapse-vertical MuiCollapse-hidden css-bz4dnt-MuiCollapse-root" + style="min-height: 0px;" + > + <div + class="MuiCollapse-wrapper MuiCollapse-vertical css-smkl36-MuiCollapse-wrapper" + > + <div + class="MuiCollapse-wrapperInner MuiCollapse-vertical css-9l5vo-MuiCollapse-wrapperInner" + > + <div + class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-colorInfo MuiAlert-standardInfo MuiAlert-standard css-ut8iii-MuiPaper-root-MuiAlert-root" + role="alert" + > + <div + class="MuiAlert-message css-1pxa9xg-MuiAlert-message" + > + <div + class="MuiStack-root css-5kul5x-MuiStack-root" + > + <div + class="MuiBox-root css-k008qs" + > + + </div> + </div> + </div> + </div> + </div> + </div> + </div> + <div + class="Mui-ToolbarDropZone MuiBox-root css-1fwjva3" + style="opacity: 0; visibility: hidden;" + > + <p + class="MuiTypography-root MuiTypography-body1 css-18b7jph-MuiTypography-root" + > + Drop to group by + </p> + </div> + <div + class="MuiBox-root css-zrlv9q" + > + <span /> + <div + class="MuiBox-root css-1p0wbhh" + > + <div + class="MuiBox-root css-di3982" + > + <button + aria-label="Show/Hide search" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium css-whz9ym-MuiButtonBase-root-MuiIconButton-root" + data-mui-internal-clone-element="true" + tabindex="0" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="SearchIcon" + focusable="false" + viewBox="0 0 24 24" + > + <path + d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + <button + aria-label="Show/Hide filters" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium css-whz9ym-MuiButtonBase-root-MuiIconButton-root" + data-mui-internal-clone-element="true" + tabindex="0" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="FilterListIcon" + focusable="false" + viewBox="0 0 24 24" + > + <path + d="M10 18h4v-2h-4zM3 6v2h18V6zm3 7h12v-2H6z" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + <button + aria-label="Show/Hide columns" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium css-whz9ym-MuiButtonBase-root-MuiIconButton-root" + data-mui-internal-clone-element="true" + tabindex="0" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="ViewColumnIcon" + focusable="false" + viewBox="0 0 24 24" + > + <path + d="M14.67 5v14H9.33V5zm1 14H21V5h-5.33zm-7.34 0V5H3v14z" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + </div> + </div> + </div> + </div> + <div + class="MuiTableContainer-root css-nhjqqh-MuiTableContainer-root" + > + <table + class="MuiTable-root css-1x84si1-MuiTable-root" + style="--header-0-size: 80; --col-0-size: 80; --header-1-size: 80; --col-1-size: 80; --header-2-size: 80; --col-2-size: 80; --header-3-size: 80; --col-3-size: 80;" + > + <thead + class="MuiTableHead-root css-118e0ip-MuiTableHead-root" + > + <tr + class="MuiTableRow-root MuiTableRow-head css-4cnyqt-MuiTableRow-root" + > + <th + class="MuiTableCell-root MuiTableCell-head MuiTableCell-alignLeft MuiTableCell-sizeMedium css-1jrv7hf-MuiTableCell-root" + colspan="1" + data-index="0" + scope="col" + > + <div + class="Mui-TableHeadCell-Content MuiBox-root css-1w86f15" + > + <div + class="Mui-TableHeadCell-Content-Labels MuiBox-root css-68rqdf" + > + <div + class="Mui-TableHeadCell-Content-Wrapper MuiBox-root css-lapokc" + > + Name + </div> + <span + aria-label="Sort by Name ascending" + class="MuiBadge-root css-1c32n2y-MuiBadge-root" + data-mui-internal-clone-element="true" + > + <span + aria-label="Sort by Name ascending" + class="MuiButtonBase-root MuiTableSortLabel-root Mui-active css-118d58w-MuiButtonBase-root-MuiTableSortLabel-root" + role="button" + tabindex="0" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiTableSortLabel-icon MuiTableSortLabel-iconDirectionAsc css-1vweko9-MuiSvgIcon-root-MuiTableSortLabel-icon" + data-testid="SyncAltIcon" + focusable="false" + style="transform: rotate(-90deg) scaleX(0.9) translateX(-1px);" + viewBox="0 0 24 24" + > + <path + d="m18 12 4-4-4-4v3H3v2h15zM6 12l-4 4 4 4v-3h15v-2H6z" + /> + </svg> + </span> + <span + class="MuiBadge-badge MuiBadge-standard MuiBadge-invisible MuiBadge-anchorOriginTopRight MuiBadge-anchorOriginTopRightCircular MuiBadge-overlapCircular css-dniquu-MuiBadge-badge" + > + 0 + </span> + </span> + </div> + <div + class="Mui-TableHeadCell-Content-Actions MuiBox-root css-epvm6" + > + <button + aria-label="Column Actions" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-1a0q64w-MuiButtonBase-root-MuiIconButton-root" + data-mui-internal-clone-element="true" + tabindex="0" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="MoreVertIcon" + focusable="false" + style="transform: scale(0.9);" + viewBox="0 0 24 24" + > + <path + d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + </div> + </div> + </th> + <th + class="MuiTableCell-root MuiTableCell-head MuiTableCell-alignLeft MuiTableCell-sizeMedium css-1lq7huv-MuiTableCell-root" + colspan="1" + data-index="1" + scope="col" + > + <div + class="Mui-TableHeadCell-Content MuiBox-root css-1w86f15" + > + <div + class="Mui-TableHeadCell-Content-Labels MuiBox-root css-68rqdf" + > + <div + class="Mui-TableHeadCell-Content-Wrapper MuiBox-root css-lapokc" + > + Namespace + </div> + <span + aria-label="Sort by Namespace ascending" + class="MuiBadge-root css-1c32n2y-MuiBadge-root" + data-mui-internal-clone-element="true" + > + <span + aria-label="Sort by Namespace ascending" + class="MuiButtonBase-root MuiTableSortLabel-root Mui-active css-118d58w-MuiButtonBase-root-MuiTableSortLabel-root" + role="button" + tabindex="0" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiTableSortLabel-icon MuiTableSortLabel-iconDirectionAsc css-1vweko9-MuiSvgIcon-root-MuiTableSortLabel-icon" + data-testid="SyncAltIcon" + focusable="false" + style="transform: rotate(-90deg) scaleX(0.9) translateX(-1px);" + viewBox="0 0 24 24" + > + <path + d="m18 12 4-4-4-4v3H3v2h15zM6 12l-4 4 4 4v-3h15v-2H6z" + /> + </svg> + </span> + <span + class="MuiBadge-badge MuiBadge-standard MuiBadge-invisible MuiBadge-anchorOriginTopRight MuiBadge-anchorOriginTopRightCircular MuiBadge-overlapCircular css-dniquu-MuiBadge-badge" + > + 0 + </span> + </span> + </div> + <div + class="Mui-TableHeadCell-Content-Actions MuiBox-root css-epvm6" + > + <button + aria-label="Column Actions" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-1a0q64w-MuiButtonBase-root-MuiIconButton-root" + data-mui-internal-clone-element="true" + tabindex="0" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="MoreVertIcon" + focusable="false" + style="transform: scale(0.9);" + viewBox="0 0 24 24" + > + <path + d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + </div> + </div> + </th> + <th + class="MuiTableCell-root MuiTableCell-head MuiTableCell-alignLeft MuiTableCell-sizeMedium css-1ughqxg-MuiTableCell-root" + colspan="1" + data-index="2" + scope="col" + > + <div + class="Mui-TableHeadCell-Content MuiBox-root css-1w86f15" + > + <div + class="Mui-TableHeadCell-Content-Labels MuiBox-root css-68rqdf" + > + <div + class="Mui-TableHeadCell-Content-Wrapper MuiBox-root css-chb057" + > + UID + </div> + <span + aria-label="Sort by UID ascending" + class="MuiBadge-root css-1c32n2y-MuiBadge-root" + data-mui-internal-clone-element="true" + > + <span + aria-label="Sort by UID ascending" + class="MuiButtonBase-root MuiTableSortLabel-root Mui-active css-118d58w-MuiButtonBase-root-MuiTableSortLabel-root" + role="button" + tabindex="0" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiTableSortLabel-icon MuiTableSortLabel-iconDirectionAsc css-1vweko9-MuiSvgIcon-root-MuiTableSortLabel-icon" + data-testid="SyncAltIcon" + focusable="false" + style="transform: rotate(-90deg) scaleX(0.9) translateX(-1px);" + viewBox="0 0 24 24" + > + <path + d="m18 12 4-4-4-4v3H3v2h15zM6 12l-4 4 4 4v-3h15v-2H6z" + /> + </svg> + </span> + <span + class="MuiBadge-badge MuiBadge-standard MuiBadge-invisible MuiBadge-anchorOriginTopRight MuiBadge-anchorOriginTopRightCircular MuiBadge-overlapCircular css-dniquu-MuiBadge-badge" + > + 0 + </span> + </span> + </div> + <div + class="Mui-TableHeadCell-Content-Actions MuiBox-root css-epvm6" + > + <button + aria-label="Column Actions" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-1a0q64w-MuiButtonBase-root-MuiIconButton-root" + data-mui-internal-clone-element="true" + tabindex="0" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="MoreVertIcon" + focusable="false" + style="transform: scale(0.9);" + viewBox="0 0 24 24" + > + <path + d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + </div> + </div> + </th> + <th + class="MuiTableCell-root MuiTableCell-head MuiTableCell-alignLeft MuiTableCell-sizeMedium css-1nssqnd-MuiTableCell-root" + colspan="1" + data-index="3" + scope="col" + > + <div + class="Mui-TableHeadCell-Content MuiBox-root css-1w86f15" + > + <div + class="Mui-TableHeadCell-Content-Labels MuiBox-root css-68rqdf" + > + <div + class="Mui-TableHeadCell-Content-Wrapper MuiBox-root css-lapokc" + > + Labels + </div> + <span + aria-label="Sort by Labels ascending" + class="MuiBadge-root css-1c32n2y-MuiBadge-root" + data-mui-internal-clone-element="true" + > + <span + aria-label="Sort by Labels ascending" + class="MuiButtonBase-root MuiTableSortLabel-root Mui-active css-118d58w-MuiButtonBase-root-MuiTableSortLabel-root" + role="button" + tabindex="0" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiTableSortLabel-icon MuiTableSortLabel-iconDirectionAsc css-1vweko9-MuiSvgIcon-root-MuiTableSortLabel-icon" + data-testid="SyncAltIcon" + focusable="false" + style="transform: rotate(-90deg) scaleX(0.9) translateX(-1px);" + viewBox="0 0 24 24" + > + <path + d="m18 12 4-4-4-4v3H3v2h15zM6 12l-4 4 4 4v-3h15v-2H6z" + /> + </svg> + </span> + <span + class="MuiBadge-badge MuiBadge-standard MuiBadge-invisible MuiBadge-anchorOriginTopRight MuiBadge-anchorOriginTopRightCircular MuiBadge-overlapCircular css-dniquu-MuiBadge-badge" + > + 0 + </span> + </span> + </div> + <div + class="Mui-TableHeadCell-Content-Actions MuiBox-root css-epvm6" + > + <button + aria-label="Column Actions" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-1a0q64w-MuiButtonBase-root-MuiIconButton-root" + data-mui-internal-clone-element="true" + tabindex="0" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="MoreVertIcon" + focusable="false" + style="transform: scale(0.9);" + viewBox="0 0 24 24" + > + <path + d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + </div> + </div> + </th> + </tr> + </thead> + <tbody + class="MuiTableBody-root css-29nbga-MuiTableBody-root" + > + <tr + class="MuiTableRow-root css-19dmwlb-MuiTableRow-root" + data-index="0" + > + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-tn1erv-MuiTableCell-root" + data-index="0" + > + mydefinition.phonyresources1.io + </td> + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-1phqppa-MuiTableCell-root" + data-index="1" + > + MyNamespace1 + </td> + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-w6o6bl-MuiTableCell-root" + data-index="2" + > + phony1 + </td> + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-vjwruf-MuiTableCell-root" + data-index="3" + > + {"mylabel1":"myvalue1"} + </td> + </tr> + <tr + class="MuiTableRow-root css-19dmwlb-MuiTableRow-root" + data-index="1" + > + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-tn1erv-MuiTableCell-root" + data-index="0" + > + mydefinition.phonyresources2.io + </td> + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-1phqppa-MuiTableCell-root" + data-index="1" + > + MyNamespace2 + </td> + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-w6o6bl-MuiTableCell-root" + data-index="2" + > + phony2 + </td> + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-vjwruf-MuiTableCell-root" + data-index="3" + > + {"mykey2":"mylabel"} + </td> + </tr> + </tbody> + <tfoot + class="MuiTableFooter-root css-131pszo-MuiTableFooter-root" + /> + </table> + </div> + <div + class="MuiBox-root css-1bxknjp" + > + <div + class="MuiBox-root css-1llu0od" + > + <span /> + <div + class="MuiBox-root css-qpxlqp" + > + <div + class="MuiTablePagination-root MuiBox-root css-1brajfe" + > + <div + class="MuiBox-root css-exd1zr" + > + <label + class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-animated MuiFormLabel-colorPrimary MuiInputLabel-root MuiInputLabel-animated css-14fyl8y-MuiFormLabel-root-MuiInputLabel-root" + for="mrt-rows-per-page" + > + Rows per page + </label> + <div + class="MuiInputBase-root MuiInput-root MuiInputBase-colorPrimary css-1yz2iyv-MuiInputBase-root-MuiInput-root-MuiSelect-root" + > + <div + aria-controls="mui-test-id" + aria-expanded="false" + aria-haspopup="listbox" + aria-label="Rows per page" + class="MuiSelect-select MuiSelect-standard MuiInputBase-input MuiInput-input css-1rxz5jq-MuiSelect-select-MuiInputBase-input-MuiInput-input" + role="combobox" + tabindex="0" + > + 15 + </div> + <input + aria-hidden="true" + aria-invalid="false" + class="MuiSelect-nativeInput css-yf8vq0-MuiSelect-nativeInput" + id="mrt-rows-per-page" + tabindex="-1" + value="15" + /> + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiSelect-icon MuiSelect-iconStandard css-pqjvzy-MuiSvgIcon-root-MuiSelect-icon" + data-testid="ArrowDropDownIcon" + focusable="false" + viewBox="0 0 24 24" + > + <path + d="M7 10l5 5 5-5z" + /> + </svg> + </div> + </div> + <span + class="MuiTypography-root MuiTypography-body2 MuiTypography-alignCenter css-htm6yz-MuiTypography-root" + > + 1-2 of 2 + </span> + <div + class="MuiBox-root css-192dx0w" + > + <span + aria-label="Go to previous page" + class="" + data-mui-internal-clone-element="true" + > + <button + aria-label="Go to previous page" + class="MuiButtonBase-root Mui-disabled MuiIconButton-root Mui-disabled MuiIconButton-sizeSmall css-hvz71z-MuiButtonBase-root-MuiIconButton-root" + disabled="" + tabindex="-1" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="ChevronLeftIcon" + focusable="false" + viewBox="0 0 24 24" + > + <path + d="M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z" + /> + </svg> + </button> + </span> + <span + aria-label="Go to next page" + class="" + data-mui-internal-clone-element="true" + > + <button + aria-label="Go to next page" + class="MuiButtonBase-root Mui-disabled MuiIconButton-root Mui-disabled MuiIconButton-sizeSmall css-hvz71z-MuiButtonBase-root-MuiIconButton-root" + disabled="" + tabindex="-1" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="ChevronRightIcon" + focusable="false" + viewBox="0 0 24 24" + > + <path + d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" + /> + </svg> + </button> + </span> + </div> + </div> + </div> + </div> + </div> + </div> +</div> +`; + +exports[`Storyshots Table Name Search 1`] = ` +<div> + <div + class="MuiGrid-root MuiGrid-container MuiGrid-spacing-xs-2 makeStyles-sectionHeader makeStyles-sectionHeader css-6ejd34-MuiGrid-root" + > + <div + class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root" + > + <div + class="MuiBox-root css-70qvj9" + > + <h1 + class="MuiTypography-root MuiTypography-h1 MuiTypography-noWrap makeStyles-sectionTitle makeStyles-sectionTitle css-1f1i6v9-MuiTypography-root" + > + Test + </h1> + <div + class="MuiBox-root css-ldp2l3" + /> + </div> + </div> + <div + class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root" + > + <div + class="MuiGrid-root MuiGrid-container MuiGrid-item css-43x3z6-MuiGrid-root" + > + <div + class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root" + > + <div + class="MuiGrid-root MuiGrid-container MuiGrid-spacing-xs-1 MuiGrid-wrap-xs-nowrap css-xax711-MuiGrid-root" + > + <div + class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root" + > + <div + class="MuiAutocomplete-root MuiAutocomplete-hasPopupIcon css-clttge-MuiAutocomplete-root" + > + <div + class="MuiBox-root css-1dipl1t" + > + <div + class="MuiFormControl-root MuiFormControl-fullWidth MuiTextField-root css-wb57ya-MuiFormControl-root-MuiTextField-root" + style="margin-top: 0px;" + > + <label + class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-sizeMedium MuiInputLabel-standard MuiFormLabel-colorPrimary MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-sizeMedium MuiInputLabel-standard css-1n1vwza-MuiFormLabel-root-MuiInputLabel-root" + data-shrink="true" + for="mui-test-id" + id="mui-test-id-label" + > + Namespaces + </label> + <div + class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-adornedEnd MuiAutocomplete-inputRoot css-lbi814-MuiInputBase-root-MuiInput-root" + > + <input + aria-autocomplete="both" + aria-expanded="false" + aria-invalid="false" + autocapitalize="none" + autocomplete="off" + class="MuiInputBase-input MuiInput-input MuiInputBase-inputAdornedEnd MuiAutocomplete-input MuiAutocomplete-inputFocused css-1x51dt5-MuiInputBase-input-MuiInput-input" + id="mui-test-id" + placeholder="Filter" + role="combobox" + spellcheck="false" + type="text" + value="" + /> + <div + class="MuiAutocomplete-endAdornment css-p1olib-MuiAutocomplete-endAdornment" + > + <button + aria-label="Open" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium MuiAutocomplete-popupIndicator css-1aav1nn-MuiButtonBase-root-MuiIconButton-root-MuiAutocomplete-popupIndicator" + tabindex="-1" + title="Open" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="ArrowDropDownIcon" + focusable="false" + viewBox="0 0 24 24" + > + <path + d="M7 10l5 5 5-5z" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + </div> + </div> + </div> + </div> + </div> + </div> + <div + class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root" + > + <div + class="MuiFormControl-root MuiTextField-root css-1u3bzj6-MuiFormControl-root-MuiTextField-root" + > + <label + class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-sizeMedium MuiInputLabel-standard MuiFormLabel-colorPrimary MuiFormLabel-filled Mui-focused MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-sizeMedium MuiInputLabel-standard css-1n1vwza-MuiFormLabel-root-MuiInputLabel-root" + data-shrink="true" + for="mui-test-id" + id="mui-test-id-label" + > + Search + </label> + <div + class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary Mui-focused MuiInputBase-formControl css-1d1jo89-MuiInputBase-root-MuiInput-root" + role="search" + > + <input + aria-invalid="false" + class="MuiInputBase-input MuiInput-input MuiInputBase-inputTypeSearch css-c63i49-MuiInputBase-input-MuiInput-input" + id="mui-test-id" + placeholder="Filter" + type="search" + value="phonyresources2" + /> + </div> + </div> + </div> + <div + class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root" + > + <button + aria-controls="standard-search" + class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary css-19g3xkx-MuiButtonBase-root-MuiButton-root" + tabindex="0" + type="button" + > + Clear + <span + class="MuiButton-icon MuiButton-endIcon MuiButton-iconSizeMedium css-9tj150-MuiButton-endIcon" + > + <span /> + </span> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + </div> + </div> + </div> + </div> + </div> + </div> + <div + class="MuiPaper-root MuiPaper-outlined MuiPaper-rounded css-xj31rx-MuiPaper-root" + > + <div + class="MuiBox-root css-1tbggly" + > + <div + class="MuiCollapse-root MuiCollapse-vertical MuiCollapse-hidden css-bz4dnt-MuiCollapse-root" + style="min-height: 0px;" + > + <div + class="MuiCollapse-wrapper MuiCollapse-vertical css-smkl36-MuiCollapse-wrapper" + > + <div + class="MuiCollapse-wrapperInner MuiCollapse-vertical css-9l5vo-MuiCollapse-wrapperInner" + > + <div + class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-colorInfo MuiAlert-standardInfo MuiAlert-standard css-ut8iii-MuiPaper-root-MuiAlert-root" + role="alert" + > + <div + class="MuiAlert-message css-1pxa9xg-MuiAlert-message" + > + <div + class="MuiStack-root css-5kul5x-MuiStack-root" + > + <div + class="MuiBox-root css-k008qs" + > + + </div> + </div> + </div> + </div> + </div> + </div> + </div> + <div + class="Mui-ToolbarDropZone MuiBox-root css-1fwjva3" + style="opacity: 0; visibility: hidden;" + > + <p + class="MuiTypography-root MuiTypography-body1 css-18b7jph-MuiTypography-root" + > + Drop to group by + </p> + </div> + <div + class="MuiBox-root css-zrlv9q" + > + <span /> + <div + class="MuiBox-root css-1p0wbhh" + > + <div + class="MuiBox-root css-di3982" + > + <button + aria-label="Show/Hide search" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium css-whz9ym-MuiButtonBase-root-MuiIconButton-root" + data-mui-internal-clone-element="true" + tabindex="0" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="SearchIcon" + focusable="false" + viewBox="0 0 24 24" + > + <path + d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + <button + aria-label="Show/Hide filters" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium css-whz9ym-MuiButtonBase-root-MuiIconButton-root" + data-mui-internal-clone-element="true" + tabindex="0" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="FilterListIcon" + focusable="false" + viewBox="0 0 24 24" + > + <path + d="M10 18h4v-2h-4zM3 6v2h18V6zm3 7h12v-2H6z" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + <button + aria-label="Show/Hide columns" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium css-whz9ym-MuiButtonBase-root-MuiIconButton-root" + data-mui-internal-clone-element="true" + tabindex="0" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="ViewColumnIcon" + focusable="false" + viewBox="0 0 24 24" + > + <path + d="M14.67 5v14H9.33V5zm1 14H21V5h-5.33zm-7.34 0V5H3v14z" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + </div> + </div> + </div> + </div> + <div + class="MuiTableContainer-root css-nhjqqh-MuiTableContainer-root" + > + <table + class="MuiTable-root css-1x84si1-MuiTable-root" + style="--header-0-size: 80; --col-0-size: 80; --header-1-size: 80; --col-1-size: 80; --header-2-size: 80; --col-2-size: 80; --header-3-size: 80; --col-3-size: 80;" + > + <thead + class="MuiTableHead-root css-118e0ip-MuiTableHead-root" + > + <tr + class="MuiTableRow-root MuiTableRow-head css-4cnyqt-MuiTableRow-root" + > + <th + class="MuiTableCell-root MuiTableCell-head MuiTableCell-alignLeft MuiTableCell-sizeMedium css-1jrv7hf-MuiTableCell-root" + colspan="1" + data-index="0" + scope="col" + > + <div + class="Mui-TableHeadCell-Content MuiBox-root css-1w86f15" + > + <div + class="Mui-TableHeadCell-Content-Labels MuiBox-root css-68rqdf" + > + <div + class="Mui-TableHeadCell-Content-Wrapper MuiBox-root css-lapokc" + > + Name + </div> + <span + aria-label="Sort by Name ascending" + class="MuiBadge-root css-1c32n2y-MuiBadge-root" + data-mui-internal-clone-element="true" + > + <span + aria-label="Sort by Name ascending" + class="MuiButtonBase-root MuiTableSortLabel-root Mui-active css-118d58w-MuiButtonBase-root-MuiTableSortLabel-root" + role="button" + tabindex="0" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiTableSortLabel-icon MuiTableSortLabel-iconDirectionAsc css-1vweko9-MuiSvgIcon-root-MuiTableSortLabel-icon" + data-testid="SyncAltIcon" + focusable="false" + style="transform: rotate(-90deg) scaleX(0.9) translateX(-1px);" + viewBox="0 0 24 24" + > + <path + d="m18 12 4-4-4-4v3H3v2h15zM6 12l-4 4 4 4v-3h15v-2H6z" + /> + </svg> + </span> + <span + class="MuiBadge-badge MuiBadge-standard MuiBadge-invisible MuiBadge-anchorOriginTopRight MuiBadge-anchorOriginTopRightCircular MuiBadge-overlapCircular css-dniquu-MuiBadge-badge" + > + 0 + </span> + </span> + </div> + <div + class="Mui-TableHeadCell-Content-Actions MuiBox-root css-epvm6" + > + <button + aria-label="Column Actions" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-1a0q64w-MuiButtonBase-root-MuiIconButton-root" + data-mui-internal-clone-element="true" + tabindex="0" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="MoreVertIcon" + focusable="false" + style="transform: scale(0.9);" + viewBox="0 0 24 24" + > + <path + d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + </div> + </div> + </th> + <th + class="MuiTableCell-root MuiTableCell-head MuiTableCell-alignLeft MuiTableCell-sizeMedium css-1lq7huv-MuiTableCell-root" + colspan="1" + data-index="1" + scope="col" + > + <div + class="Mui-TableHeadCell-Content MuiBox-root css-1w86f15" + > + <div + class="Mui-TableHeadCell-Content-Labels MuiBox-root css-68rqdf" + > + <div + class="Mui-TableHeadCell-Content-Wrapper MuiBox-root css-lapokc" + > + Namespace + </div> + <span + aria-label="Sort by Namespace ascending" + class="MuiBadge-root css-1c32n2y-MuiBadge-root" + data-mui-internal-clone-element="true" + > + <span + aria-label="Sort by Namespace ascending" + class="MuiButtonBase-root MuiTableSortLabel-root Mui-active css-118d58w-MuiButtonBase-root-MuiTableSortLabel-root" + role="button" + tabindex="0" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiTableSortLabel-icon MuiTableSortLabel-iconDirectionAsc css-1vweko9-MuiSvgIcon-root-MuiTableSortLabel-icon" + data-testid="SyncAltIcon" + focusable="false" + style="transform: rotate(-90deg) scaleX(0.9) translateX(-1px);" + viewBox="0 0 24 24" + > + <path + d="m18 12 4-4-4-4v3H3v2h15zM6 12l-4 4 4 4v-3h15v-2H6z" + /> + </svg> + </span> + <span + class="MuiBadge-badge MuiBadge-standard MuiBadge-invisible MuiBadge-anchorOriginTopRight MuiBadge-anchorOriginTopRightCircular MuiBadge-overlapCircular css-dniquu-MuiBadge-badge" + > + 0 + </span> + </span> + </div> + <div + class="Mui-TableHeadCell-Content-Actions MuiBox-root css-epvm6" + > + <button + aria-label="Column Actions" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-1a0q64w-MuiButtonBase-root-MuiIconButton-root" + data-mui-internal-clone-element="true" + tabindex="0" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="MoreVertIcon" + focusable="false" + style="transform: scale(0.9);" + viewBox="0 0 24 24" + > + <path + d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + </div> + </div> + </th> + <th + class="MuiTableCell-root MuiTableCell-head MuiTableCell-alignLeft MuiTableCell-sizeMedium css-1ughqxg-MuiTableCell-root" + colspan="1" + data-index="2" + scope="col" + > + <div + class="Mui-TableHeadCell-Content MuiBox-root css-1w86f15" + > + <div + class="Mui-TableHeadCell-Content-Labels MuiBox-root css-68rqdf" + > + <div + class="Mui-TableHeadCell-Content-Wrapper MuiBox-root css-chb057" + > + UID + </div> + <span + aria-label="Sort by UID ascending" + class="MuiBadge-root css-1c32n2y-MuiBadge-root" + data-mui-internal-clone-element="true" + > + <span + aria-label="Sort by UID ascending" + class="MuiButtonBase-root MuiTableSortLabel-root Mui-active css-118d58w-MuiButtonBase-root-MuiTableSortLabel-root" + role="button" + tabindex="0" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiTableSortLabel-icon MuiTableSortLabel-iconDirectionAsc css-1vweko9-MuiSvgIcon-root-MuiTableSortLabel-icon" + data-testid="SyncAltIcon" + focusable="false" + style="transform: rotate(-90deg) scaleX(0.9) translateX(-1px);" + viewBox="0 0 24 24" + > + <path + d="m18 12 4-4-4-4v3H3v2h15zM6 12l-4 4 4 4v-3h15v-2H6z" + /> + </svg> + </span> + <span + class="MuiBadge-badge MuiBadge-standard MuiBadge-invisible MuiBadge-anchorOriginTopRight MuiBadge-anchorOriginTopRightCircular MuiBadge-overlapCircular css-dniquu-MuiBadge-badge" + > + 0 + </span> + </span> + </div> + <div + class="Mui-TableHeadCell-Content-Actions MuiBox-root css-epvm6" + > + <button + aria-label="Column Actions" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-1a0q64w-MuiButtonBase-root-MuiIconButton-root" + data-mui-internal-clone-element="true" + tabindex="0" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="MoreVertIcon" + focusable="false" + style="transform: scale(0.9);" + viewBox="0 0 24 24" + > + <path + d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + </div> + </div> + </th> + <th + class="MuiTableCell-root MuiTableCell-head MuiTableCell-alignLeft MuiTableCell-sizeMedium css-1nssqnd-MuiTableCell-root" + colspan="1" + data-index="3" + scope="col" + > + <div + class="Mui-TableHeadCell-Content MuiBox-root css-1w86f15" + > + <div + class="Mui-TableHeadCell-Content-Labels MuiBox-root css-68rqdf" + > + <div + class="Mui-TableHeadCell-Content-Wrapper MuiBox-root css-lapokc" + > + Labels + </div> + <span + aria-label="Sort by Labels ascending" + class="MuiBadge-root css-1c32n2y-MuiBadge-root" + data-mui-internal-clone-element="true" + > + <span + aria-label="Sort by Labels ascending" + class="MuiButtonBase-root MuiTableSortLabel-root Mui-active css-118d58w-MuiButtonBase-root-MuiTableSortLabel-root" + role="button" + tabindex="0" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiTableSortLabel-icon MuiTableSortLabel-iconDirectionAsc css-1vweko9-MuiSvgIcon-root-MuiTableSortLabel-icon" + data-testid="SyncAltIcon" + focusable="false" + style="transform: rotate(-90deg) scaleX(0.9) translateX(-1px);" + viewBox="0 0 24 24" + > + <path + d="m18 12 4-4-4-4v3H3v2h15zM6 12l-4 4 4 4v-3h15v-2H6z" + /> + </svg> + </span> + <span + class="MuiBadge-badge MuiBadge-standard MuiBadge-invisible MuiBadge-anchorOriginTopRight MuiBadge-anchorOriginTopRightCircular MuiBadge-overlapCircular css-dniquu-MuiBadge-badge" + > + 0 + </span> + </span> + </div> + <div + class="Mui-TableHeadCell-Content-Actions MuiBox-root css-epvm6" + > + <button + aria-label="Column Actions" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-1a0q64w-MuiButtonBase-root-MuiIconButton-root" + data-mui-internal-clone-element="true" + tabindex="0" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="MoreVertIcon" + focusable="false" + style="transform: scale(0.9);" + viewBox="0 0 24 24" + > + <path + d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + </div> + </div> + </th> + </tr> + </thead> + <tbody + class="MuiTableBody-root css-29nbga-MuiTableBody-root" + > + <tr + class="MuiTableRow-root css-19dmwlb-MuiTableRow-root" + data-index="0" + > + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-tn1erv-MuiTableCell-root" + data-index="0" + > + mydefinition.phonyresources2.io + </td> + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-1phqppa-MuiTableCell-root" + data-index="1" + > + MyNamespace2 + </td> + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-w6o6bl-MuiTableCell-root" + data-index="2" + > + phony2 + </td> + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-vjwruf-MuiTableCell-root" + data-index="3" + > + {"mykey2":"mylabel"} + </td> + </tr> + </tbody> + <tfoot + class="MuiTableFooter-root css-131pszo-MuiTableFooter-root" + /> + </table> + </div> + <div + class="MuiBox-root css-1bxknjp" + > + <div + class="MuiBox-root css-1llu0od" + > + <span /> + <div + class="MuiBox-root css-qpxlqp" + > + <div + class="MuiTablePagination-root MuiBox-root css-1brajfe" + > + <div + class="MuiBox-root css-exd1zr" + > + <label + class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-animated MuiFormLabel-colorPrimary MuiInputLabel-root MuiInputLabel-animated css-14fyl8y-MuiFormLabel-root-MuiInputLabel-root" + for="mrt-rows-per-page" + > + Rows per page + </label> + <div + class="MuiInputBase-root MuiInput-root MuiInputBase-colorPrimary css-1yz2iyv-MuiInputBase-root-MuiInput-root-MuiSelect-root" + > + <div + aria-controls="mui-test-id" + aria-expanded="false" + aria-haspopup="listbox" + aria-label="Rows per page" + class="MuiSelect-select MuiSelect-standard MuiInputBase-input MuiInput-input css-1rxz5jq-MuiSelect-select-MuiInputBase-input-MuiInput-input" + role="combobox" + tabindex="0" + > + 15 + </div> + <input + aria-hidden="true" + aria-invalid="false" + class="MuiSelect-nativeInput css-yf8vq0-MuiSelect-nativeInput" + id="mrt-rows-per-page" + tabindex="-1" + value="15" + /> + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiSelect-icon MuiSelect-iconStandard css-pqjvzy-MuiSvgIcon-root-MuiSelect-icon" + data-testid="ArrowDropDownIcon" + focusable="false" + viewBox="0 0 24 24" + > + <path + d="M7 10l5 5 5-5z" + /> + </svg> + </div> + </div> + <span + class="MuiTypography-root MuiTypography-body2 MuiTypography-alignCenter css-htm6yz-MuiTypography-root" + > + 1-1 of 1 + </span> + <div + class="MuiBox-root css-192dx0w" + > + <span + aria-label="Go to previous page" + class="" + data-mui-internal-clone-element="true" + > + <button + aria-label="Go to previous page" + class="MuiButtonBase-root Mui-disabled MuiIconButton-root Mui-disabled MuiIconButton-sizeSmall css-hvz71z-MuiButtonBase-root-MuiIconButton-root" + disabled="" + tabindex="-1" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="ChevronLeftIcon" + focusable="false" + viewBox="0 0 24 24" + > + <path + d="M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z" + /> + </svg> + </button> + </span> + <span + aria-label="Go to next page" + class="" + data-mui-internal-clone-element="true" + > + <button + aria-label="Go to next page" + class="MuiButtonBase-root Mui-disabled MuiIconButton-root Mui-disabled MuiIconButton-sizeSmall css-hvz71z-MuiButtonBase-root-MuiIconButton-root" + disabled="" + tabindex="-1" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="ChevronRightIcon" + focusable="false" + viewBox="0 0 24 24" + > + <path + d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" + /> + </svg> + </button> + </span> + </div> + </div> + </div> + </div> + </div> + </div> +</div> +`; + +exports[`Storyshots Table Namespace Search 1`] = ` +<div> + <div + class="MuiGrid-root MuiGrid-container MuiGrid-spacing-xs-2 makeStyles-sectionHeader makeStyles-sectionHeader css-6ejd34-MuiGrid-root" + > + <div + class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root" + > + <div + class="MuiBox-root css-70qvj9" + > + <h1 + class="MuiTypography-root MuiTypography-h1 MuiTypography-noWrap makeStyles-sectionTitle makeStyles-sectionTitle css-1f1i6v9-MuiTypography-root" + > + Test + </h1> + <div + class="MuiBox-root css-ldp2l3" + /> + </div> + </div> + <div + class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root" + > + <div + class="MuiGrid-root MuiGrid-container MuiGrid-item css-43x3z6-MuiGrid-root" + > + <div + class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root" + > + <div + class="MuiGrid-root MuiGrid-container MuiGrid-spacing-xs-1 MuiGrid-wrap-xs-nowrap css-xax711-MuiGrid-root" + > + <div + class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root" + > + <div + class="MuiAutocomplete-root MuiAutocomplete-hasPopupIcon css-clttge-MuiAutocomplete-root" + > + <div + class="MuiBox-root css-1dipl1t" + > + <div + class="MuiFormControl-root MuiFormControl-fullWidth MuiTextField-root css-wb57ya-MuiFormControl-root-MuiTextField-root" + style="margin-top: 0px;" + > + <label + class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-sizeMedium MuiInputLabel-standard MuiFormLabel-colorPrimary MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-sizeMedium MuiInputLabel-standard css-1n1vwza-MuiFormLabel-root-MuiInputLabel-root" + data-shrink="true" + for="mui-test-id" + id="mui-test-id-label" + > + Namespaces + </label> + <div + class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-adornedEnd MuiAutocomplete-inputRoot css-lbi814-MuiInputBase-root-MuiInput-root" + > + <input + aria-autocomplete="both" + aria-expanded="false" + aria-invalid="false" + autocapitalize="none" + autocomplete="off" + class="MuiInputBase-input MuiInput-input MuiInputBase-inputAdornedEnd MuiAutocomplete-input MuiAutocomplete-inputFocused css-1x51dt5-MuiInputBase-input-MuiInput-input" + id="mui-test-id" + placeholder="Filter" + role="combobox" + spellcheck="false" + type="text" + value="" + /> + <div + class="MuiAutocomplete-endAdornment css-p1olib-MuiAutocomplete-endAdornment" + > + <button + aria-label="Open" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium MuiAutocomplete-popupIndicator css-1aav1nn-MuiButtonBase-root-MuiIconButton-root-MuiAutocomplete-popupIndicator" + tabindex="-1" + title="Open" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="ArrowDropDownIcon" + focusable="false" + viewBox="0 0 24 24" + > + <path + d="M7 10l5 5 5-5z" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + </div> + </div> + </div> + </div> + </div> + </div> + <div + class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root" + > + <div + class="MuiFormControl-root MuiTextField-root css-1u3bzj6-MuiFormControl-root-MuiTextField-root" + > + <label + class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-sizeMedium MuiInputLabel-standard MuiFormLabel-colorPrimary MuiFormLabel-filled Mui-focused MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-sizeMedium MuiInputLabel-standard css-1n1vwza-MuiFormLabel-root-MuiInputLabel-root" + data-shrink="true" + for="mui-test-id" + id="mui-test-id-label" + > + Search + </label> + <div + class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary Mui-focused MuiInputBase-formControl css-1d1jo89-MuiInputBase-root-MuiInput-root" + role="search" + > + <input + aria-invalid="false" + class="MuiInputBase-input MuiInput-input MuiInputBase-inputTypeSearch css-c63i49-MuiInputBase-input-MuiInput-input" + id="mui-test-id" + placeholder="Filter" + type="search" + value="MyNamespace3" + /> + </div> + </div> + </div> + <div + class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root" + > + <button + aria-controls="standard-search" + class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary css-19g3xkx-MuiButtonBase-root-MuiButton-root" + tabindex="0" + type="button" + > + Clear + <span + class="MuiButton-icon MuiButton-endIcon MuiButton-iconSizeMedium css-9tj150-MuiButton-endIcon" + > + <span /> + </span> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + </div> + </div> + </div> + </div> + </div> + </div> + <div + class="MuiPaper-root MuiPaper-outlined MuiPaper-rounded css-xj31rx-MuiPaper-root" + > + <div + class="MuiBox-root css-1tbggly" + > + <div + class="MuiCollapse-root MuiCollapse-vertical MuiCollapse-hidden css-bz4dnt-MuiCollapse-root" + style="min-height: 0px;" + > + <div + class="MuiCollapse-wrapper MuiCollapse-vertical css-smkl36-MuiCollapse-wrapper" + > + <div + class="MuiCollapse-wrapperInner MuiCollapse-vertical css-9l5vo-MuiCollapse-wrapperInner" + > + <div + class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-colorInfo MuiAlert-standardInfo MuiAlert-standard css-ut8iii-MuiPaper-root-MuiAlert-root" + role="alert" + > + <div + class="MuiAlert-message css-1pxa9xg-MuiAlert-message" + > + <div + class="MuiStack-root css-5kul5x-MuiStack-root" + > + <div + class="MuiBox-root css-k008qs" + > + + </div> + </div> + </div> + </div> + </div> + </div> + </div> + <div + class="Mui-ToolbarDropZone MuiBox-root css-1fwjva3" + style="opacity: 0; visibility: hidden;" + > + <p + class="MuiTypography-root MuiTypography-body1 css-18b7jph-MuiTypography-root" + > + Drop to group by + </p> + </div> + <div + class="MuiBox-root css-zrlv9q" + > + <span /> + <div + class="MuiBox-root css-1p0wbhh" + > + <div + class="MuiBox-root css-di3982" + > + <button + aria-label="Show/Hide search" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium css-whz9ym-MuiButtonBase-root-MuiIconButton-root" + data-mui-internal-clone-element="true" + tabindex="0" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="SearchIcon" + focusable="false" + viewBox="0 0 24 24" + > + <path + d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + <button + aria-label="Show/Hide filters" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium css-whz9ym-MuiButtonBase-root-MuiIconButton-root" + data-mui-internal-clone-element="true" + tabindex="0" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="FilterListIcon" + focusable="false" + viewBox="0 0 24 24" + > + <path + d="M10 18h4v-2h-4zM3 6v2h18V6zm3 7h12v-2H6z" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + <button + aria-label="Show/Hide columns" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium css-whz9ym-MuiButtonBase-root-MuiIconButton-root" + data-mui-internal-clone-element="true" + tabindex="0" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="ViewColumnIcon" + focusable="false" + viewBox="0 0 24 24" + > + <path + d="M14.67 5v14H9.33V5zm1 14H21V5h-5.33zm-7.34 0V5H3v14z" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + </div> + </div> + </div> + </div> + <div + class="MuiTableContainer-root css-nhjqqh-MuiTableContainer-root" + > + <table + class="MuiTable-root css-1x84si1-MuiTable-root" + style="--header-0-size: 80; --col-0-size: 80; --header-1-size: 80; --col-1-size: 80; --header-2-size: 80; --col-2-size: 80; --header-3-size: 80; --col-3-size: 80;" + > + <thead + class="MuiTableHead-root css-118e0ip-MuiTableHead-root" + > + <tr + class="MuiTableRow-root MuiTableRow-head css-4cnyqt-MuiTableRow-root" + > + <th + class="MuiTableCell-root MuiTableCell-head MuiTableCell-alignLeft MuiTableCell-sizeMedium css-1jrv7hf-MuiTableCell-root" + colspan="1" + data-index="0" + scope="col" + > + <div + class="Mui-TableHeadCell-Content MuiBox-root css-1w86f15" + > + <div + class="Mui-TableHeadCell-Content-Labels MuiBox-root css-68rqdf" + > + <div + class="Mui-TableHeadCell-Content-Wrapper MuiBox-root css-lapokc" + > + Name + </div> + <span + aria-label="Sort by Name ascending" + class="MuiBadge-root css-1c32n2y-MuiBadge-root" + data-mui-internal-clone-element="true" + > + <span + aria-label="Sort by Name ascending" + class="MuiButtonBase-root MuiTableSortLabel-root Mui-active css-118d58w-MuiButtonBase-root-MuiTableSortLabel-root" + role="button" + tabindex="0" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiTableSortLabel-icon MuiTableSortLabel-iconDirectionAsc css-1vweko9-MuiSvgIcon-root-MuiTableSortLabel-icon" + data-testid="SyncAltIcon" + focusable="false" + style="transform: rotate(-90deg) scaleX(0.9) translateX(-1px);" + viewBox="0 0 24 24" + > + <path + d="m18 12 4-4-4-4v3H3v2h15zM6 12l-4 4 4 4v-3h15v-2H6z" + /> + </svg> + </span> + <span + class="MuiBadge-badge MuiBadge-standard MuiBadge-invisible MuiBadge-anchorOriginTopRight MuiBadge-anchorOriginTopRightCircular MuiBadge-overlapCircular css-dniquu-MuiBadge-badge" + > + 0 + </span> + </span> + </div> + <div + class="Mui-TableHeadCell-Content-Actions MuiBox-root css-epvm6" + > + <button + aria-label="Column Actions" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-1a0q64w-MuiButtonBase-root-MuiIconButton-root" + data-mui-internal-clone-element="true" + tabindex="0" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="MoreVertIcon" + focusable="false" + style="transform: scale(0.9);" + viewBox="0 0 24 24" + > + <path + d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + </div> + </div> + </th> + <th + class="MuiTableCell-root MuiTableCell-head MuiTableCell-alignLeft MuiTableCell-sizeMedium css-1lq7huv-MuiTableCell-root" + colspan="1" + data-index="1" + scope="col" + > + <div + class="Mui-TableHeadCell-Content MuiBox-root css-1w86f15" + > + <div + class="Mui-TableHeadCell-Content-Labels MuiBox-root css-68rqdf" + > + <div + class="Mui-TableHeadCell-Content-Wrapper MuiBox-root css-lapokc" + > + Namespace + </div> + <span + aria-label="Sort by Namespace ascending" + class="MuiBadge-root css-1c32n2y-MuiBadge-root" + data-mui-internal-clone-element="true" + > + <span + aria-label="Sort by Namespace ascending" + class="MuiButtonBase-root MuiTableSortLabel-root Mui-active css-118d58w-MuiButtonBase-root-MuiTableSortLabel-root" + role="button" + tabindex="0" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiTableSortLabel-icon MuiTableSortLabel-iconDirectionAsc css-1vweko9-MuiSvgIcon-root-MuiTableSortLabel-icon" + data-testid="SyncAltIcon" + focusable="false" + style="transform: rotate(-90deg) scaleX(0.9) translateX(-1px);" + viewBox="0 0 24 24" + > + <path + d="m18 12 4-4-4-4v3H3v2h15zM6 12l-4 4 4 4v-3h15v-2H6z" + /> + </svg> + </span> + <span + class="MuiBadge-badge MuiBadge-standard MuiBadge-invisible MuiBadge-anchorOriginTopRight MuiBadge-anchorOriginTopRightCircular MuiBadge-overlapCircular css-dniquu-MuiBadge-badge" + > + 0 + </span> + </span> + </div> + <div + class="Mui-TableHeadCell-Content-Actions MuiBox-root css-epvm6" + > + <button + aria-label="Column Actions" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-1a0q64w-MuiButtonBase-root-MuiIconButton-root" + data-mui-internal-clone-element="true" + tabindex="0" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="MoreVertIcon" + focusable="false" + style="transform: scale(0.9);" + viewBox="0 0 24 24" + > + <path + d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + </div> + </div> + </th> + <th + class="MuiTableCell-root MuiTableCell-head MuiTableCell-alignLeft MuiTableCell-sizeMedium css-1ughqxg-MuiTableCell-root" + colspan="1" + data-index="2" + scope="col" + > + <div + class="Mui-TableHeadCell-Content MuiBox-root css-1w86f15" + > + <div + class="Mui-TableHeadCell-Content-Labels MuiBox-root css-68rqdf" + > + <div + class="Mui-TableHeadCell-Content-Wrapper MuiBox-root css-chb057" + > + UID + </div> + <span + aria-label="Sort by UID ascending" + class="MuiBadge-root css-1c32n2y-MuiBadge-root" + data-mui-internal-clone-element="true" + > + <span + aria-label="Sort by UID ascending" + class="MuiButtonBase-root MuiTableSortLabel-root Mui-active css-118d58w-MuiButtonBase-root-MuiTableSortLabel-root" + role="button" + tabindex="0" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiTableSortLabel-icon MuiTableSortLabel-iconDirectionAsc css-1vweko9-MuiSvgIcon-root-MuiTableSortLabel-icon" + data-testid="SyncAltIcon" + focusable="false" + style="transform: rotate(-90deg) scaleX(0.9) translateX(-1px);" + viewBox="0 0 24 24" + > + <path + d="m18 12 4-4-4-4v3H3v2h15zM6 12l-4 4 4 4v-3h15v-2H6z" + /> + </svg> + </span> + <span + class="MuiBadge-badge MuiBadge-standard MuiBadge-invisible MuiBadge-anchorOriginTopRight MuiBadge-anchorOriginTopRightCircular MuiBadge-overlapCircular css-dniquu-MuiBadge-badge" + > + 0 + </span> + </span> + </div> + <div + class="Mui-TableHeadCell-Content-Actions MuiBox-root css-epvm6" + > + <button + aria-label="Column Actions" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-1a0q64w-MuiButtonBase-root-MuiIconButton-root" + data-mui-internal-clone-element="true" + tabindex="0" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="MoreVertIcon" + focusable="false" + style="transform: scale(0.9);" + viewBox="0 0 24 24" + > + <path + d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + </div> + </div> + </th> + <th + class="MuiTableCell-root MuiTableCell-head MuiTableCell-alignLeft MuiTableCell-sizeMedium css-1nssqnd-MuiTableCell-root" + colspan="1" + data-index="3" + scope="col" + > + <div + class="Mui-TableHeadCell-Content MuiBox-root css-1w86f15" + > + <div + class="Mui-TableHeadCell-Content-Labels MuiBox-root css-68rqdf" + > + <div + class="Mui-TableHeadCell-Content-Wrapper MuiBox-root css-lapokc" + > + Labels + </div> + <span + aria-label="Sort by Labels ascending" + class="MuiBadge-root css-1c32n2y-MuiBadge-root" + data-mui-internal-clone-element="true" + > + <span + aria-label="Sort by Labels ascending" + class="MuiButtonBase-root MuiTableSortLabel-root Mui-active css-118d58w-MuiButtonBase-root-MuiTableSortLabel-root" + role="button" + tabindex="0" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiTableSortLabel-icon MuiTableSortLabel-iconDirectionAsc css-1vweko9-MuiSvgIcon-root-MuiTableSortLabel-icon" + data-testid="SyncAltIcon" + focusable="false" + style="transform: rotate(-90deg) scaleX(0.9) translateX(-1px);" + viewBox="0 0 24 24" + > + <path + d="m18 12 4-4-4-4v3H3v2h15zM6 12l-4 4 4 4v-3h15v-2H6z" + /> + </svg> + </span> + <span + class="MuiBadge-badge MuiBadge-standard MuiBadge-invisible MuiBadge-anchorOriginTopRight MuiBadge-anchorOriginTopRightCircular MuiBadge-overlapCircular css-dniquu-MuiBadge-badge" + > + 0 + </span> + </span> + </div> + <div + class="Mui-TableHeadCell-Content-Actions MuiBox-root css-epvm6" + > + <button + aria-label="Column Actions" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-1a0q64w-MuiButtonBase-root-MuiIconButton-root" + data-mui-internal-clone-element="true" + tabindex="0" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="MoreVertIcon" + focusable="false" + style="transform: scale(0.9);" + viewBox="0 0 24 24" + > + <path + d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + </div> + </div> + </th> + </tr> + </thead> + <tbody + class="MuiTableBody-root css-29nbga-MuiTableBody-root" + > + <tr + class="MuiTableRow-root css-19dmwlb-MuiTableRow-root" + data-index="0" + > + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-tn1erv-MuiTableCell-root" + data-index="0" + > + mydefinition.phonyresources3.io + </td> + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-1phqppa-MuiTableCell-root" + data-index="1" + > + MyNamespace3 + </td> + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-w6o6bl-MuiTableCell-root" + data-index="2" + > + phony3 + </td> + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-vjwruf-MuiTableCell-root" + data-index="3" + > + {"mykey3":"myvalue3"} + </td> + </tr> + </tbody> + <tfoot + class="MuiTableFooter-root css-131pszo-MuiTableFooter-root" + /> + </table> + </div> + <div + class="MuiBox-root css-1bxknjp" + > + <div + class="MuiBox-root css-1llu0od" + > + <span /> + <div + class="MuiBox-root css-qpxlqp" + > + <div + class="MuiTablePagination-root MuiBox-root css-1brajfe" + > + <div + class="MuiBox-root css-exd1zr" + > + <label + class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-animated MuiFormLabel-colorPrimary MuiInputLabel-root MuiInputLabel-animated css-14fyl8y-MuiFormLabel-root-MuiInputLabel-root" + for="mrt-rows-per-page" + > + Rows per page + </label> + <div + class="MuiInputBase-root MuiInput-root MuiInputBase-colorPrimary css-1yz2iyv-MuiInputBase-root-MuiInput-root-MuiSelect-root" + > + <div + aria-controls="mui-test-id" + aria-expanded="false" + aria-haspopup="listbox" + aria-label="Rows per page" + class="MuiSelect-select MuiSelect-standard MuiInputBase-input MuiInput-input css-1rxz5jq-MuiSelect-select-MuiInputBase-input-MuiInput-input" + role="combobox" + tabindex="0" + > + 15 + </div> + <input + aria-hidden="true" + aria-invalid="false" + class="MuiSelect-nativeInput css-yf8vq0-MuiSelect-nativeInput" + id="mrt-rows-per-page" + tabindex="-1" + value="15" + /> + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiSelect-icon MuiSelect-iconStandard css-pqjvzy-MuiSvgIcon-root-MuiSelect-icon" + data-testid="ArrowDropDownIcon" + focusable="false" + viewBox="0 0 24 24" + > + <path + d="M7 10l5 5 5-5z" + /> + </svg> + </div> + </div> + <span + class="MuiTypography-root MuiTypography-body2 MuiTypography-alignCenter css-htm6yz-MuiTypography-root" + > + 1-1 of 1 + </span> + <div + class="MuiBox-root css-192dx0w" + > + <span + aria-label="Go to previous page" + class="" + data-mui-internal-clone-element="true" + > + <button + aria-label="Go to previous page" + class="MuiButtonBase-root Mui-disabled MuiIconButton-root Mui-disabled MuiIconButton-sizeSmall css-hvz71z-MuiButtonBase-root-MuiIconButton-root" + disabled="" + tabindex="-1" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="ChevronLeftIcon" + focusable="false" + viewBox="0 0 24 24" + > + <path + d="M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z" + /> + </svg> + </button> + </span> + <span + aria-label="Go to next page" + class="" + data-mui-internal-clone-element="true" + > + <button + aria-label="Go to next page" + class="MuiButtonBase-root Mui-disabled MuiIconButton-root Mui-disabled MuiIconButton-sizeSmall css-hvz71z-MuiButtonBase-root-MuiIconButton-root" + disabled="" + tabindex="-1" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="ChevronRightIcon" + focusable="false" + viewBox="0 0 24 24" + > + <path + d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" + /> + </svg> + </button> + </span> + </div> + </div> + </div> + </div> + </div> + </div> +</div> +`; + +exports[`Storyshots Table Namespace Select 1`] = ` +<div> + <div + class="MuiGrid-root MuiGrid-container MuiGrid-spacing-xs-2 makeStyles-sectionHeader makeStyles-sectionHeader css-6ejd34-MuiGrid-root" + > + <div + class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root" + > + <div + class="MuiBox-root css-70qvj9" + > + <h1 + class="MuiTypography-root MuiTypography-h1 MuiTypography-noWrap makeStyles-sectionTitle makeStyles-sectionTitle css-1f1i6v9-MuiTypography-root" + > + Test + </h1> + <div + class="MuiBox-root css-ldp2l3" + /> + </div> + </div> + <div + class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root" + > + <div + class="MuiGrid-root MuiGrid-container MuiGrid-item css-43x3z6-MuiGrid-root" + > + <div + class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root" + > + <div + class="MuiGrid-root MuiGrid-container MuiGrid-spacing-xs-1 MuiGrid-wrap-xs-nowrap css-xax711-MuiGrid-root" + > + <div + class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root" + > + <div + class="MuiAutocomplete-root MuiAutocomplete-hasClearIcon MuiAutocomplete-hasPopupIcon css-clttge-MuiAutocomplete-root" + > + <div + class="MuiBox-root css-1dipl1t" + > + <div + class="MuiFormControl-root MuiFormControl-fullWidth MuiTextField-root css-wb57ya-MuiFormControl-root-MuiTextField-root" + style="margin-top: 0px;" + > + <label + class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-sizeMedium MuiInputLabel-standard MuiFormLabel-colorPrimary MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-sizeMedium MuiInputLabel-standard css-1n1vwza-MuiFormLabel-root-MuiInputLabel-root" + data-shrink="true" + for="mui-test-id" + id="mui-test-id-label" + > + Namespaces + </label> + <div + class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-adornedStart MuiInputBase-adornedEnd MuiAutocomplete-inputRoot css-lbi814-MuiInputBase-root-MuiInput-root" + > + <p + class="MuiTypography-root MuiTypography-body1 css-1ezega9-MuiTypography-root" + style="overflow-wrap: anywhere;" + > + MyNamespace1 + <span> + , + </span> + <b> + +1 + </b> + </p> + <input + aria-autocomplete="both" + aria-expanded="false" + aria-invalid="false" + autocapitalize="none" + autocomplete="off" + class="MuiInputBase-input MuiInput-input MuiInputBase-inputAdornedStart MuiInputBase-inputAdornedEnd MuiAutocomplete-input MuiAutocomplete-inputFocused css-1x51dt5-MuiInputBase-input-MuiInput-input" + id="mui-test-id" + placeholder="" + role="combobox" + spellcheck="false" + type="text" + value="" + /> + <div + class="MuiAutocomplete-endAdornment css-p1olib-MuiAutocomplete-endAdornment" + > + <button + aria-label="Clear" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium MuiAutocomplete-clearIndicator css-1ihl7t8-MuiButtonBase-root-MuiIconButton-root-MuiAutocomplete-clearIndicator" + tabindex="-1" + title="Clear" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall css-ptiqhd-MuiSvgIcon-root" + data-testid="CloseIcon" + focusable="false" + viewBox="0 0 24 24" + > + <path + d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + <button + aria-label="Open" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium MuiAutocomplete-popupIndicator css-1aav1nn-MuiButtonBase-root-MuiIconButton-root-MuiAutocomplete-popupIndicator" + tabindex="-1" + title="Open" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="ArrowDropDownIcon" + focusable="false" + viewBox="0 0 24 24" + > + <path + d="M7 10l5 5 5-5z" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + </div> + </div> + </div> + </div> + </div> + </div> + <div + class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root" + > + <div + class="MuiFormControl-root MuiTextField-root css-1u3bzj6-MuiFormControl-root-MuiTextField-root" + > + <label + class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-sizeMedium MuiInputLabel-standard MuiFormLabel-colorPrimary Mui-focused MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-sizeMedium MuiInputLabel-standard css-1n1vwza-MuiFormLabel-root-MuiInputLabel-root" + data-shrink="true" + for="mui-test-id" + id="mui-test-id-label" + > + Search + </label> + <div + class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary Mui-focused MuiInputBase-formControl css-1d1jo89-MuiInputBase-root-MuiInput-root" + role="search" + > + <input + aria-invalid="false" + class="MuiInputBase-input MuiInput-input MuiInputBase-inputTypeSearch css-c63i49-MuiInputBase-input-MuiInput-input" + id="mui-test-id" + placeholder="Filter" + type="search" + value="" + /> + </div> + </div> + </div> + <div + class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root" + > + <button + aria-controls="standard-search" + class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary css-19g3xkx-MuiButtonBase-root-MuiButton-root" + tabindex="0" + type="button" + > + Clear + <span + class="MuiButton-icon MuiButton-endIcon MuiButton-iconSizeMedium css-9tj150-MuiButton-endIcon" + > + <span /> + </span> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + </div> + </div> + </div> + </div> + </div> + </div> + <div + class="MuiPaper-root MuiPaper-outlined MuiPaper-rounded css-xj31rx-MuiPaper-root" + > + <div + class="MuiBox-root css-1tbggly" + > + <div + class="MuiCollapse-root MuiCollapse-vertical MuiCollapse-hidden css-bz4dnt-MuiCollapse-root" + style="min-height: 0px;" + > + <div + class="MuiCollapse-wrapper MuiCollapse-vertical css-smkl36-MuiCollapse-wrapper" + > + <div + class="MuiCollapse-wrapperInner MuiCollapse-vertical css-9l5vo-MuiCollapse-wrapperInner" + > + <div + class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-colorInfo MuiAlert-standardInfo MuiAlert-standard css-ut8iii-MuiPaper-root-MuiAlert-root" + role="alert" + > + <div + class="MuiAlert-message css-1pxa9xg-MuiAlert-message" + > + <div + class="MuiStack-root css-5kul5x-MuiStack-root" + > + <div + class="MuiBox-root css-k008qs" + > + + </div> + </div> + </div> + </div> + </div> + </div> + </div> + <div + class="Mui-ToolbarDropZone MuiBox-root css-1fwjva3" + style="opacity: 0; visibility: hidden;" + > + <p + class="MuiTypography-root MuiTypography-body1 css-18b7jph-MuiTypography-root" + > + Drop to group by + </p> + </div> + <div + class="MuiBox-root css-zrlv9q" + > + <span /> + <div + class="MuiBox-root css-1p0wbhh" + > + <div + class="MuiBox-root css-di3982" + > + <button + aria-label="Show/Hide search" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium css-whz9ym-MuiButtonBase-root-MuiIconButton-root" + data-mui-internal-clone-element="true" + tabindex="0" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="SearchIcon" + focusable="false" + viewBox="0 0 24 24" + > + <path + d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + <button + aria-label="Show/Hide filters" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium css-whz9ym-MuiButtonBase-root-MuiIconButton-root" + data-mui-internal-clone-element="true" + tabindex="0" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="FilterListIcon" + focusable="false" + viewBox="0 0 24 24" + > + <path + d="M10 18h4v-2h-4zM3 6v2h18V6zm3 7h12v-2H6z" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + <button + aria-label="Show/Hide columns" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium css-whz9ym-MuiButtonBase-root-MuiIconButton-root" + data-mui-internal-clone-element="true" + tabindex="0" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="ViewColumnIcon" + focusable="false" + viewBox="0 0 24 24" + > + <path + d="M14.67 5v14H9.33V5zm1 14H21V5h-5.33zm-7.34 0V5H3v14z" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + </div> + </div> + </div> + </div> + <div + class="MuiTableContainer-root css-nhjqqh-MuiTableContainer-root" + > + <table + class="MuiTable-root css-1x84si1-MuiTable-root" + style="--header-0-size: 80; --col-0-size: 80; --header-1-size: 80; --col-1-size: 80; --header-2-size: 80; --col-2-size: 80; --header-3-size: 80; --col-3-size: 80;" + > + <thead + class="MuiTableHead-root css-118e0ip-MuiTableHead-root" + > + <tr + class="MuiTableRow-root MuiTableRow-head css-4cnyqt-MuiTableRow-root" + > + <th + class="MuiTableCell-root MuiTableCell-head MuiTableCell-alignLeft MuiTableCell-sizeMedium css-1jrv7hf-MuiTableCell-root" + colspan="1" + data-index="0" + scope="col" + > + <div + class="Mui-TableHeadCell-Content MuiBox-root css-1w86f15" + > + <div + class="Mui-TableHeadCell-Content-Labels MuiBox-root css-68rqdf" + > + <div + class="Mui-TableHeadCell-Content-Wrapper MuiBox-root css-lapokc" + > + Name + </div> + <span + aria-label="Sort by Name ascending" + class="MuiBadge-root css-1c32n2y-MuiBadge-root" + data-mui-internal-clone-element="true" + > + <span + aria-label="Sort by Name ascending" + class="MuiButtonBase-root MuiTableSortLabel-root Mui-active css-118d58w-MuiButtonBase-root-MuiTableSortLabel-root" + role="button" + tabindex="0" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiTableSortLabel-icon MuiTableSortLabel-iconDirectionAsc css-1vweko9-MuiSvgIcon-root-MuiTableSortLabel-icon" + data-testid="SyncAltIcon" + focusable="false" + style="transform: rotate(-90deg) scaleX(0.9) translateX(-1px);" + viewBox="0 0 24 24" + > + <path + d="m18 12 4-4-4-4v3H3v2h15zM6 12l-4 4 4 4v-3h15v-2H6z" + /> + </svg> + </span> + <span + class="MuiBadge-badge MuiBadge-standard MuiBadge-invisible MuiBadge-anchorOriginTopRight MuiBadge-anchorOriginTopRightCircular MuiBadge-overlapCircular css-dniquu-MuiBadge-badge" + > + 0 + </span> + </span> + </div> + <div + class="Mui-TableHeadCell-Content-Actions MuiBox-root css-epvm6" + > + <button + aria-label="Column Actions" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-1a0q64w-MuiButtonBase-root-MuiIconButton-root" + data-mui-internal-clone-element="true" + tabindex="0" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="MoreVertIcon" + focusable="false" + style="transform: scale(0.9);" + viewBox="0 0 24 24" + > + <path + d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + </div> + </div> + </th> + <th + class="MuiTableCell-root MuiTableCell-head MuiTableCell-alignLeft MuiTableCell-sizeMedium css-1lq7huv-MuiTableCell-root" + colspan="1" + data-index="1" + scope="col" + > + <div + class="Mui-TableHeadCell-Content MuiBox-root css-1w86f15" + > + <div + class="Mui-TableHeadCell-Content-Labels MuiBox-root css-68rqdf" + > + <div + class="Mui-TableHeadCell-Content-Wrapper MuiBox-root css-lapokc" + > + Namespace + </div> + <span + aria-label="Sort by Namespace ascending" + class="MuiBadge-root css-1c32n2y-MuiBadge-root" + data-mui-internal-clone-element="true" + > + <span + aria-label="Sort by Namespace ascending" + class="MuiButtonBase-root MuiTableSortLabel-root Mui-active css-118d58w-MuiButtonBase-root-MuiTableSortLabel-root" + role="button" + tabindex="0" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiTableSortLabel-icon MuiTableSortLabel-iconDirectionAsc css-1vweko9-MuiSvgIcon-root-MuiTableSortLabel-icon" + data-testid="SyncAltIcon" + focusable="false" + style="transform: rotate(-90deg) scaleX(0.9) translateX(-1px);" + viewBox="0 0 24 24" + > + <path + d="m18 12 4-4-4-4v3H3v2h15zM6 12l-4 4 4 4v-3h15v-2H6z" + /> + </svg> + </span> + <span + class="MuiBadge-badge MuiBadge-standard MuiBadge-invisible MuiBadge-anchorOriginTopRight MuiBadge-anchorOriginTopRightCircular MuiBadge-overlapCircular css-dniquu-MuiBadge-badge" + > + 0 + </span> + </span> + </div> + <div + class="Mui-TableHeadCell-Content-Actions MuiBox-root css-epvm6" + > + <button + aria-label="Column Actions" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-1a0q64w-MuiButtonBase-root-MuiIconButton-root" + data-mui-internal-clone-element="true" + tabindex="0" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="MoreVertIcon" + focusable="false" + style="transform: scale(0.9);" + viewBox="0 0 24 24" + > + <path + d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + </div> + </div> + </th> + <th + class="MuiTableCell-root MuiTableCell-head MuiTableCell-alignLeft MuiTableCell-sizeMedium css-1ughqxg-MuiTableCell-root" + colspan="1" + data-index="2" + scope="col" + > + <div + class="Mui-TableHeadCell-Content MuiBox-root css-1w86f15" + > + <div + class="Mui-TableHeadCell-Content-Labels MuiBox-root css-68rqdf" + > + <div + class="Mui-TableHeadCell-Content-Wrapper MuiBox-root css-chb057" + > + UID + </div> + <span + aria-label="Sort by UID ascending" + class="MuiBadge-root css-1c32n2y-MuiBadge-root" + data-mui-internal-clone-element="true" + > + <span + aria-label="Sort by UID ascending" + class="MuiButtonBase-root MuiTableSortLabel-root Mui-active css-118d58w-MuiButtonBase-root-MuiTableSortLabel-root" + role="button" + tabindex="0" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiTableSortLabel-icon MuiTableSortLabel-iconDirectionAsc css-1vweko9-MuiSvgIcon-root-MuiTableSortLabel-icon" + data-testid="SyncAltIcon" + focusable="false" + style="transform: rotate(-90deg) scaleX(0.9) translateX(-1px);" + viewBox="0 0 24 24" + > + <path + d="m18 12 4-4-4-4v3H3v2h15zM6 12l-4 4 4 4v-3h15v-2H6z" + /> + </svg> + </span> + <span + class="MuiBadge-badge MuiBadge-standard MuiBadge-invisible MuiBadge-anchorOriginTopRight MuiBadge-anchorOriginTopRightCircular MuiBadge-overlapCircular css-dniquu-MuiBadge-badge" + > + 0 + </span> + </span> + </div> + <div + class="Mui-TableHeadCell-Content-Actions MuiBox-root css-epvm6" + > + <button + aria-label="Column Actions" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-1a0q64w-MuiButtonBase-root-MuiIconButton-root" + data-mui-internal-clone-element="true" + tabindex="0" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="MoreVertIcon" + focusable="false" + style="transform: scale(0.9);" + viewBox="0 0 24 24" + > + <path + d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + </div> + </div> + </th> + <th + class="MuiTableCell-root MuiTableCell-head MuiTableCell-alignLeft MuiTableCell-sizeMedium css-1nssqnd-MuiTableCell-root" + colspan="1" + data-index="3" + scope="col" + > + <div + class="Mui-TableHeadCell-Content MuiBox-root css-1w86f15" + > + <div + class="Mui-TableHeadCell-Content-Labels MuiBox-root css-68rqdf" + > + <div + class="Mui-TableHeadCell-Content-Wrapper MuiBox-root css-lapokc" + > + Labels + </div> + <span + aria-label="Sort by Labels descending" + class="MuiBadge-root css-1c32n2y-MuiBadge-root" + data-mui-internal-clone-element="true" + > + <span + aria-label="Sort by Labels descending" + class="MuiButtonBase-root MuiTableSortLabel-root Mui-active css-118d58w-MuiButtonBase-root-MuiTableSortLabel-root" + role="button" + tabindex="0" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiTableSortLabel-icon MuiTableSortLabel-iconDirectionAsc css-1vweko9-MuiSvgIcon-root-MuiTableSortLabel-icon" + data-testid="SyncAltIcon" + focusable="false" + style="transform: rotate(-90deg) scaleX(0.9) translateX(-1px);" + viewBox="0 0 24 24" + > + <path + d="m18 12 4-4-4-4v3H3v2h15zM6 12l-4 4 4 4v-3h15v-2H6z" + /> + </svg> + </span> + <span + class="MuiBadge-badge MuiBadge-standard MuiBadge-invisible MuiBadge-anchorOriginTopRight MuiBadge-anchorOriginTopRightCircular MuiBadge-overlapCircular css-dniquu-MuiBadge-badge" + > + 0 + </span> + </span> + </div> + <div + class="Mui-TableHeadCell-Content-Actions MuiBox-root css-epvm6" + > + <button + aria-label="Column Actions" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-1a0q64w-MuiButtonBase-root-MuiIconButton-root" + data-mui-internal-clone-element="true" + tabindex="0" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="MoreVertIcon" + focusable="false" + style="transform: scale(0.9);" + viewBox="0 0 24 24" + > + <path + d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + </div> + </div> + </th> + </tr> + </thead> + <tbody + class="MuiTableBody-root css-29nbga-MuiTableBody-root" + > + <tr + class="MuiTableRow-root css-19dmwlb-MuiTableRow-root" + data-index="0" + > + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-tn1erv-MuiTableCell-root" + data-index="0" + > + mydefinition.phonyresources0.io + </td> + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-1phqppa-MuiTableCell-root" + data-index="1" + > + MyNamespace0 + </td> + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-w6o6bl-MuiTableCell-root" + data-index="2" + > + phony0 + </td> + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-vjwruf-MuiTableCell-root" + data-index="3" + /> + </tr> + <tr + class="MuiTableRow-root css-19dmwlb-MuiTableRow-root" + data-index="1" + > + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-tn1erv-MuiTableCell-root" + data-index="0" + > + mydefinition.phonyresources1.io + </td> + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-1phqppa-MuiTableCell-root" + data-index="1" + > + MyNamespace1 + </td> + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-w6o6bl-MuiTableCell-root" + data-index="2" + > + phony1 + </td> + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-vjwruf-MuiTableCell-root" + data-index="3" + > + {"mylabel1":"myvalue1"} + </td> + </tr> + </tbody> + <tfoot + class="MuiTableFooter-root css-131pszo-MuiTableFooter-root" + /> + </table> + </div> + <div + class="MuiBox-root css-1bxknjp" + > + <div + class="MuiBox-root css-1llu0od" + > + <span /> + <div + class="MuiBox-root css-qpxlqp" + > + <div + class="MuiTablePagination-root MuiBox-root css-1brajfe" + > + <div + class="MuiBox-root css-exd1zr" + > + <label + class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-animated MuiFormLabel-colorPrimary MuiInputLabel-root MuiInputLabel-animated css-14fyl8y-MuiFormLabel-root-MuiInputLabel-root" + for="mrt-rows-per-page" + > + Rows per page + </label> + <div + class="MuiInputBase-root MuiInput-root MuiInputBase-colorPrimary css-1yz2iyv-MuiInputBase-root-MuiInput-root-MuiSelect-root" + > + <div + aria-controls="mui-test-id" + aria-expanded="false" + aria-haspopup="listbox" + aria-label="Rows per page" + class="MuiSelect-select MuiSelect-standard MuiInputBase-input MuiInput-input css-1rxz5jq-MuiSelect-select-MuiInputBase-input-MuiInput-input" + role="combobox" + tabindex="0" + > + 15 + </div> + <input + aria-hidden="true" + aria-invalid="false" + class="MuiSelect-nativeInput css-yf8vq0-MuiSelect-nativeInput" + id="mrt-rows-per-page" + tabindex="-1" + value="15" + /> + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiSelect-icon MuiSelect-iconStandard css-pqjvzy-MuiSvgIcon-root-MuiSelect-icon" + data-testid="ArrowDropDownIcon" + focusable="false" + viewBox="0 0 24 24" + > + <path + d="M7 10l5 5 5-5z" + /> + </svg> + </div> + </div> + <span + class="MuiTypography-root MuiTypography-body2 MuiTypography-alignCenter css-htm6yz-MuiTypography-root" + > + 1-2 of 2 + </span> + <div + class="MuiBox-root css-192dx0w" + > + <span + aria-label="Go to previous page" + class="" + data-mui-internal-clone-element="true" + > + <button + aria-label="Go to previous page" + class="MuiButtonBase-root Mui-disabled MuiIconButton-root Mui-disabled MuiIconButton-sizeSmall css-hvz71z-MuiButtonBase-root-MuiIconButton-root" + disabled="" + tabindex="-1" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="ChevronLeftIcon" + focusable="false" + viewBox="0 0 24 24" + > + <path + d="M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z" + /> + </svg> + </button> + </span> + <span + aria-label="Go to next page" + class="" + data-mui-internal-clone-element="true" + > + <button + aria-label="Go to next page" + class="MuiButtonBase-root Mui-disabled MuiIconButton-root Mui-disabled MuiIconButton-sizeSmall css-hvz71z-MuiButtonBase-root-MuiIconButton-root" + disabled="" + tabindex="-1" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="ChevronRightIcon" + focusable="false" + viewBox="0 0 24 24" + > + <path + d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" + /> + </svg> + </button> + </span> + </div> + </div> + </div> + </div> + </div> + </div> +</div> +`; + +exports[`Storyshots Table Not Found Message 1`] = ` +<div> + <div + class="MuiGrid-root MuiGrid-container MuiGrid-spacing-xs-2 makeStyles-sectionHeader makeStyles-sectionHeader css-6ejd34-MuiGrid-root" + > + <div + class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root" + > + <div + class="MuiBox-root css-70qvj9" + > + <h1 + class="MuiTypography-root MuiTypography-h1 MuiTypography-noWrap makeStyles-sectionTitle makeStyles-sectionTitle css-1f1i6v9-MuiTypography-root" + > + Test + </h1> + <div + class="MuiBox-root css-ldp2l3" + /> + </div> + </div> + <div + class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root" + > + <div + class="MuiGrid-root MuiGrid-container MuiGrid-item css-43x3z6-MuiGrid-root" + > + <div + class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root" + > + <div + class="MuiGrid-root MuiGrid-container MuiGrid-spacing-xs-1 MuiGrid-wrap-xs-nowrap css-xax711-MuiGrid-root" + > + <div + class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root" + > + <div + class="MuiAutocomplete-root MuiAutocomplete-hasPopupIcon css-clttge-MuiAutocomplete-root" + > + <div + class="MuiBox-root css-1dipl1t" + > + <div + class="MuiFormControl-root MuiFormControl-fullWidth MuiTextField-root css-wb57ya-MuiFormControl-root-MuiTextField-root" + style="margin-top: 0px;" + > + <label + class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-sizeMedium MuiInputLabel-standard MuiFormLabel-colorPrimary MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-sizeMedium MuiInputLabel-standard css-1n1vwza-MuiFormLabel-root-MuiInputLabel-root" + data-shrink="true" + for="mui-test-id" + id="mui-test-id-label" + > + Namespaces + </label> + <div + class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-adornedEnd MuiAutocomplete-inputRoot css-lbi814-MuiInputBase-root-MuiInput-root" + > + <input + aria-autocomplete="both" + aria-expanded="false" + aria-invalid="false" + autocapitalize="none" + autocomplete="off" + class="MuiInputBase-input MuiInput-input MuiInputBase-inputAdornedEnd MuiAutocomplete-input MuiAutocomplete-inputFocused css-1x51dt5-MuiInputBase-input-MuiInput-input" + id="mui-test-id" + placeholder="Filter" + role="combobox" + spellcheck="false" + type="text" + value="" + /> + <div + class="MuiAutocomplete-endAdornment css-p1olib-MuiAutocomplete-endAdornment" + > + <button + aria-label="Open" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium MuiAutocomplete-popupIndicator css-1aav1nn-MuiButtonBase-root-MuiIconButton-root-MuiAutocomplete-popupIndicator" + tabindex="-1" + title="Open" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="ArrowDropDownIcon" + focusable="false" + viewBox="0 0 24 24" + > + <path + d="M7 10l5 5 5-5z" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + </div> + </div> + </div> + </div> + </div> + </div> + <div + class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root" + > + <div + class="MuiFormControl-root MuiTextField-root css-1u3bzj6-MuiFormControl-root-MuiTextField-root" + > + <label + class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-sizeMedium MuiInputLabel-standard MuiFormLabel-colorPrimary MuiFormLabel-filled Mui-focused MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-sizeMedium MuiInputLabel-standard css-1n1vwza-MuiFormLabel-root-MuiInputLabel-root" + data-shrink="true" + for="mui-test-id" + id="mui-test-id-label" + > + Search + </label> + <div + class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary Mui-focused MuiInputBase-formControl css-1d1jo89-MuiInputBase-root-MuiInput-root" + role="search" + > + <input + aria-invalid="false" + class="MuiInputBase-input MuiInput-input MuiInputBase-inputTypeSearch css-c63i49-MuiInputBase-input-MuiInput-input" + id="mui-test-id" + placeholder="Filter" + type="search" + value="somethingthatsnotapossiblematch123" + /> + </div> + </div> + </div> + <div + class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root" + > + <button + aria-controls="standard-search" + class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary css-19g3xkx-MuiButtonBase-root-MuiButton-root" + tabindex="0" + type="button" + > + Clear + <span + class="MuiButton-icon MuiButton-endIcon MuiButton-iconSizeMedium css-9tj150-MuiButton-endIcon" + > + <span /> + </span> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + </div> + </div> + </div> + </div> + </div> + </div> + <div + class="MuiPaper-root MuiPaper-outlined MuiPaper-rounded css-xj31rx-MuiPaper-root" + > + <div + class="MuiBox-root css-1tbggly" + > + <div + class="MuiCollapse-root MuiCollapse-vertical MuiCollapse-hidden css-bz4dnt-MuiCollapse-root" + style="min-height: 0px;" + > + <div + class="MuiCollapse-wrapper MuiCollapse-vertical css-smkl36-MuiCollapse-wrapper" + > + <div + class="MuiCollapse-wrapperInner MuiCollapse-vertical css-9l5vo-MuiCollapse-wrapperInner" + > + <div + class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-colorInfo MuiAlert-standardInfo MuiAlert-standard css-an9bbg-MuiPaper-root-MuiAlert-root" + role="alert" + > + <div + class="MuiAlert-message css-1pxa9xg-MuiAlert-message" + > + <div + class="MuiStack-root css-5kul5x-MuiStack-root" + > + <div + class="MuiBox-root css-k008qs" + > + + </div> + </div> + </div> + </div> + </div> + </div> + </div> + <div + class="Mui-ToolbarDropZone MuiBox-root css-1fwjva3" + style="opacity: 0; visibility: hidden;" + > + <p + class="MuiTypography-root MuiTypography-body1 css-18b7jph-MuiTypography-root" + > + Drop to group by + </p> + </div> + <div + class="MuiBox-root css-zrlv9q" + > + <span /> + <div + class="MuiBox-root css-1p0wbhh" + > + <div + class="MuiBox-root css-di3982" + > + <button + aria-label="Show/Hide search" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium css-whz9ym-MuiButtonBase-root-MuiIconButton-root" + data-mui-internal-clone-element="true" + tabindex="0" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="SearchIcon" + focusable="false" + viewBox="0 0 24 24" + > + <path + d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + <button + aria-label="Show/Hide filters" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium css-whz9ym-MuiButtonBase-root-MuiIconButton-root" + data-mui-internal-clone-element="true" + tabindex="0" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="FilterListIcon" + focusable="false" + viewBox="0 0 24 24" + > + <path + d="M10 18h4v-2h-4zM3 6v2h18V6zm3 7h12v-2H6z" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + <button + aria-label="Show/Hide columns" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium css-whz9ym-MuiButtonBase-root-MuiIconButton-root" + data-mui-internal-clone-element="true" + tabindex="0" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="ViewColumnIcon" + focusable="false" + viewBox="0 0 24 24" + > + <path + d="M14.67 5v14H9.33V5zm1 14H21V5h-5.33zm-7.34 0V5H3v14z" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + </div> + </div> + </div> + </div> + <div + class="MuiTableContainer-root css-nhjqqh-MuiTableContainer-root" + > + <table + class="MuiTable-root css-1x84si1-MuiTable-root" + style="--header-0-size: 80; --col-0-size: 80; --header-1-size: 80; --col-1-size: 80; --header-2-size: 80; --col-2-size: 80; --header-3-size: 80; --col-3-size: 80;" + > + <thead + class="MuiTableHead-root css-118e0ip-MuiTableHead-root" + > + <tr + class="MuiTableRow-root MuiTableRow-head css-4cnyqt-MuiTableRow-root" + > + <th + class="MuiTableCell-root MuiTableCell-head MuiTableCell-alignLeft MuiTableCell-sizeMedium css-1jrv7hf-MuiTableCell-root" + colspan="1" + data-index="0" + scope="col" + > + <div + class="Mui-TableHeadCell-Content MuiBox-root css-1w86f15" + > + <div + class="Mui-TableHeadCell-Content-Labels MuiBox-root css-68rqdf" + > + <div + class="Mui-TableHeadCell-Content-Wrapper MuiBox-root css-lapokc" + > + Name + </div> + <span + aria-label="Sort by Name descending" + class="MuiBadge-root css-1c32n2y-MuiBadge-root" + data-mui-internal-clone-element="true" + > + <span + aria-label="Sort by Name descending" + class="MuiButtonBase-root MuiTableSortLabel-root Mui-active css-118d58w-MuiButtonBase-root-MuiTableSortLabel-root" + role="button" + tabindex="0" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiTableSortLabel-icon MuiTableSortLabel-iconDirectionAsc css-1vweko9-MuiSvgIcon-root-MuiTableSortLabel-icon" + data-testid="SyncAltIcon" + focusable="false" + style="transform: rotate(-90deg) scaleX(0.9) translateX(-1px);" + viewBox="0 0 24 24" + > + <path + d="m18 12 4-4-4-4v3H3v2h15zM6 12l-4 4 4 4v-3h15v-2H6z" + /> + </svg> + </span> + <span + class="MuiBadge-badge MuiBadge-standard MuiBadge-invisible MuiBadge-anchorOriginTopRight MuiBadge-anchorOriginTopRightCircular MuiBadge-overlapCircular css-dniquu-MuiBadge-badge" + > + 0 + </span> + </span> + </div> + <div + class="Mui-TableHeadCell-Content-Actions MuiBox-root css-epvm6" + > + <button + aria-label="Column Actions" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-1a0q64w-MuiButtonBase-root-MuiIconButton-root" + data-mui-internal-clone-element="true" + tabindex="0" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="MoreVertIcon" + focusable="false" + style="transform: scale(0.9);" + viewBox="0 0 24 24" + > + <path + d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + </div> + </div> + </th> + <th + class="MuiTableCell-root MuiTableCell-head MuiTableCell-alignLeft MuiTableCell-sizeMedium css-1lq7huv-MuiTableCell-root" + colspan="1" + data-index="1" + scope="col" + > + <div + class="Mui-TableHeadCell-Content MuiBox-root css-1w86f15" + > + <div + class="Mui-TableHeadCell-Content-Labels MuiBox-root css-68rqdf" + > + <div + class="Mui-TableHeadCell-Content-Wrapper MuiBox-root css-lapokc" + > + Namespace + </div> + <span + aria-label="Sort by Namespace descending" + class="MuiBadge-root css-1c32n2y-MuiBadge-root" + data-mui-internal-clone-element="true" + > + <span + aria-label="Sort by Namespace descending" + class="MuiButtonBase-root MuiTableSortLabel-root Mui-active css-118d58w-MuiButtonBase-root-MuiTableSortLabel-root" + role="button" + tabindex="0" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiTableSortLabel-icon MuiTableSortLabel-iconDirectionAsc css-1vweko9-MuiSvgIcon-root-MuiTableSortLabel-icon" + data-testid="SyncAltIcon" + focusable="false" + style="transform: rotate(-90deg) scaleX(0.9) translateX(-1px);" + viewBox="0 0 24 24" + > + <path + d="m18 12 4-4-4-4v3H3v2h15zM6 12l-4 4 4 4v-3h15v-2H6z" + /> + </svg> + </span> + <span + class="MuiBadge-badge MuiBadge-standard MuiBadge-invisible MuiBadge-anchorOriginTopRight MuiBadge-anchorOriginTopRightCircular MuiBadge-overlapCircular css-dniquu-MuiBadge-badge" + > + 0 + </span> + </span> + </div> + <div + class="Mui-TableHeadCell-Content-Actions MuiBox-root css-epvm6" + > + <button + aria-label="Column Actions" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-1a0q64w-MuiButtonBase-root-MuiIconButton-root" + data-mui-internal-clone-element="true" + tabindex="0" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="MoreVertIcon" + focusable="false" + style="transform: scale(0.9);" + viewBox="0 0 24 24" + > + <path + d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + </div> + </div> + </th> + <th + class="MuiTableCell-root MuiTableCell-head MuiTableCell-alignLeft MuiTableCell-sizeMedium css-1ughqxg-MuiTableCell-root" + colspan="1" + data-index="2" + scope="col" + > + <div + class="Mui-TableHeadCell-Content MuiBox-root css-1w86f15" + > + <div + class="Mui-TableHeadCell-Content-Labels MuiBox-root css-68rqdf" + > + <div + class="Mui-TableHeadCell-Content-Wrapper MuiBox-root css-chb057" + > + UID + </div> + <span + aria-label="Sort by UID descending" + class="MuiBadge-root css-1c32n2y-MuiBadge-root" + data-mui-internal-clone-element="true" + > + <span + aria-label="Sort by UID descending" + class="MuiButtonBase-root MuiTableSortLabel-root Mui-active css-118d58w-MuiButtonBase-root-MuiTableSortLabel-root" + role="button" + tabindex="0" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiTableSortLabel-icon MuiTableSortLabel-iconDirectionAsc css-1vweko9-MuiSvgIcon-root-MuiTableSortLabel-icon" + data-testid="SyncAltIcon" + focusable="false" + style="transform: rotate(-90deg) scaleX(0.9) translateX(-1px);" + viewBox="0 0 24 24" + > + <path + d="m18 12 4-4-4-4v3H3v2h15zM6 12l-4 4 4 4v-3h15v-2H6z" + /> + </svg> + </span> + <span + class="MuiBadge-badge MuiBadge-standard MuiBadge-invisible MuiBadge-anchorOriginTopRight MuiBadge-anchorOriginTopRightCircular MuiBadge-overlapCircular css-dniquu-MuiBadge-badge" + > + 0 + </span> + </span> + </div> + <div + class="Mui-TableHeadCell-Content-Actions MuiBox-root css-epvm6" + > + <button + aria-label="Column Actions" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-1a0q64w-MuiButtonBase-root-MuiIconButton-root" + data-mui-internal-clone-element="true" + tabindex="0" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="MoreVertIcon" + focusable="false" + style="transform: scale(0.9);" + viewBox="0 0 24 24" + > + <path + d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + </div> + </div> + </th> + <th + class="MuiTableCell-root MuiTableCell-head MuiTableCell-alignLeft MuiTableCell-sizeMedium css-1nssqnd-MuiTableCell-root" + colspan="1" + data-index="3" + scope="col" + > + <div + class="Mui-TableHeadCell-Content MuiBox-root css-1w86f15" + > + <div + class="Mui-TableHeadCell-Content-Labels MuiBox-root css-68rqdf" + > + <div + class="Mui-TableHeadCell-Content-Wrapper MuiBox-root css-lapokc" + > + Labels + </div> + <span + aria-label="Sort by Labels descending" + class="MuiBadge-root css-1c32n2y-MuiBadge-root" + data-mui-internal-clone-element="true" + > + <span + aria-label="Sort by Labels descending" + class="MuiButtonBase-root MuiTableSortLabel-root Mui-active css-118d58w-MuiButtonBase-root-MuiTableSortLabel-root" + role="button" + tabindex="0" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiTableSortLabel-icon MuiTableSortLabel-iconDirectionAsc css-1vweko9-MuiSvgIcon-root-MuiTableSortLabel-icon" + data-testid="SyncAltIcon" + focusable="false" + style="transform: rotate(-90deg) scaleX(0.9) translateX(-1px);" + viewBox="0 0 24 24" + > + <path + d="m18 12 4-4-4-4v3H3v2h15zM6 12l-4 4 4 4v-3h15v-2H6z" + /> + </svg> + </span> + <span + class="MuiBadge-badge MuiBadge-standard MuiBadge-invisible MuiBadge-anchorOriginTopRight MuiBadge-anchorOriginTopRightCircular MuiBadge-overlapCircular css-dniquu-MuiBadge-badge" + > + 0 + </span> + </span> + </div> + <div + class="Mui-TableHeadCell-Content-Actions MuiBox-root css-epvm6" + > + <button + aria-label="Column Actions" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-1a0q64w-MuiButtonBase-root-MuiIconButton-root" + data-mui-internal-clone-element="true" + tabindex="0" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="MoreVertIcon" + focusable="false" + style="transform: scale(0.9);" + viewBox="0 0 24 24" + > + <path + d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + </div> + </div> + </th> + </tr> + </thead> + <tbody + class="MuiTableBody-root css-1lxvlui-MuiTableBody-root" + > + <tr> + <td + colspan="4" + > + <p + class="MuiTypography-root MuiTypography-body1 css-9asykm-MuiTypography-root" + > + No records to display + </p> + </td> + </tr> + </tbody> + <tfoot + class="MuiTableFooter-root css-131pszo-MuiTableFooter-root" + /> + </table> + </div> + <div + class="MuiBox-root css-1bxknjp" + > + <div + class="MuiBox-root css-1llu0od" + > + <span /> + <div + class="MuiBox-root css-qpxlqp" + > + <div + class="MuiTablePagination-root MuiBox-root css-1brajfe" + > + <div + class="MuiBox-root css-exd1zr" + > + <label + class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-animated MuiFormLabel-colorPrimary MuiInputLabel-root MuiInputLabel-animated css-14fyl8y-MuiFormLabel-root-MuiInputLabel-root" + for="mrt-rows-per-page" + > + Rows per page + </label> + <div + class="MuiInputBase-root MuiInput-root MuiInputBase-colorPrimary css-1yz2iyv-MuiInputBase-root-MuiInput-root-MuiSelect-root" + > + <div + aria-controls="mui-test-id" + aria-expanded="false" + aria-haspopup="listbox" + aria-label="Rows per page" + class="MuiSelect-select MuiSelect-standard MuiInputBase-input MuiInput-input css-1rxz5jq-MuiSelect-select-MuiInputBase-input-MuiInput-input" + role="combobox" + tabindex="0" + > + 15 + </div> + <input + aria-hidden="true" + aria-invalid="false" + class="MuiSelect-nativeInput css-yf8vq0-MuiSelect-nativeInput" + id="mrt-rows-per-page" + tabindex="-1" + value="15" + /> + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiSelect-icon MuiSelect-iconStandard css-pqjvzy-MuiSvgIcon-root-MuiSelect-icon" + data-testid="ArrowDropDownIcon" + focusable="false" + viewBox="0 0 24 24" + > + <path + d="M7 10l5 5 5-5z" + /> + </svg> + </div> + </div> + <span + class="MuiTypography-root MuiTypography-body2 MuiTypography-alignCenter css-htm6yz-MuiTypography-root" + > + 0-0 of 0 + </span> + <div + class="MuiBox-root css-192dx0w" + > + <span + aria-label="Go to previous page" + class="" + data-mui-internal-clone-element="true" + > + <button + aria-label="Go to previous page" + class="MuiButtonBase-root Mui-disabled MuiIconButton-root Mui-disabled MuiIconButton-sizeSmall css-hvz71z-MuiButtonBase-root-MuiIconButton-root" + disabled="" + tabindex="-1" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="ChevronLeftIcon" + focusable="false" + viewBox="0 0 24 24" + > + <path + d="M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z" + /> + </svg> + </button> + </span> + <span + aria-label="Go to next page" + class="" + data-mui-internal-clone-element="true" + > + <button + aria-label="Go to next page" + class="MuiButtonBase-root Mui-disabled MuiIconButton-root Mui-disabled MuiIconButton-sizeSmall css-hvz71z-MuiButtonBase-root-MuiIconButton-root" + disabled="" + tabindex="-1" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="ChevronRightIcon" + focusable="false" + viewBox="0 0 24 24" + > + <path + d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" + /> + </svg> + </button> + </span> + </div> + </div> + </div> + </div> + </div> + </div> +</div> +`; + +exports[`Storyshots Table Number Search 1`] = ` +<div> + <div + class="MuiGrid-root MuiGrid-container MuiGrid-spacing-xs-2 makeStyles-sectionHeader makeStyles-sectionHeader css-6ejd34-MuiGrid-root" + > + <div + class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root" + > + <div + class="MuiBox-root css-70qvj9" + > + <h1 + class="MuiTypography-root MuiTypography-h1 MuiTypography-noWrap makeStyles-sectionTitle makeStyles-sectionTitle css-1f1i6v9-MuiTypography-root" + > + Test + </h1> + <div + class="MuiBox-root css-ldp2l3" + /> + </div> + </div> + <div + class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root" + > + <div + class="MuiGrid-root MuiGrid-container MuiGrid-item css-43x3z6-MuiGrid-root" + > + <div + class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root" + > + <div + class="MuiGrid-root MuiGrid-container MuiGrid-spacing-xs-1 MuiGrid-wrap-xs-nowrap css-xax711-MuiGrid-root" + > + <div + class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root" + > + <div + class="MuiAutocomplete-root MuiAutocomplete-hasPopupIcon css-clttge-MuiAutocomplete-root" + > + <div + class="MuiBox-root css-1dipl1t" + > + <div + class="MuiFormControl-root MuiFormControl-fullWidth MuiTextField-root css-wb57ya-MuiFormControl-root-MuiTextField-root" + style="margin-top: 0px;" + > + <label + class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-sizeMedium MuiInputLabel-standard MuiFormLabel-colorPrimary MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-sizeMedium MuiInputLabel-standard css-1n1vwza-MuiFormLabel-root-MuiInputLabel-root" + data-shrink="true" + for="mui-test-id" + id="mui-test-id-label" + > + Namespaces + </label> + <div + class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-adornedEnd MuiAutocomplete-inputRoot css-lbi814-MuiInputBase-root-MuiInput-root" + > + <input + aria-autocomplete="both" + aria-expanded="false" + aria-invalid="false" + autocapitalize="none" + autocomplete="off" + class="MuiInputBase-input MuiInput-input MuiInputBase-inputAdornedEnd MuiAutocomplete-input MuiAutocomplete-inputFocused css-1x51dt5-MuiInputBase-input-MuiInput-input" + id="mui-test-id" + placeholder="Filter" + role="combobox" + spellcheck="false" + type="text" + value="" + /> + <div + class="MuiAutocomplete-endAdornment css-p1olib-MuiAutocomplete-endAdornment" + > + <button + aria-label="Open" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium MuiAutocomplete-popupIndicator css-1aav1nn-MuiButtonBase-root-MuiIconButton-root-MuiAutocomplete-popupIndicator" + tabindex="-1" + title="Open" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="ArrowDropDownIcon" + focusable="false" + viewBox="0 0 24 24" + > + <path + d="M7 10l5 5 5-5z" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + </div> + </div> + </div> + </div> + </div> + </div> + <div + class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root" + > + <div + class="MuiFormControl-root MuiTextField-root css-1u3bzj6-MuiFormControl-root-MuiTextField-root" + > + <label + class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-sizeMedium MuiInputLabel-standard MuiFormLabel-colorPrimary MuiFormLabel-filled Mui-focused MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-sizeMedium MuiInputLabel-standard css-1n1vwza-MuiFormLabel-root-MuiInputLabel-root" + data-shrink="true" + for="mui-test-id" + id="mui-test-id-label" + > + Search + </label> + <div + class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary Mui-focused MuiInputBase-formControl css-1d1jo89-MuiInputBase-root-MuiInput-root" + role="search" + > + <input + aria-invalid="false" + class="MuiInputBase-input MuiInput-input MuiInputBase-inputTypeSearch css-c63i49-MuiInputBase-input-MuiInput-input" + id="mui-test-id" + placeholder="Filter" + type="search" + value="30" + /> + </div> + </div> + </div> + <div + class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root" + > + <button + aria-controls="standard-search" + class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary css-19g3xkx-MuiButtonBase-root-MuiButton-root" + tabindex="0" + type="button" + > + Clear + <span + class="MuiButton-icon MuiButton-endIcon MuiButton-iconSizeMedium css-9tj150-MuiButton-endIcon" + > + <span /> + </span> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + </div> + </div> + </div> + </div> + </div> + </div> + <div + class="MuiPaper-root MuiPaper-outlined MuiPaper-rounded css-xj31rx-MuiPaper-root" + > + <div + class="MuiBox-root css-1tbggly" + > + <div + class="MuiCollapse-root MuiCollapse-vertical MuiCollapse-hidden css-bz4dnt-MuiCollapse-root" + style="min-height: 0px;" + > + <div + class="MuiCollapse-wrapper MuiCollapse-vertical css-smkl36-MuiCollapse-wrapper" + > + <div + class="MuiCollapse-wrapperInner MuiCollapse-vertical css-9l5vo-MuiCollapse-wrapperInner" + > + <div + class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-colorInfo MuiAlert-standardInfo MuiAlert-standard css-ut8iii-MuiPaper-root-MuiAlert-root" + role="alert" + > + <div + class="MuiAlert-message css-1pxa9xg-MuiAlert-message" + > + <div + class="MuiStack-root css-5kul5x-MuiStack-root" + > + <div + class="MuiBox-root css-k008qs" + > + + </div> + </div> + </div> + </div> + </div> + </div> + </div> + <div + class="Mui-ToolbarDropZone MuiBox-root css-1fwjva3" + style="opacity: 0; visibility: hidden;" + > + <p + class="MuiTypography-root MuiTypography-body1 css-18b7jph-MuiTypography-root" + > + Drop to group by + </p> + </div> + <div + class="MuiBox-root css-zrlv9q" + > + <span /> + <div + class="MuiBox-root css-1p0wbhh" + > + <div + class="MuiBox-root css-di3982" + > + <button + aria-label="Show/Hide search" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium css-whz9ym-MuiButtonBase-root-MuiIconButton-root" + data-mui-internal-clone-element="true" + tabindex="0" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="SearchIcon" + focusable="false" + viewBox="0 0 24 24" + > + <path + d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + <button + aria-label="Show/Hide filters" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium css-whz9ym-MuiButtonBase-root-MuiIconButton-root" + data-mui-internal-clone-element="true" + tabindex="0" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="FilterListIcon" + focusable="false" + viewBox="0 0 24 24" + > + <path + d="M10 18h4v-2h-4zM3 6v2h18V6zm3 7h12v-2H6z" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + <button + aria-label="Show/Hide columns" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium css-whz9ym-MuiButtonBase-root-MuiIconButton-root" + data-mui-internal-clone-element="true" + tabindex="0" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="ViewColumnIcon" + focusable="false" + viewBox="0 0 24 24" + > + <path + d="M14.67 5v14H9.33V5zm1 14H21V5h-5.33zm-7.34 0V5H3v14z" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + </div> + </div> + </div> + </div> + <div + class="MuiTableContainer-root css-nhjqqh-MuiTableContainer-root" + > + <table + class="MuiTable-root css-1x84si1-MuiTable-root" + style="--header-0-size: 80; --col-0-size: 80; --header-1-size: 80; --col-1-size: 80; --header-2-size: 80; --col-2-size: 80;" + > + <thead + class="MuiTableHead-root css-118e0ip-MuiTableHead-root" + > + <tr + class="MuiTableRow-root MuiTableRow-head css-4cnyqt-MuiTableRow-root" + > + <th + class="MuiTableCell-root MuiTableCell-head MuiTableCell-alignLeft MuiTableCell-sizeMedium css-1jrv7hf-MuiTableCell-root" + colspan="1" + data-index="0" + scope="col" + > + <div + class="Mui-TableHeadCell-Content MuiBox-root css-1w86f15" + > + <div + class="Mui-TableHeadCell-Content-Labels MuiBox-root css-68rqdf" + > + <div + class="Mui-TableHeadCell-Content-Wrapper MuiBox-root css-lapokc" + > + Name + </div> + <span + aria-label="Sort by Name ascending" + class="MuiBadge-root css-1c32n2y-MuiBadge-root" + data-mui-internal-clone-element="true" + > + <span + aria-label="Sort by Name ascending" + class="MuiButtonBase-root MuiTableSortLabel-root Mui-active css-118d58w-MuiButtonBase-root-MuiTableSortLabel-root" + role="button" + tabindex="0" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiTableSortLabel-icon MuiTableSortLabel-iconDirectionAsc css-1vweko9-MuiSvgIcon-root-MuiTableSortLabel-icon" + data-testid="SyncAltIcon" + focusable="false" + style="transform: rotate(-90deg) scaleX(0.9) translateX(-1px);" + viewBox="0 0 24 24" + > + <path + d="m18 12 4-4-4-4v3H3v2h15zM6 12l-4 4 4 4v-3h15v-2H6z" + /> + </svg> + </span> + <span + class="MuiBadge-badge MuiBadge-standard MuiBadge-invisible MuiBadge-anchorOriginTopRight MuiBadge-anchorOriginTopRightCircular MuiBadge-overlapCircular css-dniquu-MuiBadge-badge" + > + 0 + </span> + </span> + </div> + <div + class="Mui-TableHeadCell-Content-Actions MuiBox-root css-epvm6" + > + <button + aria-label="Column Actions" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-1a0q64w-MuiButtonBase-root-MuiIconButton-root" + data-mui-internal-clone-element="true" + tabindex="0" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="MoreVertIcon" + focusable="false" + style="transform: scale(0.9);" + viewBox="0 0 24 24" + > + <path + d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + </div> + </div> + </th> + <th + class="MuiTableCell-root MuiTableCell-head MuiTableCell-alignLeft MuiTableCell-sizeMedium css-1lq7huv-MuiTableCell-root" + colspan="1" + data-index="1" + scope="col" + > + <div + class="Mui-TableHeadCell-Content MuiBox-root css-1w86f15" + > + <div + class="Mui-TableHeadCell-Content-Labels MuiBox-root css-68rqdf" + > + <div + class="Mui-TableHeadCell-Content-Wrapper MuiBox-root css-lapokc" + > + Namespace + </div> + <span + aria-label="Sort by Namespace ascending" + class="MuiBadge-root css-1c32n2y-MuiBadge-root" + data-mui-internal-clone-element="true" + > + <span + aria-label="Sort by Namespace ascending" + class="MuiButtonBase-root MuiTableSortLabel-root Mui-active css-118d58w-MuiButtonBase-root-MuiTableSortLabel-root" + role="button" + tabindex="0" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiTableSortLabel-icon MuiTableSortLabel-iconDirectionAsc css-1vweko9-MuiSvgIcon-root-MuiTableSortLabel-icon" + data-testid="SyncAltIcon" + focusable="false" + style="transform: rotate(-90deg) scaleX(0.9) translateX(-1px);" + viewBox="0 0 24 24" + > + <path + d="m18 12 4-4-4-4v3H3v2h15zM6 12l-4 4 4 4v-3h15v-2H6z" + /> + </svg> + </span> + <span + class="MuiBadge-badge MuiBadge-standard MuiBadge-invisible MuiBadge-anchorOriginTopRight MuiBadge-anchorOriginTopRightCircular MuiBadge-overlapCircular css-dniquu-MuiBadge-badge" + > + 0 + </span> + </span> + </div> + <div + class="Mui-TableHeadCell-Content-Actions MuiBox-root css-epvm6" + > + <button + aria-label="Column Actions" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-1a0q64w-MuiButtonBase-root-MuiIconButton-root" + data-mui-internal-clone-element="true" + tabindex="0" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="MoreVertIcon" + focusable="false" + style="transform: scale(0.9);" + viewBox="0 0 24 24" + > + <path + d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + </div> + </div> + </th> + <th + class="MuiTableCell-root MuiTableCell-head MuiTableCell-alignLeft MuiTableCell-sizeMedium css-1ughqxg-MuiTableCell-root" + colspan="1" + data-index="2" + scope="col" + > + <div + class="Mui-TableHeadCell-Content MuiBox-root css-1w86f15" + > + <div + class="Mui-TableHeadCell-Content-Labels MuiBox-root css-68rqdf" + > + <div + class="Mui-TableHeadCell-Content-Wrapper MuiBox-root css-lapokc" + > + Number + </div> + <span + aria-label="Sort by Number descending" + class="MuiBadge-root css-1c32n2y-MuiBadge-root" + data-mui-internal-clone-element="true" + > + <span + aria-label="Sort by Number descending" + class="MuiButtonBase-root MuiTableSortLabel-root Mui-active css-118d58w-MuiButtonBase-root-MuiTableSortLabel-root" + role="button" + tabindex="0" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiTableSortLabel-icon MuiTableSortLabel-iconDirectionAsc css-1vweko9-MuiSvgIcon-root-MuiTableSortLabel-icon" + data-testid="SyncAltIcon" + focusable="false" + style="transform: rotate(-90deg) scaleX(0.9) translateX(-1px);" + viewBox="0 0 24 24" + > + <path + d="m18 12 4-4-4-4v3H3v2h15zM6 12l-4 4 4 4v-3h15v-2H6z" + /> + </svg> + </span> + <span + class="MuiBadge-badge MuiBadge-standard MuiBadge-invisible MuiBadge-anchorOriginTopRight MuiBadge-anchorOriginTopRightCircular MuiBadge-overlapCircular css-dniquu-MuiBadge-badge" + > + 0 + </span> + </span> + </div> + <div + class="Mui-TableHeadCell-Content-Actions MuiBox-root css-epvm6" + > + <button + aria-label="Column Actions" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-1a0q64w-MuiButtonBase-root-MuiIconButton-root" + data-mui-internal-clone-element="true" + tabindex="0" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="MoreVertIcon" + focusable="false" + style="transform: scale(0.9);" + viewBox="0 0 24 24" + > + <path + d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + </div> + </div> + </th> + </tr> + </thead> + <tbody + class="MuiTableBody-root css-29nbga-MuiTableBody-root" + > + <tr + class="MuiTableRow-root css-19dmwlb-MuiTableRow-root" + data-index="0" + > + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-tn1erv-MuiTableCell-root" + data-index="0" + > + mydefinition.phonyresources3.io + </td> + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-1phqppa-MuiTableCell-root" + data-index="1" + > + MyNamespace3 + </td> + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-w6o6bl-MuiTableCell-root" + data-index="2" + > + 30 + </td> + </tr> + </tbody> + <tfoot + class="MuiTableFooter-root css-131pszo-MuiTableFooter-root" + /> + </table> + </div> + <div + class="MuiBox-root css-1bxknjp" + > + <div + class="MuiBox-root css-1llu0od" + > + <span /> + <div + class="MuiBox-root css-qpxlqp" + > + <div + class="MuiTablePagination-root MuiBox-root css-1brajfe" + > + <div + class="MuiBox-root css-exd1zr" + > + <label + class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-animated MuiFormLabel-colorPrimary MuiInputLabel-root MuiInputLabel-animated css-14fyl8y-MuiFormLabel-root-MuiInputLabel-root" + for="mrt-rows-per-page" + > + Rows per page + </label> + <div + class="MuiInputBase-root MuiInput-root MuiInputBase-colorPrimary css-1yz2iyv-MuiInputBase-root-MuiInput-root-MuiSelect-root" + > + <div + aria-controls="mui-test-id" + aria-expanded="false" + aria-haspopup="listbox" + aria-label="Rows per page" + class="MuiSelect-select MuiSelect-standard MuiInputBase-input MuiInput-input css-1rxz5jq-MuiSelect-select-MuiInputBase-input-MuiInput-input" + role="combobox" + tabindex="0" + > + 15 + </div> + <input + aria-hidden="true" + aria-invalid="false" + class="MuiSelect-nativeInput css-yf8vq0-MuiSelect-nativeInput" + id="mrt-rows-per-page" + tabindex="-1" + value="15" + /> + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiSelect-icon MuiSelect-iconStandard css-pqjvzy-MuiSvgIcon-root-MuiSelect-icon" + data-testid="ArrowDropDownIcon" + focusable="false" + viewBox="0 0 24 24" + > + <path + d="M7 10l5 5 5-5z" + /> + </svg> + </div> + </div> + <span + class="MuiTypography-root MuiTypography-body2 MuiTypography-alignCenter css-htm6yz-MuiTypography-root" + > + 1-1 of 1 + </span> + <div + class="MuiBox-root css-192dx0w" + > + <span + aria-label="Go to previous page" + class="" + data-mui-internal-clone-element="true" + > + <button + aria-label="Go to previous page" + class="MuiButtonBase-root Mui-disabled MuiIconButton-root Mui-disabled MuiIconButton-sizeSmall css-hvz71z-MuiButtonBase-root-MuiIconButton-root" + disabled="" + tabindex="-1" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="ChevronLeftIcon" + focusable="false" + viewBox="0 0 24 24" + > + <path + d="M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z" + /> + </svg> + </button> + </span> + <span + aria-label="Go to next page" + class="" + data-mui-internal-clone-element="true" + > + <button + aria-label="Go to next page" + class="MuiButtonBase-root Mui-disabled MuiIconButton-root Mui-disabled MuiIconButton-sizeSmall css-hvz71z-MuiButtonBase-root-MuiIconButton-root" + disabled="" + tabindex="-1" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="ChevronRightIcon" + focusable="false" + viewBox="0 0 24 24" + > + <path + d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" + /> + </svg> + </button> + </span> + </div> + </div> + </div> + </div> + </div> + </div> +</div> +`; + +exports[`Storyshots Table Reflect In URL 1`] = ` +<div> + <div + class="MuiBox-root css-0" + > + <p + class="MuiTypography-root MuiTypography-body1 css-1ezega9-MuiTypography-root" + > + Test changing the page and rows per page. + </p> + <p + class="MuiTypography-root MuiTypography-body1 css-1ezega9-MuiTypography-root" + > + <b> + Current URL search: + </b> + + ?p=2 + </p> + <div + class="MuiPaper-root MuiPaper-outlined MuiPaper-rounded css-xj31rx-MuiPaper-root" + > + <div + class="MuiBox-root css-1tbggly" + > + <div + class="MuiCollapse-root MuiCollapse-vertical MuiCollapse-hidden css-bz4dnt-MuiCollapse-root" + style="min-height: 0px;" + > + <div + class="MuiCollapse-wrapper MuiCollapse-vertical css-smkl36-MuiCollapse-wrapper" + > + <div + class="MuiCollapse-wrapperInner MuiCollapse-vertical css-9l5vo-MuiCollapse-wrapperInner" + > + <div + class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-colorInfo MuiAlert-standardInfo MuiAlert-standard css-ut8iii-MuiPaper-root-MuiAlert-root" + role="alert" + > + <div + class="MuiAlert-message css-1pxa9xg-MuiAlert-message" + > + <div + class="MuiStack-root css-5kul5x-MuiStack-root" + > + <div + class="MuiBox-root css-k008qs" + > + + </div> + </div> + </div> + </div> + </div> + </div> + </div> + <div + class="Mui-ToolbarDropZone MuiBox-root css-1fwjva3" + style="opacity: 0; visibility: hidden;" + > + <p + class="MuiTypography-root MuiTypography-body1 css-18b7jph-MuiTypography-root" + > + Drop to group by + </p> + </div> + <div + class="MuiBox-root css-zrlv9q" + > + <span /> + <div + class="MuiBox-root css-1p0wbhh" + > + <div + class="MuiBox-root css-di3982" + > + <button + aria-label="Show/Hide search" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium css-whz9ym-MuiButtonBase-root-MuiIconButton-root" + data-mui-internal-clone-element="true" + tabindex="0" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="SearchIcon" + focusable="false" + viewBox="0 0 24 24" + > + <path + d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + <button + aria-label="Show/Hide filters" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium css-whz9ym-MuiButtonBase-root-MuiIconButton-root" + data-mui-internal-clone-element="true" + tabindex="0" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="FilterListIcon" + focusable="false" + viewBox="0 0 24 24" + > + <path + d="M10 18h4v-2h-4zM3 6v2h18V6zm3 7h12v-2H6z" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + <button + aria-label="Show/Hide columns" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium css-whz9ym-MuiButtonBase-root-MuiIconButton-root" + data-mui-internal-clone-element="true" + tabindex="0" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="ViewColumnIcon" + focusable="false" + viewBox="0 0 24 24" + > + <path + d="M14.67 5v14H9.33V5zm1 14H21V5h-5.33zm-7.34 0V5H3v14z" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + </div> + </div> + </div> + </div> + <div + class="MuiTableContainer-root css-nhjqqh-MuiTableContainer-root" + > + <table + class="MuiTable-root css-1x84si1-MuiTable-root" + style="--header-0-size: 80; --col-0-size: 80; --header-1-size: 80; --col-1-size: 80; --header-2-size: 80; --col-2-size: 80;" + > + <thead + class="MuiTableHead-root css-118e0ip-MuiTableHead-root" + > + <tr + class="MuiTableRow-root MuiTableRow-head css-4cnyqt-MuiTableRow-root" + > + <th + class="MuiTableCell-root MuiTableCell-head MuiTableCell-alignLeft MuiTableCell-sizeMedium css-1jrv7hf-MuiTableCell-root" + colspan="1" + data-index="0" + scope="col" + > + <div + class="Mui-TableHeadCell-Content MuiBox-root css-1w86f15" + > + <div + class="Mui-TableHeadCell-Content-Labels MuiBox-root css-68rqdf" + > + <div + class="Mui-TableHeadCell-Content-Wrapper MuiBox-root css-lapokc" + > + Name + </div> + <span + aria-label="Sort by Name ascending" + class="MuiBadge-root css-1c32n2y-MuiBadge-root" + data-mui-internal-clone-element="true" + > + <span + aria-label="Sort by Name ascending" + class="MuiButtonBase-root MuiTableSortLabel-root Mui-active css-118d58w-MuiButtonBase-root-MuiTableSortLabel-root" + role="button" + tabindex="0" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiTableSortLabel-icon MuiTableSortLabel-iconDirectionAsc css-1vweko9-MuiSvgIcon-root-MuiTableSortLabel-icon" + data-testid="SyncAltIcon" + focusable="false" + style="transform: rotate(-90deg) scaleX(0.9) translateX(-1px);" + viewBox="0 0 24 24" + > + <path + d="m18 12 4-4-4-4v3H3v2h15zM6 12l-4 4 4 4v-3h15v-2H6z" + /> + </svg> + </span> + <span + class="MuiBadge-badge MuiBadge-standard MuiBadge-invisible MuiBadge-anchorOriginTopRight MuiBadge-anchorOriginTopRightCircular MuiBadge-overlapCircular css-dniquu-MuiBadge-badge" + > + 0 + </span> + </span> + </div> + <div + class="Mui-TableHeadCell-Content-Actions MuiBox-root css-epvm6" + > + <button + aria-label="Column Actions" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-1a0q64w-MuiButtonBase-root-MuiIconButton-root" + data-mui-internal-clone-element="true" + tabindex="0" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="MoreVertIcon" + focusable="false" + style="transform: scale(0.9);" + viewBox="0 0 24 24" + > + <path + d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + </div> + </div> + </th> + <th + class="MuiTableCell-root MuiTableCell-head MuiTableCell-alignLeft MuiTableCell-sizeMedium css-1lq7huv-MuiTableCell-root" + colspan="1" + data-index="1" + scope="col" + > + <div + class="Mui-TableHeadCell-Content MuiBox-root css-1w86f15" + > + <div + class="Mui-TableHeadCell-Content-Labels MuiBox-root css-68rqdf" + > + <div + class="Mui-TableHeadCell-Content-Wrapper MuiBox-root css-lapokc" + > + Namespace + </div> + <span + aria-label="Sort by Namespace ascending" + class="MuiBadge-root css-1c32n2y-MuiBadge-root" + data-mui-internal-clone-element="true" + > + <span + aria-label="Sort by Namespace ascending" + class="MuiButtonBase-root MuiTableSortLabel-root Mui-active css-118d58w-MuiButtonBase-root-MuiTableSortLabel-root" + role="button" + tabindex="0" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiTableSortLabel-icon MuiTableSortLabel-iconDirectionAsc css-1vweko9-MuiSvgIcon-root-MuiTableSortLabel-icon" + data-testid="SyncAltIcon" + focusable="false" + style="transform: rotate(-90deg) scaleX(0.9) translateX(-1px);" + viewBox="0 0 24 24" + > + <path + d="m18 12 4-4-4-4v3H3v2h15zM6 12l-4 4 4 4v-3h15v-2H6z" + /> + </svg> + </span> + <span + class="MuiBadge-badge MuiBadge-standard MuiBadge-invisible MuiBadge-anchorOriginTopRight MuiBadge-anchorOriginTopRightCircular MuiBadge-overlapCircular css-dniquu-MuiBadge-badge" + > + 0 + </span> + </span> + </div> + <div + class="Mui-TableHeadCell-Content-Actions MuiBox-root css-epvm6" + > + <button + aria-label="Column Actions" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-1a0q64w-MuiButtonBase-root-MuiIconButton-root" + data-mui-internal-clone-element="true" + tabindex="0" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="MoreVertIcon" + focusable="false" + style="transform: scale(0.9);" + viewBox="0 0 24 24" + > + <path + d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + </div> + </div> + </th> + <th + class="MuiTableCell-root MuiTableCell-head MuiTableCell-alignLeft MuiTableCell-sizeMedium css-1ughqxg-MuiTableCell-root" + colspan="1" + data-index="2" + scope="col" + > + <div + class="Mui-TableHeadCell-Content MuiBox-root css-1w86f15" + > + <div + class="Mui-TableHeadCell-Content-Labels MuiBox-root css-68rqdf" + > + <div + class="Mui-TableHeadCell-Content-Wrapper MuiBox-root css-lapokc" + > + Number + </div> + <span + aria-label="Sort by Number descending" + class="MuiBadge-root css-1c32n2y-MuiBadge-root" + data-mui-internal-clone-element="true" + > + <span + aria-label="Sort by Number descending" + class="MuiButtonBase-root MuiTableSortLabel-root Mui-active css-118d58w-MuiButtonBase-root-MuiTableSortLabel-root" + role="button" + tabindex="0" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiTableSortLabel-icon MuiTableSortLabel-iconDirectionAsc css-1vweko9-MuiSvgIcon-root-MuiTableSortLabel-icon" + data-testid="SyncAltIcon" + focusable="false" + style="transform: rotate(-90deg) scaleX(0.9) translateX(-1px);" + viewBox="0 0 24 24" + > + <path + d="m18 12 4-4-4-4v3H3v2h15zM6 12l-4 4 4 4v-3h15v-2H6z" + /> + </svg> + </span> + <span + class="MuiBadge-badge MuiBadge-standard MuiBadge-invisible MuiBadge-anchorOriginTopRight MuiBadge-anchorOriginTopRightCircular MuiBadge-overlapCircular css-dniquu-MuiBadge-badge" + > + 0 + </span> + </span> + </div> + <div + class="Mui-TableHeadCell-Content-Actions MuiBox-root css-epvm6" + > + <button + aria-label="Column Actions" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-1a0q64w-MuiButtonBase-root-MuiIconButton-root" + data-mui-internal-clone-element="true" + tabindex="0" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="MoreVertIcon" + focusable="false" + style="transform: scale(0.9);" + viewBox="0 0 24 24" + > + <path + d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + </div> + </div> + </th> + </tr> + </thead> + <tbody + class="MuiTableBody-root css-29nbga-MuiTableBody-root" + > + <tr + class="MuiTableRow-root css-19dmwlb-MuiTableRow-root" + data-index="0" + > + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-tn1erv-MuiTableCell-root" + data-index="0" + > + Name 0 + </td> + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-1phqppa-MuiTableCell-root" + data-index="1" + > + Namespace 0 + </td> + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-w6o6bl-MuiTableCell-root" + data-index="2" + > + 0 + </td> + </tr> + <tr + class="MuiTableRow-root css-19dmwlb-MuiTableRow-root" + data-index="1" + > + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-tn1erv-MuiTableCell-root" + data-index="0" + > + Name 1 + </td> + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-1phqppa-MuiTableCell-root" + data-index="1" + > + Namespace 1 + </td> + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-w6o6bl-MuiTableCell-root" + data-index="2" + > + 1 + </td> + </tr> + <tr + class="MuiTableRow-root css-19dmwlb-MuiTableRow-root" + data-index="2" + > + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-tn1erv-MuiTableCell-root" + data-index="0" + > + Name 2 + </td> + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-1phqppa-MuiTableCell-root" + data-index="1" + > + Namespace 2 + </td> + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-w6o6bl-MuiTableCell-root" + data-index="2" + > + 2 + </td> + </tr> + <tr + class="MuiTableRow-root css-19dmwlb-MuiTableRow-root" + data-index="3" + > + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-tn1erv-MuiTableCell-root" + data-index="0" + > + Name 3 + </td> + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-1phqppa-MuiTableCell-root" + data-index="1" + > + Namespace 3 + </td> + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-w6o6bl-MuiTableCell-root" + data-index="2" + > + 3 + </td> + </tr> + <tr + class="MuiTableRow-root css-19dmwlb-MuiTableRow-root" + data-index="4" + > + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-tn1erv-MuiTableCell-root" + data-index="0" + > + Name 4 + </td> + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-1phqppa-MuiTableCell-root" + data-index="1" + > + Namespace 4 + </td> + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-w6o6bl-MuiTableCell-root" + data-index="2" + > + 4 + </td> + </tr> + </tbody> + <tfoot + class="MuiTableFooter-root css-131pszo-MuiTableFooter-root" + /> + </table> + </div> + <div + class="MuiBox-root css-1bxknjp" + > + <div + class="MuiBox-root css-1llu0od" + > + <span /> + <div + class="MuiBox-root css-qpxlqp" + > + <div + class="MuiTablePagination-root MuiBox-root css-1brajfe" + > + <div + class="MuiBox-root css-exd1zr" + > + <label + class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-animated MuiFormLabel-colorPrimary MuiInputLabel-root MuiInputLabel-animated css-14fyl8y-MuiFormLabel-root-MuiInputLabel-root" + for="mrt-rows-per-page" + > + Rows per page + </label> + <div + class="MuiInputBase-root MuiInput-root MuiInputBase-colorPrimary css-1yz2iyv-MuiInputBase-root-MuiInput-root-MuiSelect-root" + > + <div + aria-controls="mui-test-id" + aria-expanded="false" + aria-haspopup="listbox" + aria-label="Rows per page" + class="MuiSelect-select MuiSelect-standard MuiInputBase-input MuiInput-input css-1rxz5jq-MuiSelect-select-MuiInputBase-input-MuiInput-input" + role="combobox" + tabindex="0" + > + 5 + </div> + <input + aria-hidden="true" + aria-invalid="false" + class="MuiSelect-nativeInput css-yf8vq0-MuiSelect-nativeInput" + id="mrt-rows-per-page" + tabindex="-1" + value="5" + /> + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiSelect-icon MuiSelect-iconStandard css-pqjvzy-MuiSvgIcon-root-MuiSelect-icon" + data-testid="ArrowDropDownIcon" + focusable="false" + viewBox="0 0 24 24" + > + <path + d="M7 10l5 5 5-5z" + /> + </svg> + </div> + </div> + <span + class="MuiTypography-root MuiTypography-body2 MuiTypography-alignCenter css-htm6yz-MuiTypography-root" + > + 1-5 of 50 + </span> + <div + class="MuiBox-root css-192dx0w" + > + <span + aria-label="Go to previous page" + class="" + data-mui-internal-clone-element="true" + > + <button + aria-label="Go to previous page" + class="MuiButtonBase-root Mui-disabled MuiIconButton-root Mui-disabled MuiIconButton-sizeSmall css-hvz71z-MuiButtonBase-root-MuiIconButton-root" + disabled="" + tabindex="-1" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="ChevronLeftIcon" + focusable="false" + viewBox="0 0 24 24" + > + <path + d="M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z" + /> + </svg> + </button> + </span> + <span + aria-label="Go to next page" + class="" + data-mui-internal-clone-element="true" + > + <button + aria-label="Go to next page" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-hvz71z-MuiButtonBase-root-MuiIconButton-root" + tabindex="0" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="ChevronRightIcon" + focusable="false" + viewBox="0 0 24 24" + > + <path + d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + </span> + </div> + </div> + </div> + </div> + </div> + </div> + </div> +</div> +`; + +exports[`Storyshots Table Reflect In URL With Prefix 1`] = ` +<div> + <div + class="MuiBox-root css-0" + > + <p + class="MuiTypography-root MuiTypography-body1 css-1ezega9-MuiTypography-root" + > + Test changing the page and rows per page. + </p> + <p + class="MuiTypography-root MuiTypography-body1 css-1ezega9-MuiTypography-root" + > + <b> + Current URL search: + </b> + + ?p=2 + </p> + <div + class="MuiPaper-root MuiPaper-outlined MuiPaper-rounded css-xj31rx-MuiPaper-root" + > + <div + class="MuiBox-root css-1tbggly" + > + <div + class="MuiCollapse-root MuiCollapse-vertical MuiCollapse-hidden css-bz4dnt-MuiCollapse-root" + style="min-height: 0px;" + > + <div + class="MuiCollapse-wrapper MuiCollapse-vertical css-smkl36-MuiCollapse-wrapper" + > + <div + class="MuiCollapse-wrapperInner MuiCollapse-vertical css-9l5vo-MuiCollapse-wrapperInner" + > + <div + class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-colorInfo MuiAlert-standardInfo MuiAlert-standard css-ut8iii-MuiPaper-root-MuiAlert-root" + role="alert" + > + <div + class="MuiAlert-message css-1pxa9xg-MuiAlert-message" + > + <div + class="MuiStack-root css-5kul5x-MuiStack-root" + > + <div + class="MuiBox-root css-k008qs" + > + + </div> + </div> + </div> + </div> + </div> + </div> + </div> + <div + class="Mui-ToolbarDropZone MuiBox-root css-1fwjva3" + style="opacity: 0; visibility: hidden;" + > + <p + class="MuiTypography-root MuiTypography-body1 css-18b7jph-MuiTypography-root" + > + Drop to group by + </p> + </div> + <div + class="MuiBox-root css-zrlv9q" + > + <span /> + <div + class="MuiBox-root css-1p0wbhh" + > + <div + class="MuiBox-root css-di3982" + > + <button + aria-label="Show/Hide search" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium css-whz9ym-MuiButtonBase-root-MuiIconButton-root" + data-mui-internal-clone-element="true" + tabindex="0" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="SearchIcon" + focusable="false" + viewBox="0 0 24 24" + > + <path + d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + <button + aria-label="Show/Hide filters" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium css-whz9ym-MuiButtonBase-root-MuiIconButton-root" + data-mui-internal-clone-element="true" + tabindex="0" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="FilterListIcon" + focusable="false" + viewBox="0 0 24 24" + > + <path + d="M10 18h4v-2h-4zM3 6v2h18V6zm3 7h12v-2H6z" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + <button + aria-label="Show/Hide columns" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium css-whz9ym-MuiButtonBase-root-MuiIconButton-root" + data-mui-internal-clone-element="true" + tabindex="0" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="ViewColumnIcon" + focusable="false" + viewBox="0 0 24 24" + > + <path + d="M14.67 5v14H9.33V5zm1 14H21V5h-5.33zm-7.34 0V5H3v14z" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + </div> + </div> + </div> + </div> + <div + class="MuiTableContainer-root css-nhjqqh-MuiTableContainer-root" + > + <table + class="MuiTable-root css-1x84si1-MuiTable-root" + style="--header-0-size: 80; --col-0-size: 80; --header-1-size: 80; --col-1-size: 80; --header-2-size: 80; --col-2-size: 80;" + > + <thead + class="MuiTableHead-root css-118e0ip-MuiTableHead-root" + > + <tr + class="MuiTableRow-root MuiTableRow-head css-4cnyqt-MuiTableRow-root" + > + <th + class="MuiTableCell-root MuiTableCell-head MuiTableCell-alignLeft MuiTableCell-sizeMedium css-1jrv7hf-MuiTableCell-root" + colspan="1" + data-index="0" + scope="col" + > + <div + class="Mui-TableHeadCell-Content MuiBox-root css-1w86f15" + > + <div + class="Mui-TableHeadCell-Content-Labels MuiBox-root css-68rqdf" + > + <div + class="Mui-TableHeadCell-Content-Wrapper MuiBox-root css-lapokc" + > + Name + </div> + <span + aria-label="Sort by Name ascending" + class="MuiBadge-root css-1c32n2y-MuiBadge-root" + data-mui-internal-clone-element="true" + > + <span + aria-label="Sort by Name ascending" + class="MuiButtonBase-root MuiTableSortLabel-root Mui-active css-118d58w-MuiButtonBase-root-MuiTableSortLabel-root" + role="button" + tabindex="0" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiTableSortLabel-icon MuiTableSortLabel-iconDirectionAsc css-1vweko9-MuiSvgIcon-root-MuiTableSortLabel-icon" + data-testid="SyncAltIcon" + focusable="false" + style="transform: rotate(-90deg) scaleX(0.9) translateX(-1px);" + viewBox="0 0 24 24" + > + <path + d="m18 12 4-4-4-4v3H3v2h15zM6 12l-4 4 4 4v-3h15v-2H6z" + /> + </svg> + </span> + <span + class="MuiBadge-badge MuiBadge-standard MuiBadge-invisible MuiBadge-anchorOriginTopRight MuiBadge-anchorOriginTopRightCircular MuiBadge-overlapCircular css-dniquu-MuiBadge-badge" + > + 0 + </span> + </span> + </div> + <div + class="Mui-TableHeadCell-Content-Actions MuiBox-root css-epvm6" + > + <button + aria-label="Column Actions" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-1a0q64w-MuiButtonBase-root-MuiIconButton-root" + data-mui-internal-clone-element="true" + tabindex="0" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="MoreVertIcon" + focusable="false" + style="transform: scale(0.9);" + viewBox="0 0 24 24" + > + <path + d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + </div> + </div> + </th> + <th + class="MuiTableCell-root MuiTableCell-head MuiTableCell-alignLeft MuiTableCell-sizeMedium css-1lq7huv-MuiTableCell-root" + colspan="1" + data-index="1" + scope="col" + > + <div + class="Mui-TableHeadCell-Content MuiBox-root css-1w86f15" + > + <div + class="Mui-TableHeadCell-Content-Labels MuiBox-root css-68rqdf" + > + <div + class="Mui-TableHeadCell-Content-Wrapper MuiBox-root css-lapokc" + > + Namespace + </div> + <span + aria-label="Sort by Namespace ascending" + class="MuiBadge-root css-1c32n2y-MuiBadge-root" + data-mui-internal-clone-element="true" + > + <span + aria-label="Sort by Namespace ascending" + class="MuiButtonBase-root MuiTableSortLabel-root Mui-active css-118d58w-MuiButtonBase-root-MuiTableSortLabel-root" + role="button" + tabindex="0" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiTableSortLabel-icon MuiTableSortLabel-iconDirectionAsc css-1vweko9-MuiSvgIcon-root-MuiTableSortLabel-icon" + data-testid="SyncAltIcon" + focusable="false" + style="transform: rotate(-90deg) scaleX(0.9) translateX(-1px);" + viewBox="0 0 24 24" + > + <path + d="m18 12 4-4-4-4v3H3v2h15zM6 12l-4 4 4 4v-3h15v-2H6z" + /> + </svg> + </span> + <span + class="MuiBadge-badge MuiBadge-standard MuiBadge-invisible MuiBadge-anchorOriginTopRight MuiBadge-anchorOriginTopRightCircular MuiBadge-overlapCircular css-dniquu-MuiBadge-badge" + > + 0 + </span> + </span> + </div> + <div + class="Mui-TableHeadCell-Content-Actions MuiBox-root css-epvm6" + > + <button + aria-label="Column Actions" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-1a0q64w-MuiButtonBase-root-MuiIconButton-root" + data-mui-internal-clone-element="true" + tabindex="0" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="MoreVertIcon" + focusable="false" + style="transform: scale(0.9);" + viewBox="0 0 24 24" + > + <path + d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + </div> + </div> + </th> + <th + class="MuiTableCell-root MuiTableCell-head MuiTableCell-alignLeft MuiTableCell-sizeMedium css-1ughqxg-MuiTableCell-root" + colspan="1" + data-index="2" + scope="col" + > + <div + class="Mui-TableHeadCell-Content MuiBox-root css-1w86f15" + > + <div + class="Mui-TableHeadCell-Content-Labels MuiBox-root css-68rqdf" + > + <div + class="Mui-TableHeadCell-Content-Wrapper MuiBox-root css-lapokc" + > + Number + </div> + <span + aria-label="Sort by Number descending" + class="MuiBadge-root css-1c32n2y-MuiBadge-root" + data-mui-internal-clone-element="true" + > + <span + aria-label="Sort by Number descending" + class="MuiButtonBase-root MuiTableSortLabel-root Mui-active css-118d58w-MuiButtonBase-root-MuiTableSortLabel-root" + role="button" + tabindex="0" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiTableSortLabel-icon MuiTableSortLabel-iconDirectionAsc css-1vweko9-MuiSvgIcon-root-MuiTableSortLabel-icon" + data-testid="SyncAltIcon" + focusable="false" + style="transform: rotate(-90deg) scaleX(0.9) translateX(-1px);" + viewBox="0 0 24 24" + > + <path + d="m18 12 4-4-4-4v3H3v2h15zM6 12l-4 4 4 4v-3h15v-2H6z" + /> + </svg> + </span> + <span + class="MuiBadge-badge MuiBadge-standard MuiBadge-invisible MuiBadge-anchorOriginTopRight MuiBadge-anchorOriginTopRightCircular MuiBadge-overlapCircular css-dniquu-MuiBadge-badge" + > + 0 + </span> + </span> + </div> + <div + class="Mui-TableHeadCell-Content-Actions MuiBox-root css-epvm6" + > + <button + aria-label="Column Actions" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-1a0q64w-MuiButtonBase-root-MuiIconButton-root" + data-mui-internal-clone-element="true" + tabindex="0" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="MoreVertIcon" + focusable="false" + style="transform: scale(0.9);" + viewBox="0 0 24 24" + > + <path + d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + </div> + </div> + </th> + </tr> + </thead> + <tbody + class="MuiTableBody-root css-29nbga-MuiTableBody-root" + > + <tr + class="MuiTableRow-root css-19dmwlb-MuiTableRow-root" + data-index="0" + > + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-tn1erv-MuiTableCell-root" + data-index="0" + > + Name 0 + </td> + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-1phqppa-MuiTableCell-root" + data-index="1" + > + Namespace 0 + </td> + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-w6o6bl-MuiTableCell-root" + data-index="2" + /> + </tr> + <tr + class="MuiTableRow-root css-19dmwlb-MuiTableRow-root" + data-index="1" + > + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-tn1erv-MuiTableCell-root" + data-index="0" + > + Name 1 + </td> + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-1phqppa-MuiTableCell-root" + data-index="1" + > + Namespace 1 + </td> + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-w6o6bl-MuiTableCell-root" + data-index="2" + /> + </tr> + <tr + class="MuiTableRow-root css-19dmwlb-MuiTableRow-root" + data-index="2" + > + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-tn1erv-MuiTableCell-root" + data-index="0" + > + Name 2 + </td> + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-1phqppa-MuiTableCell-root" + data-index="1" + > + Namespace 2 + </td> + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-w6o6bl-MuiTableCell-root" + data-index="2" + /> + </tr> + <tr + class="MuiTableRow-root css-19dmwlb-MuiTableRow-root" + data-index="3" + > + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-tn1erv-MuiTableCell-root" + data-index="0" + > + Name 3 + </td> + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-1phqppa-MuiTableCell-root" + data-index="1" + > + Namespace 3 + </td> + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-w6o6bl-MuiTableCell-root" + data-index="2" + /> + </tr> + <tr + class="MuiTableRow-root css-19dmwlb-MuiTableRow-root" + data-index="4" + > + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-tn1erv-MuiTableCell-root" + data-index="0" + > + Name 4 + </td> + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-1phqppa-MuiTableCell-root" + data-index="1" + > + Namespace 4 + </td> + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-w6o6bl-MuiTableCell-root" + data-index="2" + /> + </tr> + </tbody> + <tfoot + class="MuiTableFooter-root css-131pszo-MuiTableFooter-root" + /> + </table> + </div> + <div + class="MuiBox-root css-1bxknjp" + > + <div + class="MuiBox-root css-1llu0od" + > + <span /> + <div + class="MuiBox-root css-qpxlqp" + > + <div + class="MuiTablePagination-root MuiBox-root css-1brajfe" + > + <div + class="MuiBox-root css-exd1zr" + > + <label + class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-animated MuiFormLabel-colorPrimary MuiInputLabel-root MuiInputLabel-animated css-14fyl8y-MuiFormLabel-root-MuiInputLabel-root" + for="mrt-rows-per-page" + > + Rows per page + </label> + <div + class="MuiInputBase-root MuiInput-root MuiInputBase-colorPrimary css-1yz2iyv-MuiInputBase-root-MuiInput-root-MuiSelect-root" + > + <div + aria-controls="mui-test-id" + aria-expanded="false" + aria-haspopup="listbox" + aria-label="Rows per page" + class="MuiSelect-select MuiSelect-standard MuiInputBase-input MuiInput-input css-1rxz5jq-MuiSelect-select-MuiInputBase-input-MuiInput-input" + role="combobox" + tabindex="0" + > + 5 + </div> + <input + aria-hidden="true" + aria-invalid="false" + class="MuiSelect-nativeInput css-yf8vq0-MuiSelect-nativeInput" + id="mrt-rows-per-page" + tabindex="-1" + value="5" + /> + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiSelect-icon MuiSelect-iconStandard css-pqjvzy-MuiSvgIcon-root-MuiSelect-icon" + data-testid="ArrowDropDownIcon" + focusable="false" + viewBox="0 0 24 24" + > + <path + d="M7 10l5 5 5-5z" + /> + </svg> + </div> + </div> + <span + class="MuiTypography-root MuiTypography-body2 MuiTypography-alignCenter css-htm6yz-MuiTypography-root" + > + 1-5 of 50 + </span> + <div + class="MuiBox-root css-192dx0w" + > + <span + aria-label="Go to previous page" + class="" + data-mui-internal-clone-element="true" + > + <button + aria-label="Go to previous page" + class="MuiButtonBase-root Mui-disabled MuiIconButton-root Mui-disabled MuiIconButton-sizeSmall css-hvz71z-MuiButtonBase-root-MuiIconButton-root" + disabled="" + tabindex="-1" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="ChevronLeftIcon" + focusable="false" + viewBox="0 0 24 24" + > + <path + d="M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z" + /> + </svg> + </button> + </span> + <span + aria-label="Go to next page" + class="" + data-mui-internal-clone-element="true" + > + <button + aria-label="Go to next page" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-hvz71z-MuiButtonBase-root-MuiIconButton-root" + tabindex="0" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="ChevronRightIcon" + focusable="false" + viewBox="0 0 24 24" + > + <path + d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + </span> + </div> + </div> + </div> + </div> + </div> + </div> + </div> +</div> +`; + +exports[`Storyshots Table UID Search 1`] = ` +<div> + <div + class="MuiGrid-root MuiGrid-container MuiGrid-spacing-xs-2 makeStyles-sectionHeader makeStyles-sectionHeader css-6ejd34-MuiGrid-root" + > + <div + class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root" + > + <div + class="MuiBox-root css-70qvj9" + > + <h1 + class="MuiTypography-root MuiTypography-h1 MuiTypography-noWrap makeStyles-sectionTitle makeStyles-sectionTitle css-1f1i6v9-MuiTypography-root" + > + Test + </h1> + <div + class="MuiBox-root css-ldp2l3" + /> + </div> + </div> + <div + class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root" + > + <div + class="MuiGrid-root MuiGrid-container MuiGrid-item css-43x3z6-MuiGrid-root" + > + <div + class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root" + > + <div + class="MuiGrid-root MuiGrid-container MuiGrid-spacing-xs-1 MuiGrid-wrap-xs-nowrap css-xax711-MuiGrid-root" + > + <div + class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root" + > + <div + class="MuiAutocomplete-root MuiAutocomplete-hasPopupIcon css-clttge-MuiAutocomplete-root" + > + <div + class="MuiBox-root css-1dipl1t" + > + <div + class="MuiFormControl-root MuiFormControl-fullWidth MuiTextField-root css-wb57ya-MuiFormControl-root-MuiTextField-root" + style="margin-top: 0px;" + > + <label + class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-sizeMedium MuiInputLabel-standard MuiFormLabel-colorPrimary MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-sizeMedium MuiInputLabel-standard css-1n1vwza-MuiFormLabel-root-MuiInputLabel-root" + data-shrink="true" + for="mui-test-id" + id="mui-test-id-label" + > + Namespaces + </label> + <div + class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-adornedEnd MuiAutocomplete-inputRoot css-lbi814-MuiInputBase-root-MuiInput-root" + > + <input + aria-autocomplete="both" + aria-expanded="false" + aria-invalid="false" + autocapitalize="none" + autocomplete="off" + class="MuiInputBase-input MuiInput-input MuiInputBase-inputAdornedEnd MuiAutocomplete-input MuiAutocomplete-inputFocused css-1x51dt5-MuiInputBase-input-MuiInput-input" + id="mui-test-id" + placeholder="Filter" + role="combobox" + spellcheck="false" + type="text" + value="" + /> + <div + class="MuiAutocomplete-endAdornment css-p1olib-MuiAutocomplete-endAdornment" + > + <button + aria-label="Open" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium MuiAutocomplete-popupIndicator css-1aav1nn-MuiButtonBase-root-MuiIconButton-root-MuiAutocomplete-popupIndicator" + tabindex="-1" + title="Open" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="ArrowDropDownIcon" + focusable="false" + viewBox="0 0 24 24" + > + <path + d="M7 10l5 5 5-5z" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + </div> + </div> + </div> + </div> + </div> + </div> + <div + class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root" + > + <div + class="MuiFormControl-root MuiTextField-root css-1u3bzj6-MuiFormControl-root-MuiTextField-root" + > + <label + class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-sizeMedium MuiInputLabel-standard MuiFormLabel-colorPrimary MuiFormLabel-filled Mui-focused MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-sizeMedium MuiInputLabel-standard css-1n1vwza-MuiFormLabel-root-MuiInputLabel-root" + data-shrink="true" + for="mui-test-id" + id="mui-test-id-label" + > + Search + </label> + <div + class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary Mui-focused MuiInputBase-formControl css-1d1jo89-MuiInputBase-root-MuiInput-root" + role="search" + > + <input + aria-invalid="false" + class="MuiInputBase-input MuiInput-input MuiInputBase-inputTypeSearch css-c63i49-MuiInputBase-input-MuiInput-input" + id="mui-test-id" + placeholder="Filter" + type="search" + value="phony0" + /> + </div> + </div> + </div> + <div + class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root" + > + <button + aria-controls="standard-search" + class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary css-19g3xkx-MuiButtonBase-root-MuiButton-root" + tabindex="0" + type="button" + > + Clear + <span + class="MuiButton-icon MuiButton-endIcon MuiButton-iconSizeMedium css-9tj150-MuiButton-endIcon" + > + <span /> + </span> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + </div> + </div> + </div> + </div> + </div> + </div> + <div + class="MuiPaper-root MuiPaper-outlined MuiPaper-rounded css-xj31rx-MuiPaper-root" + > + <div + class="MuiBox-root css-1tbggly" + > + <div + class="MuiCollapse-root MuiCollapse-vertical MuiCollapse-hidden css-bz4dnt-MuiCollapse-root" + style="min-height: 0px;" + > + <div + class="MuiCollapse-wrapper MuiCollapse-vertical css-smkl36-MuiCollapse-wrapper" + > + <div + class="MuiCollapse-wrapperInner MuiCollapse-vertical css-9l5vo-MuiCollapse-wrapperInner" + > + <div + class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-colorInfo MuiAlert-standardInfo MuiAlert-standard css-ut8iii-MuiPaper-root-MuiAlert-root" + role="alert" + > + <div + class="MuiAlert-message css-1pxa9xg-MuiAlert-message" + > + <div + class="MuiStack-root css-5kul5x-MuiStack-root" + > + <div + class="MuiBox-root css-k008qs" + > + + </div> + </div> + </div> + </div> + </div> + </div> + </div> + <div + class="Mui-ToolbarDropZone MuiBox-root css-1fwjva3" + style="opacity: 0; visibility: hidden;" + > + <p + class="MuiTypography-root MuiTypography-body1 css-18b7jph-MuiTypography-root" + > + Drop to group by + </p> + </div> + <div + class="MuiBox-root css-zrlv9q" + > + <span /> + <div + class="MuiBox-root css-1p0wbhh" + > + <div + class="MuiBox-root css-di3982" + > + <button + aria-label="Show/Hide search" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium css-whz9ym-MuiButtonBase-root-MuiIconButton-root" + data-mui-internal-clone-element="true" + tabindex="0" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="SearchIcon" + focusable="false" + viewBox="0 0 24 24" + > + <path + d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + <button + aria-label="Show/Hide filters" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium css-whz9ym-MuiButtonBase-root-MuiIconButton-root" + data-mui-internal-clone-element="true" + tabindex="0" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="FilterListIcon" + focusable="false" + viewBox="0 0 24 24" + > + <path + d="M10 18h4v-2h-4zM3 6v2h18V6zm3 7h12v-2H6z" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + <button + aria-label="Show/Hide columns" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium css-whz9ym-MuiButtonBase-root-MuiIconButton-root" + data-mui-internal-clone-element="true" + tabindex="0" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="ViewColumnIcon" + focusable="false" + viewBox="0 0 24 24" + > + <path + d="M14.67 5v14H9.33V5zm1 14H21V5h-5.33zm-7.34 0V5H3v14z" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + </div> + </div> + </div> + </div> + <div + class="MuiTableContainer-root css-nhjqqh-MuiTableContainer-root" + > + <table + class="MuiTable-root css-1x84si1-MuiTable-root" + style="--header-0-size: 80; --col-0-size: 80; --header-1-size: 80; --col-1-size: 80; --header-2-size: 80; --col-2-size: 80; --header-3-size: 80; --col-3-size: 80;" + > + <thead + class="MuiTableHead-root css-118e0ip-MuiTableHead-root" + > + <tr + class="MuiTableRow-root MuiTableRow-head css-4cnyqt-MuiTableRow-root" + > + <th + class="MuiTableCell-root MuiTableCell-head MuiTableCell-alignLeft MuiTableCell-sizeMedium css-1jrv7hf-MuiTableCell-root" + colspan="1" + data-index="0" + scope="col" + > + <div + class="Mui-TableHeadCell-Content MuiBox-root css-1w86f15" + > + <div + class="Mui-TableHeadCell-Content-Labels MuiBox-root css-68rqdf" + > + <div + class="Mui-TableHeadCell-Content-Wrapper MuiBox-root css-lapokc" + > + Name + </div> + <span + aria-label="Sort by Name ascending" + class="MuiBadge-root css-1c32n2y-MuiBadge-root" + data-mui-internal-clone-element="true" + > + <span + aria-label="Sort by Name ascending" + class="MuiButtonBase-root MuiTableSortLabel-root Mui-active css-118d58w-MuiButtonBase-root-MuiTableSortLabel-root" + role="button" + tabindex="0" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiTableSortLabel-icon MuiTableSortLabel-iconDirectionAsc css-1vweko9-MuiSvgIcon-root-MuiTableSortLabel-icon" + data-testid="SyncAltIcon" + focusable="false" + style="transform: rotate(-90deg) scaleX(0.9) translateX(-1px);" + viewBox="0 0 24 24" + > + <path + d="m18 12 4-4-4-4v3H3v2h15zM6 12l-4 4 4 4v-3h15v-2H6z" + /> + </svg> + </span> + <span + class="MuiBadge-badge MuiBadge-standard MuiBadge-invisible MuiBadge-anchorOriginTopRight MuiBadge-anchorOriginTopRightCircular MuiBadge-overlapCircular css-dniquu-MuiBadge-badge" + > + 0 + </span> + </span> + </div> + <div + class="Mui-TableHeadCell-Content-Actions MuiBox-root css-epvm6" + > + <button + aria-label="Column Actions" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-1a0q64w-MuiButtonBase-root-MuiIconButton-root" + data-mui-internal-clone-element="true" + tabindex="0" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="MoreVertIcon" + focusable="false" + style="transform: scale(0.9);" + viewBox="0 0 24 24" + > + <path + d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + </div> + </div> + </th> + <th + class="MuiTableCell-root MuiTableCell-head MuiTableCell-alignLeft MuiTableCell-sizeMedium css-1lq7huv-MuiTableCell-root" + colspan="1" + data-index="1" + scope="col" + > + <div + class="Mui-TableHeadCell-Content MuiBox-root css-1w86f15" + > + <div + class="Mui-TableHeadCell-Content-Labels MuiBox-root css-68rqdf" + > + <div + class="Mui-TableHeadCell-Content-Wrapper MuiBox-root css-lapokc" + > + Namespace + </div> + <span + aria-label="Sort by Namespace ascending" + class="MuiBadge-root css-1c32n2y-MuiBadge-root" + data-mui-internal-clone-element="true" + > + <span + aria-label="Sort by Namespace ascending" + class="MuiButtonBase-root MuiTableSortLabel-root Mui-active css-118d58w-MuiButtonBase-root-MuiTableSortLabel-root" + role="button" + tabindex="0" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiTableSortLabel-icon MuiTableSortLabel-iconDirectionAsc css-1vweko9-MuiSvgIcon-root-MuiTableSortLabel-icon" + data-testid="SyncAltIcon" + focusable="false" + style="transform: rotate(-90deg) scaleX(0.9) translateX(-1px);" + viewBox="0 0 24 24" + > + <path + d="m18 12 4-4-4-4v3H3v2h15zM6 12l-4 4 4 4v-3h15v-2H6z" + /> + </svg> + </span> + <span + class="MuiBadge-badge MuiBadge-standard MuiBadge-invisible MuiBadge-anchorOriginTopRight MuiBadge-anchorOriginTopRightCircular MuiBadge-overlapCircular css-dniquu-MuiBadge-badge" + > + 0 + </span> + </span> + </div> + <div + class="Mui-TableHeadCell-Content-Actions MuiBox-root css-epvm6" + > + <button + aria-label="Column Actions" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-1a0q64w-MuiButtonBase-root-MuiIconButton-root" + data-mui-internal-clone-element="true" + tabindex="0" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="MoreVertIcon" + focusable="false" + style="transform: scale(0.9);" + viewBox="0 0 24 24" + > + <path + d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + </div> + </div> + </th> + <th + class="MuiTableCell-root MuiTableCell-head MuiTableCell-alignLeft MuiTableCell-sizeMedium css-1ughqxg-MuiTableCell-root" + colspan="1" + data-index="2" + scope="col" + > + <div + class="Mui-TableHeadCell-Content MuiBox-root css-1w86f15" + > + <div + class="Mui-TableHeadCell-Content-Labels MuiBox-root css-68rqdf" + > + <div + class="Mui-TableHeadCell-Content-Wrapper MuiBox-root css-chb057" + > + UID + </div> + <span + aria-label="Sort by UID ascending" + class="MuiBadge-root css-1c32n2y-MuiBadge-root" + data-mui-internal-clone-element="true" + > + <span + aria-label="Sort by UID ascending" + class="MuiButtonBase-root MuiTableSortLabel-root Mui-active css-118d58w-MuiButtonBase-root-MuiTableSortLabel-root" + role="button" + tabindex="0" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiTableSortLabel-icon MuiTableSortLabel-iconDirectionAsc css-1vweko9-MuiSvgIcon-root-MuiTableSortLabel-icon" + data-testid="SyncAltIcon" + focusable="false" + style="transform: rotate(-90deg) scaleX(0.9) translateX(-1px);" + viewBox="0 0 24 24" + > + <path + d="m18 12 4-4-4-4v3H3v2h15zM6 12l-4 4 4 4v-3h15v-2H6z" + /> + </svg> + </span> + <span + class="MuiBadge-badge MuiBadge-standard MuiBadge-invisible MuiBadge-anchorOriginTopRight MuiBadge-anchorOriginTopRightCircular MuiBadge-overlapCircular css-dniquu-MuiBadge-badge" + > + 0 + </span> + </span> + </div> + <div + class="Mui-TableHeadCell-Content-Actions MuiBox-root css-epvm6" + > + <button + aria-label="Column Actions" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-1a0q64w-MuiButtonBase-root-MuiIconButton-root" + data-mui-internal-clone-element="true" + tabindex="0" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="MoreVertIcon" + focusable="false" + style="transform: scale(0.9);" + viewBox="0 0 24 24" + > + <path + d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + </div> + </div> + </th> + <th + class="MuiTableCell-root MuiTableCell-head MuiTableCell-alignLeft MuiTableCell-sizeMedium css-1nssqnd-MuiTableCell-root" + colspan="1" + data-index="3" + scope="col" + > + <div + class="Mui-TableHeadCell-Content MuiBox-root css-1w86f15" + > + <div + class="Mui-TableHeadCell-Content-Labels MuiBox-root css-68rqdf" + > + <div + class="Mui-TableHeadCell-Content-Wrapper MuiBox-root css-lapokc" + > + Labels + </div> + <span + aria-label="Sort by Labels descending" + class="MuiBadge-root css-1c32n2y-MuiBadge-root" + data-mui-internal-clone-element="true" + > + <span + aria-label="Sort by Labels descending" + class="MuiButtonBase-root MuiTableSortLabel-root Mui-active css-118d58w-MuiButtonBase-root-MuiTableSortLabel-root" + role="button" + tabindex="0" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiTableSortLabel-icon MuiTableSortLabel-iconDirectionAsc css-1vweko9-MuiSvgIcon-root-MuiTableSortLabel-icon" + data-testid="SyncAltIcon" + focusable="false" + style="transform: rotate(-90deg) scaleX(0.9) translateX(-1px);" + viewBox="0 0 24 24" + > + <path + d="m18 12 4-4-4-4v3H3v2h15zM6 12l-4 4 4 4v-3h15v-2H6z" + /> + </svg> + </span> + <span + class="MuiBadge-badge MuiBadge-standard MuiBadge-invisible MuiBadge-anchorOriginTopRight MuiBadge-anchorOriginTopRightCircular MuiBadge-overlapCircular css-dniquu-MuiBadge-badge" + > + 0 + </span> + </span> + </div> + <div + class="Mui-TableHeadCell-Content-Actions MuiBox-root css-epvm6" + > + <button + aria-label="Column Actions" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-1a0q64w-MuiButtonBase-root-MuiIconButton-root" + data-mui-internal-clone-element="true" + tabindex="0" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="MoreVertIcon" + focusable="false" + style="transform: scale(0.9);" + viewBox="0 0 24 24" + > + <path + d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + </div> + </div> + </th> + </tr> + </thead> + <tbody + class="MuiTableBody-root css-29nbga-MuiTableBody-root" + > + <tr + class="MuiTableRow-root css-19dmwlb-MuiTableRow-root" + data-index="0" + > + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-tn1erv-MuiTableCell-root" + data-index="0" + > + mydefinition.phonyresources0.io + </td> + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-1phqppa-MuiTableCell-root" + data-index="1" + > + MyNamespace0 + </td> + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-w6o6bl-MuiTableCell-root" + data-index="2" + > + phony0 + </td> + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-vjwruf-MuiTableCell-root" + data-index="3" + /> + </tr> + </tbody> + <tfoot + class="MuiTableFooter-root css-131pszo-MuiTableFooter-root" + /> + </table> + </div> + <div + class="MuiBox-root css-1bxknjp" + > + <div + class="MuiBox-root css-1llu0od" + > + <span /> + <div + class="MuiBox-root css-qpxlqp" + > + <div + class="MuiTablePagination-root MuiBox-root css-1brajfe" + > + <div + class="MuiBox-root css-exd1zr" + > + <label + class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-animated MuiFormLabel-colorPrimary MuiInputLabel-root MuiInputLabel-animated css-14fyl8y-MuiFormLabel-root-MuiInputLabel-root" + for="mrt-rows-per-page" + > + Rows per page + </label> + <div + class="MuiInputBase-root MuiInput-root MuiInputBase-colorPrimary css-1yz2iyv-MuiInputBase-root-MuiInput-root-MuiSelect-root" + > + <div + aria-controls="mui-test-id" + aria-expanded="false" + aria-haspopup="listbox" + aria-label="Rows per page" + class="MuiSelect-select MuiSelect-standard MuiInputBase-input MuiInput-input css-1rxz5jq-MuiSelect-select-MuiInputBase-input-MuiInput-input" + role="combobox" + tabindex="0" + > + 15 + </div> + <input + aria-hidden="true" + aria-invalid="false" + class="MuiSelect-nativeInput css-yf8vq0-MuiSelect-nativeInput" + id="mrt-rows-per-page" + tabindex="-1" + value="15" + /> + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiSelect-icon MuiSelect-iconStandard css-pqjvzy-MuiSvgIcon-root-MuiSelect-icon" + data-testid="ArrowDropDownIcon" + focusable="false" + viewBox="0 0 24 24" + > + <path + d="M7 10l5 5 5-5z" + /> + </svg> + </div> + </div> + <span + class="MuiTypography-root MuiTypography-body2 MuiTypography-alignCenter css-htm6yz-MuiTypography-root" + > + 1-1 of 1 + </span> + <div + class="MuiBox-root css-192dx0w" + > + <span + aria-label="Go to previous page" + class="" + data-mui-internal-clone-element="true" + > + <button + aria-label="Go to previous page" + class="MuiButtonBase-root Mui-disabled MuiIconButton-root Mui-disabled MuiIconButton-sizeSmall css-hvz71z-MuiButtonBase-root-MuiIconButton-root" + disabled="" + tabindex="-1" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="ChevronLeftIcon" + focusable="false" + viewBox="0 0 24 24" + > + <path + d="M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z" + /> + </svg> + </button> + </span> + <span + aria-label="Go to next page" + class="" + data-mui-internal-clone-element="true" + > + <button + aria-label="Go to next page" + class="MuiButtonBase-root Mui-disabled MuiIconButton-root Mui-disabled MuiIconButton-sizeSmall css-hvz71z-MuiButtonBase-root-MuiIconButton-root" + disabled="" + tabindex="-1" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="ChevronRightIcon" + focusable="false" + viewBox="0 0 24 24" + > + <path + d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" + /> + </svg> + </button> + </span> + </div> + </div> + </div> + </div> + </div> + </div> +</div> +`; + +exports[`Storyshots Table With Filter Multi Select 1`] = ` +<div> + <div + class="MuiPaper-root MuiPaper-outlined MuiPaper-rounded css-xj31rx-MuiPaper-root" + > + <div + class="MuiBox-root css-1tbggly" + > + <div + class="MuiCollapse-root MuiCollapse-vertical MuiCollapse-hidden css-bz4dnt-MuiCollapse-root" + style="min-height: 0px;" + > + <div + class="MuiCollapse-wrapper MuiCollapse-vertical css-smkl36-MuiCollapse-wrapper" + > + <div + class="MuiCollapse-wrapperInner MuiCollapse-vertical css-9l5vo-MuiCollapse-wrapperInner" + > + <div + class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-colorInfo MuiAlert-standardInfo MuiAlert-standard css-ut8iii-MuiPaper-root-MuiAlert-root" + role="alert" + > + <div + class="MuiAlert-message css-1pxa9xg-MuiAlert-message" + > + <div + class="MuiStack-root css-5kul5x-MuiStack-root" + > + <div + class="MuiBox-root css-k008qs" + > + + </div> + </div> + </div> + </div> + </div> + </div> + </div> + <div + class="Mui-ToolbarDropZone MuiBox-root css-1fwjva3" + style="opacity: 0; visibility: hidden;" + > + <p + class="MuiTypography-root MuiTypography-body1 css-18b7jph-MuiTypography-root" + > + Drop to group by + </p> + </div> + <div + class="MuiBox-root css-zrlv9q" + > + <span /> + <div + class="MuiBox-root css-1p0wbhh" + > + <div + class="MuiBox-root css-di3982" + > + <button + aria-label="Show/Hide search" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium css-whz9ym-MuiButtonBase-root-MuiIconButton-root" + data-mui-internal-clone-element="true" + tabindex="0" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="SearchIcon" + focusable="false" + viewBox="0 0 24 24" + > + <path + d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + <button + aria-label="Show/Hide filters" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium css-whz9ym-MuiButtonBase-root-MuiIconButton-root" + data-mui-internal-clone-element="true" + tabindex="0" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="FilterListIcon" + focusable="false" + viewBox="0 0 24 24" + > + <path + d="M10 18h4v-2h-4zM3 6v2h18V6zm3 7h12v-2H6z" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + <button + aria-label="Show/Hide columns" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium css-whz9ym-MuiButtonBase-root-MuiIconButton-root" + data-mui-internal-clone-element="true" + tabindex="0" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="ViewColumnIcon" + focusable="false" + viewBox="0 0 24 24" + > + <path + d="M14.67 5v14H9.33V5zm1 14H21V5h-5.33zm-7.34 0V5H3v14z" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + </div> + </div> + </div> + </div> + <div + class="MuiTableContainer-root css-nhjqqh-MuiTableContainer-root" + > + <table + class="MuiTable-root css-1x84si1-MuiTable-root" + style="--header-0-size: 80; --col-0-size: 80; --header-1-size: 80; --col-1-size: 80;" + > + <thead + class="MuiTableHead-root css-118e0ip-MuiTableHead-root" + > + <tr + class="MuiTableRow-root MuiTableRow-head css-4cnyqt-MuiTableRow-root" + > + <th + class="MuiTableCell-root MuiTableCell-head MuiTableCell-alignLeft MuiTableCell-sizeMedium css-1jrv7hf-MuiTableCell-root" + colspan="1" + data-index="0" + scope="col" + > + <div + class="Mui-TableHeadCell-Content MuiBox-root css-1w86f15" + > + <div + class="Mui-TableHeadCell-Content-Labels MuiBox-root css-68rqdf" + > + <div + class="Mui-TableHeadCell-Content-Wrapper MuiBox-root css-lapokc" + > + Name + </div> + <span + aria-label="Sort by Name ascending" + class="MuiBadge-root css-1c32n2y-MuiBadge-root" + data-mui-internal-clone-element="true" + > + <span + aria-label="Sort by Name ascending" + class="MuiButtonBase-root MuiTableSortLabel-root Mui-active css-118d58w-MuiButtonBase-root-MuiTableSortLabel-root" + role="button" + tabindex="0" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiTableSortLabel-icon MuiTableSortLabel-iconDirectionAsc css-1vweko9-MuiSvgIcon-root-MuiTableSortLabel-icon" + data-testid="SyncAltIcon" + focusable="false" + style="transform: rotate(-90deg) scaleX(0.9) translateX(-1px);" + viewBox="0 0 24 24" + > + <path + d="m18 12 4-4-4-4v3H3v2h15zM6 12l-4 4 4 4v-3h15v-2H6z" + /> + </svg> + </span> + <span + class="MuiBadge-badge MuiBadge-standard MuiBadge-invisible MuiBadge-anchorOriginTopRight MuiBadge-anchorOriginTopRightCircular MuiBadge-overlapCircular css-dniquu-MuiBadge-badge" + > + 0 + </span> + </span> + </div> + <div + class="Mui-TableHeadCell-Content-Actions MuiBox-root css-epvm6" + > + <button + aria-label="Column Actions" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-1a0q64w-MuiButtonBase-root-MuiIconButton-root" + data-mui-internal-clone-element="true" + tabindex="0" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="MoreVertIcon" + focusable="false" + style="transform: scale(0.9);" + viewBox="0 0 24 24" + > + <path + d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + </div> + </div> + </th> + <th + class="MuiTableCell-root MuiTableCell-head MuiTableCell-alignLeft MuiTableCell-sizeMedium css-1lq7huv-MuiTableCell-root" + colspan="1" + data-index="1" + scope="col" + > + <div + class="Mui-TableHeadCell-Content MuiBox-root css-1w86f15" + > + <div + class="Mui-TableHeadCell-Content-Labels MuiBox-root css-68rqdf" + > + <div + class="Mui-TableHeadCell-Content-Wrapper MuiBox-root css-lapokc" + > + Namespace + </div> + <span + aria-label="Sort by Namespace ascending" + class="MuiBadge-root css-1c32n2y-MuiBadge-root" + data-mui-internal-clone-element="true" + > + <span + aria-label="Sort by Namespace ascending" + class="MuiButtonBase-root MuiTableSortLabel-root Mui-active css-118d58w-MuiButtonBase-root-MuiTableSortLabel-root" + role="button" + tabindex="0" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiTableSortLabel-icon MuiTableSortLabel-iconDirectionAsc css-1vweko9-MuiSvgIcon-root-MuiTableSortLabel-icon" + data-testid="SyncAltIcon" + focusable="false" + style="transform: rotate(-90deg) scaleX(0.9) translateX(-1px);" + viewBox="0 0 24 24" + > + <path + d="m18 12 4-4-4-4v3H3v2h15zM6 12l-4 4 4 4v-3h15v-2H6z" + /> + </svg> + </span> + <span + class="MuiBadge-badge MuiBadge-standard MuiBadge-invisible MuiBadge-anchorOriginTopRight MuiBadge-anchorOriginTopRightCircular MuiBadge-overlapCircular css-dniquu-MuiBadge-badge" + > + 0 + </span> + </span> + </div> + <div + class="Mui-TableHeadCell-Content-Actions MuiBox-root css-epvm6" + > + <button + aria-label="Column Actions" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-1a0q64w-MuiButtonBase-root-MuiIconButton-root" + data-mui-internal-clone-element="true" + tabindex="0" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="MoreVertIcon" + focusable="false" + style="transform: scale(0.9);" + viewBox="0 0 24 24" + > + <path + d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + </div> + </div> + </th> + </tr> + </thead> + <tbody + class="MuiTableBody-root css-29nbga-MuiTableBody-root" + > + <tr + class="MuiTableRow-root css-19dmwlb-MuiTableRow-root" + data-index="0" + > + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-tn1erv-MuiTableCell-root" + data-index="0" + > + mydefinition.phonyresources0.io + </td> + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-1phqppa-MuiTableCell-root" + data-index="1" + > + MyNamespace0 + </td> + </tr> + <tr + class="MuiTableRow-root css-19dmwlb-MuiTableRow-root" + data-index="1" + > + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-tn1erv-MuiTableCell-root" + data-index="0" + > + mydefinition.phonyresources1.io + </td> + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-1phqppa-MuiTableCell-root" + data-index="1" + > + MyNamespace1 + </td> + </tr> + <tr + class="MuiTableRow-root css-19dmwlb-MuiTableRow-root" + data-index="2" + > + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-tn1erv-MuiTableCell-root" + data-index="0" + > + mydefinition.phonyresources2.io + </td> + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-1phqppa-MuiTableCell-root" + data-index="1" + > + MyNamespace2 + </td> + </tr> + <tr + class="MuiTableRow-root css-19dmwlb-MuiTableRow-root" + data-index="3" + > + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-tn1erv-MuiTableCell-root" + data-index="0" + > + mydefinition.phonyresources3.io + </td> + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-1phqppa-MuiTableCell-root" + data-index="1" + > + MyNamespace3 + </td> + </tr> + </tbody> + <tfoot + class="MuiTableFooter-root css-131pszo-MuiTableFooter-root" + /> + </table> + </div> + <div + class="MuiBox-root css-1bxknjp" + > + <div + class="MuiBox-root css-1llu0od" + > + <span /> + <div + class="MuiBox-root css-qpxlqp" + > + <div + class="MuiTablePagination-root MuiBox-root css-1brajfe" + > + <div + class="MuiBox-root css-exd1zr" + > + <label + class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-animated MuiFormLabel-colorPrimary MuiInputLabel-root MuiInputLabel-animated css-14fyl8y-MuiFormLabel-root-MuiInputLabel-root" + for="mrt-rows-per-page" + > + Rows per page + </label> + <div + class="MuiInputBase-root MuiInput-root MuiInputBase-colorPrimary css-1yz2iyv-MuiInputBase-root-MuiInput-root-MuiSelect-root" + > + <div + aria-controls="mui-test-id" + aria-expanded="false" + aria-haspopup="listbox" + aria-label="Rows per page" + class="MuiSelect-select MuiSelect-standard MuiInputBase-input MuiInput-input css-1rxz5jq-MuiSelect-select-MuiInputBase-input-MuiInput-input" + role="combobox" + tabindex="0" + > + 15 + </div> + <input + aria-hidden="true" + aria-invalid="false" + class="MuiSelect-nativeInput css-yf8vq0-MuiSelect-nativeInput" + id="mrt-rows-per-page" + tabindex="-1" + value="15" + /> + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiSelect-icon MuiSelect-iconStandard css-pqjvzy-MuiSvgIcon-root-MuiSelect-icon" + data-testid="ArrowDropDownIcon" + focusable="false" + viewBox="0 0 24 24" + > + <path + d="M7 10l5 5 5-5z" + /> + </svg> + </div> + </div> + <span + class="MuiTypography-root MuiTypography-body2 MuiTypography-alignCenter css-htm6yz-MuiTypography-root" + > + 1-4 of 4 + </span> + <div + class="MuiBox-root css-192dx0w" + > + <span + aria-label="Go to previous page" + class="" + data-mui-internal-clone-element="true" + > + <button + aria-label="Go to previous page" + class="MuiButtonBase-root Mui-disabled MuiIconButton-root Mui-disabled MuiIconButton-sizeSmall css-hvz71z-MuiButtonBase-root-MuiIconButton-root" + disabled="" + tabindex="-1" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="ChevronLeftIcon" + focusable="false" + viewBox="0 0 24 24" + > + <path + d="M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z" + /> + </svg> + </button> + </span> + <span + aria-label="Go to next page" + class="" + data-mui-internal-clone-element="true" + > + <button + aria-label="Go to next page" + class="MuiButtonBase-root Mui-disabled MuiIconButton-root Mui-disabled MuiIconButton-sizeSmall css-hvz71z-MuiButtonBase-root-MuiIconButton-root" + disabled="" + tabindex="-1" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="ChevronRightIcon" + focusable="false" + viewBox="0 0 24 24" + > + <path + d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" + /> + </svg> + </button> + </span> + </div> + </div> + </div> + </div> + </div> + </div> +</div> +`; + +exports[`Storyshots Table With Global Filter 1`] = ` +<div> + <div + class="MuiPaper-root MuiPaper-outlined MuiPaper-rounded css-xj31rx-MuiPaper-root" + > + <div + class="MuiBox-root css-1tbggly" + > + <div + class="MuiCollapse-root MuiCollapse-vertical MuiCollapse-hidden css-bz4dnt-MuiCollapse-root" + style="min-height: 0px;" + > + <div + class="MuiCollapse-wrapper MuiCollapse-vertical css-smkl36-MuiCollapse-wrapper" + > + <div + class="MuiCollapse-wrapperInner MuiCollapse-vertical css-9l5vo-MuiCollapse-wrapperInner" + > + <div + class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-colorInfo MuiAlert-standardInfo MuiAlert-standard css-ut8iii-MuiPaper-root-MuiAlert-root" + role="alert" + > + <div + class="MuiAlert-message css-1pxa9xg-MuiAlert-message" + > + <div + class="MuiStack-root css-5kul5x-MuiStack-root" + > + <div + class="MuiBox-root css-k008qs" + > + + </div> + </div> + </div> + </div> + </div> + </div> + </div> + <div + class="Mui-ToolbarDropZone MuiBox-root css-1fwjva3" + style="opacity: 0; visibility: hidden;" + > + <p + class="MuiTypography-root MuiTypography-body1 css-18b7jph-MuiTypography-root" + > + Drop to group by + </p> + </div> + <div + class="MuiBox-root css-zrlv9q" + > + <span /> + <div + class="MuiBox-root css-1p0wbhh" + > + <div + class="MuiCollapse-root MuiCollapse-horizontal MuiCollapse-entered css-1d98dbz-MuiCollapse-root" + style="min-width: 0px;" + > + <div + class="MuiCollapse-wrapper MuiCollapse-horizontal css-18w3a48-MuiCollapse-wrapper" + > + <div + class="MuiCollapse-wrapperInner MuiCollapse-horizontal css-14vyde3-MuiCollapse-wrapperInner" + > + <div + class="MuiFormControl-root MuiTextField-root css-11sh9fj-MuiFormControl-root-MuiTextField-root" + > + <div + class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-formControl MuiInputBase-sizeSmall MuiInputBase-adornedStart MuiInputBase-adornedEnd css-2x2tup-MuiInputBase-root-MuiOutlinedInput-root" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="SearchIcon" + focusable="false" + style="margin-right: 4px;" + viewBox="0 0 24 24" + > + <path + d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14" + /> + </svg> + <input + aria-invalid="false" + autocomplete="new-password" + class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputSizeSmall MuiInputBase-inputAdornedStart MuiInputBase-inputAdornedEnd css-12yjm75-MuiInputBase-input-MuiOutlinedInput-input" + id="mui-test-id" + placeholder="Search" + type="text" + value="value1" + /> + <div + class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined MuiInputAdornment-sizeSmall css-1laqsz7-MuiInputAdornment-root" + > + <span + aria-label="Clear search" + class="" + data-mui-internal-clone-element="true" + > + <button + aria-label="Clear search" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-hvz71z-MuiButtonBase-root-MuiIconButton-root" + tabindex="0" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="CloseIcon" + focusable="false" + viewBox="0 0 24 24" + > + <path + d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + </span> + </div> + <fieldset + aria-hidden="true" + class="MuiOutlinedInput-notchedOutline css-1d3z3hw-MuiOutlinedInput-notchedOutline" + > + <legend + class="css-ihdtdm" + > + <span + class="notranslate" + > + ​ + </span> + </legend> + </fieldset> + </div> + </div> + </div> + </div> + </div> + <div + class="MuiBox-root css-di3982" + > + <button + aria-label="Show/Hide filters" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium css-whz9ym-MuiButtonBase-root-MuiIconButton-root" + data-mui-internal-clone-element="true" + tabindex="0" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="FilterListIcon" + focusable="false" + viewBox="0 0 24 24" + > + <path + d="M10 18h4v-2h-4zM3 6v2h18V6zm3 7h12v-2H6z" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + <button + aria-label="Show/Hide columns" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium css-whz9ym-MuiButtonBase-root-MuiIconButton-root" + data-mui-internal-clone-element="true" + tabindex="0" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="ViewColumnIcon" + focusable="false" + viewBox="0 0 24 24" + > + <path + d="M14.67 5v14H9.33V5zm1 14H21V5h-5.33zm-7.34 0V5H3v14z" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + </div> + </div> + </div> + </div> + <div + class="MuiTableContainer-root css-nhjqqh-MuiTableContainer-root" + > + <table + class="MuiTable-root css-1x84si1-MuiTable-root" + style="--header-0-size: 80; --col-0-size: 80; --header-1-size: 80; --col-1-size: 80; --header-2-size: 80; --col-2-size: 80; --header-3-size: 80; --col-3-size: 80;" + > + <thead + class="MuiTableHead-root css-118e0ip-MuiTableHead-root" + > + <tr + class="MuiTableRow-root MuiTableRow-head css-4cnyqt-MuiTableRow-root" + > + <th + class="MuiTableCell-root MuiTableCell-head MuiTableCell-alignLeft MuiTableCell-sizeMedium css-1jrv7hf-MuiTableCell-root" + colspan="1" + data-index="0" + scope="col" + > + <div + class="Mui-TableHeadCell-Content MuiBox-root css-1w86f15" + > + <div + class="Mui-TableHeadCell-Content-Labels MuiBox-root css-68rqdf" + > + <div + class="Mui-TableHeadCell-Content-Wrapper MuiBox-root css-lapokc" + > + Name + </div> + <span + aria-label="Sort by Name descending" + class="MuiBadge-root css-1c32n2y-MuiBadge-root" + data-mui-internal-clone-element="true" + > + <span + aria-label="Sort by Name descending" + class="MuiButtonBase-root MuiTableSortLabel-root Mui-active css-118d58w-MuiButtonBase-root-MuiTableSortLabel-root" + role="button" + tabindex="0" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiTableSortLabel-icon MuiTableSortLabel-iconDirectionAsc css-1vweko9-MuiSvgIcon-root-MuiTableSortLabel-icon" + data-testid="SyncAltIcon" + focusable="false" + style="transform: rotate(-90deg) scaleX(0.9) translateX(-1px);" + viewBox="0 0 24 24" + > + <path + d="m18 12 4-4-4-4v3H3v2h15zM6 12l-4 4 4 4v-3h15v-2H6z" + /> + </svg> + </span> + <span + class="MuiBadge-badge MuiBadge-standard MuiBadge-invisible MuiBadge-anchorOriginTopRight MuiBadge-anchorOriginTopRightCircular MuiBadge-overlapCircular css-dniquu-MuiBadge-badge" + > + 0 + </span> + </span> + </div> + <div + class="Mui-TableHeadCell-Content-Actions MuiBox-root css-epvm6" + > + <button + aria-label="Column Actions" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-1a0q64w-MuiButtonBase-root-MuiIconButton-root" + data-mui-internal-clone-element="true" + tabindex="0" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="MoreVertIcon" + focusable="false" + style="transform: scale(0.9);" + viewBox="0 0 24 24" + > + <path + d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + </div> + </div> + </th> + <th + class="MuiTableCell-root MuiTableCell-head MuiTableCell-alignLeft MuiTableCell-sizeMedium css-1lq7huv-MuiTableCell-root" + colspan="1" + data-index="1" + scope="col" + > + <div + class="Mui-TableHeadCell-Content MuiBox-root css-1w86f15" + > + <div + class="Mui-TableHeadCell-Content-Labels MuiBox-root css-68rqdf" + > + <div + class="Mui-TableHeadCell-Content-Wrapper MuiBox-root css-lapokc" + > + Namespace + </div> + <span + aria-label="Sort by Namespace descending" + class="MuiBadge-root css-1c32n2y-MuiBadge-root" + data-mui-internal-clone-element="true" + > + <span + aria-label="Sort by Namespace descending" + class="MuiButtonBase-root MuiTableSortLabel-root Mui-active css-118d58w-MuiButtonBase-root-MuiTableSortLabel-root" + role="button" + tabindex="0" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiTableSortLabel-icon MuiTableSortLabel-iconDirectionAsc css-1vweko9-MuiSvgIcon-root-MuiTableSortLabel-icon" + data-testid="SyncAltIcon" + focusable="false" + style="transform: rotate(-90deg) scaleX(0.9) translateX(-1px);" + viewBox="0 0 24 24" + > + <path + d="m18 12 4-4-4-4v3H3v2h15zM6 12l-4 4 4 4v-3h15v-2H6z" + /> + </svg> + </span> + <span + class="MuiBadge-badge MuiBadge-standard MuiBadge-invisible MuiBadge-anchorOriginTopRight MuiBadge-anchorOriginTopRightCircular MuiBadge-overlapCircular css-dniquu-MuiBadge-badge" + > + 0 + </span> + </span> + </div> + <div + class="Mui-TableHeadCell-Content-Actions MuiBox-root css-epvm6" + > + <button + aria-label="Column Actions" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-1a0q64w-MuiButtonBase-root-MuiIconButton-root" + data-mui-internal-clone-element="true" + tabindex="0" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="MoreVertIcon" + focusable="false" + style="transform: scale(0.9);" + viewBox="0 0 24 24" + > + <path + d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + </div> + </div> + </th> + <th + class="MuiTableCell-root MuiTableCell-head MuiTableCell-alignLeft MuiTableCell-sizeMedium css-1ughqxg-MuiTableCell-root" + colspan="1" + data-index="2" + scope="col" + > + <div + class="Mui-TableHeadCell-Content MuiBox-root css-1w86f15" + > + <div + class="Mui-TableHeadCell-Content-Labels MuiBox-root css-68rqdf" + > + <div + class="Mui-TableHeadCell-Content-Wrapper MuiBox-root css-chb057" + > + UID + </div> + <span + aria-label="Sort by UID descending" + class="MuiBadge-root css-1c32n2y-MuiBadge-root" + data-mui-internal-clone-element="true" + > + <span + aria-label="Sort by UID descending" + class="MuiButtonBase-root MuiTableSortLabel-root Mui-active css-118d58w-MuiButtonBase-root-MuiTableSortLabel-root" + role="button" + tabindex="0" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiTableSortLabel-icon MuiTableSortLabel-iconDirectionAsc css-1vweko9-MuiSvgIcon-root-MuiTableSortLabel-icon" + data-testid="SyncAltIcon" + focusable="false" + style="transform: rotate(-90deg) scaleX(0.9) translateX(-1px);" + viewBox="0 0 24 24" + > + <path + d="m18 12 4-4-4-4v3H3v2h15zM6 12l-4 4 4 4v-3h15v-2H6z" + /> + </svg> + </span> + <span + class="MuiBadge-badge MuiBadge-standard MuiBadge-invisible MuiBadge-anchorOriginTopRight MuiBadge-anchorOriginTopRightCircular MuiBadge-overlapCircular css-dniquu-MuiBadge-badge" + > + 0 + </span> + </span> + </div> + <div + class="Mui-TableHeadCell-Content-Actions MuiBox-root css-epvm6" + > + <button + aria-label="Column Actions" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-1a0q64w-MuiButtonBase-root-MuiIconButton-root" + data-mui-internal-clone-element="true" + tabindex="0" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="MoreVertIcon" + focusable="false" + style="transform: scale(0.9);" + viewBox="0 0 24 24" + > + <path + d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + </div> + </div> + </th> + <th + class="MuiTableCell-root MuiTableCell-head MuiTableCell-alignLeft MuiTableCell-sizeMedium css-1nssqnd-MuiTableCell-root" + colspan="1" + data-index="3" + scope="col" + > + <div + class="Mui-TableHeadCell-Content MuiBox-root css-1w86f15" + > + <div + class="Mui-TableHeadCell-Content-Labels MuiBox-root css-68rqdf" + > + <div + class="Mui-TableHeadCell-Content-Wrapper MuiBox-root css-lapokc" + > + Labels + </div> + <span + aria-label="Sort by Labels descending" + class="MuiBadge-root css-1c32n2y-MuiBadge-root" + data-mui-internal-clone-element="true" + > + <span + aria-label="Sort by Labels descending" + class="MuiButtonBase-root MuiTableSortLabel-root Mui-active css-118d58w-MuiButtonBase-root-MuiTableSortLabel-root" + role="button" + tabindex="0" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiTableSortLabel-icon MuiTableSortLabel-iconDirectionAsc css-1vweko9-MuiSvgIcon-root-MuiTableSortLabel-icon" + data-testid="SyncAltIcon" + focusable="false" + style="transform: rotate(-90deg) scaleX(0.9) translateX(-1px);" + viewBox="0 0 24 24" + > + <path + d="m18 12 4-4-4-4v3H3v2h15zM6 12l-4 4 4 4v-3h15v-2H6z" + /> + </svg> + </span> + <span + class="MuiBadge-badge MuiBadge-standard MuiBadge-invisible MuiBadge-anchorOriginTopRight MuiBadge-anchorOriginTopRightCircular MuiBadge-overlapCircular css-dniquu-MuiBadge-badge" + > + 0 + </span> + </span> + </div> + <div + class="Mui-TableHeadCell-Content-Actions MuiBox-root css-epvm6" + > + <button + aria-label="Column Actions" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-1a0q64w-MuiButtonBase-root-MuiIconButton-root" + data-mui-internal-clone-element="true" + tabindex="0" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="MoreVertIcon" + focusable="false" + style="transform: scale(0.9);" + viewBox="0 0 24 24" + > + <path + d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + </div> + </div> + </th> + </tr> + </thead> + <tbody + class="MuiTableBody-root css-1lxvlui-MuiTableBody-root" + > + <tr> + <td + colspan="4" + > + <p + class="MuiTypography-root MuiTypography-body1 css-cbqsbc-MuiTypography-root" + > + No results found + </p> + </td> + </tr> + </tbody> + <tfoot + class="MuiTableFooter-root css-131pszo-MuiTableFooter-root" + /> + </table> + </div> + <div + class="MuiBox-root css-1bxknjp" + > + <div + class="MuiBox-root css-1llu0od" + > + <span /> + <div + class="MuiBox-root css-qpxlqp" + > + <div + class="MuiTablePagination-root MuiBox-root css-1brajfe" + > + <div + class="MuiBox-root css-exd1zr" + > + <label + class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-animated MuiFormLabel-colorPrimary MuiInputLabel-root MuiInputLabel-animated css-14fyl8y-MuiFormLabel-root-MuiInputLabel-root" + for="mrt-rows-per-page" + > + Rows per page + </label> + <div + class="MuiInputBase-root MuiInput-root MuiInputBase-colorPrimary css-1yz2iyv-MuiInputBase-root-MuiInput-root-MuiSelect-root" + > + <div + aria-controls="mui-test-id" + aria-expanded="false" + aria-haspopup="listbox" + aria-label="Rows per page" + class="MuiSelect-select MuiSelect-standard MuiInputBase-input MuiInput-input css-1rxz5jq-MuiSelect-select-MuiInputBase-input-MuiInput-input" + role="combobox" + tabindex="0" + > + 15 + </div> + <input + aria-hidden="true" + aria-invalid="false" + class="MuiSelect-nativeInput css-yf8vq0-MuiSelect-nativeInput" + id="mrt-rows-per-page" + tabindex="-1" + value="15" + /> + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiSelect-icon MuiSelect-iconStandard css-pqjvzy-MuiSvgIcon-root-MuiSelect-icon" + data-testid="ArrowDropDownIcon" + focusable="false" + viewBox="0 0 24 24" + > + <path + d="M7 10l5 5 5-5z" + /> + </svg> + </div> + </div> + <span + class="MuiTypography-root MuiTypography-body2 MuiTypography-alignCenter css-htm6yz-MuiTypography-root" + > + 0-0 of 0 + </span> + <div + class="MuiBox-root css-192dx0w" + > + <span + aria-label="Go to previous page" + class="" + data-mui-internal-clone-element="true" + > + <button + aria-label="Go to previous page" + class="MuiButtonBase-root Mui-disabled MuiIconButton-root Mui-disabled MuiIconButton-sizeSmall css-hvz71z-MuiButtonBase-root-MuiIconButton-root" + disabled="" + tabindex="-1" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="ChevronLeftIcon" + focusable="false" + viewBox="0 0 24 24" + > + <path + d="M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z" + /> + </svg> + </button> + </span> + <span + aria-label="Go to next page" + class="" + data-mui-internal-clone-element="true" + > + <button + aria-label="Go to next page" + class="MuiButtonBase-root Mui-disabled MuiIconButton-root Mui-disabled MuiIconButton-sizeSmall css-hvz71z-MuiButtonBase-root-MuiIconButton-root" + disabled="" + tabindex="-1" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="ChevronRightIcon" + focusable="false" + viewBox="0 0 24 24" + > + <path + d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" + /> + </svg> + </button> + </span> + </div> + </div> + </div> + </div> + </div> + </div> +</div> +`; + +exports[`Storyshots Table With Sorting 1`] = ` +<div> + <div + class="MuiPaper-root MuiPaper-outlined MuiPaper-rounded css-xj31rx-MuiPaper-root" + > + <div + class="MuiBox-root css-1tbggly" + > + <div + class="MuiCollapse-root MuiCollapse-vertical MuiCollapse-hidden css-bz4dnt-MuiCollapse-root" + style="min-height: 0px;" + > + <div + class="MuiCollapse-wrapper MuiCollapse-vertical css-smkl36-MuiCollapse-wrapper" + > + <div + class="MuiCollapse-wrapperInner MuiCollapse-vertical css-9l5vo-MuiCollapse-wrapperInner" + > + <div + class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-colorInfo MuiAlert-standardInfo MuiAlert-standard css-ut8iii-MuiPaper-root-MuiAlert-root" + role="alert" + > + <div + class="MuiAlert-message css-1pxa9xg-MuiAlert-message" + > + <div + class="MuiStack-root css-5kul5x-MuiStack-root" + > + <div + class="MuiBox-root css-k008qs" + > + + </div> + </div> + </div> + </div> + </div> + </div> + </div> + <div + class="Mui-ToolbarDropZone MuiBox-root css-1fwjva3" + style="opacity: 0; visibility: hidden;" + > + <p + class="MuiTypography-root MuiTypography-body1 css-18b7jph-MuiTypography-root" + > + Drop to group by + </p> + </div> + <div + class="MuiBox-root css-zrlv9q" + > + <span /> + <div + class="MuiBox-root css-1p0wbhh" + > + <div + class="MuiBox-root css-di3982" + > + <button + aria-label="Show/Hide search" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium css-whz9ym-MuiButtonBase-root-MuiIconButton-root" + data-mui-internal-clone-element="true" + tabindex="0" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="SearchIcon" + focusable="false" + viewBox="0 0 24 24" + > + <path + d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + <button + aria-label="Show/Hide filters" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium css-whz9ym-MuiButtonBase-root-MuiIconButton-root" + data-mui-internal-clone-element="true" + tabindex="0" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="FilterListIcon" + focusable="false" + viewBox="0 0 24 24" + > + <path + d="M10 18h4v-2h-4zM3 6v2h18V6zm3 7h12v-2H6z" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + <button + aria-label="Show/Hide columns" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium css-whz9ym-MuiButtonBase-root-MuiIconButton-root" + data-mui-internal-clone-element="true" + tabindex="0" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="ViewColumnIcon" + focusable="false" + viewBox="0 0 24 24" + > + <path + d="M14.67 5v14H9.33V5zm1 14H21V5h-5.33zm-7.34 0V5H3v14z" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + </div> + </div> + </div> + </div> + <div + class="MuiTableContainer-root css-nhjqqh-MuiTableContainer-root" + > + <table + class="MuiTable-root css-1x84si1-MuiTable-root" + style="--header-0-size: 80; --col-0-size: 80; --header-1-size: 80; --col-1-size: 80; --header-2-size: 80; --col-2-size: 80; --header-3-size: 80; --col-3-size: 80;" + > + <thead + class="MuiTableHead-root css-118e0ip-MuiTableHead-root" + > + <tr + class="MuiTableRow-root MuiTableRow-head css-4cnyqt-MuiTableRow-root" + > + <th + class="MuiTableCell-root MuiTableCell-head MuiTableCell-alignLeft MuiTableCell-sizeMedium css-1jrv7hf-MuiTableCell-root" + colspan="1" + data-index="0" + scope="col" + > + <div + class="Mui-TableHeadCell-Content MuiBox-root css-1w86f15" + > + <div + class="Mui-TableHeadCell-Content-Labels MuiBox-root css-68rqdf" + > + <div + class="Mui-TableHeadCell-Content-Wrapper MuiBox-root css-lapokc" + > + Name + </div> + <span + aria-label="Sorted by Name descending" + class="MuiBadge-root css-1c32n2y-MuiBadge-root" + data-mui-internal-clone-element="true" + > + <span + aria-label="Sorted by Name descending" + class="MuiButtonBase-root MuiTableSortLabel-root Mui-active css-1j43wpm-MuiButtonBase-root-MuiTableSortLabel-root" + role="button" + tabindex="0" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiTableSortLabel-icon MuiTableSortLabel-iconDirectionDesc css-3l415a-MuiSvgIcon-root-MuiTableSortLabel-icon" + data-testid="ArrowDownwardIcon" + focusable="false" + viewBox="0 0 24 24" + > + <path + d="m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8z" + /> + </svg> + </span> + <span + class="MuiBadge-badge MuiBadge-standard MuiBadge-invisible MuiBadge-anchorOriginTopRight MuiBadge-anchorOriginTopRightCircular MuiBadge-overlapCircular css-dniquu-MuiBadge-badge" + > + 0 + </span> + </span> + </div> + <div + class="Mui-TableHeadCell-Content-Actions MuiBox-root css-epvm6" + > + <button + aria-label="Column Actions" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-1a0q64w-MuiButtonBase-root-MuiIconButton-root" + data-mui-internal-clone-element="true" + tabindex="0" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="MoreVertIcon" + focusable="false" + style="transform: scale(0.9);" + viewBox="0 0 24 24" + > + <path + d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + </div> + </div> + </th> + <th + class="MuiTableCell-root MuiTableCell-head MuiTableCell-alignLeft MuiTableCell-sizeMedium css-1lq7huv-MuiTableCell-root" + colspan="1" + data-index="1" + scope="col" + > + <div + class="Mui-TableHeadCell-Content MuiBox-root css-1w86f15" + > + <div + class="Mui-TableHeadCell-Content-Labels MuiBox-root css-68rqdf" + > + <div + class="Mui-TableHeadCell-Content-Wrapper MuiBox-root css-lapokc" + > + Namespace + </div> + <span + aria-label="Sort by Namespace ascending" + class="MuiBadge-root css-1c32n2y-MuiBadge-root" + data-mui-internal-clone-element="true" + > + <span + aria-label="Sort by Namespace ascending" + class="MuiButtonBase-root MuiTableSortLabel-root Mui-active css-118d58w-MuiButtonBase-root-MuiTableSortLabel-root" + role="button" + tabindex="0" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiTableSortLabel-icon MuiTableSortLabel-iconDirectionAsc css-1vweko9-MuiSvgIcon-root-MuiTableSortLabel-icon" + data-testid="SyncAltIcon" + focusable="false" + style="transform: rotate(-90deg) scaleX(0.9) translateX(-1px);" + viewBox="0 0 24 24" + > + <path + d="m18 12 4-4-4-4v3H3v2h15zM6 12l-4 4 4 4v-3h15v-2H6z" + /> + </svg> + </span> + <span + class="MuiBadge-badge MuiBadge-standard MuiBadge-invisible MuiBadge-anchorOriginTopRight MuiBadge-anchorOriginTopRightCircular MuiBadge-overlapCircular css-dniquu-MuiBadge-badge" + > + 0 + </span> + </span> + </div> + <div + class="Mui-TableHeadCell-Content-Actions MuiBox-root css-epvm6" + > + <button + aria-label="Column Actions" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-1a0q64w-MuiButtonBase-root-MuiIconButton-root" + data-mui-internal-clone-element="true" + tabindex="0" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="MoreVertIcon" + focusable="false" + style="transform: scale(0.9);" + viewBox="0 0 24 24" + > + <path + d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + </div> + </div> + </th> + <th + class="MuiTableCell-root MuiTableCell-head MuiTableCell-alignLeft MuiTableCell-sizeMedium css-1ughqxg-MuiTableCell-root" + colspan="1" + data-index="2" + scope="col" + > + <div + class="Mui-TableHeadCell-Content MuiBox-root css-1w86f15" + > + <div + class="Mui-TableHeadCell-Content-Labels MuiBox-root css-68rqdf" + > + <div + class="Mui-TableHeadCell-Content-Wrapper MuiBox-root css-chb057" + > + UID + </div> + <span + aria-label="Sort by UID ascending" + class="MuiBadge-root css-1c32n2y-MuiBadge-root" + data-mui-internal-clone-element="true" + > + <span + aria-label="Sort by UID ascending" + class="MuiButtonBase-root MuiTableSortLabel-root Mui-active css-118d58w-MuiButtonBase-root-MuiTableSortLabel-root" + role="button" + tabindex="0" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiTableSortLabel-icon MuiTableSortLabel-iconDirectionAsc css-1vweko9-MuiSvgIcon-root-MuiTableSortLabel-icon" + data-testid="SyncAltIcon" + focusable="false" + style="transform: rotate(-90deg) scaleX(0.9) translateX(-1px);" + viewBox="0 0 24 24" + > + <path + d="m18 12 4-4-4-4v3H3v2h15zM6 12l-4 4 4 4v-3h15v-2H6z" + /> + </svg> + </span> + <span + class="MuiBadge-badge MuiBadge-standard MuiBadge-invisible MuiBadge-anchorOriginTopRight MuiBadge-anchorOriginTopRightCircular MuiBadge-overlapCircular css-dniquu-MuiBadge-badge" + > + 0 + </span> + </span> + </div> + <div + class="Mui-TableHeadCell-Content-Actions MuiBox-root css-epvm6" + > + <button + aria-label="Column Actions" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-1a0q64w-MuiButtonBase-root-MuiIconButton-root" + data-mui-internal-clone-element="true" + tabindex="0" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="MoreVertIcon" + focusable="false" + style="transform: scale(0.9);" + viewBox="0 0 24 24" + > + <path + d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + </div> + </div> + </th> + <th + class="MuiTableCell-root MuiTableCell-head MuiTableCell-alignLeft MuiTableCell-sizeMedium css-1nssqnd-MuiTableCell-root" + colspan="1" + data-index="3" + scope="col" + > + <div + class="Mui-TableHeadCell-Content MuiBox-root css-1w86f15" + > + <div + class="Mui-TableHeadCell-Content-Labels MuiBox-root css-68rqdf" + > + <div + class="Mui-TableHeadCell-Content-Wrapper MuiBox-root css-lapokc" + > + Labels + </div> + <span + aria-label="Sort by Labels descending" + class="MuiBadge-root css-1c32n2y-MuiBadge-root" + data-mui-internal-clone-element="true" + > + <span + aria-label="Sort by Labels descending" + class="MuiButtonBase-root MuiTableSortLabel-root Mui-active css-118d58w-MuiButtonBase-root-MuiTableSortLabel-root" + role="button" + tabindex="0" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiTableSortLabel-icon MuiTableSortLabel-iconDirectionAsc css-1vweko9-MuiSvgIcon-root-MuiTableSortLabel-icon" + data-testid="SyncAltIcon" + focusable="false" + style="transform: rotate(-90deg) scaleX(0.9) translateX(-1px);" + viewBox="0 0 24 24" + > + <path + d="m18 12 4-4-4-4v3H3v2h15zM6 12l-4 4 4 4v-3h15v-2H6z" + /> + </svg> + </span> + <span + class="MuiBadge-badge MuiBadge-standard MuiBadge-invisible MuiBadge-anchorOriginTopRight MuiBadge-anchorOriginTopRightCircular MuiBadge-overlapCircular css-dniquu-MuiBadge-badge" + > + 0 + </span> + </span> + </div> + <div + class="Mui-TableHeadCell-Content-Actions MuiBox-root css-epvm6" + > + <button + aria-label="Column Actions" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-1a0q64w-MuiButtonBase-root-MuiIconButton-root" + data-mui-internal-clone-element="true" + tabindex="0" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="MoreVertIcon" + focusable="false" + style="transform: scale(0.9);" + viewBox="0 0 24 24" + > + <path + d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2" + /> + </svg> + <span + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + /> + </button> + </div> + </div> + </th> + </tr> + </thead> + <tbody + class="MuiTableBody-root css-29nbga-MuiTableBody-root" + > + <tr + class="MuiTableRow-root css-19dmwlb-MuiTableRow-root" + data-index="0" + > + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-tn1erv-MuiTableCell-root" + data-index="0" + > + mydefinition.phonyresources3.io + </td> + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-1phqppa-MuiTableCell-root" + data-index="1" + > + MyNamespace3 + </td> + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-w6o6bl-MuiTableCell-root" + data-index="2" + > + phony3 + </td> + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-vjwruf-MuiTableCell-root" + data-index="3" + > + {"mykey3":"myvalue3"} + </td> + </tr> + <tr + class="MuiTableRow-root css-19dmwlb-MuiTableRow-root" + data-index="1" + > + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-tn1erv-MuiTableCell-root" + data-index="0" + > + mydefinition.phonyresources2.io + </td> + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-1phqppa-MuiTableCell-root" + data-index="1" + > + MyNamespace2 + </td> + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-w6o6bl-MuiTableCell-root" + data-index="2" + > + phony2 + </td> + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-vjwruf-MuiTableCell-root" + data-index="3" + > + {"mykey2":"mylabel"} + </td> + </tr> + <tr + class="MuiTableRow-root css-19dmwlb-MuiTableRow-root" + data-index="2" + > + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-tn1erv-MuiTableCell-root" + data-index="0" + > + mydefinition.phonyresources1.io + </td> + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-1phqppa-MuiTableCell-root" + data-index="1" + > + MyNamespace1 + </td> + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-w6o6bl-MuiTableCell-root" + data-index="2" + > + phony1 + </td> + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-vjwruf-MuiTableCell-root" + data-index="3" + > + {"mylabel1":"myvalue1"} + </td> + </tr> + <tr + class="MuiTableRow-root css-19dmwlb-MuiTableRow-root" + data-index="3" + > + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-tn1erv-MuiTableCell-root" + data-index="0" + > + mydefinition.phonyresources0.io + </td> + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-1phqppa-MuiTableCell-root" + data-index="1" + > + MyNamespace0 + </td> + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-w6o6bl-MuiTableCell-root" + data-index="2" + > + phony0 + </td> + <td + class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft MuiTableCell-sizeMedium css-vjwruf-MuiTableCell-root" + data-index="3" + /> + </tr> + </tbody> + <tfoot + class="MuiTableFooter-root css-131pszo-MuiTableFooter-root" + /> + </table> + </div> + <div + class="MuiBox-root css-1bxknjp" + > + <div + class="MuiBox-root css-1llu0od" + > + <span /> + <div + class="MuiBox-root css-qpxlqp" + > + <div + class="MuiTablePagination-root MuiBox-root css-1brajfe" + > + <div + class="MuiBox-root css-exd1zr" + > + <label + class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-animated MuiFormLabel-colorPrimary MuiInputLabel-root MuiInputLabel-animated css-14fyl8y-MuiFormLabel-root-MuiInputLabel-root" + for="mrt-rows-per-page" + > + Rows per page + </label> + <div + class="MuiInputBase-root MuiInput-root MuiInputBase-colorPrimary css-1yz2iyv-MuiInputBase-root-MuiInput-root-MuiSelect-root" + > + <div + aria-controls="mui-test-id" + aria-expanded="false" + aria-haspopup="listbox" + aria-label="Rows per page" + class="MuiSelect-select MuiSelect-standard MuiInputBase-input MuiInput-input css-1rxz5jq-MuiSelect-select-MuiInputBase-input-MuiInput-input" + role="combobox" + tabindex="0" + > + 15 + </div> + <input + aria-hidden="true" + aria-invalid="false" + class="MuiSelect-nativeInput css-yf8vq0-MuiSelect-nativeInput" + id="mrt-rows-per-page" + tabindex="-1" + value="15" + /> + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiSelect-icon MuiSelect-iconStandard css-pqjvzy-MuiSvgIcon-root-MuiSelect-icon" + data-testid="ArrowDropDownIcon" + focusable="false" + viewBox="0 0 24 24" + > + <path + d="M7 10l5 5 5-5z" + /> + </svg> + </div> + </div> + <span + class="MuiTypography-root MuiTypography-body2 MuiTypography-alignCenter css-htm6yz-MuiTypography-root" + > + 1-4 of 4 + </span> + <div + class="MuiBox-root css-192dx0w" + > + <span + aria-label="Go to previous page" + class="" + data-mui-internal-clone-element="true" + > + <button + aria-label="Go to previous page" + class="MuiButtonBase-root Mui-disabled MuiIconButton-root Mui-disabled MuiIconButton-sizeSmall css-hvz71z-MuiButtonBase-root-MuiIconButton-root" + disabled="" + tabindex="-1" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="ChevronLeftIcon" + focusable="false" + viewBox="0 0 24 24" + > + <path + d="M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z" + /> + </svg> + </button> + </span> + <span + aria-label="Go to next page" + class="" + data-mui-internal-clone-element="true" + > + <button + aria-label="Go to next page" + class="MuiButtonBase-root Mui-disabled MuiIconButton-root Mui-disabled MuiIconButton-sizeSmall css-hvz71z-MuiButtonBase-root-MuiIconButton-root" + disabled="" + tabindex="-1" + type="button" + > + <svg + aria-hidden="true" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + data-testid="ChevronRightIcon" + focusable="false" + viewBox="0 0 24 24" + > + <path + d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" + /> + </svg> + </button> + </span> + </div> + </div> + </div> + </div> + </div> + </div> +</div> +`; diff --git a/frontend/src/components/common/Table/index.tsx b/frontend/src/components/common/Table/index.tsx new file mode 100644 index 00000000000..b727e5235eb --- /dev/null +++ b/frontend/src/components/common/Table/index.tsx @@ -0,0 +1,3 @@ +export * from './Table'; +import Table from './Table'; +export default Table; diff --git a/frontend/src/components/common/__snapshots__/ActionsNotifier.stories.storyshot b/frontend/src/components/common/__snapshots__/ActionsNotifier.stories.storyshot index e4597a42729..bd38a709952 100644 --- a/frontend/src/components/common/__snapshots__/ActionsNotifier.stories.storyshot +++ b/frontend/src/components/common/__snapshots__/ActionsNotifier.stories.storyshot @@ -36,7 +36,7 @@ exports[`Storyshots ActionsNotifier Some 1`] = ` class="SnackbarItem-action" > <button - class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textSecondary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-root MuiButton-text MuiButton-textSecondary MuiButton-sizeSmall MuiButton-textSizeSmall css-u3zvl7-MuiButtonBase-root-MuiButton-root" + class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textSecondary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorSecondary MuiButton-root MuiButton-text MuiButton-textSecondary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorSecondary css-u3zvl7-MuiButtonBase-root-MuiButton-root" tabindex="0" type="button" > diff --git a/frontend/src/components/common/__snapshots__/ConfirmButton.stories.storyshot b/frontend/src/components/common/__snapshots__/ConfirmButton.stories.storyshot index a81bb4ae86b..34ba3cd162b 100644 --- a/frontend/src/components/common/__snapshots__/ConfirmButton.stories.storyshot +++ b/frontend/src/components/common/__snapshots__/ConfirmButton.stories.storyshot @@ -4,7 +4,7 @@ exports[`Storyshots ConfirmButton Confirm 1`] = ` <div> <button aria-label="confirm undo" - class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium css-1gp6czg-MuiButtonBase-root-MuiButton-root" + class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary css-1gp6czg-MuiButtonBase-root-MuiButton-root" tabindex="0" type="button" > @@ -21,7 +21,7 @@ exports[`Storyshots ConfirmButton Extends Button 1`] = ` <div> <button aria-label="confirm undo" - class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textSecondary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-root MuiButton-text MuiButton-textSecondary MuiButton-sizeMedium MuiButton-textSizeMedium css-h2z0wl-MuiButtonBase-root-MuiButton-root" + class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textSecondary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorSecondary MuiButton-root MuiButton-text MuiButton-textSecondary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorSecondary css-h2z0wl-MuiButtonBase-root-MuiButton-root" tabindex="0" type="button" > diff --git a/frontend/src/components/common/__snapshots__/NamespacesAutocomplete.stories.storyshot b/frontend/src/components/common/__snapshots__/NamespacesAutocomplete.stories.storyshot index 6e61b390fc5..48eeed1b035 100644 --- a/frontend/src/components/common/__snapshots__/NamespacesAutocomplete.stories.storyshot +++ b/frontend/src/components/common/__snapshots__/NamespacesAutocomplete.stories.storyshot @@ -3,7 +3,7 @@ exports[`Storyshots NamespacesAutocomplete Some 1`] = ` <div> <div - class="MuiAutocomplete-root MuiAutocomplete-hasPopupIcon css-1h51icj-MuiAutocomplete-root" + class="MuiAutocomplete-root MuiAutocomplete-hasPopupIcon css-clttge-MuiAutocomplete-root" > <div class="MuiBox-root css-1dipl1t" @@ -21,7 +21,7 @@ exports[`Storyshots NamespacesAutocomplete Some 1`] = ` Namespaces </label> <div - class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-adornedEnd MuiAutocomplete-inputRoot css-15ywaty-MuiInputBase-root-MuiInput-root" + class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-adornedEnd MuiAutocomplete-inputRoot css-lbi814-MuiInputBase-root-MuiInput-root" > <input aria-autocomplete="both" @@ -38,7 +38,7 @@ exports[`Storyshots NamespacesAutocomplete Some 1`] = ` value="" /> <div - class="MuiAutocomplete-endAdornment css-1q60rmi-MuiAutocomplete-endAdornment" + class="MuiAutocomplete-endAdornment css-p1olib-MuiAutocomplete-endAdornment" > <button aria-label="Open" diff --git a/frontend/src/components/common/__snapshots__/SimpleTable.stories.storyshot b/frontend/src/components/common/__snapshots__/SimpleTable.stories.storyshot index 62a25224fb3..81589ec7831 100644 --- a/frontend/src/components/common/__snapshots__/SimpleTable.stories.storyshot +++ b/frontend/src/components/common/__snapshots__/SimpleTable.stories.storyshot @@ -300,7 +300,7 @@ exports[`Storyshots SimpleTable Label Search 1`] = ` class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root" > <div - class="MuiAutocomplete-root MuiAutocomplete-hasPopupIcon css-1h51icj-MuiAutocomplete-root" + class="MuiAutocomplete-root MuiAutocomplete-hasPopupIcon css-clttge-MuiAutocomplete-root" > <div class="MuiBox-root css-1dipl1t" @@ -318,7 +318,7 @@ exports[`Storyshots SimpleTable Label Search 1`] = ` Namespaces </label> <div - class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-adornedEnd MuiAutocomplete-inputRoot css-15ywaty-MuiInputBase-root-MuiInput-root" + class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-adornedEnd MuiAutocomplete-inputRoot css-lbi814-MuiInputBase-root-MuiInput-root" > <input aria-autocomplete="both" @@ -335,7 +335,7 @@ exports[`Storyshots SimpleTable Label Search 1`] = ` value="" /> <div - class="MuiAutocomplete-endAdornment css-1q60rmi-MuiAutocomplete-endAdornment" + class="MuiAutocomplete-endAdornment css-p1olib-MuiAutocomplete-endAdornment" > <button aria-label="Open" @@ -380,7 +380,7 @@ exports[`Storyshots SimpleTable Label Search 1`] = ` Search </label> <div - class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary Mui-focused MuiInputBase-formControl css-at4obv-MuiInputBase-root-MuiInput-root" + class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary Mui-focused MuiInputBase-formControl css-1d1jo89-MuiInputBase-root-MuiInput-root" role="search" > <input @@ -399,13 +399,13 @@ exports[`Storyshots SimpleTable Label Search 1`] = ` > <button aria-controls="standard-search" - class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium css-19g3xkx-MuiButtonBase-root-MuiButton-root" + class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary css-19g3xkx-MuiButtonBase-root-MuiButton-root" tabindex="0" type="button" > Clear <span - class="MuiButton-endIcon MuiButton-iconSizeMedium css-9tj150-MuiButton-endIcon" + class="MuiButton-icon MuiButton-endIcon MuiButton-iconSizeMedium css-9tj150-MuiButton-endIcon" > <span /> </span> @@ -551,7 +551,7 @@ exports[`Storyshots SimpleTable Name Search 1`] = ` class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root" > <div - class="MuiAutocomplete-root MuiAutocomplete-hasPopupIcon css-1h51icj-MuiAutocomplete-root" + class="MuiAutocomplete-root MuiAutocomplete-hasPopupIcon css-clttge-MuiAutocomplete-root" > <div class="MuiBox-root css-1dipl1t" @@ -569,7 +569,7 @@ exports[`Storyshots SimpleTable Name Search 1`] = ` Namespaces </label> <div - class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-adornedEnd MuiAutocomplete-inputRoot css-15ywaty-MuiInputBase-root-MuiInput-root" + class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-adornedEnd MuiAutocomplete-inputRoot css-lbi814-MuiInputBase-root-MuiInput-root" > <input aria-autocomplete="both" @@ -586,7 +586,7 @@ exports[`Storyshots SimpleTable Name Search 1`] = ` value="" /> <div - class="MuiAutocomplete-endAdornment css-1q60rmi-MuiAutocomplete-endAdornment" + class="MuiAutocomplete-endAdornment css-p1olib-MuiAutocomplete-endAdornment" > <button aria-label="Open" @@ -631,7 +631,7 @@ exports[`Storyshots SimpleTable Name Search 1`] = ` Search </label> <div - class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary Mui-focused MuiInputBase-formControl css-at4obv-MuiInputBase-root-MuiInput-root" + class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary Mui-focused MuiInputBase-formControl css-1d1jo89-MuiInputBase-root-MuiInput-root" role="search" > <input @@ -650,13 +650,13 @@ exports[`Storyshots SimpleTable Name Search 1`] = ` > <button aria-controls="standard-search" - class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium css-19g3xkx-MuiButtonBase-root-MuiButton-root" + class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary css-19g3xkx-MuiButtonBase-root-MuiButton-root" tabindex="0" type="button" > Clear <span - class="MuiButton-endIcon MuiButton-iconSizeMedium css-9tj150-MuiButton-endIcon" + class="MuiButton-icon MuiButton-endIcon MuiButton-iconSizeMedium css-9tj150-MuiButton-endIcon" > <span /> </span> @@ -778,7 +778,7 @@ exports[`Storyshots SimpleTable Namespace Search 1`] = ` class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root" > <div - class="MuiAutocomplete-root MuiAutocomplete-hasPopupIcon css-1h51icj-MuiAutocomplete-root" + class="MuiAutocomplete-root MuiAutocomplete-hasPopupIcon css-clttge-MuiAutocomplete-root" > <div class="MuiBox-root css-1dipl1t" @@ -796,7 +796,7 @@ exports[`Storyshots SimpleTable Namespace Search 1`] = ` Namespaces </label> <div - class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-adornedEnd MuiAutocomplete-inputRoot css-15ywaty-MuiInputBase-root-MuiInput-root" + class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-adornedEnd MuiAutocomplete-inputRoot css-lbi814-MuiInputBase-root-MuiInput-root" > <input aria-autocomplete="both" @@ -813,7 +813,7 @@ exports[`Storyshots SimpleTable Namespace Search 1`] = ` value="" /> <div - class="MuiAutocomplete-endAdornment css-1q60rmi-MuiAutocomplete-endAdornment" + class="MuiAutocomplete-endAdornment css-p1olib-MuiAutocomplete-endAdornment" > <button aria-label="Open" @@ -858,7 +858,7 @@ exports[`Storyshots SimpleTable Namespace Search 1`] = ` Search </label> <div - class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary Mui-focused MuiInputBase-formControl css-at4obv-MuiInputBase-root-MuiInput-root" + class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary Mui-focused MuiInputBase-formControl css-1d1jo89-MuiInputBase-root-MuiInput-root" role="search" > <input @@ -877,13 +877,13 @@ exports[`Storyshots SimpleTable Namespace Search 1`] = ` > <button aria-controls="standard-search" - class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium css-19g3xkx-MuiButtonBase-root-MuiButton-root" + class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary css-19g3xkx-MuiButtonBase-root-MuiButton-root" tabindex="0" type="button" > Clear <span - class="MuiButton-endIcon MuiButton-iconSizeMedium css-9tj150-MuiButton-endIcon" + class="MuiButton-icon MuiButton-endIcon MuiButton-iconSizeMedium css-9tj150-MuiButton-endIcon" > <span /> </span> @@ -1005,7 +1005,7 @@ exports[`Storyshots SimpleTable Namespace Select 1`] = ` class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root" > <div - class="MuiAutocomplete-root MuiAutocomplete-hasClearIcon MuiAutocomplete-hasPopupIcon css-1h51icj-MuiAutocomplete-root" + class="MuiAutocomplete-root MuiAutocomplete-hasClearIcon MuiAutocomplete-hasPopupIcon css-clttge-MuiAutocomplete-root" > <div class="MuiBox-root css-1dipl1t" @@ -1023,7 +1023,7 @@ exports[`Storyshots SimpleTable Namespace Select 1`] = ` Namespaces </label> <div - class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-adornedStart MuiInputBase-adornedEnd MuiAutocomplete-inputRoot css-15ywaty-MuiInputBase-root-MuiInput-root" + class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-adornedStart MuiInputBase-adornedEnd MuiAutocomplete-inputRoot css-lbi814-MuiInputBase-root-MuiInput-root" > <p class="MuiTypography-root MuiTypography-body1 css-1ezega9-MuiTypography-root" @@ -1052,7 +1052,7 @@ exports[`Storyshots SimpleTable Namespace Select 1`] = ` value="" /> <div - class="MuiAutocomplete-endAdornment css-1q60rmi-MuiAutocomplete-endAdornment" + class="MuiAutocomplete-endAdornment css-p1olib-MuiAutocomplete-endAdornment" > <button aria-label="Clear" @@ -1119,7 +1119,7 @@ exports[`Storyshots SimpleTable Namespace Select 1`] = ` Search </label> <div - class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary Mui-focused MuiInputBase-formControl css-at4obv-MuiInputBase-root-MuiInput-root" + class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary Mui-focused MuiInputBase-formControl css-1d1jo89-MuiInputBase-root-MuiInput-root" role="search" > <input @@ -1138,13 +1138,13 @@ exports[`Storyshots SimpleTable Namespace Select 1`] = ` > <button aria-controls="standard-search" - class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium css-19g3xkx-MuiButtonBase-root-MuiButton-root" + class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary css-19g3xkx-MuiButtonBase-root-MuiButton-root" tabindex="0" type="button" > Clear <span - class="MuiButton-endIcon MuiButton-iconSizeMedium css-9tj150-MuiButton-endIcon" + class="MuiButton-icon MuiButton-endIcon MuiButton-iconSizeMedium css-9tj150-MuiButton-endIcon" > <span /> </span> @@ -1288,7 +1288,7 @@ exports[`Storyshots SimpleTable Not Found Message 1`] = ` class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root" > <div - class="MuiAutocomplete-root MuiAutocomplete-hasPopupIcon css-1h51icj-MuiAutocomplete-root" + class="MuiAutocomplete-root MuiAutocomplete-hasPopupIcon css-clttge-MuiAutocomplete-root" > <div class="MuiBox-root css-1dipl1t" @@ -1306,7 +1306,7 @@ exports[`Storyshots SimpleTable Not Found Message 1`] = ` Namespaces </label> <div - class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-adornedEnd MuiAutocomplete-inputRoot css-15ywaty-MuiInputBase-root-MuiInput-root" + class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-adornedEnd MuiAutocomplete-inputRoot css-lbi814-MuiInputBase-root-MuiInput-root" > <input aria-autocomplete="both" @@ -1323,7 +1323,7 @@ exports[`Storyshots SimpleTable Not Found Message 1`] = ` value="" /> <div - class="MuiAutocomplete-endAdornment css-1q60rmi-MuiAutocomplete-endAdornment" + class="MuiAutocomplete-endAdornment css-p1olib-MuiAutocomplete-endAdornment" > <button aria-label="Open" @@ -1368,7 +1368,7 @@ exports[`Storyshots SimpleTable Not Found Message 1`] = ` Search </label> <div - class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary Mui-focused MuiInputBase-formControl css-at4obv-MuiInputBase-root-MuiInput-root" + class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary Mui-focused MuiInputBase-formControl css-1d1jo89-MuiInputBase-root-MuiInput-root" role="search" > <input @@ -1387,13 +1387,13 @@ exports[`Storyshots SimpleTable Not Found Message 1`] = ` > <button aria-controls="standard-search" - class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium css-19g3xkx-MuiButtonBase-root-MuiButton-root" + class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary css-19g3xkx-MuiButtonBase-root-MuiButton-root" tabindex="0" type="button" > Clear <span - class="MuiButton-endIcon MuiButton-iconSizeMedium css-9tj150-MuiButton-endIcon" + class="MuiButton-icon MuiButton-endIcon MuiButton-iconSizeMedium css-9tj150-MuiButton-endIcon" > <span /> </span> @@ -1509,7 +1509,7 @@ exports[`Storyshots SimpleTable Number Search 1`] = ` class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root" > <div - class="MuiAutocomplete-root MuiAutocomplete-hasPopupIcon css-1h51icj-MuiAutocomplete-root" + class="MuiAutocomplete-root MuiAutocomplete-hasPopupIcon css-clttge-MuiAutocomplete-root" > <div class="MuiBox-root css-1dipl1t" @@ -1527,7 +1527,7 @@ exports[`Storyshots SimpleTable Number Search 1`] = ` Namespaces </label> <div - class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-adornedEnd MuiAutocomplete-inputRoot css-15ywaty-MuiInputBase-root-MuiInput-root" + class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-adornedEnd MuiAutocomplete-inputRoot css-lbi814-MuiInputBase-root-MuiInput-root" > <input aria-autocomplete="both" @@ -1544,7 +1544,7 @@ exports[`Storyshots SimpleTable Number Search 1`] = ` value="" /> <div - class="MuiAutocomplete-endAdornment css-1q60rmi-MuiAutocomplete-endAdornment" + class="MuiAutocomplete-endAdornment css-p1olib-MuiAutocomplete-endAdornment" > <button aria-label="Open" @@ -1589,7 +1589,7 @@ exports[`Storyshots SimpleTable Number Search 1`] = ` Search </label> <div - class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary Mui-focused MuiInputBase-formControl css-at4obv-MuiInputBase-root-MuiInput-root" + class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary Mui-focused MuiInputBase-formControl css-1d1jo89-MuiInputBase-root-MuiInput-root" role="search" > <input @@ -1608,13 +1608,13 @@ exports[`Storyshots SimpleTable Number Search 1`] = ` > <button aria-controls="standard-search" - class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium css-19g3xkx-MuiButtonBase-root-MuiButton-root" + class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary css-19g3xkx-MuiButtonBase-root-MuiButton-root" tabindex="0" type="button" > Clear <span - class="MuiButton-endIcon MuiButton-iconSizeMedium css-9tj150-MuiButton-endIcon" + class="MuiButton-icon MuiButton-endIcon MuiButton-iconSizeMedium css-9tj150-MuiButton-endIcon" > <span /> </span> @@ -2027,7 +2027,7 @@ exports[`Storyshots SimpleTable UID Search 1`] = ` class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root" > <div - class="MuiAutocomplete-root MuiAutocomplete-hasPopupIcon css-1h51icj-MuiAutocomplete-root" + class="MuiAutocomplete-root MuiAutocomplete-hasPopupIcon css-clttge-MuiAutocomplete-root" > <div class="MuiBox-root css-1dipl1t" @@ -2045,7 +2045,7 @@ exports[`Storyshots SimpleTable UID Search 1`] = ` Namespaces </label> <div - class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-adornedEnd MuiAutocomplete-inputRoot css-15ywaty-MuiInputBase-root-MuiInput-root" + class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-adornedEnd MuiAutocomplete-inputRoot css-lbi814-MuiInputBase-root-MuiInput-root" > <input aria-autocomplete="both" @@ -2062,7 +2062,7 @@ exports[`Storyshots SimpleTable UID Search 1`] = ` value="" /> <div - class="MuiAutocomplete-endAdornment css-1q60rmi-MuiAutocomplete-endAdornment" + class="MuiAutocomplete-endAdornment css-p1olib-MuiAutocomplete-endAdornment" > <button aria-label="Open" @@ -2107,7 +2107,7 @@ exports[`Storyshots SimpleTable UID Search 1`] = ` Search </label> <div - class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary Mui-focused MuiInputBase-formControl css-at4obv-MuiInputBase-root-MuiInput-root" + class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary Mui-focused MuiInputBase-formControl css-1d1jo89-MuiInputBase-root-MuiInput-root" role="search" > <input @@ -2126,13 +2126,13 @@ exports[`Storyshots SimpleTable UID Search 1`] = ` > <button aria-controls="standard-search" - class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium css-19g3xkx-MuiButtonBase-root-MuiButton-root" + class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary css-19g3xkx-MuiButtonBase-root-MuiButton-root" tabindex="0" type="button" > Clear <span - class="MuiButton-endIcon MuiButton-iconSizeMedium css-9tj150-MuiButton-endIcon" + class="MuiButton-icon MuiButton-endIcon MuiButton-iconSizeMedium css-9tj150-MuiButton-endIcon" > <span /> </span> diff --git a/frontend/src/components/common/index.test.ts b/frontend/src/components/common/index.test.ts index e702f004cde..60713d37698 100644 --- a/frontend/src/components/common/index.test.ts +++ b/frontend/src/components/common/index.test.ts @@ -36,6 +36,7 @@ const checkExports = [ 'SectionHeader', 'ShowHideLabel', 'SimpleTable', + 'Table', 'Tabs', 'Terminal', 'TileChart', diff --git a/frontend/src/components/common/index.ts b/frontend/src/components/common/index.ts index 13557e26ec9..4e35bcc8c7c 100644 --- a/frontend/src/components/common/index.ts +++ b/frontend/src/components/common/index.ts @@ -48,3 +48,5 @@ export * from './ErrorPage'; export * from './ConfirmButton'; export { default as ConfirmButton } from './ConfirmButton'; export * from './NamespacesAutocomplete'; +export * from './Table/Table'; +export { default as Table } from './Table'; diff --git a/frontend/src/components/configmap/__snapshots__/Details.stories.storyshot b/frontend/src/components/configmap/__snapshots__/Details.stories.storyshot index 416baee2baa..a9f1b6805fd 100644 --- a/frontend/src/components/configmap/__snapshots__/Details.stories.storyshot +++ b/frontend/src/components/configmap/__snapshots__/Details.stories.storyshot @@ -12,12 +12,12 @@ exports[`Storyshots ConfigMap/DetailsView Empty 1`] = ` class="MuiBox-root css-p0cik4" > <button - class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall css-w7fpvq-MuiButtonBase-root-MuiButton-root" + class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary css-w7fpvq-MuiButtonBase-root-MuiButton-root" tabindex="0" type="button" > <span - class="MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" + class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" > <span /> </span> @@ -353,12 +353,12 @@ exports[`Storyshots ConfigMap/DetailsView With Base 1`] = ` class="MuiBox-root css-p0cik4" > <button - class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall css-w7fpvq-MuiButtonBase-root-MuiButton-root" + class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary css-w7fpvq-MuiButtonBase-root-MuiButton-root" tabindex="0" type="button" > <span - class="MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" + class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" > <span /> </span> diff --git a/frontend/src/components/crd/__snapshots__/CustomResourceDefinition.stories.storyshot b/frontend/src/components/crd/__snapshots__/CustomResourceDefinition.stories.storyshot index cc0d5bb87f2..483fae36f17 100644 --- a/frontend/src/components/crd/__snapshots__/CustomResourceDefinition.stories.storyshot +++ b/frontend/src/components/crd/__snapshots__/CustomResourceDefinition.stories.storyshot @@ -12,12 +12,12 @@ exports[`Storyshots crd/CustomResourceDefinition Details 1`] = ` class="MuiBox-root css-p0cik4" > <button - class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall css-w7fpvq-MuiButtonBase-root-MuiButton-root" + class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary css-w7fpvq-MuiButtonBase-root-MuiButton-root" tabindex="0" type="button" > <span - class="MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" + class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" > <span /> </span> diff --git a/frontend/src/components/crd/__snapshots__/CustomResourceDetails.stories.storyshot b/frontend/src/components/crd/__snapshots__/CustomResourceDetails.stories.storyshot index d93c28bc324..a68b5140052 100644 --- a/frontend/src/components/crd/__snapshots__/CustomResourceDetails.stories.storyshot +++ b/frontend/src/components/crd/__snapshots__/CustomResourceDetails.stories.storyshot @@ -69,12 +69,12 @@ exports[`Storyshots crd/CustomResourceDetails No Error 1`] = ` class="MuiBox-root css-p0cik4" > <button - class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall css-w7fpvq-MuiButtonBase-root-MuiButton-root" + class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary css-w7fpvq-MuiButtonBase-root-MuiButton-root" tabindex="0" type="button" > <span - class="MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" + class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" > <span /> </span> diff --git a/frontend/src/components/crd/__snapshots__/CustomResourceList.stories.storyshot b/frontend/src/components/crd/__snapshots__/CustomResourceList.stories.storyshot index 03ff258696d..67b3b730ba3 100644 --- a/frontend/src/components/crd/__snapshots__/CustomResourceList.stories.storyshot +++ b/frontend/src/components/crd/__snapshots__/CustomResourceList.stories.storyshot @@ -12,12 +12,12 @@ exports[`Storyshots crd/CustomResourceList List 1`] = ` class="MuiBox-root css-p0cik4" > <button - class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall css-w7fpvq-MuiButtonBase-root-MuiButton-root" + class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary css-w7fpvq-MuiButtonBase-root-MuiButton-root" tabindex="0" type="button" > <span - class="MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" + class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" > <span /> </span> diff --git a/frontend/src/components/cronjob/__snapshots__/CronJobDetails.stories.storyshot b/frontend/src/components/cronjob/__snapshots__/CronJobDetails.stories.storyshot index 81f5b131c75..6b5059cc07a 100644 --- a/frontend/src/components/cronjob/__snapshots__/CronJobDetails.stories.storyshot +++ b/frontend/src/components/cronjob/__snapshots__/CronJobDetails.stories.storyshot @@ -12,12 +12,12 @@ exports[`Storyshots CronJob/CronJobDetailsView Every Ast 1`] = ` class="MuiBox-root css-p0cik4" > <button - class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall css-w7fpvq-MuiButtonBase-root-MuiButton-root" + class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary css-w7fpvq-MuiButtonBase-root-MuiButton-root" tabindex="0" type="button" > <span - class="MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" + class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" > <span /> </span> @@ -510,12 +510,12 @@ exports[`Storyshots CronJob/CronJobDetailsView Every Minute 1`] = ` class="MuiBox-root css-p0cik4" > <button - class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall css-w7fpvq-MuiButtonBase-root-MuiButton-root" + class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary css-w7fpvq-MuiButtonBase-root-MuiButton-root" tabindex="0" type="button" > <span - class="MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" + class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" > <span /> </span> diff --git a/frontend/src/components/endpoints/__snapshots__/EndpointDetails.stories.storyshot b/frontend/src/components/endpoints/__snapshots__/EndpointDetails.stories.storyshot index cac7f21dccf..383f354140c 100644 --- a/frontend/src/components/endpoints/__snapshots__/EndpointDetails.stories.storyshot +++ b/frontend/src/components/endpoints/__snapshots__/EndpointDetails.stories.storyshot @@ -12,12 +12,12 @@ exports[`Storyshots endpoints/EndpointsDetailsView Default 1`] = ` class="MuiBox-root css-p0cik4" > <button - class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall css-w7fpvq-MuiButtonBase-root-MuiButton-root" + class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary css-w7fpvq-MuiButtonBase-root-MuiButton-root" tabindex="0" type="button" > <span - class="MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" + class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" > <span /> </span> @@ -542,12 +542,12 @@ exports[`Storyshots endpoints/EndpointsDetailsView Error 1`] = ` class="MuiBox-root css-p0cik4" > <button - class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall css-w7fpvq-MuiButtonBase-root-MuiButton-root" + class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary css-w7fpvq-MuiButtonBase-root-MuiButton-root" tabindex="0" type="button" > <span - class="MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" + class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" > <span /> </span> @@ -648,12 +648,12 @@ exports[`Storyshots endpoints/EndpointsDetailsView No Item Yet 1`] = ` class="MuiBox-root css-p0cik4" > <button - class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall css-w7fpvq-MuiButtonBase-root-MuiButton-root" + class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary css-w7fpvq-MuiButtonBase-root-MuiButton-root" tabindex="0" type="button" > <span - class="MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" + class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" > <span /> </span> diff --git a/frontend/src/components/horizontalPodAutoscaler/__snapshots__/HPADetails.stories.storyshot b/frontend/src/components/horizontalPodAutoscaler/__snapshots__/HPADetails.stories.storyshot index 3309adef4ce..db66ad23fa6 100644 --- a/frontend/src/components/horizontalPodAutoscaler/__snapshots__/HPADetails.stories.storyshot +++ b/frontend/src/components/horizontalPodAutoscaler/__snapshots__/HPADetails.stories.storyshot @@ -12,12 +12,12 @@ exports[`Storyshots hpa/HpaDetailsView Default 1`] = ` class="MuiBox-root css-p0cik4" > <button - class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall css-w7fpvq-MuiButtonBase-root-MuiButton-root" + class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary css-w7fpvq-MuiButtonBase-root-MuiButton-root" tabindex="0" type="button" > <span - class="MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" + class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" > <span /> </span> @@ -622,12 +622,12 @@ exports[`Storyshots hpa/HpaDetailsView Error 1`] = ` class="MuiBox-root css-p0cik4" > <button - class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall css-w7fpvq-MuiButtonBase-root-MuiButton-root" + class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary css-w7fpvq-MuiButtonBase-root-MuiButton-root" tabindex="0" type="button" > <span - class="MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" + class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" > <span /> </span> @@ -715,12 +715,12 @@ exports[`Storyshots hpa/HpaDetailsView No Item Yet 1`] = ` class="MuiBox-root css-p0cik4" > <button - class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall css-w7fpvq-MuiButtonBase-root-MuiButton-root" + class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary css-w7fpvq-MuiButtonBase-root-MuiButton-root" tabindex="0" type="button" > <span - class="MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" + class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" > <span /> </span> diff --git a/frontend/src/components/ingress/__snapshots__/ClassDetails.stories.storyshot b/frontend/src/components/ingress/__snapshots__/ClassDetails.stories.storyshot index 7e977de744e..15f7d290f41 100644 --- a/frontend/src/components/ingress/__snapshots__/ClassDetails.stories.storyshot +++ b/frontend/src/components/ingress/__snapshots__/ClassDetails.stories.storyshot @@ -12,12 +12,12 @@ exports[`Storyshots IngressClass/DetailsView Basic 1`] = ` class="MuiBox-root css-p0cik4" > <button - class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall css-w7fpvq-MuiButtonBase-root-MuiButton-root" + class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary css-w7fpvq-MuiButtonBase-root-MuiButton-root" tabindex="0" type="button" > <span - class="MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" + class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" > <span /> </span> @@ -322,12 +322,12 @@ exports[`Storyshots IngressClass/DetailsView With Default 1`] = ` class="MuiBox-root css-p0cik4" > <button - class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall css-w7fpvq-MuiButtonBase-root-MuiButton-root" + class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary css-w7fpvq-MuiButtonBase-root-MuiButton-root" tabindex="0" type="button" > <span - class="MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" + class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" > <span /> </span> diff --git a/frontend/src/components/ingress/__snapshots__/Details.stories.storyshot b/frontend/src/components/ingress/__snapshots__/Details.stories.storyshot index d931876a98e..c8ea76582ee 100644 --- a/frontend/src/components/ingress/__snapshots__/Details.stories.storyshot +++ b/frontend/src/components/ingress/__snapshots__/Details.stories.storyshot @@ -12,12 +12,12 @@ exports[`Storyshots Ingress/DetailsView With Resource 1`] = ` class="MuiBox-root css-p0cik4" > <button - class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall css-w7fpvq-MuiButtonBase-root-MuiButton-root" + class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary css-w7fpvq-MuiButtonBase-root-MuiButton-root" tabindex="0" type="button" > <span - class="MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" + class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" > <span /> </span> @@ -471,12 +471,12 @@ exports[`Storyshots Ingress/DetailsView With TLS 1`] = ` class="MuiBox-root css-p0cik4" > <button - class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall css-w7fpvq-MuiButtonBase-root-MuiButton-root" + class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary css-w7fpvq-MuiButtonBase-root-MuiButton-root" tabindex="0" type="button" > <span - class="MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" + class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" > <span /> </span> diff --git a/frontend/src/components/lease/__snapshots__/Details.stories.storyshot b/frontend/src/components/lease/__snapshots__/Details.stories.storyshot index eefc483a63b..f3a2c74f62f 100644 --- a/frontend/src/components/lease/__snapshots__/Details.stories.storyshot +++ b/frontend/src/components/lease/__snapshots__/Details.stories.storyshot @@ -12,12 +12,12 @@ exports[`Storyshots Lease/LeaseDetailsView Lease Detail 1`] = ` class="MuiBox-root css-p0cik4" > <button - class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall css-w7fpvq-MuiButtonBase-root-MuiButton-root" + class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary css-w7fpvq-MuiButtonBase-root-MuiButton-root" tabindex="0" type="button" > <span - class="MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" + class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" > <span /> </span> diff --git a/frontend/src/components/limitRange/__snapshots__/Details.stories.storyshot b/frontend/src/components/limitRange/__snapshots__/Details.stories.storyshot index abb44711f30..37ca492981e 100644 --- a/frontend/src/components/limitRange/__snapshots__/Details.stories.storyshot +++ b/frontend/src/components/limitRange/__snapshots__/Details.stories.storyshot @@ -12,12 +12,12 @@ exports[`Storyshots LimitRange/DetailsView Limit Range Detail 1`] = ` class="MuiBox-root css-p0cik4" > <button - class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall css-w7fpvq-MuiButtonBase-root-MuiButton-root" + class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary css-w7fpvq-MuiButtonBase-root-MuiButton-root" tabindex="0" type="button" > <span - class="MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" + class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" > <span /> </span> diff --git a/frontend/src/components/namespace/__snapshots__/NamespaceDetails.stories.storyshot b/frontend/src/components/namespace/__snapshots__/NamespaceDetails.stories.storyshot index 17ce9be9067..5cc50fe82a7 100644 --- a/frontend/src/components/namespace/__snapshots__/NamespaceDetails.stories.storyshot +++ b/frontend/src/components/namespace/__snapshots__/NamespaceDetails.stories.storyshot @@ -12,12 +12,12 @@ exports[`Storyshots Namespace/DetailsView Active 1`] = ` class="MuiBox-root css-p0cik4" > <button - class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall css-w7fpvq-MuiButtonBase-root-MuiButton-root" + class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary css-w7fpvq-MuiButtonBase-root-MuiButton-root" tabindex="0" type="button" > <span - class="MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" + class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" > <span /> </span> diff --git a/frontend/src/components/pod/__snapshots__/PodDetails.stories.storyshot b/frontend/src/components/pod/__snapshots__/PodDetails.stories.storyshot index 38dc8a8459b..f0f9fc69a32 100644 --- a/frontend/src/components/pod/__snapshots__/PodDetails.stories.storyshot +++ b/frontend/src/components/pod/__snapshots__/PodDetails.stories.storyshot @@ -12,12 +12,12 @@ exports[`Storyshots Pod/PodDetailsView Error 1`] = ` class="MuiBox-root css-p0cik4" > <button - class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall css-w7fpvq-MuiButtonBase-root-MuiButton-root" + class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary css-w7fpvq-MuiButtonBase-root-MuiButton-root" tabindex="0" type="button" > <span - class="MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" + class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" > <span /> </span> @@ -978,12 +978,12 @@ exports[`Storyshots Pod/PodDetailsView Initializing 1`] = ` class="MuiBox-root css-p0cik4" > <button - class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall css-w7fpvq-MuiButtonBase-root-MuiButton-root" + class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary css-w7fpvq-MuiButtonBase-root-MuiButton-root" tabindex="0" type="button" > <span - class="MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" + class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" > <span /> </span> @@ -2159,12 +2159,12 @@ exports[`Storyshots Pod/PodDetailsView Liveness Failed 1`] = ` class="MuiBox-root css-p0cik4" > <button - class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall css-w7fpvq-MuiButtonBase-root-MuiButton-root" + class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary css-w7fpvq-MuiButtonBase-root-MuiButton-root" tabindex="0" type="button" > <span - class="MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" + class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" > <span /> </span> @@ -3225,12 +3225,12 @@ exports[`Storyshots Pod/PodDetailsView Pull Back Off 1`] = ` class="MuiBox-root css-p0cik4" > <button - class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall css-w7fpvq-MuiButtonBase-root-MuiButton-root" + class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary css-w7fpvq-MuiButtonBase-root-MuiButton-root" tabindex="0" type="button" > <span - class="MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" + class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" > <span /> </span> @@ -4172,12 +4172,12 @@ exports[`Storyshots Pod/PodDetailsView Running 1`] = ` class="MuiBox-root css-p0cik4" > <button - class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall css-w7fpvq-MuiButtonBase-root-MuiButton-root" + class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary css-w7fpvq-MuiButtonBase-root-MuiButton-root" tabindex="0" type="button" > <span - class="MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" + class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" > <span /> </span> @@ -5147,12 +5147,12 @@ exports[`Storyshots Pod/PodDetailsView Successful 1`] = ` class="MuiBox-root css-p0cik4" > <button - class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall css-w7fpvq-MuiButtonBase-root-MuiButton-root" + class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary css-w7fpvq-MuiButtonBase-root-MuiButton-root" tabindex="0" type="button" > <span - class="MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" + class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" > <span /> </span> diff --git a/frontend/src/components/pod/__snapshots__/PodLogs.stories.storyshot b/frontend/src/components/pod/__snapshots__/PodLogs.stories.storyshot index 5d91b56a476..e000d820adf 100644 --- a/frontend/src/components/pod/__snapshots__/PodLogs.stories.storyshot +++ b/frontend/src/components/pod/__snapshots__/PodLogs.stories.storyshot @@ -14,12 +14,12 @@ exports[`Storyshots Pod/PodLogs Logs 1`] = ` class="MuiBox-root css-p0cik4" > <button - class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall css-w7fpvq-MuiButtonBase-root-MuiButton-root" + class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary css-w7fpvq-MuiButtonBase-root-MuiButton-root" tabindex="0" type="button" > <span - class="MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" + class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" > <span /> </span> diff --git a/frontend/src/components/podDisruptionBudget/__snapshots__/pdbDetails.stories.storyshot b/frontend/src/components/podDisruptionBudget/__snapshots__/pdbDetails.stories.storyshot index 698479cd251..fe4c0f2923c 100644 --- a/frontend/src/components/podDisruptionBudget/__snapshots__/pdbDetails.stories.storyshot +++ b/frontend/src/components/podDisruptionBudget/__snapshots__/pdbDetails.stories.storyshot @@ -12,12 +12,12 @@ exports[`Storyshots pdb/PDBDetailsView Default 1`] = ` class="MuiBox-root css-p0cik4" > <button - class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall css-w7fpvq-MuiButtonBase-root-MuiButton-root" + class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary css-w7fpvq-MuiButtonBase-root-MuiButton-root" tabindex="0" type="button" > <span - class="MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" + class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" > <span /> </span> @@ -377,12 +377,12 @@ exports[`Storyshots pdb/PDBDetailsView Error 1`] = ` class="MuiBox-root css-p0cik4" > <button - class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall css-w7fpvq-MuiButtonBase-root-MuiButton-root" + class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary css-w7fpvq-MuiButtonBase-root-MuiButton-root" tabindex="0" type="button" > <span - class="MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" + class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" > <span /> </span> @@ -470,12 +470,12 @@ exports[`Storyshots pdb/PDBDetailsView No Item Yet 1`] = ` class="MuiBox-root css-p0cik4" > <button - class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall css-w7fpvq-MuiButtonBase-root-MuiButton-root" + class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary css-w7fpvq-MuiButtonBase-root-MuiButton-root" tabindex="0" type="button" > <span - class="MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" + class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" > <span /> </span> diff --git a/frontend/src/components/priorityClass/__snapshots__/priorityClassDetails.stories.storyshot b/frontend/src/components/priorityClass/__snapshots__/priorityClassDetails.stories.storyshot index 896fde7bf29..9cd14267934 100644 --- a/frontend/src/components/priorityClass/__snapshots__/priorityClassDetails.stories.storyshot +++ b/frontend/src/components/priorityClass/__snapshots__/priorityClassDetails.stories.storyshot @@ -12,12 +12,12 @@ exports[`Storyshots PriorityClass/PriorityClassDetailsView Default 1`] = ` class="MuiBox-root css-p0cik4" > <button - class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall css-w7fpvq-MuiButtonBase-root-MuiButton-root" + class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary css-w7fpvq-MuiButtonBase-root-MuiButton-root" tabindex="0" type="button" > <span - class="MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" + class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" > <span /> </span> @@ -309,12 +309,12 @@ exports[`Storyshots PriorityClass/PriorityClassDetailsView Error 1`] = ` class="MuiBox-root css-p0cik4" > <button - class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall css-w7fpvq-MuiButtonBase-root-MuiButton-root" + class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary css-w7fpvq-MuiButtonBase-root-MuiButton-root" tabindex="0" type="button" > <span - class="MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" + class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" > <span /> </span> @@ -402,12 +402,12 @@ exports[`Storyshots PriorityClass/PriorityClassDetailsView No Item Yet 1`] = ` class="MuiBox-root css-p0cik4" > <button - class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall css-w7fpvq-MuiButtonBase-root-MuiButton-root" + class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary css-w7fpvq-MuiButtonBase-root-MuiButton-root" tabindex="0" type="button" > <span - class="MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" + class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" > <span /> </span> diff --git a/frontend/src/components/resourceQuota/__snapshots__/resourceQuotaDetails.stories.storyshot b/frontend/src/components/resourceQuota/__snapshots__/resourceQuotaDetails.stories.storyshot index 6eec658b9ee..aa6c26fde93 100644 --- a/frontend/src/components/resourceQuota/__snapshots__/resourceQuotaDetails.stories.storyshot +++ b/frontend/src/components/resourceQuota/__snapshots__/resourceQuotaDetails.stories.storyshot @@ -12,12 +12,12 @@ exports[`Storyshots ResourceQuota/ResourceQuotaDetailsView Default 1`] = ` class="MuiBox-root css-p0cik4" > <button - class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall css-w7fpvq-MuiButtonBase-root-MuiButton-root" + class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary css-w7fpvq-MuiButtonBase-root-MuiButton-root" tabindex="0" type="button" > <span - class="MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" + class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" > <span /> </span> @@ -450,12 +450,12 @@ exports[`Storyshots ResourceQuota/ResourceQuotaDetailsView Error 1`] = ` class="MuiBox-root css-p0cik4" > <button - class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall css-w7fpvq-MuiButtonBase-root-MuiButton-root" + class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary css-w7fpvq-MuiButtonBase-root-MuiButton-root" tabindex="0" type="button" > <span - class="MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" + class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" > <span /> </span> @@ -543,12 +543,12 @@ exports[`Storyshots ResourceQuota/ResourceQuotaDetailsView No Item Yet 1`] = ` class="MuiBox-root css-p0cik4" > <button - class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall css-w7fpvq-MuiButtonBase-root-MuiButton-root" + class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary css-w7fpvq-MuiButtonBase-root-MuiButton-root" tabindex="0" type="button" > <span - class="MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" + class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" > <span /> </span> diff --git a/frontend/src/components/runtimeClass/__snapshots__/Details.stories.storyshot b/frontend/src/components/runtimeClass/__snapshots__/Details.stories.storyshot index 71ccece0680..b8f21a8ba5f 100644 --- a/frontend/src/components/runtimeClass/__snapshots__/Details.stories.storyshot +++ b/frontend/src/components/runtimeClass/__snapshots__/Details.stories.storyshot @@ -12,12 +12,12 @@ exports[`Storyshots RuntimeClass/DetailsView Base 1`] = ` class="MuiBox-root css-p0cik4" > <button - class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall css-w7fpvq-MuiButtonBase-root-MuiButton-root" + class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary css-w7fpvq-MuiButtonBase-root-MuiButton-root" tabindex="0" type="button" > <span - class="MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" + class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" > <span /> </span> diff --git a/frontend/src/components/secret/__snapshots__/Details.stories.storyshot b/frontend/src/components/secret/__snapshots__/Details.stories.storyshot index 27e69978c70..c03580a268a 100644 --- a/frontend/src/components/secret/__snapshots__/Details.stories.storyshot +++ b/frontend/src/components/secret/__snapshots__/Details.stories.storyshot @@ -12,12 +12,12 @@ exports[`Storyshots Secret/DetailsView Empty 1`] = ` class="MuiBox-root css-p0cik4" > <button - class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall css-w7fpvq-MuiButtonBase-root-MuiButton-root" + class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary css-w7fpvq-MuiButtonBase-root-MuiButton-root" tabindex="0" type="button" > <span - class="MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" + class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" > <span /> </span> @@ -367,12 +367,12 @@ exports[`Storyshots Secret/DetailsView With Base 1`] = ` class="MuiBox-root css-p0cik4" > <button - class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall css-w7fpvq-MuiButtonBase-root-MuiButton-root" + class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary css-w7fpvq-MuiButtonBase-root-MuiButton-root" tabindex="0" type="button" > <span - class="MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" + class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" > <span /> </span> @@ -584,7 +584,7 @@ exports[`Storyshots Secret/DetailsView With Base 1`] = ` class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-true css-1z0dvx8-MuiGrid-root" > <div - class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-fullWidth Mui-readOnly MuiInputBase-readOnly css-2b76fi-MuiInputBase-root-MuiInput-root" + class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-fullWidth Mui-readOnly MuiInputBase-readOnly css-12mj4u6-MuiInputBase-root-MuiInput-root" > <input class="MuiInputBase-input MuiInput-input Mui-readOnly MuiInputBase-readOnly css-1x51dt5-MuiInputBase-input-MuiInput-input" @@ -626,7 +626,7 @@ exports[`Storyshots Secret/DetailsView With Base 1`] = ` class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-true css-1z0dvx8-MuiGrid-root" > <div - class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-fullWidth Mui-readOnly MuiInputBase-readOnly css-2b76fi-MuiInputBase-root-MuiInput-root" + class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-fullWidth Mui-readOnly MuiInputBase-readOnly css-12mj4u6-MuiInputBase-root-MuiInput-root" > <input class="MuiInputBase-input MuiInput-input Mui-readOnly MuiInputBase-readOnly css-1x51dt5-MuiInputBase-input-MuiInput-input" @@ -668,7 +668,7 @@ exports[`Storyshots Secret/DetailsView With Base 1`] = ` class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-true css-1z0dvx8-MuiGrid-root" > <div - class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-fullWidth Mui-readOnly MuiInputBase-readOnly css-2b76fi-MuiInputBase-root-MuiInput-root" + class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-fullWidth Mui-readOnly MuiInputBase-readOnly css-12mj4u6-MuiInputBase-root-MuiInput-root" > <input class="MuiInputBase-input MuiInput-input Mui-readOnly MuiInputBase-readOnly css-1x51dt5-MuiInputBase-input-MuiInput-input" diff --git a/frontend/src/components/storage/__snapshots__/ClaimDetails.stories.storyshot b/frontend/src/components/storage/__snapshots__/ClaimDetails.stories.storyshot index 9bb13fedeee..b57a4f35538 100644 --- a/frontend/src/components/storage/__snapshots__/ClaimDetails.stories.storyshot +++ b/frontend/src/components/storage/__snapshots__/ClaimDetails.stories.storyshot @@ -12,12 +12,12 @@ exports[`Storyshots PersistentVolumeClaim/DetailsView Base 1`] = ` class="MuiBox-root css-p0cik4" > <button - class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall css-w7fpvq-MuiButtonBase-root-MuiButton-root" + class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary css-w7fpvq-MuiButtonBase-root-MuiButton-root" tabindex="0" type="button" > <span - class="MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" + class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" > <span /> </span> diff --git a/frontend/src/components/storage/__snapshots__/ClassDetails.stories.storyshot b/frontend/src/components/storage/__snapshots__/ClassDetails.stories.storyshot index b36e11d3512..0f8799731ed 100644 --- a/frontend/src/components/storage/__snapshots__/ClassDetails.stories.storyshot +++ b/frontend/src/components/storage/__snapshots__/ClassDetails.stories.storyshot @@ -12,12 +12,12 @@ exports[`Storyshots StorageClass/DetailsView Base 1`] = ` class="MuiBox-root css-p0cik4" > <button - class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall css-w7fpvq-MuiButtonBase-root-MuiButton-root" + class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary css-w7fpvq-MuiButtonBase-root-MuiButton-root" tabindex="0" type="button" > <span - class="MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" + class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" > <span /> </span> diff --git a/frontend/src/components/storage/__snapshots__/VolumeDetails.stories.storyshot b/frontend/src/components/storage/__snapshots__/VolumeDetails.stories.storyshot index fc65fc077c6..09407c07577 100644 --- a/frontend/src/components/storage/__snapshots__/VolumeDetails.stories.storyshot +++ b/frontend/src/components/storage/__snapshots__/VolumeDetails.stories.storyshot @@ -12,12 +12,12 @@ exports[`Storyshots PersistentVolume/DetailsView Base 1`] = ` class="MuiBox-root css-p0cik4" > <button - class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall css-w7fpvq-MuiButtonBase-root-MuiButton-root" + class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary css-w7fpvq-MuiButtonBase-root-MuiButton-root" tabindex="0" type="button" > <span - class="MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" + class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" > <span /> </span> diff --git a/frontend/src/components/verticalPodAutoscaler/__snapshots__/VPADetails.stories.storyshot b/frontend/src/components/verticalPodAutoscaler/__snapshots__/VPADetails.stories.storyshot index 02497ec194d..61c1ce41112 100644 --- a/frontend/src/components/verticalPodAutoscaler/__snapshots__/VPADetails.stories.storyshot +++ b/frontend/src/components/verticalPodAutoscaler/__snapshots__/VPADetails.stories.storyshot @@ -12,12 +12,12 @@ exports[`Storyshots VPA/VPADetailsView Default 1`] = ` class="MuiBox-root css-p0cik4" > <button - class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall css-w7fpvq-MuiButtonBase-root-MuiButton-root" + class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary css-w7fpvq-MuiButtonBase-root-MuiButton-root" tabindex="0" type="button" > <span - class="MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" + class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" > <span /> </span> @@ -692,12 +692,12 @@ exports[`Storyshots VPA/VPADetailsView Error 1`] = ` class="MuiBox-root css-p0cik4" > <button - class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall css-w7fpvq-MuiButtonBase-root-MuiButton-root" + class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary css-w7fpvq-MuiButtonBase-root-MuiButton-root" tabindex="0" type="button" > <span - class="MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" + class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" > <span /> </span> @@ -785,12 +785,12 @@ exports[`Storyshots VPA/VPADetailsView No Item Yet 1`] = ` class="MuiBox-root css-p0cik4" > <button - class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall css-w7fpvq-MuiButtonBase-root-MuiButton-root" + class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary css-w7fpvq-MuiButtonBase-root-MuiButton-root" tabindex="0" type="button" > <span - class="MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" + class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" > <span /> </span> diff --git a/frontend/src/components/webhookconfiguration/__snapshots__/MutatingWebhookConfigDetails.stories.storyshot b/frontend/src/components/webhookconfiguration/__snapshots__/MutatingWebhookConfigDetails.stories.storyshot index 60ede0d92d7..044bfa6f5af 100644 --- a/frontend/src/components/webhookconfiguration/__snapshots__/MutatingWebhookConfigDetails.stories.storyshot +++ b/frontend/src/components/webhookconfiguration/__snapshots__/MutatingWebhookConfigDetails.stories.storyshot @@ -12,12 +12,12 @@ exports[`Storyshots WebhookConfiguration/MutatingWebhookConfig/Details With Serv class="MuiBox-root css-p0cik4" > <button - class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall css-w7fpvq-MuiButtonBase-root-MuiButton-root" + class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary css-w7fpvq-MuiButtonBase-root-MuiButton-root" tabindex="0" type="button" > <span - class="MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" + class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" > <span /> </span> @@ -290,7 +290,7 @@ exports[`Storyshots WebhookConfiguration/MutatingWebhookConfig/Details With Serv class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-true css-1z0dvx8-MuiGrid-root" > <div - class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-fullWidth Mui-readOnly MuiInputBase-readOnly css-2b76fi-MuiInputBase-root-MuiInput-root" + class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-fullWidth Mui-readOnly MuiInputBase-readOnly css-12mj4u6-MuiInputBase-root-MuiInput-root" > <input class="MuiInputBase-input MuiInput-input Mui-readOnly MuiInputBase-readOnly css-1x51dt5-MuiInputBase-input-MuiInput-input" @@ -662,12 +662,12 @@ exports[`Storyshots WebhookConfiguration/MutatingWebhookConfig/Details With URL class="MuiBox-root css-p0cik4" > <button - class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall css-w7fpvq-MuiButtonBase-root-MuiButton-root" + class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary css-w7fpvq-MuiButtonBase-root-MuiButton-root" tabindex="0" type="button" > <span - class="MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" + class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" > <span /> </span> @@ -937,7 +937,7 @@ exports[`Storyshots WebhookConfiguration/MutatingWebhookConfig/Details With URL class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-true css-1z0dvx8-MuiGrid-root" > <div - class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-fullWidth Mui-readOnly MuiInputBase-readOnly css-2b76fi-MuiInputBase-root-MuiInput-root" + class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-fullWidth Mui-readOnly MuiInputBase-readOnly css-12mj4u6-MuiInputBase-root-MuiInput-root" > <input class="MuiInputBase-input MuiInput-input Mui-readOnly MuiInputBase-readOnly css-1x51dt5-MuiInputBase-input-MuiInput-input" diff --git a/frontend/src/components/webhookconfiguration/__snapshots__/ValidatingWebhookConfigDetails.stories.storyshot b/frontend/src/components/webhookconfiguration/__snapshots__/ValidatingWebhookConfigDetails.stories.storyshot index 0cdc58e5bcf..37b4643eb1a 100644 --- a/frontend/src/components/webhookconfiguration/__snapshots__/ValidatingWebhookConfigDetails.stories.storyshot +++ b/frontend/src/components/webhookconfiguration/__snapshots__/ValidatingWebhookConfigDetails.stories.storyshot @@ -12,12 +12,12 @@ exports[`Storyshots WebhookConfiguration/ValidatingWebhookConfig/Details With Se class="MuiBox-root css-p0cik4" > <button - class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall css-w7fpvq-MuiButtonBase-root-MuiButton-root" + class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary css-w7fpvq-MuiButtonBase-root-MuiButton-root" tabindex="0" type="button" > <span - class="MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" + class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" > <span /> </span> @@ -290,7 +290,7 @@ exports[`Storyshots WebhookConfiguration/ValidatingWebhookConfig/Details With Se class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-true css-1z0dvx8-MuiGrid-root" > <div - class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-fullWidth Mui-readOnly MuiInputBase-readOnly css-2b76fi-MuiInputBase-root-MuiInput-root" + class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-fullWidth Mui-readOnly MuiInputBase-readOnly css-12mj4u6-MuiInputBase-root-MuiInput-root" > <input class="MuiInputBase-input MuiInput-input Mui-readOnly MuiInputBase-readOnly css-1x51dt5-MuiInputBase-input-MuiInput-input" @@ -648,12 +648,12 @@ exports[`Storyshots WebhookConfiguration/ValidatingWebhookConfig/Details With UR class="MuiBox-root css-p0cik4" > <button - class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall css-w7fpvq-MuiButtonBase-root-MuiButton-root" + class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary css-w7fpvq-MuiButtonBase-root-MuiButton-root" tabindex="0" type="button" > <span - class="MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" + class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" > <span /> </span> @@ -923,7 +923,7 @@ exports[`Storyshots WebhookConfiguration/ValidatingWebhookConfig/Details With UR class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-true css-1z0dvx8-MuiGrid-root" > <div - class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-fullWidth Mui-readOnly MuiInputBase-readOnly css-2b76fi-MuiInputBase-root-MuiInput-root" + class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-fullWidth Mui-readOnly MuiInputBase-readOnly css-12mj4u6-MuiInputBase-root-MuiInput-root" > <input class="MuiInputBase-input MuiInput-input Mui-readOnly MuiInputBase-readOnly css-1x51dt5-MuiInputBase-input-MuiInput-input" diff --git a/frontend/src/i18n/LocaleSelect/__snapshots__/LocaleSelect.stories.storyshot b/frontend/src/i18n/LocaleSelect/__snapshots__/LocaleSelect.stories.storyshot index 4dd8ada1edd..839dbbb44fe 100644 --- a/frontend/src/i18n/LocaleSelect/__snapshots__/LocaleSelect.stories.storyshot +++ b/frontend/src/i18n/LocaleSelect/__snapshots__/LocaleSelect.stories.storyshot @@ -6,7 +6,7 @@ exports[`Storyshots LocaleSelect Initial 1`] = ` class="MuiFormControl-root css-k2e4wk-MuiFormControl-root" > <div - class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-formControl css-zghmfh-MuiInputBase-root-MuiInput-root-MuiSelect-root" + class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-formControl css-16kq2pe-MuiInputBase-root-MuiInput-root-MuiSelect-root" > <div aria-controls="under-test" diff --git a/frontend/src/lib/themes.ts b/frontend/src/lib/themes.ts index 2ad7ad98726..01cfe8f670d 100644 --- a/frontend/src/lib/themes.ts +++ b/frontend/src/lib/themes.ts @@ -135,6 +135,7 @@ const commonRules = { head: { background: '#faf9f8', color: '#242424', + borderColor: 'rgba(0,0,0,0.12)', }, body: { background: '#fff', @@ -234,6 +235,7 @@ const darkTheme = createTheme({ head: { background: '#000', color: '#aeaeae', + borderColor: 'rgba(255,255,255,0.12)', }, body: { background: '#1B1A19', diff --git a/plugins/headlamp-plugin/package-lock.json b/plugins/headlamp-plugin/package-lock.json index dee47bec3f9..a7817992c0d 100644 --- a/plugins/headlamp-plugin/package-lock.json +++ b/plugins/headlamp-plugin/package-lock.json @@ -104,6 +104,7 @@ "jsonpath-plus": "^6.0.1", "lint-staged": "^10.5.4", "lodash": "^4.17.21", + "material-react-table": "^2.13.0", "monaco-editor": "^0.25.2", "monaco-editor-webpack-plugin": "^4.2.0", "msw": "^0.47.4", @@ -2425,9 +2426,9 @@ "integrity": "sha512-x/rqGMdzj+fWZvCOYForTghzbtqPDZ5gPwaoNGHdgDfF2QA/XZbCBp4Moo5scrkAMPhB7z26XM/AaHuIJdgauA==" }, "node_modules/@babel/runtime": { - "version": "7.23.2", - "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.23.2.tgz", - "integrity": "sha512-mM8eg4yl5D6i3lu2QKPuPH4FArvJ8KhTofbE7jwMUv9KX5mBvwPAqnV3MlyBNqdp9RyRKP6Yck8TrfYrPvX3bg==", + "version": "7.24.5", + "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.24.5.tgz", + "integrity": "sha512-Nms86NXrsaeU9vbBJKni6gXiEXZ4CVpYVzEjDH9Sb8vmZ3UljyA1GSOJl/6LGPO8EHLuSF9H+IxNXHPX8QHJ4g==", "dependencies": { "regenerator-runtime": "^0.14.0" }, @@ -2819,11 +2820,6 @@ "resolved": "https://registry.npmjs.org/@emotion/hash/-/hash-0.9.1.tgz", "integrity": "sha512-gJB6HLm5rYwSLI6PQa+X1t5CFGrv1J1TWG+sOyMCeKz2ojaj6Fnl/rZEspogG+cvqbt4AE/2eIyD2QfLKTBNlQ==" }, - "node_modules/@emotion/babel-plugin/node_modules/@emotion/memoize": { - "version": "0.8.1", - "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.8.1.tgz", - "integrity": "sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA==" - }, "node_modules/@emotion/babel-plugin/node_modules/@emotion/serialize": { "version": "1.1.2", "resolved": "https://registry.npmjs.org/@emotion/serialize/-/serialize-1.1.2.tgz", @@ -2841,16 +2837,6 @@ "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.8.1.tgz", "integrity": "sha512-KOEGMu6dmJZtpadb476IsZBclKvILjopjUii3V+7MnXIQCYh8W3NgNcgwo21n9LXZX6EDIKvqfjYxXebDwxKmQ==" }, - "node_modules/@emotion/babel-plugin/node_modules/@emotion/utils": { - "version": "1.2.1", - "resolved": "https://registry.npmjs.org/@emotion/utils/-/utils-1.2.1.tgz", - "integrity": "sha512-Y2tGf3I+XVnajdItskUCn6LX+VUDmP6lTL4fcqsXAv43dnlbZiuW4MWQW38rW/BVWSE7Q/7+XQocmpnRYILUmg==" - }, - "node_modules/@emotion/babel-plugin/node_modules/csstype": { - "version": "3.1.2", - "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz", - "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==" - }, "node_modules/@emotion/babel-plugin/node_modules/escape-string-regexp": { "version": "4.0.0", "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz", @@ -2870,6 +2856,23 @@ "node": ">=0.10.0" } }, + "node_modules/@emotion/cache": { + "version": "11.11.0", + "resolved": "https://registry.npmjs.org/@emotion/cache/-/cache-11.11.0.tgz", + "integrity": "sha512-P34z9ssTCBi3e9EI1ZsWpNHcfY1r09ZO0rZbRO2ob3ZQMnFI35jB536qoXbkdesr5EUhYi22anuEJuyxifaqAQ==", + "dependencies": { + "@emotion/memoize": "^0.8.1", + "@emotion/sheet": "^1.2.2", + "@emotion/utils": "^1.2.1", + "@emotion/weak-memoize": "^0.3.1", + "stylis": "4.2.0" + } + }, + "node_modules/@emotion/memoize": { + "version": "0.8.1", + "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.8.1.tgz", + "integrity": "sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA==" + }, "node_modules/@emotion/react": { "version": "11.11.1", "resolved": "https://registry.npmjs.org/@emotion/react/-/react-11.11.1.tgz", @@ -2893,28 +2896,11 @@ } } }, - "node_modules/@emotion/react/node_modules/@emotion/cache": { - "version": "11.11.0", - "resolved": "https://registry.npmjs.org/@emotion/cache/-/cache-11.11.0.tgz", - "integrity": "sha512-P34z9ssTCBi3e9EI1ZsWpNHcfY1r09ZO0rZbRO2ob3ZQMnFI35jB536qoXbkdesr5EUhYi22anuEJuyxifaqAQ==", - "dependencies": { - "@emotion/memoize": "^0.8.1", - "@emotion/sheet": "^1.2.2", - "@emotion/utils": "^1.2.1", - "@emotion/weak-memoize": "^0.3.1", - "stylis": "4.2.0" - } - }, "node_modules/@emotion/react/node_modules/@emotion/hash": { "version": "0.9.1", "resolved": "https://registry.npmjs.org/@emotion/hash/-/hash-0.9.1.tgz", "integrity": "sha512-gJB6HLm5rYwSLI6PQa+X1t5CFGrv1J1TWG+sOyMCeKz2ojaj6Fnl/rZEspogG+cvqbt4AE/2eIyD2QfLKTBNlQ==" }, - "node_modules/@emotion/react/node_modules/@emotion/memoize": { - "version": "0.8.1", - "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.8.1.tgz", - "integrity": "sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA==" - }, "node_modules/@emotion/react/node_modules/@emotion/serialize": { "version": "1.1.2", "resolved": "https://registry.npmjs.org/@emotion/serialize/-/serialize-1.1.2.tgz", @@ -2927,30 +2913,15 @@ "csstype": "^3.0.2" } }, - "node_modules/@emotion/react/node_modules/@emotion/sheet": { - "version": "1.2.2", - "resolved": "https://registry.npmjs.org/@emotion/sheet/-/sheet-1.2.2.tgz", - "integrity": "sha512-0QBtGvaqtWi+nx6doRwDdBIzhNdZrXUppvTM4dtZZWEGTXL/XE/yJxLMGlDT1Gt+UHH5IX1n+jkXyytE/av7OA==" - }, "node_modules/@emotion/react/node_modules/@emotion/unitless": { "version": "0.8.1", "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.8.1.tgz", "integrity": "sha512-KOEGMu6dmJZtpadb476IsZBclKvILjopjUii3V+7MnXIQCYh8W3NgNcgwo21n9LXZX6EDIKvqfjYxXebDwxKmQ==" }, - "node_modules/@emotion/react/node_modules/@emotion/utils": { - "version": "1.2.1", - "resolved": "https://registry.npmjs.org/@emotion/utils/-/utils-1.2.1.tgz", - "integrity": "sha512-Y2tGf3I+XVnajdItskUCn6LX+VUDmP6lTL4fcqsXAv43dnlbZiuW4MWQW38rW/BVWSE7Q/7+XQocmpnRYILUmg==" - }, - "node_modules/@emotion/react/node_modules/@emotion/weak-memoize": { - "version": "0.3.1", - "resolved": "https://registry.npmjs.org/@emotion/weak-memoize/-/weak-memoize-0.3.1.tgz", - "integrity": "sha512-EsBwpc7hBUJWAsNPBmJy4hxWx12v6bshQsldrVmjxJoc3isbxhOrF2IcCpaXxfvq03NwkI7sbsOLXbYuqF/8Ww==" - }, - "node_modules/@emotion/react/node_modules/csstype": { - "version": "3.1.2", - "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz", - "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==" + "node_modules/@emotion/sheet": { + "version": "1.2.2", + "resolved": "https://registry.npmjs.org/@emotion/sheet/-/sheet-1.2.2.tgz", + "integrity": "sha512-0QBtGvaqtWi+nx6doRwDdBIzhNdZrXUppvTM4dtZZWEGTXL/XE/yJxLMGlDT1Gt+UHH5IX1n+jkXyytE/av7OA==" }, "node_modules/@emotion/styled": { "version": "11.11.0", @@ -2987,11 +2958,6 @@ "@emotion/memoize": "^0.8.1" } }, - "node_modules/@emotion/styled/node_modules/@emotion/memoize": { - "version": "0.8.1", - "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.8.1.tgz", - "integrity": "sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA==" - }, "node_modules/@emotion/styled/node_modules/@emotion/serialize": { "version": "1.1.2", "resolved": "https://registry.npmjs.org/@emotion/serialize/-/serialize-1.1.2.tgz", @@ -3009,16 +2975,6 @@ "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.8.1.tgz", "integrity": "sha512-KOEGMu6dmJZtpadb476IsZBclKvILjopjUii3V+7MnXIQCYh8W3NgNcgwo21n9LXZX6EDIKvqfjYxXebDwxKmQ==" }, - "node_modules/@emotion/styled/node_modules/@emotion/utils": { - "version": "1.2.1", - "resolved": "https://registry.npmjs.org/@emotion/utils/-/utils-1.2.1.tgz", - "integrity": "sha512-Y2tGf3I+XVnajdItskUCn6LX+VUDmP6lTL4fcqsXAv43dnlbZiuW4MWQW38rW/BVWSE7Q/7+XQocmpnRYILUmg==" - }, - "node_modules/@emotion/styled/node_modules/csstype": { - "version": "3.1.2", - "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz", - "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==" - }, "node_modules/@emotion/use-insertion-effect-with-fallbacks": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/@emotion/use-insertion-effect-with-fallbacks/-/use-insertion-effect-with-fallbacks-1.0.1.tgz", @@ -3027,6 +2983,16 @@ "react": ">=16.8.0" } }, + "node_modules/@emotion/utils": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/@emotion/utils/-/utils-1.2.1.tgz", + "integrity": "sha512-Y2tGf3I+XVnajdItskUCn6LX+VUDmP6lTL4fcqsXAv43dnlbZiuW4MWQW38rW/BVWSE7Q/7+XQocmpnRYILUmg==" + }, + "node_modules/@emotion/weak-memoize": { + "version": "0.3.1", + "resolved": "https://registry.npmjs.org/@emotion/weak-memoize/-/weak-memoize-0.3.1.tgz", + "integrity": "sha512-EsBwpc7hBUJWAsNPBmJy4hxWx12v6bshQsldrVmjxJoc3isbxhOrF2IcCpaXxfvq03NwkI7sbsOLXbYuqF/8Ww==" + }, "node_modules/@esbuild/linux-x64": { "version": "0.18.20", "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.18.20.tgz", @@ -3126,11 +3092,11 @@ } }, "node_modules/@floating-ui/react-dom": { - "version": "2.0.4", - "resolved": "https://registry.npmjs.org/@floating-ui/react-dom/-/react-dom-2.0.4.tgz", - "integrity": "sha512-CF8k2rgKeh/49UrnIBs4BdxPUV6vize/Db1d/YbCLyp9GiVZ0BEwf5AiDSxJRCr6yOkGqTFHtmrULxkEfYZ7dQ==", + "version": "2.0.9", + "resolved": "https://registry.npmjs.org/@floating-ui/react-dom/-/react-dom-2.0.9.tgz", + "integrity": "sha512-q0umO0+LQK4+p6aGyvzASqKbKOJcAHJ7ycE9CuUvfx3s9zTHWmGJTPOIlM/hmSBfUfg/XfY5YhLBLR/LHwShQQ==", "dependencies": { - "@floating-ui/dom": "^1.5.1" + "@floating-ui/dom": "^1.0.0" }, "peerDependencies": { "react": ">=16.8.0", @@ -4621,12 +4587,38 @@ } }, "node_modules/@mui/core-downloads-tracker": { - "version": "5.14.17", - "resolved": "https://registry.npmjs.org/@mui/core-downloads-tracker/-/core-downloads-tracker-5.14.17.tgz", - "integrity": "sha512-eE0uxrpJAEL2ZXkeGLKg8HQDafsiXY+6eNpP4lcv3yIjFfGbU6Hj9/P7Adt8jpU+6JIhmxvILGj2r27pX+zdrQ==", + "version": "5.15.16", + "resolved": "https://registry.npmjs.org/@mui/core-downloads-tracker/-/core-downloads-tracker-5.15.16.tgz", + "integrity": "sha512-PTIbMJs5C/vYMfyJNW8ArOezh4eyHkg2pTeA7bBxh2kLP1Uzs0Nm+krXWbWGJPwTWjM8EhnDrr4aCF26+2oleg==", "funding": { "type": "opencollective", - "url": "https://opencollective.com/mui" + "url": "https://opencollective.com/mui-org" + } + }, + "node_modules/@mui/icons-material": { + "version": "5.15.16", + "resolved": "https://registry.npmjs.org/@mui/icons-material/-/icons-material-5.15.16.tgz", + "integrity": "sha512-s8vYbyACzTNZRKv+20fCfVXJwJqNcVotns2EKnu1wmAga6wv2LAo5kB1d5yqQqZlMFtp34EJvRXf7cy8X0tJVA==", + "peer": true, + "dependencies": { + "@babel/runtime": "^7.23.9" + }, + "engines": { + "node": ">=12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/mui-org" + }, + "peerDependencies": { + "@mui/material": "^5.0.0", + "@types/react": "^17.0.0 || ^18.0.0", + "react": "^17.0.0 || ^18.0.0" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + } } }, "node_modules/@mui/lab": { @@ -4678,19 +4670,19 @@ } }, "node_modules/@mui/material": { - "version": "5.14.17", - "resolved": "https://registry.npmjs.org/@mui/material/-/material-5.14.17.tgz", - "integrity": "sha512-+y0VeOLWfEA4Z98We/UH6KCo8+f2HLZDK45FY+sJf8kSojLy3VntadKtC/u0itqnXXb1Pr4wKB2tSIBW02zY4Q==", - "dependencies": { - "@babel/runtime": "^7.23.2", - "@mui/base": "5.0.0-beta.23", - "@mui/core-downloads-tracker": "^5.14.17", - "@mui/system": "^5.14.17", - "@mui/types": "^7.2.8", - "@mui/utils": "^5.14.17", - "@types/react-transition-group": "^4.4.8", - "clsx": "^2.0.0", - "csstype": "^3.1.2", + "version": "5.15.16", + "resolved": "https://registry.npmjs.org/@mui/material/-/material-5.15.16.tgz", + "integrity": "sha512-ery2hFReewko9gpDBqOr2VmXwQG9ifXofPhGzIx09/b9JqCQC/06kZXZDGGrOTpIddK9HlIf4yrS+G70jPAzUQ==", + "dependencies": { + "@babel/runtime": "^7.23.9", + "@mui/base": "5.0.0-beta.40", + "@mui/core-downloads-tracker": "^5.15.16", + "@mui/system": "^5.15.15", + "@mui/types": "^7.2.14", + "@mui/utils": "^5.15.14", + "@types/react-transition-group": "^4.4.10", + "clsx": "^2.1.0", + "csstype": "^3.1.3", "prop-types": "^15.8.1", "react-is": "^18.2.0", "react-transition-group": "^4.4.5" @@ -4700,7 +4692,7 @@ }, "funding": { "type": "opencollective", - "url": "https://opencollective.com/mui" + "url": "https://opencollective.com/mui-org" }, "peerDependencies": { "@emotion/react": "^11.5.0", @@ -4721,31 +4713,57 @@ } } }, + "node_modules/@mui/material/node_modules/@mui/base": { + "version": "5.0.0-beta.40", + "resolved": "https://registry.npmjs.org/@mui/base/-/base-5.0.0-beta.40.tgz", + "integrity": "sha512-I/lGHztkCzvwlXpjD2+SNmvNQvB4227xBXhISPjEaJUXGImOQ9f3D2Yj/T3KasSI/h0MLWy74X0J6clhPmsRbQ==", + "dependencies": { + "@babel/runtime": "^7.23.9", + "@floating-ui/react-dom": "^2.0.8", + "@mui/types": "^7.2.14", + "@mui/utils": "^5.15.14", + "@popperjs/core": "^2.11.8", + "clsx": "^2.1.0", + "prop-types": "^15.8.1" + }, + "engines": { + "node": ">=12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/mui-org" + }, + "peerDependencies": { + "@types/react": "^17.0.0 || ^18.0.0", + "react": "^17.0.0 || ^18.0.0", + "react-dom": "^17.0.0 || ^18.0.0" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + } + } + }, "node_modules/@mui/material/node_modules/clsx": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.0.0.tgz", - "integrity": "sha512-rQ1+kcj+ttHG0MKVGBUXwayCCF1oh39BF5COIpRzuCEv8Mwjv0XucrI2ExNTOn9IlLifGClWQcU9BrZORvtw6Q==", + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz", + "integrity": "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==", "engines": { "node": ">=6" } }, - "node_modules/@mui/material/node_modules/csstype": { - "version": "3.1.2", - "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz", - "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==" - }, "node_modules/@mui/material/node_modules/react-is": { "version": "18.2.0", "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz", "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==" }, "node_modules/@mui/private-theming": { - "version": "5.14.17", - "resolved": "https://registry.npmjs.org/@mui/private-theming/-/private-theming-5.14.17.tgz", - "integrity": "sha512-u4zxsCm9xmQrlhVPug+Ccrtsjv7o2+rehvrgHoh0siSguvVgVQq5O3Hh10+tp/KWQo2JR4/nCEwquSXgITS1+g==", + "version": "5.15.14", + "resolved": "https://registry.npmjs.org/@mui/private-theming/-/private-theming-5.15.14.tgz", + "integrity": "sha512-UH0EiZckOWcxiXLX3Jbb0K7rC8mxTr9L9l6QhOZxYc4r8FHUkefltV9VDGLrzCaWh30SQiJvAEd7djX3XXY6Xw==", "dependencies": { - "@babel/runtime": "^7.23.2", - "@mui/utils": "^5.14.17", + "@babel/runtime": "^7.23.9", + "@mui/utils": "^5.15.14", "prop-types": "^15.8.1" }, "engines": { @@ -4753,7 +4771,7 @@ }, "funding": { "type": "opencollective", - "url": "https://opencollective.com/mui" + "url": "https://opencollective.com/mui-org" }, "peerDependencies": { "@types/react": "^17.0.0 || ^18.0.0", @@ -4766,13 +4784,13 @@ } }, "node_modules/@mui/styled-engine": { - "version": "5.14.17", - "resolved": "https://registry.npmjs.org/@mui/styled-engine/-/styled-engine-5.14.17.tgz", - "integrity": "sha512-AqpVjBEA7wnBvKPW168bNlqB6EN7HxTjLOY7oi275AzD/b1C7V0wqELy6NWoJb2yya5sRf7ENf4iNi3+T5cOgw==", + "version": "5.15.14", + "resolved": "https://registry.npmjs.org/@mui/styled-engine/-/styled-engine-5.15.14.tgz", + "integrity": "sha512-RILkuVD8gY6PvjZjqnWhz8fu68dVkqhM5+jYWfB5yhlSQKg+2rHkmEwm75XIeAqI3qwOndK6zELK5H6Zxn4NHw==", "dependencies": { - "@babel/runtime": "^7.23.2", + "@babel/runtime": "^7.23.9", "@emotion/cache": "^11.11.0", - "csstype": "^3.1.2", + "csstype": "^3.1.3", "prop-types": "^15.8.1" }, "engines": { @@ -4780,7 +4798,7 @@ }, "funding": { "type": "opencollective", - "url": "https://opencollective.com/mui" + "url": "https://opencollective.com/mui-org" }, "peerDependencies": { "@emotion/react": "^11.4.1", @@ -4796,43 +4814,6 @@ } } }, - "node_modules/@mui/styled-engine/node_modules/@emotion/cache": { - "version": "11.11.0", - "resolved": "https://registry.npmjs.org/@emotion/cache/-/cache-11.11.0.tgz", - "integrity": "sha512-P34z9ssTCBi3e9EI1ZsWpNHcfY1r09ZO0rZbRO2ob3ZQMnFI35jB536qoXbkdesr5EUhYi22anuEJuyxifaqAQ==", - "dependencies": { - "@emotion/memoize": "^0.8.1", - "@emotion/sheet": "^1.2.2", - "@emotion/utils": "^1.2.1", - "@emotion/weak-memoize": "^0.3.1", - "stylis": "4.2.0" - } - }, - "node_modules/@mui/styled-engine/node_modules/@emotion/memoize": { - "version": "0.8.1", - "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.8.1.tgz", - "integrity": "sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA==" - }, - "node_modules/@mui/styled-engine/node_modules/@emotion/sheet": { - "version": "1.2.2", - "resolved": "https://registry.npmjs.org/@emotion/sheet/-/sheet-1.2.2.tgz", - "integrity": "sha512-0QBtGvaqtWi+nx6doRwDdBIzhNdZrXUppvTM4dtZZWEGTXL/XE/yJxLMGlDT1Gt+UHH5IX1n+jkXyytE/av7OA==" - }, - "node_modules/@mui/styled-engine/node_modules/@emotion/utils": { - "version": "1.2.1", - "resolved": "https://registry.npmjs.org/@emotion/utils/-/utils-1.2.1.tgz", - "integrity": "sha512-Y2tGf3I+XVnajdItskUCn6LX+VUDmP6lTL4fcqsXAv43dnlbZiuW4MWQW38rW/BVWSE7Q/7+XQocmpnRYILUmg==" - }, - "node_modules/@mui/styled-engine/node_modules/@emotion/weak-memoize": { - "version": "0.3.1", - "resolved": "https://registry.npmjs.org/@emotion/weak-memoize/-/weak-memoize-0.3.1.tgz", - "integrity": "sha512-EsBwpc7hBUJWAsNPBmJy4hxWx12v6bshQsldrVmjxJoc3isbxhOrF2IcCpaXxfvq03NwkI7sbsOLXbYuqF/8Ww==" - }, - "node_modules/@mui/styled-engine/node_modules/csstype": { - "version": "3.1.2", - "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz", - "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==" - }, "node_modules/@mui/styles": { "version": "5.14.17", "resolved": "https://registry.npmjs.org/@mui/styles/-/styles-5.14.17.tgz", @@ -4886,23 +4867,18 @@ "node": ">=6" } }, - "node_modules/@mui/styles/node_modules/csstype": { - "version": "3.1.2", - "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz", - "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==" - }, "node_modules/@mui/system": { - "version": "5.14.17", - "resolved": "https://registry.npmjs.org/@mui/system/-/system-5.14.17.tgz", - "integrity": "sha512-Ccz3XlbCqka6DnbHfpL3o3TfOeWQPR+ewvNAgm8gnS9M0yVMmzzmY6z0w/C1eebb+7ZP7IoLUj9vojg/GBaTPg==", - "dependencies": { - "@babel/runtime": "^7.23.2", - "@mui/private-theming": "^5.14.17", - "@mui/styled-engine": "^5.14.17", - "@mui/types": "^7.2.8", - "@mui/utils": "^5.14.17", - "clsx": "^2.0.0", - "csstype": "^3.1.2", + "version": "5.15.15", + "resolved": "https://registry.npmjs.org/@mui/system/-/system-5.15.15.tgz", + "integrity": "sha512-aulox6N1dnu5PABsfxVGOZffDVmlxPOVgj56HrUnJE8MCSh8lOvvkd47cebIVQQYAjpwieXQXiDPj5pwM40jTQ==", + "dependencies": { + "@babel/runtime": "^7.23.9", + "@mui/private-theming": "^5.15.14", + "@mui/styled-engine": "^5.15.14", + "@mui/types": "^7.2.14", + "@mui/utils": "^5.15.14", + "clsx": "^2.1.0", + "csstype": "^3.1.3", "prop-types": "^15.8.1" }, "engines": { @@ -4910,7 +4886,7 @@ }, "funding": { "type": "opencollective", - "url": "https://opencollective.com/mui" + "url": "https://opencollective.com/mui-org" }, "peerDependencies": { "@emotion/react": "^11.5.0", @@ -4931,22 +4907,17 @@ } }, "node_modules/@mui/system/node_modules/clsx": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.0.0.tgz", - "integrity": "sha512-rQ1+kcj+ttHG0MKVGBUXwayCCF1oh39BF5COIpRzuCEv8Mwjv0XucrI2ExNTOn9IlLifGClWQcU9BrZORvtw6Q==", + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz", + "integrity": "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==", "engines": { "node": ">=6" } }, - "node_modules/@mui/system/node_modules/csstype": { - "version": "3.1.2", - "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz", - "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==" - }, "node_modules/@mui/types": { - "version": "7.2.8", - "resolved": "https://registry.npmjs.org/@mui/types/-/types-7.2.8.tgz", - "integrity": "sha512-9u0ji+xspl96WPqvrYJF/iO+1tQ1L5GTaDOeG3vCR893yy7VcWwRNiVMmPdPNpMDqx0WV1wtEW9OMwK9acWJzQ==", + "version": "7.2.14", + "resolved": "https://registry.npmjs.org/@mui/types/-/types-7.2.14.tgz", + "integrity": "sha512-MZsBZ4q4HfzBsywtXgM1Ksj6HDThtiwmOKUXH1pKYISI9gAVXCNHNpo7TlGoGrBaYWZTdNoirIN7JsQcQUjmQQ==", "peerDependencies": { "@types/react": "^17.0.0 || ^18.0.0" }, @@ -4957,12 +4928,12 @@ } }, "node_modules/@mui/utils": { - "version": "5.14.17", - "resolved": "https://registry.npmjs.org/@mui/utils/-/utils-5.14.17.tgz", - "integrity": "sha512-yxnWgSS4J6DMFPw2Dof85yBkG02VTbEiqsikymMsnZnXDurtVGTIhlNuV24GTmFTuJMzEyTTU9UF+O7zaL8LEQ==", + "version": "5.15.14", + "resolved": "https://registry.npmjs.org/@mui/utils/-/utils-5.15.14.tgz", + "integrity": "sha512-0lF/7Hh/ezDv5X7Pry6enMsbYyGKjADzvHyo3Qrc/SSlTsQ1VkbDMbH0m2t3OR5iIVLwMoxwM7yGd+6FCMtTFA==", "dependencies": { - "@babel/runtime": "^7.23.2", - "@types/prop-types": "^15.7.9", + "@babel/runtime": "^7.23.9", + "@types/prop-types": "^15.7.11", "prop-types": "^15.8.1", "react-is": "^18.2.0" }, @@ -4971,7 +4942,7 @@ }, "funding": { "type": "opencollective", - "url": "https://opencollective.com/mui" + "url": "https://opencollective.com/mui-org" }, "peerDependencies": { "@types/react": "^17.0.0 || ^18.0.0", @@ -4988,6 +4959,113 @@ "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz", "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==" }, + "node_modules/@mui/x-date-pickers": { + "version": "7.3.2", + "resolved": "https://registry.npmjs.org/@mui/x-date-pickers/-/x-date-pickers-7.3.2.tgz", + "integrity": "sha512-i7JaDs1eXSZWyJihfszUHVV0t/C2HvtdMv5tHwv3E3enMx5Hup1vkJ64vZAH2fgGrTHQH8mjxvVsmI6jhDXIUg==", + "peer": true, + "dependencies": { + "@babel/runtime": "^7.24.0", + "@mui/base": "^5.0.0-beta.40", + "@mui/system": "^5.15.14", + "@mui/utils": "^5.15.14", + "@types/react-transition-group": "^4.4.10", + "clsx": "^2.1.0", + "prop-types": "^15.8.1", + "react-transition-group": "^4.4.5" + }, + "engines": { + "node": ">=14.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/mui-org" + }, + "peerDependencies": { + "@emotion/react": "^11.9.0", + "@emotion/styled": "^11.8.1", + "@mui/material": "^5.15.14", + "date-fns": "^2.25.0 || ^3.2.0", + "date-fns-jalali": "^2.13.0-0", + "dayjs": "^1.10.7", + "luxon": "^3.0.2", + "moment": "^2.29.4", + "moment-hijri": "^2.1.2", + "moment-jalaali": "^0.7.4 || ^0.8.0 || ^0.9.0 || ^0.10.0", + "react": "^17.0.0 || ^18.0.0", + "react-dom": "^17.0.0 || ^18.0.0" + }, + "peerDependenciesMeta": { + "@emotion/react": { + "optional": true + }, + "@emotion/styled": { + "optional": true + }, + "date-fns": { + "optional": true + }, + "date-fns-jalali": { + "optional": true + }, + "dayjs": { + "optional": true + }, + "luxon": { + "optional": true + }, + "moment": { + "optional": true + }, + "moment-hijri": { + "optional": true + }, + "moment-jalaali": { + "optional": true + } + } + }, + "node_modules/@mui/x-date-pickers/node_modules/@mui/base": { + "version": "5.0.0-beta.40", + "resolved": "https://registry.npmjs.org/@mui/base/-/base-5.0.0-beta.40.tgz", + "integrity": "sha512-I/lGHztkCzvwlXpjD2+SNmvNQvB4227xBXhISPjEaJUXGImOQ9f3D2Yj/T3KasSI/h0MLWy74X0J6clhPmsRbQ==", + "peer": true, + "dependencies": { + "@babel/runtime": "^7.23.9", + "@floating-ui/react-dom": "^2.0.8", + "@mui/types": "^7.2.14", + "@mui/utils": "^5.15.14", + "@popperjs/core": "^2.11.8", + "clsx": "^2.1.0", + "prop-types": "^15.8.1" + }, + "engines": { + "node": ">=12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/mui-org" + }, + "peerDependencies": { + "@types/react": "^17.0.0 || ^18.0.0", + "react": "^17.0.0 || ^18.0.0", + "react-dom": "^17.0.0 || ^18.0.0" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + } + } + }, + "node_modules/@mui/x-date-pickers/node_modules/clsx": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz", + "integrity": "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==", + "peer": true, + "engines": { + "node": ">=6" + } + }, "node_modules/@mui/x-tree-view": { "version": "6.17.0", "resolved": "https://registry.npmjs.org/@mui/x-tree-view/-/x-tree-view-6.17.0.tgz", @@ -9061,6 +9139,77 @@ "resolved": "https://registry.npmjs.org/@swc/types/-/types-0.1.5.tgz", "integrity": "sha512-myfUej5naTBWnqOCc/MdVOLVjXUXtIA+NpDrDBKJtLLg2shUjBu3cZmB/85RyitKc55+lUUyl7oRfLOvkr2hsw==" }, + "node_modules/@tanstack/match-sorter-utils": { + "version": "8.15.1", + "resolved": "https://registry.npmjs.org/@tanstack/match-sorter-utils/-/match-sorter-utils-8.15.1.tgz", + "integrity": "sha512-PnVV3d2poenUM31ZbZi/yXkBu3J7kd5k2u51CGwwNojag451AjTH9N6n41yjXz2fpLeewleyLBmNS6+HcGDlXw==", + "dependencies": { + "remove-accents": "0.5.0" + }, + "engines": { + "node": ">=12" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/tannerlinsley" + } + }, + "node_modules/@tanstack/react-table": { + "version": "8.16.0", + "resolved": "https://registry.npmjs.org/@tanstack/react-table/-/react-table-8.16.0.tgz", + "integrity": "sha512-rKRjnt8ostqN2fercRVOIH/dq7MAmOENCMvVlKx6P9Iokhh6woBGnIZEkqsY/vEJf1jN3TqLOb34xQGLVRuhAg==", + "dependencies": { + "@tanstack/table-core": "8.16.0" + }, + "engines": { + "node": ">=12" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/tannerlinsley" + }, + "peerDependencies": { + "react": ">=16.8", + "react-dom": ">=16.8" + } + }, + "node_modules/@tanstack/react-virtual": { + "version": "3.3.0", + "resolved": "https://registry.npmjs.org/@tanstack/react-virtual/-/react-virtual-3.3.0.tgz", + "integrity": "sha512-QFxmTSZBniq15S0vSZ55P4ToXquMXwJypPXyX/ux7sYo6a2FX3/zWoRLLc4eIOGWTjvzqcIVNKhcuFb+OZL3aQ==", + "dependencies": { + "@tanstack/virtual-core": "3.3.0" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/tannerlinsley" + }, + "peerDependencies": { + "react": "^16.8.0 || ^17.0.0 || ^18.0.0", + "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0" + } + }, + "node_modules/@tanstack/table-core": { + "version": "8.16.0", + "resolved": "https://registry.npmjs.org/@tanstack/table-core/-/table-core-8.16.0.tgz", + "integrity": "sha512-dCG8vQGk4js5v88/k83tTedWOwjGnIyONrKpHpfmSJB8jwFHl8GSu1sBBxbtACVAPtAQgwNxl0rw1d3RqRM1Tg==", + "engines": { + "node": ">=12" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/tannerlinsley" + } + }, + "node_modules/@tanstack/virtual-core": { + "version": "3.3.0", + "resolved": "https://registry.npmjs.org/@tanstack/virtual-core/-/virtual-core-3.3.0.tgz", + "integrity": "sha512-A0004OAa1FcUkPHeeGoKgBrAgjH+uHdDPrw1L7RpkwnODYqRvoilqsHPs8cyTjMg1byZBbiNpQAq2TlFLIaQag==", + "funding": { + "type": "github", + "url": "https://github.com/sponsors/tannerlinsley" + } + }, "node_modules/@testing-library/dom": { "version": "8.19.0", "resolved": "https://registry.npmjs.org/@testing-library/dom/-/dom-8.19.0.tgz", @@ -9735,9 +9884,9 @@ "integrity": "sha512-nj39q0wAIdhwn7DGUyT9irmsKK1tV0bd5WFEhgpqNTMFZ8cE+jieuTphCW0tfdm47S2zVT5mr09B28b1chmQMA==" }, "node_modules/@types/prop-types": { - "version": "15.7.10", - "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.10.tgz", - "integrity": "sha512-mxSnDQxPqsZxmeShFH+uwQ4kO4gcJcGahjjMFeLbKE95IAZiiZyiEepGZjtXJ7hN/yfu0bu9xN2ajcU0JcxX6A==" + "version": "15.7.12", + "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.12.tgz", + "integrity": "sha512-5zvhXYtRNRluoE/jAp4GVsSduVUzNWKkOZrCDBWYtE7biZywwdC2AcEzg+cSMLFRfVgeAFqpfNabiPjxFddV1Q==" }, "node_modules/@types/q": { "version": "1.5.5", @@ -9803,9 +9952,9 @@ } }, "node_modules/@types/react-transition-group": { - "version": "4.4.9", - "resolved": "https://registry.npmjs.org/@types/react-transition-group/-/react-transition-group-4.4.9.tgz", - "integrity": "sha512-ZVNmWumUIh5NhH8aMD9CR2hdW0fNuYInlocZHaZ+dgk/1K49j1w/HoAuK1ki+pgscQrOFRTlXeoURtuzEkV3dg==", + "version": "4.4.10", + "resolved": "https://registry.npmjs.org/@types/react-transition-group/-/react-transition-group-4.4.10.tgz", + "integrity": "sha512-hT/+s0VQs2ojCX823m60m5f0sL5idt9SO6Tj6Dg+rdphGPIeJbJ6CxvBYkgkGKrYeDjvIpKTR38UzmtHJOGW3Q==", "dependencies": { "@types/react": "*" } @@ -9818,11 +9967,6 @@ "@types/react": "*" } }, - "node_modules/@types/react/node_modules/csstype": { - "version": "3.1.1", - "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.1.tgz", - "integrity": "sha512-DJR/VvkAvSZW9bTouZue2sSxDwdTN92uHjqeKVm+0dAqdfNykRzQ95tay8aXMBAAPpUiq4Qcug2L7neoRh2Egw==" - }, "node_modules/@types/redux-mock-store": { "version": "1.0.4", "resolved": "https://registry.npmjs.org/@types/redux-mock-store/-/redux-mock-store-1.0.4.tgz", @@ -13547,6 +13691,11 @@ "resolved": "https://registry.npmjs.org/cssom/-/cssom-0.3.8.tgz", "integrity": "sha512-b0tGHbfegbhPJpxpiBPU2sCkigAqtM9O121le6bbOlgyV+NyGyCmVfJ6QW9eRjz8CpNfWEOYBIMIGRYkLwsIYg==" }, + "node_modules/csstype": { + "version": "3.1.3", + "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz", + "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==" + }, "node_modules/d3-array": { "version": "3.2.0", "resolved": "https://registry.npmjs.org/d3-array/-/d3-array-3.2.0.tgz", @@ -14135,11 +14284,6 @@ "csstype": "^3.0.2" } }, - "node_modules/dom-helpers/node_modules/csstype": { - "version": "3.1.1", - "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.1.tgz", - "integrity": "sha512-DJR/VvkAvSZW9bTouZue2sSxDwdTN92uHjqeKVm+0dAqdfNykRzQ95tay8aXMBAAPpUiq4Qcug2L7neoRh2Egw==" - }, "node_modules/dom-serializer": { "version": "1.4.1", "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-1.4.1.tgz", @@ -17266,6 +17410,15 @@ "resolved": "https://registry.npmjs.org/rsvp/-/rsvp-3.2.1.tgz", "integrity": "sha512-Rf4YVNYpKjZ6ASAmibcwTNciQ5Co5Ztq6iZPEykHpkoflnD/K5ryE/rHehFsTm4NJj8nKDhbi3eKBWGogmNnkg==" }, + "node_modules/highlight-words": { + "version": "1.2.2", + "resolved": "https://registry.npmjs.org/highlight-words/-/highlight-words-1.2.2.tgz", + "integrity": "sha512-Mf4xfPXYm8Ay1wTibCrHpNWeR2nUMynMVFkXCi4mbl+TEgmNOe+I4hV7W3OCZcSvzGL6kupaqpfHOemliMTGxQ==", + "engines": { + "node": ">= 16", + "npm": ">= 8" + } + }, "node_modules/history": { "version": "4.10.1", "resolved": "https://registry.npmjs.org/history/-/history-4.10.1.tgz", @@ -22746,11 +22899,6 @@ "jss": "10.10.0" } }, - "node_modules/jss/node_modules/csstype": { - "version": "3.1.1", - "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.1.tgz", - "integrity": "sha512-DJR/VvkAvSZW9bTouZue2sSxDwdTN92uHjqeKVm+0dAqdfNykRzQ95tay8aXMBAAPpUiq4Qcug2L7neoRh2Egw==" - }, "node_modules/jsx-ast-utils": { "version": "3.3.3", "resolved": "https://registry.npmjs.org/jsx-ast-utils/-/jsx-ast-utils-3.3.3.tgz", @@ -23459,6 +23607,33 @@ "resolved": "https://registry.npmjs.org/@types/minimatch/-/minimatch-3.0.5.tgz", "integrity": "sha512-Klz949h02Gz2uZCMGwDUSDS1YBlTdDDgbWHi+81l29tQALUtvz4rAYi5uoVhE5Lagoq6DeqAUlbrHvW/mXDgdQ==" }, + "node_modules/material-react-table": { + "version": "2.13.0", + "resolved": "https://registry.npmjs.org/material-react-table/-/material-react-table-2.13.0.tgz", + "integrity": "sha512-ds4/cupDsXvoz8K8OpM3UqUyqKoAMkVdvmvP/+ovuWA23fPcjYvFFkUpBxtnZq5GKWM0+SZWzr14KQ1DgKCaFQ==", + "dependencies": { + "@tanstack/match-sorter-utils": "8.15.1", + "@tanstack/react-table": "8.16.0", + "@tanstack/react-virtual": "3.3.0", + "highlight-words": "1.2.2" + }, + "engines": { + "node": ">=16" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/kevinvandy" + }, + "peerDependencies": { + "@emotion/react": ">=11.11", + "@emotion/styled": ">=11.11", + "@mui/icons-material": ">=5.11", + "@mui/material": ">=5.13", + "@mui/x-date-pickers": ">=6.15.0", + "react": ">=17.0", + "react-dom": ">=17.0" + } + }, "node_modules/md5.js": { "version": "1.3.5", "resolved": "https://registry.npmjs.org/md5.js/-/md5.js-1.3.5.tgz", @@ -30884,6 +31059,11 @@ "url": "https://opencollective.com/unified" } }, + "node_modules/remove-accents": { + "version": "0.5.0", + "resolved": "https://registry.npmjs.org/remove-accents/-/remove-accents-0.5.0.tgz", + "integrity": "sha512-8g3/Otx1eJaVD12e31UbJj1YzdtVvzH85HV7t+9MJYk/u3XmkOUJ5Ys9wQrf9PCPK8+xn4ymzqYCiZl6QWKn+A==" + }, "node_modules/remove-bom-buffer": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/remove-bom-buffer/-/remove-bom-buffer-3.0.0.tgz", @@ -33211,9 +33391,9 @@ } }, "node_modules/typescript": { - "version": "4.9.5", - "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.9.5.tgz", - "integrity": "sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g==", + "version": "4.8.4", + "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.8.4.tgz", + "integrity": "sha512-QCh+85mCy+h0IGff8r5XWzOVSbBO+KfeYrMQh7NJ58QujwcE22u+NUSmUxqF+un70P9GXKxa2HCNiTTMJknyjQ==", "bin": { "tsc": "bin/tsc", "tsserver": "bin/tsserver" @@ -36672,9 +36852,9 @@ "integrity": "sha512-x/rqGMdzj+fWZvCOYForTghzbtqPDZ5gPwaoNGHdgDfF2QA/XZbCBp4Moo5scrkAMPhB7z26XM/AaHuIJdgauA==" }, "@babel/runtime": { - "version": "7.23.2", - "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.23.2.tgz", - "integrity": "sha512-mM8eg4yl5D6i3lu2QKPuPH4FArvJ8KhTofbE7jwMUv9KX5mBvwPAqnV3MlyBNqdp9RyRKP6Yck8TrfYrPvX3bg==", + "version": "7.24.5", + "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.24.5.tgz", + "integrity": "sha512-Nms86NXrsaeU9vbBJKni6gXiEXZ4CVpYVzEjDH9Sb8vmZ3UljyA1GSOJl/6LGPO8EHLuSF9H+IxNXHPX8QHJ4g==", "requires": { "regenerator-runtime": "^0.14.0" }, @@ -36902,11 +37082,6 @@ "resolved": "https://registry.npmjs.org/@emotion/hash/-/hash-0.9.1.tgz", "integrity": "sha512-gJB6HLm5rYwSLI6PQa+X1t5CFGrv1J1TWG+sOyMCeKz2ojaj6Fnl/rZEspogG+cvqbt4AE/2eIyD2QfLKTBNlQ==" }, - "@emotion/memoize": { - "version": "0.8.1", - "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.8.1.tgz", - "integrity": "sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA==" - }, "@emotion/serialize": { "version": "1.1.2", "resolved": "https://registry.npmjs.org/@emotion/serialize/-/serialize-1.1.2.tgz", @@ -36924,16 +37099,6 @@ "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.8.1.tgz", "integrity": "sha512-KOEGMu6dmJZtpadb476IsZBclKvILjopjUii3V+7MnXIQCYh8W3NgNcgwo21n9LXZX6EDIKvqfjYxXebDwxKmQ==" }, - "@emotion/utils": { - "version": "1.2.1", - "resolved": "https://registry.npmjs.org/@emotion/utils/-/utils-1.2.1.tgz", - "integrity": "sha512-Y2tGf3I+XVnajdItskUCn6LX+VUDmP6lTL4fcqsXAv43dnlbZiuW4MWQW38rW/BVWSE7Q/7+XQocmpnRYILUmg==" - }, - "csstype": { - "version": "3.1.2", - "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz", - "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==" - }, "escape-string-regexp": { "version": "4.0.0", "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz", @@ -36946,6 +37111,23 @@ } } }, + "@emotion/cache": { + "version": "11.11.0", + "resolved": "https://registry.npmjs.org/@emotion/cache/-/cache-11.11.0.tgz", + "integrity": "sha512-P34z9ssTCBi3e9EI1ZsWpNHcfY1r09ZO0rZbRO2ob3ZQMnFI35jB536qoXbkdesr5EUhYi22anuEJuyxifaqAQ==", + "requires": { + "@emotion/memoize": "^0.8.1", + "@emotion/sheet": "^1.2.2", + "@emotion/utils": "^1.2.1", + "@emotion/weak-memoize": "^0.3.1", + "stylis": "4.2.0" + } + }, + "@emotion/memoize": { + "version": "0.8.1", + "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.8.1.tgz", + "integrity": "sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA==" + }, "@emotion/react": { "version": "11.11.1", "resolved": "https://registry.npmjs.org/@emotion/react/-/react-11.11.1.tgz", @@ -36961,28 +37143,11 @@ "hoist-non-react-statics": "^3.3.1" }, "dependencies": { - "@emotion/cache": { - "version": "11.11.0", - "resolved": "https://registry.npmjs.org/@emotion/cache/-/cache-11.11.0.tgz", - "integrity": "sha512-P34z9ssTCBi3e9EI1ZsWpNHcfY1r09ZO0rZbRO2ob3ZQMnFI35jB536qoXbkdesr5EUhYi22anuEJuyxifaqAQ==", - "requires": { - "@emotion/memoize": "^0.8.1", - "@emotion/sheet": "^1.2.2", - "@emotion/utils": "^1.2.1", - "@emotion/weak-memoize": "^0.3.1", - "stylis": "4.2.0" - } - }, "@emotion/hash": { "version": "0.9.1", "resolved": "https://registry.npmjs.org/@emotion/hash/-/hash-0.9.1.tgz", "integrity": "sha512-gJB6HLm5rYwSLI6PQa+X1t5CFGrv1J1TWG+sOyMCeKz2ojaj6Fnl/rZEspogG+cvqbt4AE/2eIyD2QfLKTBNlQ==" }, - "@emotion/memoize": { - "version": "0.8.1", - "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.8.1.tgz", - "integrity": "sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA==" - }, "@emotion/serialize": { "version": "1.1.2", "resolved": "https://registry.npmjs.org/@emotion/serialize/-/serialize-1.1.2.tgz", @@ -36995,33 +37160,18 @@ "csstype": "^3.0.2" } }, - "@emotion/sheet": { - "version": "1.2.2", - "resolved": "https://registry.npmjs.org/@emotion/sheet/-/sheet-1.2.2.tgz", - "integrity": "sha512-0QBtGvaqtWi+nx6doRwDdBIzhNdZrXUppvTM4dtZZWEGTXL/XE/yJxLMGlDT1Gt+UHH5IX1n+jkXyytE/av7OA==" - }, "@emotion/unitless": { "version": "0.8.1", "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.8.1.tgz", "integrity": "sha512-KOEGMu6dmJZtpadb476IsZBclKvILjopjUii3V+7MnXIQCYh8W3NgNcgwo21n9LXZX6EDIKvqfjYxXebDwxKmQ==" - }, - "@emotion/utils": { - "version": "1.2.1", - "resolved": "https://registry.npmjs.org/@emotion/utils/-/utils-1.2.1.tgz", - "integrity": "sha512-Y2tGf3I+XVnajdItskUCn6LX+VUDmP6lTL4fcqsXAv43dnlbZiuW4MWQW38rW/BVWSE7Q/7+XQocmpnRYILUmg==" - }, - "@emotion/weak-memoize": { - "version": "0.3.1", - "resolved": "https://registry.npmjs.org/@emotion/weak-memoize/-/weak-memoize-0.3.1.tgz", - "integrity": "sha512-EsBwpc7hBUJWAsNPBmJy4hxWx12v6bshQsldrVmjxJoc3isbxhOrF2IcCpaXxfvq03NwkI7sbsOLXbYuqF/8Ww==" - }, - "csstype": { - "version": "3.1.2", - "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz", - "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==" } } }, + "@emotion/sheet": { + "version": "1.2.2", + "resolved": "https://registry.npmjs.org/@emotion/sheet/-/sheet-1.2.2.tgz", + "integrity": "sha512-0QBtGvaqtWi+nx6doRwDdBIzhNdZrXUppvTM4dtZZWEGTXL/XE/yJxLMGlDT1Gt+UHH5IX1n+jkXyytE/av7OA==" + }, "@emotion/styled": { "version": "11.11.0", "resolved": "https://registry.npmjs.org/@emotion/styled/-/styled-11.11.0.tgz", @@ -37048,11 +37198,6 @@ "@emotion/memoize": "^0.8.1" } }, - "@emotion/memoize": { - "version": "0.8.1", - "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.8.1.tgz", - "integrity": "sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA==" - }, "@emotion/serialize": { "version": "1.1.2", "resolved": "https://registry.npmjs.org/@emotion/serialize/-/serialize-1.1.2.tgz", @@ -37069,16 +37214,6 @@ "version": "0.8.1", "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.8.1.tgz", "integrity": "sha512-KOEGMu6dmJZtpadb476IsZBclKvILjopjUii3V+7MnXIQCYh8W3NgNcgwo21n9LXZX6EDIKvqfjYxXebDwxKmQ==" - }, - "@emotion/utils": { - "version": "1.2.1", - "resolved": "https://registry.npmjs.org/@emotion/utils/-/utils-1.2.1.tgz", - "integrity": "sha512-Y2tGf3I+XVnajdItskUCn6LX+VUDmP6lTL4fcqsXAv43dnlbZiuW4MWQW38rW/BVWSE7Q/7+XQocmpnRYILUmg==" - }, - "csstype": { - "version": "3.1.2", - "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz", - "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==" } } }, @@ -37088,6 +37223,16 @@ "integrity": "sha512-jT/qyKZ9rzLErtrjGgdkMBn2OP8wl0G3sQlBb3YPryvKHsjvINUhVaPFfP+fpBcOkmrVOVEEHQFJ7nbj2TH2gw==", "requires": {} }, + "@emotion/utils": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/@emotion/utils/-/utils-1.2.1.tgz", + "integrity": "sha512-Y2tGf3I+XVnajdItskUCn6LX+VUDmP6lTL4fcqsXAv43dnlbZiuW4MWQW38rW/BVWSE7Q/7+XQocmpnRYILUmg==" + }, + "@emotion/weak-memoize": { + "version": "0.3.1", + "resolved": "https://registry.npmjs.org/@emotion/weak-memoize/-/weak-memoize-0.3.1.tgz", + "integrity": "sha512-EsBwpc7hBUJWAsNPBmJy4hxWx12v6bshQsldrVmjxJoc3isbxhOrF2IcCpaXxfvq03NwkI7sbsOLXbYuqF/8Ww==" + }, "@esbuild/linux-x64": { "version": "0.18.20", "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.18.20.tgz", @@ -37165,11 +37310,11 @@ } }, "@floating-ui/react-dom": { - "version": "2.0.4", - "resolved": "https://registry.npmjs.org/@floating-ui/react-dom/-/react-dom-2.0.4.tgz", - "integrity": "sha512-CF8k2rgKeh/49UrnIBs4BdxPUV6vize/Db1d/YbCLyp9GiVZ0BEwf5AiDSxJRCr6yOkGqTFHtmrULxkEfYZ7dQ==", + "version": "2.0.9", + "resolved": "https://registry.npmjs.org/@floating-ui/react-dom/-/react-dom-2.0.9.tgz", + "integrity": "sha512-q0umO0+LQK4+p6aGyvzASqKbKOJcAHJ7ycE9CuUvfx3s9zTHWmGJTPOIlM/hmSBfUfg/XfY5YhLBLR/LHwShQQ==", "requires": { - "@floating-ui/dom": "^1.5.1" + "@floating-ui/dom": "^1.0.0" } }, "@floating-ui/utils": { @@ -38284,9 +38429,18 @@ } }, "@mui/core-downloads-tracker": { - "version": "5.14.17", - "resolved": "https://registry.npmjs.org/@mui/core-downloads-tracker/-/core-downloads-tracker-5.14.17.tgz", - "integrity": "sha512-eE0uxrpJAEL2ZXkeGLKg8HQDafsiXY+6eNpP4lcv3yIjFfGbU6Hj9/P7Adt8jpU+6JIhmxvILGj2r27pX+zdrQ==" + "version": "5.15.16", + "resolved": "https://registry.npmjs.org/@mui/core-downloads-tracker/-/core-downloads-tracker-5.15.16.tgz", + "integrity": "sha512-PTIbMJs5C/vYMfyJNW8ArOezh4eyHkg2pTeA7bBxh2kLP1Uzs0Nm+krXWbWGJPwTWjM8EhnDrr4aCF26+2oleg==" + }, + "@mui/icons-material": { + "version": "5.15.16", + "resolved": "https://registry.npmjs.org/@mui/icons-material/-/icons-material-5.15.16.tgz", + "integrity": "sha512-s8vYbyACzTNZRKv+20fCfVXJwJqNcVotns2EKnu1wmAga6wv2LAo5kB1d5yqQqZlMFtp34EJvRXf7cy8X0tJVA==", + "peer": true, + "requires": { + "@babel/runtime": "^7.23.9" + } }, "@mui/lab": { "version": "5.0.0-alpha.152", @@ -38310,33 +38464,42 @@ } }, "@mui/material": { - "version": "5.14.17", - "resolved": "https://registry.npmjs.org/@mui/material/-/material-5.14.17.tgz", - "integrity": "sha512-+y0VeOLWfEA4Z98We/UH6KCo8+f2HLZDK45FY+sJf8kSojLy3VntadKtC/u0itqnXXb1Pr4wKB2tSIBW02zY4Q==", - "requires": { - "@babel/runtime": "^7.23.2", - "@mui/base": "5.0.0-beta.23", - "@mui/core-downloads-tracker": "^5.14.17", - "@mui/system": "^5.14.17", - "@mui/types": "^7.2.8", - "@mui/utils": "^5.14.17", - "@types/react-transition-group": "^4.4.8", - "clsx": "^2.0.0", - "csstype": "^3.1.2", + "version": "5.15.16", + "resolved": "https://registry.npmjs.org/@mui/material/-/material-5.15.16.tgz", + "integrity": "sha512-ery2hFReewko9gpDBqOr2VmXwQG9ifXofPhGzIx09/b9JqCQC/06kZXZDGGrOTpIddK9HlIf4yrS+G70jPAzUQ==", + "requires": { + "@babel/runtime": "^7.23.9", + "@mui/base": "5.0.0-beta.40", + "@mui/core-downloads-tracker": "^5.15.16", + "@mui/system": "^5.15.15", + "@mui/types": "^7.2.14", + "@mui/utils": "^5.15.14", + "@types/react-transition-group": "^4.4.10", + "clsx": "^2.1.0", + "csstype": "^3.1.3", "prop-types": "^15.8.1", "react-is": "^18.2.0", "react-transition-group": "^4.4.5" }, "dependencies": { - "clsx": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.0.0.tgz", - "integrity": "sha512-rQ1+kcj+ttHG0MKVGBUXwayCCF1oh39BF5COIpRzuCEv8Mwjv0XucrI2ExNTOn9IlLifGClWQcU9BrZORvtw6Q==" + "@mui/base": { + "version": "5.0.0-beta.40", + "resolved": "https://registry.npmjs.org/@mui/base/-/base-5.0.0-beta.40.tgz", + "integrity": "sha512-I/lGHztkCzvwlXpjD2+SNmvNQvB4227xBXhISPjEaJUXGImOQ9f3D2Yj/T3KasSI/h0MLWy74X0J6clhPmsRbQ==", + "requires": { + "@babel/runtime": "^7.23.9", + "@floating-ui/react-dom": "^2.0.8", + "@mui/types": "^7.2.14", + "@mui/utils": "^5.15.14", + "@popperjs/core": "^2.11.8", + "clsx": "^2.1.0", + "prop-types": "^15.8.1" + } }, - "csstype": { - "version": "3.1.2", - "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz", - "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==" + "clsx": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz", + "integrity": "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==" }, "react-is": { "version": "18.2.0", @@ -38346,63 +38509,24 @@ } }, "@mui/private-theming": { - "version": "5.14.17", - "resolved": "https://registry.npmjs.org/@mui/private-theming/-/private-theming-5.14.17.tgz", - "integrity": "sha512-u4zxsCm9xmQrlhVPug+Ccrtsjv7o2+rehvrgHoh0siSguvVgVQq5O3Hh10+tp/KWQo2JR4/nCEwquSXgITS1+g==", + "version": "5.15.14", + "resolved": "https://registry.npmjs.org/@mui/private-theming/-/private-theming-5.15.14.tgz", + "integrity": "sha512-UH0EiZckOWcxiXLX3Jbb0K7rC8mxTr9L9l6QhOZxYc4r8FHUkefltV9VDGLrzCaWh30SQiJvAEd7djX3XXY6Xw==", "requires": { - "@babel/runtime": "^7.23.2", - "@mui/utils": "^5.14.17", + "@babel/runtime": "^7.23.9", + "@mui/utils": "^5.15.14", "prop-types": "^15.8.1" } }, "@mui/styled-engine": { - "version": "5.14.17", - "resolved": "https://registry.npmjs.org/@mui/styled-engine/-/styled-engine-5.14.17.tgz", - "integrity": "sha512-AqpVjBEA7wnBvKPW168bNlqB6EN7HxTjLOY7oi275AzD/b1C7V0wqELy6NWoJb2yya5sRf7ENf4iNi3+T5cOgw==", + "version": "5.15.14", + "resolved": "https://registry.npmjs.org/@mui/styled-engine/-/styled-engine-5.15.14.tgz", + "integrity": "sha512-RILkuVD8gY6PvjZjqnWhz8fu68dVkqhM5+jYWfB5yhlSQKg+2rHkmEwm75XIeAqI3qwOndK6zELK5H6Zxn4NHw==", "requires": { - "@babel/runtime": "^7.23.2", + "@babel/runtime": "^7.23.9", "@emotion/cache": "^11.11.0", - "csstype": "^3.1.2", + "csstype": "^3.1.3", "prop-types": "^15.8.1" - }, - "dependencies": { - "@emotion/cache": { - "version": "11.11.0", - "resolved": "https://registry.npmjs.org/@emotion/cache/-/cache-11.11.0.tgz", - "integrity": "sha512-P34z9ssTCBi3e9EI1ZsWpNHcfY1r09ZO0rZbRO2ob3ZQMnFI35jB536qoXbkdesr5EUhYi22anuEJuyxifaqAQ==", - "requires": { - "@emotion/memoize": "^0.8.1", - "@emotion/sheet": "^1.2.2", - "@emotion/utils": "^1.2.1", - "@emotion/weak-memoize": "^0.3.1", - "stylis": "4.2.0" - } - }, - "@emotion/memoize": { - "version": "0.8.1", - "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.8.1.tgz", - "integrity": "sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA==" - }, - "@emotion/sheet": { - "version": "1.2.2", - "resolved": "https://registry.npmjs.org/@emotion/sheet/-/sheet-1.2.2.tgz", - "integrity": "sha512-0QBtGvaqtWi+nx6doRwDdBIzhNdZrXUppvTM4dtZZWEGTXL/XE/yJxLMGlDT1Gt+UHH5IX1n+jkXyytE/av7OA==" - }, - "@emotion/utils": { - "version": "1.2.1", - "resolved": "https://registry.npmjs.org/@emotion/utils/-/utils-1.2.1.tgz", - "integrity": "sha512-Y2tGf3I+XVnajdItskUCn6LX+VUDmP6lTL4fcqsXAv43dnlbZiuW4MWQW38rW/BVWSE7Q/7+XQocmpnRYILUmg==" - }, - "@emotion/weak-memoize": { - "version": "0.3.1", - "resolved": "https://registry.npmjs.org/@emotion/weak-memoize/-/weak-memoize-0.3.1.tgz", - "integrity": "sha512-EsBwpc7hBUJWAsNPBmJy4hxWx12v6bshQsldrVmjxJoc3isbxhOrF2IcCpaXxfvq03NwkI7sbsOLXbYuqF/8Ww==" - }, - "csstype": { - "version": "3.1.2", - "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz", - "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==" - } } }, "@mui/styles": { @@ -38438,54 +38562,44 @@ "version": "2.0.0", "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.0.0.tgz", "integrity": "sha512-rQ1+kcj+ttHG0MKVGBUXwayCCF1oh39BF5COIpRzuCEv8Mwjv0XucrI2ExNTOn9IlLifGClWQcU9BrZORvtw6Q==" - }, - "csstype": { - "version": "3.1.2", - "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz", - "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==" } } }, "@mui/system": { - "version": "5.14.17", - "resolved": "https://registry.npmjs.org/@mui/system/-/system-5.14.17.tgz", - "integrity": "sha512-Ccz3XlbCqka6DnbHfpL3o3TfOeWQPR+ewvNAgm8gnS9M0yVMmzzmY6z0w/C1eebb+7ZP7IoLUj9vojg/GBaTPg==", - "requires": { - "@babel/runtime": "^7.23.2", - "@mui/private-theming": "^5.14.17", - "@mui/styled-engine": "^5.14.17", - "@mui/types": "^7.2.8", - "@mui/utils": "^5.14.17", - "clsx": "^2.0.0", - "csstype": "^3.1.2", + "version": "5.15.15", + "resolved": "https://registry.npmjs.org/@mui/system/-/system-5.15.15.tgz", + "integrity": "sha512-aulox6N1dnu5PABsfxVGOZffDVmlxPOVgj56HrUnJE8MCSh8lOvvkd47cebIVQQYAjpwieXQXiDPj5pwM40jTQ==", + "requires": { + "@babel/runtime": "^7.23.9", + "@mui/private-theming": "^5.15.14", + "@mui/styled-engine": "^5.15.14", + "@mui/types": "^7.2.14", + "@mui/utils": "^5.15.14", + "clsx": "^2.1.0", + "csstype": "^3.1.3", "prop-types": "^15.8.1" }, "dependencies": { "clsx": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.0.0.tgz", - "integrity": "sha512-rQ1+kcj+ttHG0MKVGBUXwayCCF1oh39BF5COIpRzuCEv8Mwjv0XucrI2ExNTOn9IlLifGClWQcU9BrZORvtw6Q==" - }, - "csstype": { - "version": "3.1.2", - "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz", - "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==" + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz", + "integrity": "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==" } } }, "@mui/types": { - "version": "7.2.8", - "resolved": "https://registry.npmjs.org/@mui/types/-/types-7.2.8.tgz", - "integrity": "sha512-9u0ji+xspl96WPqvrYJF/iO+1tQ1L5GTaDOeG3vCR893yy7VcWwRNiVMmPdPNpMDqx0WV1wtEW9OMwK9acWJzQ==", + "version": "7.2.14", + "resolved": "https://registry.npmjs.org/@mui/types/-/types-7.2.14.tgz", + "integrity": "sha512-MZsBZ4q4HfzBsywtXgM1Ksj6HDThtiwmOKUXH1pKYISI9gAVXCNHNpo7TlGoGrBaYWZTdNoirIN7JsQcQUjmQQ==", "requires": {} }, "@mui/utils": { - "version": "5.14.17", - "resolved": "https://registry.npmjs.org/@mui/utils/-/utils-5.14.17.tgz", - "integrity": "sha512-yxnWgSS4J6DMFPw2Dof85yBkG02VTbEiqsikymMsnZnXDurtVGTIhlNuV24GTmFTuJMzEyTTU9UF+O7zaL8LEQ==", + "version": "5.15.14", + "resolved": "https://registry.npmjs.org/@mui/utils/-/utils-5.15.14.tgz", + "integrity": "sha512-0lF/7Hh/ezDv5X7Pry6enMsbYyGKjADzvHyo3Qrc/SSlTsQ1VkbDMbH0m2t3OR5iIVLwMoxwM7yGd+6FCMtTFA==", "requires": { - "@babel/runtime": "^7.23.2", - "@types/prop-types": "^15.7.9", + "@babel/runtime": "^7.23.9", + "@types/prop-types": "^15.7.11", "prop-types": "^15.8.1", "react-is": "^18.2.0" }, @@ -38497,6 +38611,45 @@ } } }, + "@mui/x-date-pickers": { + "version": "7.3.2", + "resolved": "https://registry.npmjs.org/@mui/x-date-pickers/-/x-date-pickers-7.3.2.tgz", + "integrity": "sha512-i7JaDs1eXSZWyJihfszUHVV0t/C2HvtdMv5tHwv3E3enMx5Hup1vkJ64vZAH2fgGrTHQH8mjxvVsmI6jhDXIUg==", + "peer": true, + "requires": { + "@babel/runtime": "^7.24.0", + "@mui/base": "^5.0.0-beta.40", + "@mui/system": "^5.15.14", + "@mui/utils": "^5.15.14", + "@types/react-transition-group": "^4.4.10", + "clsx": "^2.1.0", + "prop-types": "^15.8.1", + "react-transition-group": "^4.4.5" + }, + "dependencies": { + "@mui/base": { + "version": "5.0.0-beta.40", + "resolved": "https://registry.npmjs.org/@mui/base/-/base-5.0.0-beta.40.tgz", + "integrity": "sha512-I/lGHztkCzvwlXpjD2+SNmvNQvB4227xBXhISPjEaJUXGImOQ9f3D2Yj/T3KasSI/h0MLWy74X0J6clhPmsRbQ==", + "peer": true, + "requires": { + "@babel/runtime": "^7.23.9", + "@floating-ui/react-dom": "^2.0.8", + "@mui/types": "^7.2.14", + "@mui/utils": "^5.15.14", + "@popperjs/core": "^2.11.8", + "clsx": "^2.1.0", + "prop-types": "^15.8.1" + } + }, + "clsx": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz", + "integrity": "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==", + "peer": true + } + } + }, "@mui/x-tree-view": { "version": "6.17.0", "resolved": "https://registry.npmjs.org/@mui/x-tree-view/-/x-tree-view-6.17.0.tgz", @@ -41184,6 +41337,40 @@ "resolved": "https://registry.npmjs.org/@swc/types/-/types-0.1.5.tgz", "integrity": "sha512-myfUej5naTBWnqOCc/MdVOLVjXUXtIA+NpDrDBKJtLLg2shUjBu3cZmB/85RyitKc55+lUUyl7oRfLOvkr2hsw==" }, + "@tanstack/match-sorter-utils": { + "version": "8.15.1", + "resolved": "https://registry.npmjs.org/@tanstack/match-sorter-utils/-/match-sorter-utils-8.15.1.tgz", + "integrity": "sha512-PnVV3d2poenUM31ZbZi/yXkBu3J7kd5k2u51CGwwNojag451AjTH9N6n41yjXz2fpLeewleyLBmNS6+HcGDlXw==", + "requires": { + "remove-accents": "0.5.0" + } + }, + "@tanstack/react-table": { + "version": "8.16.0", + "resolved": "https://registry.npmjs.org/@tanstack/react-table/-/react-table-8.16.0.tgz", + "integrity": "sha512-rKRjnt8ostqN2fercRVOIH/dq7MAmOENCMvVlKx6P9Iokhh6woBGnIZEkqsY/vEJf1jN3TqLOb34xQGLVRuhAg==", + "requires": { + "@tanstack/table-core": "8.16.0" + } + }, + "@tanstack/react-virtual": { + "version": "3.3.0", + "resolved": "https://registry.npmjs.org/@tanstack/react-virtual/-/react-virtual-3.3.0.tgz", + "integrity": "sha512-QFxmTSZBniq15S0vSZ55P4ToXquMXwJypPXyX/ux7sYo6a2FX3/zWoRLLc4eIOGWTjvzqcIVNKhcuFb+OZL3aQ==", + "requires": { + "@tanstack/virtual-core": "3.3.0" + } + }, + "@tanstack/table-core": { + "version": "8.16.0", + "resolved": "https://registry.npmjs.org/@tanstack/table-core/-/table-core-8.16.0.tgz", + "integrity": "sha512-dCG8vQGk4js5v88/k83tTedWOwjGnIyONrKpHpfmSJB8jwFHl8GSu1sBBxbtACVAPtAQgwNxl0rw1d3RqRM1Tg==" + }, + "@tanstack/virtual-core": { + "version": "3.3.0", + "resolved": "https://registry.npmjs.org/@tanstack/virtual-core/-/virtual-core-3.3.0.tgz", + "integrity": "sha512-A0004OAa1FcUkPHeeGoKgBrAgjH+uHdDPrw1L7RpkwnODYqRvoilqsHPs8cyTjMg1byZBbiNpQAq2TlFLIaQag==" + }, "@testing-library/dom": { "version": "8.19.0", "resolved": "https://registry.npmjs.org/@testing-library/dom/-/dom-8.19.0.tgz", @@ -41788,9 +41975,9 @@ "integrity": "sha512-nj39q0wAIdhwn7DGUyT9irmsKK1tV0bd5WFEhgpqNTMFZ8cE+jieuTphCW0tfdm47S2zVT5mr09B28b1chmQMA==" }, "@types/prop-types": { - "version": "15.7.10", - "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.10.tgz", - "integrity": "sha512-mxSnDQxPqsZxmeShFH+uwQ4kO4gcJcGahjjMFeLbKE95IAZiiZyiEepGZjtXJ7hN/yfu0bu9xN2ajcU0JcxX6A==" + "version": "15.7.12", + "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.12.tgz", + "integrity": "sha512-5zvhXYtRNRluoE/jAp4GVsSduVUzNWKkOZrCDBWYtE7biZywwdC2AcEzg+cSMLFRfVgeAFqpfNabiPjxFddV1Q==" }, "@types/q": { "version": "1.5.5", @@ -41815,13 +42002,6 @@ "@types/prop-types": "*", "@types/scheduler": "*", "csstype": "^3.0.2" - }, - "dependencies": { - "csstype": { - "version": "3.1.1", - "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.1.tgz", - "integrity": "sha512-DJR/VvkAvSZW9bTouZue2sSxDwdTN92uHjqeKVm+0dAqdfNykRzQ95tay8aXMBAAPpUiq4Qcug2L7neoRh2Egw==" - } } }, "@types/react-dom": { @@ -41863,9 +42043,9 @@ } }, "@types/react-transition-group": { - "version": "4.4.9", - "resolved": "https://registry.npmjs.org/@types/react-transition-group/-/react-transition-group-4.4.9.tgz", - "integrity": "sha512-ZVNmWumUIh5NhH8aMD9CR2hdW0fNuYInlocZHaZ+dgk/1K49j1w/HoAuK1ki+pgscQrOFRTlXeoURtuzEkV3dg==", + "version": "4.4.10", + "resolved": "https://registry.npmjs.org/@types/react-transition-group/-/react-transition-group-4.4.10.tgz", + "integrity": "sha512-hT/+s0VQs2ojCX823m60m5f0sL5idt9SO6Tj6Dg+rdphGPIeJbJ6CxvBYkgkGKrYeDjvIpKTR38UzmtHJOGW3Q==", "requires": { "@types/react": "*" } @@ -44678,6 +44858,11 @@ } } }, + "csstype": { + "version": "3.1.3", + "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz", + "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==" + }, "d3-array": { "version": "3.2.0", "resolved": "https://registry.npmjs.org/d3-array/-/d3-array-3.2.0.tgz", @@ -45129,13 +45314,6 @@ "requires": { "@babel/runtime": "^7.8.7", "csstype": "^3.0.2" - }, - "dependencies": { - "csstype": { - "version": "3.1.1", - "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.1.tgz", - "integrity": "sha512-DJR/VvkAvSZW9bTouZue2sSxDwdTN92uHjqeKVm+0dAqdfNykRzQ95tay8aXMBAAPpUiq4Qcug2L7neoRh2Egw==" - } } }, "dom-serializer": { @@ -47577,6 +47755,11 @@ } } }, + "highlight-words": { + "version": "1.2.2", + "resolved": "https://registry.npmjs.org/highlight-words/-/highlight-words-1.2.2.tgz", + "integrity": "sha512-Mf4xfPXYm8Ay1wTibCrHpNWeR2nUMynMVFkXCi4mbl+TEgmNOe+I4hV7W3OCZcSvzGL6kupaqpfHOemliMTGxQ==" + }, "history": { "version": "4.10.1", "resolved": "https://registry.npmjs.org/history/-/history-4.10.1.tgz", @@ -51598,13 +51781,6 @@ "csstype": "^3.0.2", "is-in-browser": "^1.1.3", "tiny-warning": "^1.0.2" - }, - "dependencies": { - "csstype": { - "version": "3.1.1", - "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.1.tgz", - "integrity": "sha512-DJR/VvkAvSZW9bTouZue2sSxDwdTN92uHjqeKVm+0dAqdfNykRzQ95tay8aXMBAAPpUiq4Qcug2L7neoRh2Egw==" - } } }, "jss-plugin-camel-case": { @@ -52226,6 +52402,17 @@ } } }, + "material-react-table": { + "version": "2.13.0", + "resolved": "https://registry.npmjs.org/material-react-table/-/material-react-table-2.13.0.tgz", + "integrity": "sha512-ds4/cupDsXvoz8K8OpM3UqUyqKoAMkVdvmvP/+ovuWA23fPcjYvFFkUpBxtnZq5GKWM0+SZWzr14KQ1DgKCaFQ==", + "requires": { + "@tanstack/match-sorter-utils": "8.15.1", + "@tanstack/react-table": "8.16.0", + "@tanstack/react-virtual": "3.3.0", + "highlight-words": "1.2.2" + } + }, "md5.js": { "version": "1.3.5", "resolved": "https://registry.npmjs.org/md5.js/-/md5.js-1.3.5.tgz", @@ -57363,6 +57550,11 @@ } } }, + "remove-accents": { + "version": "0.5.0", + "resolved": "https://registry.npmjs.org/remove-accents/-/remove-accents-0.5.0.tgz", + "integrity": "sha512-8g3/Otx1eJaVD12e31UbJj1YzdtVvzH85HV7t+9MJYk/u3XmkOUJ5Ys9wQrf9PCPK8+xn4ymzqYCiZl6QWKn+A==" + }, "remove-bom-buffer": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/remove-bom-buffer/-/remove-bom-buffer-3.0.0.tgz", @@ -59156,9 +59348,9 @@ } }, "typescript": { - "version": "4.9.5", - "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.9.5.tgz", - "integrity": "sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g==" + "version": "4.8.4", + "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.8.4.tgz", + "integrity": "sha512-QCh+85mCy+h0IGff8r5XWzOVSbBO+KfeYrMQh7NJ58QujwcE22u+NUSmUxqF+un70P9GXKxa2HCNiTTMJknyjQ==" }, "ufo": { "version": "1.3.2", diff --git a/plugins/headlamp-plugin/package.json b/plugins/headlamp-plugin/package.json index d85500d397f..4169be43801 100644 --- a/plugins/headlamp-plugin/package.json +++ b/plugins/headlamp-plugin/package.json @@ -108,6 +108,7 @@ "jsonpath-plus": "^6.0.1", "lint-staged": "^10.5.4", "lodash": "^4.17.21", + "material-react-table": "^2.13.0", "monaco-editor": "^0.25.2", "monaco-editor-webpack-plugin": "^4.2.0", "msw": "^0.47.4", diff --git a/plugins/headlamp-plugin/patches/@mui+material+5.14.17.patch b/plugins/headlamp-plugin/patches/@mui+material+5.14.17.patch deleted file mode 100644 index b031910bc47..00000000000 --- a/plugins/headlamp-plugin/patches/@mui+material+5.14.17.patch +++ /dev/null @@ -1,11 +0,0 @@ -diff --git a/node_modules/@mui/material/ClickAwayListener/index.d.ts b/node_modules/@mui/material/ClickAwayListener/index.d.ts -index 56d3b7e..18bf936 100644 ---- a/node_modules/@mui/material/ClickAwayListener/index.d.ts -+++ b/node_modules/@mui/material/ClickAwayListener/index.d.ts -@@ -1 +1,5 @@ --export { ClickAwayListener as default, type ClickAwayListenerProps, } from '@mui/base/ClickAwayListener'; -+import { ClickAwayListenerProps } from '@mui/base/ClickAwayListener'; -+ -+export { ClickAwayListener as default } from '@mui/base/ClickAwayListener'; -+ -+export type { ClickAwayListenerProps };