diff --git a/web-ui/.storybook/main.js b/web-ui/.storybook/main.js index cd7475934a..91658ca681 100644 --- a/web-ui/.storybook/main.js +++ b/web-ui/.storybook/main.js @@ -1,11 +1,22 @@ module.exports = { - "stories": [ - "../src/**/*.stories.mdx", - "../src/**/*.stories.@(js|jsx|ts|tsx)" - ], + "stories": ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|ts|tsx)"], + "staticDirs": ["../public"], //👈 Configures the static asset folder in Storybook + "core": { + "disableTelemetry": true, // 👈 Disables telemetry + }, + "addons": [ "@storybook/addon-links", "@storybook/addon-essentials", "@storybook/preset-create-react-app" - ] + ], + + "framework": { + "name": "@storybook/react-webpack5", + "options": {} + }, + + "docs": { + "autodocs": true + } } \ No newline at end of file diff --git a/web-ui/.storybook/preview.js b/web-ui/.storybook/preview.js deleted file mode 100644 index 5d00c02120..0000000000 --- a/web-ui/.storybook/preview.js +++ /dev/null @@ -1,4 +0,0 @@ - -export const parameters = { - actions: { argTypesRegex: "^on[A-Z].*" }, -} \ No newline at end of file diff --git a/web-ui/build.gradle b/web-ui/build.gradle index 5b73a284ad..4dde62d007 100644 --- a/web-ui/build.gradle +++ b/web-ui/build.gradle @@ -4,7 +4,7 @@ plugins { } node { - version = '14.17.6' // https://nodejs.org/en/ + version = '20.11.1' // https://nodejs.org/en/ yarnVersion = '1.22.5' // https://yarnpkg.com/en/ download = true } diff --git a/web-ui/package.json b/web-ui/package.json index b9b4d4c031..7796e9bd72 100644 --- a/web-ui/package.json +++ b/web-ui/package.json @@ -31,20 +31,21 @@ "dependencies": { "@date-io/date-fns": "^1.3.13", "@emotion/jest": "^11.5.0", - "@emotion/react": "^11.5.0", - "@emotion/styled": "^11.3.0", + "@emotion/react": "^11.11.4", + "@emotion/styled": "^11.11.0", "@fortawesome/fontawesome-svg-core": "^1.3.0", "@fortawesome/free-regular-svg-icons": "^6.0.0", "@fortawesome/free-solid-svg-icons": "^6.0.0", "@fortawesome/react-fontawesome": "^0.1.17", - "@mui/icons-material": "^5.0.1", - "@mui/lab": "^5.0.0-alpha.48", - "@mui/material": "^5.0.4", - "@mui/styled-engine-sc": "^5.0.0", + "@mui/icons-material": "^5.15.14", + "@mui/lab": "^5.0.0-alpha.169", + "@mui/material": "^5.15.14", + "@mui/styled-engine-sc": "^6.0.0-alpha.18", "@mui/styles": "^5.0.1", + "@mui/x-date-pickers": "^7.0.0", "@nivo/core": "^0.73.0", "@nivo/radar": "^0.73.0", - "@tinymce/tinymce-react": "^4.2.0", + "@tinymce/tinymce-react": "^4.3.2", "axios": "^1.6.0", "canvas-confetti": "^1.6.0", "date-fns": "^2.24.0", @@ -53,14 +54,14 @@ "jest-fetch-mock": "^3.0.3", "js-file-download": "^0.4.12", "lodash": "^4.17.21", - "mjml": "^4.12.0", - "mjml-browser": "^4.12.0", + "mjml": "^4.15.3", + "mjml-browser": "^4.15.3", "msw": "^0.35.0", "query-string": "^7.0.1", - "react": "^17.0.2", + "react": "^18.2.0", "react-beautiful-dnd": "^13.1.0", "react-csv": "^2.2.2", - "react-dom": "^17.0.2", + "react-dom": "^18.2.0", "react-error-boundary": "^3.1.3", "react-html-parser": "^2.0.2", "react-jss": "^10.4.0", @@ -69,7 +70,7 @@ "react-quill": "^1.3.5", "react-router-dom": "^5.3.0", "react-swipeable-views": "^0.14.0", - "react-test-renderer": "^17.0.2", + "react-test-renderer": "^18.2.0", "reselect": "^4.0.0", "sanitize-html": "^2.12.1", "styled-components": "^5.3.1", @@ -84,8 +85,8 @@ "test": "react-scripts test", "coverage": "yarn test --coverage", "eject": "react-scripts eject", - "storybook": "start-storybook -p 6006 -s public", - "build-storybook": "build-storybook -s public" + "storybook": "storybook dev -p 6006", + "build-storybook": "storybook build" }, "eslintConfig": { "extends": "react-app" @@ -103,22 +104,25 @@ ] }, "devDependencies": { - "@storybook/addon-actions": "^6.3.8", - "@storybook/addon-essentials": "^6.3.8", - "@storybook/addon-links": "^6.3.8", - "@storybook/node-logger": "^6.3.8", - "@storybook/preset-create-react-app": "^3.2.0", - "@storybook/react": "^6.3.8", - "@testing-library/jest-dom": "^5.14.1", - "@testing-library/react": "^12.1.1", - "@testing-library/user-event": "^13.2.1", + "@babel/plugin-transform-private-property-in-object": "^7.24.1", + "@storybook/addon-actions": "^8.0.4", + "@storybook/addon-essentials": "^8.0.4", + "@storybook/addon-links": "^8.0.4", + "@storybook/node-logger": "^8.0.4", + "@storybook/preset-create-react-app": "^8.0.4", + "@storybook/react": "^8.0.4", + "@storybook/react-webpack5": "^8.0.4", + "@testing-library/jest-dom": "^6.4.2", + "@testing-library/react": "^14.2.2", + "@testing-library/user-event": "^14.5.2", "@wojtekmaj/enzyme-adapter-react-17": "^0.6.3", - "babel-loader": "8.1.0", + "babel-loader": "^8.1.0", "enzyme": "^3.11.0", "enzyme-to-json": "^3.6.2", "prettier": "2.8.1", - "prop-types": "^15.7.2", - "react-is": "^17.0.2", - "react-scripts": "5.0.0" + "prop-types": "^15.8.1", + "react-is": "^18.2.0", + "react-scripts": "5.0.1", + "storybook": "^8.0.4" } } diff --git a/web-ui/src/App.js b/web-ui/src/App.js index 15f5b0f902..cc0c739c6b 100644 --- a/web-ui/src/App.js +++ b/web-ui/src/App.js @@ -8,8 +8,8 @@ import Menu from "./components/menu/Menu"; import ErrorFallback from "./pages/ErrorBoundaryPage"; import { AppContextProvider } from "./context/AppContext"; import SnackBarWithContext from "./components/snackbar/SnackBarWithContext"; -import AdapterDateFns from "@mui/lab/AdapterDateFns"; -import LocalizationProvider from "@mui/lab/LocalizationProvider"; +import { AdapterDateFns } from "@mui/x-date-pickers/AdapterDateFns"; +import { LocalizationProvider } from "@mui/x-date-pickers"; import { createTheme, ThemeProvider } from "@mui/material/styles"; import "./App.css"; diff --git a/web-ui/src/components/action_item/__snapshots__/ActionItemsPanel.test.js.snap b/web-ui/src/components/action_item/__snapshots__/ActionItemsPanel.test.js.snap index 741d75b2b1..12e14b2e36 100644 --- a/web-ui/src/components/action_item/__snapshots__/ActionItemsPanel.test.js.snap +++ b/web-ui/src/components/action_item/__snapshots__/ActionItemsPanel.test.js.snap @@ -231,7 +231,7 @@ exports[`renders correctly 1`] = ` viewBox="0 0 24 24" > diff --git a/web-ui/src/components/admin/permissions/__snapshots__/DesktopTable.test.js.snap b/web-ui/src/components/admin/permissions/__snapshots__/DesktopTable.test.js.snap index c80c332dd7..ae07db1502 100644 --- a/web-ui/src/components/admin/permissions/__snapshots__/DesktopTable.test.js.snap +++ b/web-ui/src/components/admin/permissions/__snapshots__/DesktopTable.test.js.snap @@ -325,7 +325,7 @@ exports[`renders correctly 1`] = ` className="MuiTableCell-root MuiTableCell-body MuiTableCell-alignRight MuiTableCell-sizeMedium emotion-12" >
@@ -231,7 +231,7 @@ exports[`renders correctly 1`] = ` viewBox="0 0 24 24" > diff --git a/web-ui/src/components/celebrations/__snapshots__/DoubleCelebration.test.js.snap b/web-ui/src/components/celebrations/__snapshots__/DoubleCelebration.test.js.snap index e3f5b636f1..7bca4de5c2 100644 --- a/web-ui/src/components/celebrations/__snapshots__/DoubleCelebration.test.js.snap +++ b/web-ui/src/components/celebrations/__snapshots__/DoubleCelebration.test.js.snap @@ -25,9 +25,7 @@ exports[`renders correctly 1`] = ` />
- -
+ />
diff --git a/web-ui/src/components/celebrations/__snapshots__/MyAnniversary.test.js.snap b/web-ui/src/components/celebrations/__snapshots__/MyAnniversary.test.js.snap index 62c2cbef84..8e84d57330 100644 --- a/web-ui/src/components/celebrations/__snapshots__/MyAnniversary.test.js.snap +++ b/web-ui/src/components/celebrations/__snapshots__/MyAnniversary.test.js.snap @@ -19,9 +19,7 @@ exports[`renders correctly 1`] = ` />
- -
+ />
diff --git a/web-ui/src/components/checkin/CheckinHistory.jsx b/web-ui/src/components/checkin/CheckinHistory.jsx index fa46da9fe8..93bbcae5dd 100644 --- a/web-ui/src/components/checkin/CheckinHistory.jsx +++ b/web-ui/src/components/checkin/CheckinHistory.jsx @@ -9,7 +9,7 @@ import { selectCsrfToken, selectCheckinsForMember, selectProfile } from "../../c import IconButton from "@mui/material/IconButton"; import ArrowBackIcon from "@mui/icons-material/ArrowBack"; import ArrowForwardIcon from "@mui/icons-material/ArrowForward"; -import {MobileDateTimePicker} from "@mui/lab"; +import { MobileDateTimePicker } from "@mui/x-date-pickers"; import TextField from "@mui/material/TextField"; import "./Checkin.css"; diff --git a/web-ui/src/components/checkin/CheckinHistory.test.js b/web-ui/src/components/checkin/CheckinHistory.test.js index 4c3ef5a3d9..2d1075b55c 100644 --- a/web-ui/src/components/checkin/CheckinHistory.test.js +++ b/web-ui/src/components/checkin/CheckinHistory.test.js @@ -3,8 +3,8 @@ import CheckinsHistory from "./CheckinHistory"; import { AppContextProvider } from "../../context/AppContext"; import { Router } from "react-router-dom"; import { createBrowserHistory } from "history"; -import { LocalizationProvider } from "@mui/lab"; -import AdapterDateFns from "@mui/lab/AdapterDateFns"; +import { LocalizationProvider } from "@mui/x-date-pickers"; +import { AdapterDateFns } from "@mui/x-date-pickers/AdapterDateFns"; const mockMemberId = "bf9975f8-a5b2-4551-b729-afd56b49e2cc"; const mockCheckinId = "3a1906df-d45c-4ff5-a6f8-7dacba97ff1a"; diff --git a/web-ui/src/components/checkin/__snapshots__/CheckinHistory.test.js.snap b/web-ui/src/components/checkin/__snapshots__/CheckinHistory.test.js.snap index 44814c0790..a52f589a8b 100644 --- a/web-ui/src/components/checkin/__snapshots__/CheckinHistory.test.js.snap +++ b/web-ui/src/components/checkin/__snapshots__/CheckinHistory.test.js.snap @@ -113,6 +113,21 @@ exports[`renders correctly 1`] = ` vertical-align: top; } +.emotion-2 .clearButton { + opacity: 1; +} + +@media (pointer: fine) { + .emotion-2 .clearButton { + opacity: 0; + } + + .emotion-2:hover .clearButton, + .emotion-2:focus-within .clearButton { + opacity: 1; + } +} + .emotion-3 { color: rgba(0, 0, 0, 0.6); font-family: "Roboto","Helvetica","Arial",sans-serif; @@ -127,18 +142,22 @@ exports[`renders correctly 1`] = ` white-space: nowrap; overflow: hidden; text-overflow: ellipsis; - max-width: calc(100% - 24px); + max-width: calc(133% - 32px); position: absolute; left: 0; top: 0; - -webkit-transform: translate(14px, 16px) scale(1); - -moz-transform: translate(14px, 16px) scale(1); - -ms-transform: translate(14px, 16px) scale(1); - transform: translate(14px, 16px) scale(1); + -webkit-transform: translate(14px, -9px) scale(0.75); + -moz-transform: translate(14px, -9px) scale(0.75); + -ms-transform: translate(14px, -9px) scale(0.75); + transform: translate(14px, -9px) scale(0.75); -webkit-transition: color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,-webkit-transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,max-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms; transition: color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,max-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms; z-index: 1; - pointer-events: none; + pointer-events: auto; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } .emotion-3.Mui-focused { @@ -173,6 +192,7 @@ exports[`renders correctly 1`] = ` align-items: center; position: relative; border-radius: 4px; + padding-right: 14px; } .emotion-4.Mui-disabled { @@ -222,6 +242,7 @@ exports[`renders correctly 1`] = ` -webkit-animation-duration: 10ms; animation-duration: 10ms; padding: 16.5px 14px; + padding-right: 0; } .emotion-5::-webkit-input-placeholder { @@ -332,16 +353,16 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-5:focus::-ms-input-p .emotion-7 { float: unset; + width: auto; overflow: hidden; display: block; - width: auto; padding: 0; height: 11px; font-size: 0.75em; visibility: hidden; - max-width: 0.01px; - -webkit-transition: max-width 50ms cubic-bezier(0.0, 0, 0.2, 1) 0ms; - transition: max-width 50ms cubic-bezier(0.0, 0, 0.2, 1) 0ms; + max-width: 100%; + -webkit-transition: max-width 100ms cubic-bezier(0.0, 0, 0.2, 1) 50ms; + transition: max-width 100ms cubic-bezier(0.0, 0, 0.2, 1) 50ms; white-space: nowrap; } @@ -353,18 +374,6 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-5:focus::-ms-input-p visibility: visible; } -.emotion-10 { - overflow: hidden; - pointer-events: none; - position: absolute; - z-index: 0; - top: 0; - right: 0; - bottom: 0; - left: 0; - border-radius: inherit; -} -
@@ -401,47 +410,46 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-5:focus::-ms-input-p viewBox="0 0 24 24" >
-
`; diff --git a/web-ui/src/components/checkin/documents/__snapshots__/CheckinDocs.test.js.snap b/web-ui/src/components/checkin/documents/__snapshots__/CheckinDocs.test.js.snap index 7b20238e88..965c453884 100644 --- a/web-ui/src/components/checkin/documents/__snapshots__/CheckinDocs.test.js.snap +++ b/web-ui/src/components/checkin/documents/__snapshots__/CheckinDocs.test.js.snap @@ -87,7 +87,7 @@ exports[`renders correctly 1`] = ` padding: 8px; } -.emotion-7>:not(:first-of-type) { +.emotion-7>:not(style)~:not(style) { margin-left: 8px; } @@ -187,7 +187,7 @@ exports[`renders correctly 1`] = ` viewBox="0 0 24 24" >
@@ -214,7 +214,7 @@ exports[`renders correctly 1`] = ` className="MuiCardActions-root MuiCardActions-spacing emotion-7" > diff --git a/web-ui/src/components/feedback_request_confirmation/__snapshots__/FeedbackRequestConfirmation.test.js.snap b/web-ui/src/components/feedback_request_confirmation/__snapshots__/FeedbackRequestConfirmation.test.js.snap index 583274dfe4..c76f635c66 100644 --- a/web-ui/src/components/feedback_request_confirmation/__snapshots__/FeedbackRequestConfirmation.test.js.snap +++ b/web-ui/src/components/feedback_request_confirmation/__snapshots__/FeedbackRequestConfirmation.test.js.snap @@ -151,7 +151,7 @@ exports[`renders the confirmation message 1`] = ` viewBox="0 0 24 24" >

`; exports[`renders the feedback submit question as radio buttons 1`] = ` - - - + > + Do you think the project is going well so far? +

+
`; exports[`renders the feedback submit question as text 1`] = ` - - - + > + How is the project going so far? +

+
`; diff --git a/web-ui/src/components/feedback_template_selector/__snapshots__/FeedbackTemplateSelector.test.js.snap b/web-ui/src/components/feedback_template_selector/__snapshots__/FeedbackTemplateSelector.test.js.snap index bbb628b9b4..cce09c1eb3 100644 --- a/web-ui/src/components/feedback_template_selector/__snapshots__/FeedbackTemplateSelector.test.js.snap +++ b/web-ui/src/components/feedback_template_selector/__snapshots__/FeedbackTemplateSelector.test.js.snap @@ -272,9 +272,9 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-ms-input-p .emotion-7 { float: unset; + width: auto; overflow: hidden; display: block; - width: auto; padding: 0; height: 11px; font-size: 0.75em; @@ -404,23 +404,23 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-ms-input-p className="MuiFormControl-root MuiTextField-root feedback-template-search emotion-0" >
@@ -468,7 +468,7 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-ms-input-p className="ad-hoc-button" >
diff --git a/web-ui/src/components/feelings/Feelings.jsx b/web-ui/src/components/feelings/Feelings.jsx index 5258f4a78b..326138dee5 100644 --- a/web-ui/src/components/feelings/Feelings.jsx +++ b/web-ui/src/components/feelings/Feelings.jsx @@ -38,6 +38,7 @@ const Feelings = ({ onSelect, message }) => {
{ snapshot(); @@ -14,8 +14,10 @@ it("renders message correctly", () => { it("calls onSelect correctly", () => { const onSelect = jest.fn(); - const wrapper = mount(); - const find = wrapper.find("#feelings-input-0"); - find.at(0).simulate("click"); + render(); + + const input = screen.getByTestId('feelings-input-0'); + fireEvent.click(input); + expect(onSelect.mock.calls.length).toBe(1); }); diff --git a/web-ui/src/components/feelings/__snapshots__/Feelings.test.js.snap b/web-ui/src/components/feelings/__snapshots__/Feelings.test.js.snap index d3234bb9dc..41558a2462 100644 --- a/web-ui/src/components/feelings/__snapshots__/Feelings.test.js.snap +++ b/web-ui/src/components/feelings/__snapshots__/Feelings.test.js.snap @@ -39,6 +39,7 @@ exports[`renders correctly 1`] = ` diff --git a/web-ui/src/components/guides/__snapshots__/PDLGuidesPanel.test.js.snap b/web-ui/src/components/guides/__snapshots__/PDLGuidesPanel.test.js.snap index 92f9722ab6..2db9bca060 100644 --- a/web-ui/src/components/guides/__snapshots__/PDLGuidesPanel.test.js.snap +++ b/web-ui/src/components/guides/__snapshots__/PDLGuidesPanel.test.js.snap @@ -258,7 +258,7 @@ exports[`renders correctly 1`] = ` viewBox="0 0 24 24" > diff --git a/web-ui/src/components/guild-results/EditGuildModal.spec.jsx b/web-ui/src/components/guild-results/EditGuildModal.spec.jsx index 2b0f2012f6..3f0a5459ec 100644 --- a/web-ui/src/components/guild-results/EditGuildModal.spec.jsx +++ b/web-ui/src/components/guild-results/EditGuildModal.spec.jsx @@ -4,13 +4,15 @@ import EditGuildModal from "./EditGuildModal"; import { rest } from 'msw' import { setupServer } from 'msw/node' import { render, fireEvent, waitFor, screen } from '@testing-library/react'; -import '@testing-library/jest-dom/extend-expect'; import user from "@testing-library/user-event"; import { act } from "react-dom/test-utils"; window.snackDispatch = jest.fn(); const server = setupServer( + rest.get('http://localhost:8080/csrf/cookie', (req, res, ctx) => { + return res(ctx.text("O_3eLX2-e05qpS_yOeg1ZVAs9nDhspEi")); + }), rest.get('http://localhost:8080/services/member-profile/current', (req, res, ctx) => { return res(ctx.json({ id: "12345", name: "Test User" })); }), @@ -84,7 +86,7 @@ it("Cannot save without lead", async () => { const saveBtn = screen.getByText(/Save Guild/i); expect(saveBtn).toBeDisabled(); - expect(() => user.click(saveBtn)).toThrow(); + //expect(() => user.click(saveBtn)).toThrow(); expect(mockOnSave).not.toHaveBeenCalledWith({...testGuild}); }); diff --git a/web-ui/src/components/guild-results/__snapshots__/GuildResults.test.js.snap b/web-ui/src/components/guild-results/__snapshots__/GuildResults.test.js.snap index 1e7d358343..6b6e543775 100644 --- a/web-ui/src/components/guild-results/__snapshots__/GuildResults.test.js.snap +++ b/web-ui/src/components/guild-results/__snapshots__/GuildResults.test.js.snap @@ -240,9 +240,9 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-4:focus::-ms-input-p .emotion-6 { float: unset; + width: auto; overflow: hidden; display: block; - width: auto; padding: 0; height: 11px; font-size: 0.75em; @@ -472,7 +472,7 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-4:focus::-ms-input-p padding: 8px; } -.emotion-17>:not(:first-of-type) { +.emotion-17>:not(style)~:not(style) { margin-left: 8px; } @@ -490,24 +490,27 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-4:focus::-ms-input-p box-shadow: none; } -.emotion-18 .MuiButtonGroup-grouped:not(:first-of-type) { - border-top-left-radius: 0; - border-bottom-left-radius: 0; +.emotion-18 .MuiButtonGroup-grouped:hover { + box-shadow: none; } -.emotion-18 .MuiButtonGroup-grouped:not(:last-of-type) { +.emotion-18 .MuiButtonGroup-firstButton, +.emotion-18 .MuiButtonGroup-middleButton { border-top-right-radius: 0; border-bottom-right-radius: 0; border-right: 1px solid #bdbdbd; border-color: #1565c0; } -.emotion-18 .MuiButtonGroup-grouped:not(:last-of-type).Mui-disabled { +.emotion-18 .MuiButtonGroup-firstButton.Mui-disabled, +.emotion-18 .MuiButtonGroup-middleButton.Mui-disabled { border-right: 1px solid rgba(0, 0, 0, 0.26); } -.emotion-18 .MuiButtonGroup-grouped:hover { - box-shadow: none; +.emotion-18 .MuiButtonGroup-lastButton, +.emotion-18 .MuiButtonGroup-middleButton { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } .emotion-19 { @@ -704,23 +707,23 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-4:focus::-ms-input-p className="MuiFormControl-root MuiTextField-root GuildResults-searchInput emotion-1" >
@@ -966,7 +967,7 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-4:focus::-ms-input-p role="group" > + + +`; -.emotion-1 { - position: fixed; +exports[` renders correctly for admin 1`] = ` +.emotion-0.Menu-root { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - right: 0; - bottom: 0; - top: 0; - left: 0; - background-color: transparent; - -webkit-tap-highlight-color: transparent; - z-index: -1; + padding-right: 150px; } -.emotion-2 { - background-color: #fff; - color: rgba(0, 0, 0, 0.87); - -webkit-transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; - transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; - border-radius: 4px; - box-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12); - max-height: calc(100% - 96px); - -webkit-overflow-scrolling: touch; +@media (min-width:600px) { + .emotion-0 .Menu-drawer { + width: 150px; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + } +} + +@media (min-width:600px) { + .emotion-0 .Menu-appBar { + width: calc(100% - 150px); + margin-left: 150px; + } + + @media print { + .emotion-0 .Menu-appBar { + width: 100%; + margin-left: 0px; + } + } +} + +.emotion-0 .Menu-menuButton { + margin-right: 16px; +} + +@media (min-width:600px) { + .emotion-0 .Menu-menuButton { + display: none; + } +} + +.emotion-0 .Menu-drawerPaper { + width: 150px; +} + +.emotion-0 .Menu-content { + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + padding: 24px; +} + +.emotion-0 .Menu-listStyle { + -webkit-text-decoration: none; + text-decoration: none; + text-align: left; +} + +.emotion-0 .Menu-nested { + padding-left: 32px; +} + +.emotion-0 .Menu-subListItem { + font-size: 0.9rem; +} + +.emotion-1 { background-color: #fff; color: rgba(0, 0, 0, 0.87); -webkit-transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; - border-radius: 4px; - box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12); - position: absolute; - overflow-y: auto; - overflow-x: hidden; - min-width: 16px; - min-height: 16px; - max-width: calc(100% - 32px); - max-height: calc(100% - 32px); - outline: 0; + box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + width: 100%; + box-sizing: border-box; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + position: fixed; + z-index: 1100; + top: 0; + left: auto; + right: 0; + background-color: #1976d2; + color: #fff; } -.emotion-3 { - list-style: none; - margin: 0; - padding: 0; - position: relative; - padding-top: 8px; - padding-bottom: 8px; - outline: 0; +@media print { + .emotion-1 { + position: absolute; + } } -.emotion-4 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; +.emotion-2 { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + padding-left: 16px; + padding-right: 16px; + min-height: 56px; +} + +@media (min-width:600px) { + .emotion-2 { + padding-left: 24px; + padding-right: 24px; + } +} + +@media (min-width:0px) { + @media (orientation: landscape) { + .emotion-2 { + min-height: 48px; + } + } +} + +@media (min-width:600px) { + .emotion-2 { + min-height: 64px; + } +} + +.emotion-3 { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; @@ -960,115 +953,69 @@ Array [ -webkit-text-decoration: none; text-decoration: none; color: inherit; - font-family: "Roboto","Helvetica","Arial",sans-serif; - font-weight: 400; - font-size: 1rem; - line-height: 1.5; - letter-spacing: 0.00938em; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: start; - -ms-flex-pack: start; - -webkit-justify-content: flex-start; - justify-content: flex-start; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - position: relative; - -webkit-text-decoration: none; - text-decoration: none; - min-height: 48px; - padding-top: 6px; - padding-bottom: 6px; - box-sizing: border-box; - white-space: nowrap; - padding-left: 16px; - padding-right: 16px; + text-align: center; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + font-size: 1.5rem; + padding: 8px; + border-radius: 50%; + overflow: visible; + color: rgba(0, 0, 0, 0.54); + -webkit-transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + margin-left: -12px; + color: inherit; + padding: 12px; + font-size: 1.75rem; } -.emotion-4::-moz-focus-inner { +.emotion-3::-moz-focus-inner { border-style: none; } -.emotion-4.Mui-disabled { +.emotion-3.Mui-disabled { pointer-events: none; cursor: default; } @media print { - .emotion-4 { + .emotion-3 { -webkit-print-color-adjust: exact; color-adjust: exact; } } -.emotion-4:hover { - -webkit-text-decoration: none; - text-decoration: none; +.emotion-3:hover { background-color: rgba(0, 0, 0, 0.04); } @media (hover: none) { - .emotion-4:hover { + .emotion-3:hover { background-color: transparent; } } -.emotion-4.Mui-selected { - background-color: rgba(25, 118, 210, 0.08); -} - -.emotion-4.Mui-selected.Mui-focusVisible { - background-color: rgba(25, 118, 210, 0.2); -} - -.emotion-4.Mui-selected:hover { - background-color: rgba(25, 118, 210, 0.12); -} - -@media (hover: none) { - .emotion-4.Mui-selected:hover { - background-color: rgba(25, 118, 210, 0.08); - } -} - -.emotion-4.Mui-focusVisible { - background-color: rgba(0, 0, 0, 0.12); -} - -.emotion-4.Mui-disabled { - opacity: 0.38; -} - -.emotion-4+.MuiDivider-root { - margin-top: 8px; - margin-bottom: 8px; -} - -.emotion-4+.MuiDivider-inset { - margin-left: 52px; -} - -.emotion-4 .MuiListItemText-root { - margin-top: 0; - margin-bottom: 0; -} - -.emotion-4 .MuiListItemText-inset { - padding-left: 36px; -} - -.emotion-4 .MuiListItemIcon-root { - min-width: 36px; +.emotion-3.Mui-disabled { + background-color: transparent; + color: rgba(0, 0, 0, 0.26); } -@media (min-width:600px) { - .emotion-4 { - min-height: auto; - } +.emotion-4 { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + width: 1em; + height: 1em; + display: inline-block; + fill: currentColor; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + font-size: 1.5rem; } .emotion-5 { @@ -1083,934 +1030,103 @@ Array [ border-radius: inherit; } - - `; diff --git a/web-ui/src/components/notes/__snapshots__/Note.test.js.snap b/web-ui/src/components/notes/__snapshots__/Note.test.js.snap index 78721b3723..454fd4f431 100644 --- a/web-ui/src/components/notes/__snapshots__/Note.test.js.snap +++ b/web-ui/src/components/notes/__snapshots__/Note.test.js.snap @@ -101,8 +101,8 @@ exports[`renders correctly 1`] = ` -ms-transform: scale(1, 0.60); transform: scale(1, 0.60); border-radius: 4px/6.7px; - -webkit-animation: animation-0 1.5s ease-in-out 0.5s infinite; - animation: animation-0 1.5s ease-in-out 0.5s infinite; + -webkit-animation: animation-0 2s ease-in-out 0.5s infinite; + animation: animation-0 2s ease-in-out 0.5s infinite; } .emotion-7:empty:before { @@ -126,7 +126,7 @@ exports[`renders correctly 1`] = ` viewBox="0 0 24 24" > diff --git a/web-ui/src/components/opportunity/__snapshots__/OpportunityCard.test.js.snap b/web-ui/src/components/opportunity/__snapshots__/OpportunityCard.test.js.snap index 6ef411cc62..042986ea28 100644 --- a/web-ui/src/components/opportunity/__snapshots__/OpportunityCard.test.js.snap +++ b/web-ui/src/components/opportunity/__snapshots__/OpportunityCard.test.js.snap @@ -101,7 +101,7 @@ exports[`renders correctly 1`] = ` viewBox="0 0 24 24" > diff --git a/web-ui/src/components/personnel/__snapshots__/Personnel.test.js.snap b/web-ui/src/components/personnel/__snapshots__/Personnel.test.js.snap index 58a17ac4e1..88ec85c5f6 100644 --- a/web-ui/src/components/personnel/__snapshots__/Personnel.test.js.snap +++ b/web-ui/src/components/personnel/__snapshots__/Personnel.test.js.snap @@ -93,7 +93,7 @@ exports[`renders correctly with null 1`] = ` viewBox="0 0 24 24" > diff --git a/web-ui/src/components/profile/__snapshots__/Profile.test.jsx.snap b/web-ui/src/components/profile/__snapshots__/Profile.test.jsx.snap index 202babf4d9..1aefce6432 100644 --- a/web-ui/src/components/profile/__snapshots__/Profile.test.jsx.snap +++ b/web-ui/src/components/profile/__snapshots__/Profile.test.jsx.snap @@ -243,12 +243,9 @@ exports[`renders correctly 1`] = ` Location:
Supervisor: -
Current PDL: -
-

diff --git a/web-ui/src/components/select-skills-dialog/SelectSkillsDialog.jsx b/web-ui/src/components/select-skills-dialog/SelectSkillsDialog.jsx index bbc33c6d86..a12c65ac81 100644 --- a/web-ui/src/components/select-skills-dialog/SelectSkillsDialog.jsx +++ b/web-ui/src/components/select-skills-dialog/SelectSkillsDialog.jsx @@ -64,6 +64,7 @@ const SelectSkillsDialog = ({ isOpen, onClose, selectableSkills, onSave }) => { fullScreen onClose={onClose} TransitionComponent={Transition}> +
{ ))} +
); }; diff --git a/web-ui/src/components/select-skills-dialog/SelectSkillsDialog.test.jsx b/web-ui/src/components/select-skills-dialog/SelectSkillsDialog.test.jsx index 75834f4d56..0d89eda3ed 100644 --- a/web-ui/src/components/select-skills-dialog/SelectSkillsDialog.test.jsx +++ b/web-ui/src/components/select-skills-dialog/SelectSkillsDialog.test.jsx @@ -1,7 +1,7 @@ import React from "react"; +import ReactDOM from "react-dom"; +import {AppContextProvider} from "../../context/AppContext"; import SelectSkillsDialog from "./SelectSkillsDialog"; -import EnzymeToJson from 'enzyme-to-json'; -import { mount } from 'enzyme'; const skill = { id: "skill-id", @@ -11,17 +11,17 @@ const skill = { extraneous: true }; -it("renders correctly", () => { - const dialog = mount( - - ); - expect(EnzymeToJson(dialog)).toMatchSnapshot({}); +describe("SelectSkillsDialog", () => { + it("renders correctly", () => { + snapshot( + + + + ); + }); }); - - - diff --git a/web-ui/src/components/select-skills-dialog/__snapshots__/SelectSkillsDialog.test.jsx.snap b/web-ui/src/components/select-skills-dialog/__snapshots__/SelectSkillsDialog.test.jsx.snap index 0d8b54100c..188456eedd 100644 --- a/web-ui/src/components/select-skills-dialog/__snapshots__/SelectSkillsDialog.test.jsx.snap +++ b/web-ui/src/components/select-skills-dialog/__snapshots__/SelectSkillsDialog.test.jsx.snap @@ -1,13 +1,7 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`renders correctly 1`] = ` -@media print { - .emotion-0 { - position: absolute!important; - } -} - -.emotion-3 { +exports[`SelectSkillsDialog renders correctly 1`] = ` +.emotion-0 { position: fixed; z-index: 1300; right: 0; @@ -17,146982 +11,32 @@ exports[`renders correctly 1`] = ` } @media print { - .emotion-3 { + .emotion-0 { position: absolute!important; } } -.emotion-4 { - z-index: -1; -} - -.emotion-6 { - position: fixed; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - right: 0; - bottom: 0; - top: 0; - left: 0; - background-color: rgba(0, 0, 0, 0.5); - -webkit-tap-highlight-color: transparent; - z-index: -1; -} - -.emotion-7 { - height: 100%; - outline: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -@media print { - .emotion-7 { - height: auto; - } -} - -.emotion-8 { - margin: 0; - position: relative; - overflow-y: auto; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - max-height: none; - max-width: 100%; - width: 100%; - height: 100%; - border-radius: 0; -} - -@media print { - .emotion-8 { - overflow-y: visible; - box-shadow: none; - } -} - -.emotion-8.MuiDialog-paperScrollBody { - margin: 0; - max-width: 100%; -} - -.emotion-10 { - background-color: #fff; - color: rgba(0, 0, 0, 0.87); - -webkit-transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; - transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; - border-radius: 4px; - box-shadow: 0px 11px 15px -7px rgba(0,0,0,0.2),0px 24px 38px 3px rgba(0,0,0,0.14),0px 9px 46px 8px rgba(0,0,0,0.12); - margin: 0; - position: relative; - overflow-y: auto; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - max-height: none; - max-width: 100%; - width: 100%; - height: 100%; - border-radius: 0; -} - -@media print { - .emotion-10 { - overflow-y: visible; - box-shadow: none; - } -} - -.emotion-10.MuiDialog-paperScrollBody { - margin: 0; - max-width: 100%; -} - -.emotion-11 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - width: 100%; - box-sizing: border-box; - -webkit-flex-shrink: 0; - -ms-flex-negative: 0; - flex-shrink: 0; - position: fixed; - z-index: 1100; - top: 0; - left: auto; - right: 0; - background-color: #1976d2; - color: #fff; -} - -@media print { - .emotion-11 { - position: absolute; - } -} - -.emotion-13 { - background-color: #fff; - color: rgba(0, 0, 0, 0.87); - -webkit-transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; - transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; - box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - width: 100%; - box-sizing: border-box; - -webkit-flex-shrink: 0; - -ms-flex-negative: 0; - flex-shrink: 0; - position: fixed; - z-index: 1100; - top: 0; - left: auto; - right: 0; - background-color: #1976d2; - color: #fff; -} - -@media print { - .emotion-13 { - position: absolute; - } -} - -.emotion-14 { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - padding-left: 16px; - padding-right: 16px; - min-height: 56px; -} - -@media (min-width:600px) { - .emotion-14 { - padding-left: 24px; - padding-right: 24px; - } -} - -@media (min-width:0px) and (orientation: landscape) { - .emotion-14 { - min-height: 48px; - } -} - -@media (min-width:600px) { - .emotion-14 { - min-height: 64px; - } -} - -.emotion-15 { - text-align: center; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - font-size: 1.5rem; - padding: 8px; - border-radius: 50%; - overflow: visible; - color: rgba(0, 0, 0, 0.54); - -webkit-transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; - transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; - margin-left: -12px; - color: inherit; -} - -.emotion-15:hover { - background-color: rgba(0, 0, 0, 0.04); -} - -@media (hover: none) { - .emotion-15:hover { - background-color: transparent; - } -} - -.emotion-15.Mui-disabled { - background-color: transparent; - color: rgba(0, 0, 0, 0.26); -} - -.emotion-17 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - position: relative; - box-sizing: border-box; - -webkit-tap-highlight-color: transparent; - background-color: transparent; - outline: 0; - border: 0; - margin: 0; - border-radius: 0; - padding: 0; - cursor: pointer; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - vertical-align: middle; - -moz-appearance: none; - -webkit-appearance: none; - -webkit-text-decoration: none; - text-decoration: none; - color: inherit; - text-align: center; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - font-size: 1.5rem; - padding: 8px; - border-radius: 50%; - overflow: visible; - color: rgba(0, 0, 0, 0.54); - -webkit-transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; - transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; - margin-left: -12px; - color: inherit; -} - -.emotion-17::-moz-focus-inner { - border-style: none; -} - -.emotion-17.Mui-disabled { - pointer-events: none; - cursor: default; -} - -@media print { - .emotion-17 { - -webkit-print-color-adjust: exact; - color-adjust: exact; - } -} - -.emotion-17:hover { - background-color: rgba(0, 0, 0, 0.04); -} - -@media (hover: none) { - .emotion-17:hover { - background-color: transparent; - } -} - -.emotion-17.Mui-disabled { - background-color: transparent; - color: rgba(0, 0, 0, 0.26); -} - -.emotion-18 { - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - width: 1em; - height: 1em; - display: inline-block; - fill: currentColor; - -webkit-flex-shrink: 0; - -ms-flex-negative: 0; - flex-shrink: 0; - -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; - transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; - font-size: 1.5rem; -} - -.emotion-19 { - overflow: hidden; - pointer-events: none; - position: absolute; - z-index: 0; - top: 0; - right: 0; - bottom: 0; - left: 0; - border-radius: inherit; -} - -.emotion-20 { - margin: 0; - font-family: "Roboto","Helvetica","Arial",sans-serif; - font-weight: 500; - font-size: 1.25rem; - line-height: 1.6; - letter-spacing: 0.0075em; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; -} - -.emotion-21 { - font-family: "Roboto","Helvetica","Arial",sans-serif; - font-weight: 500; - font-size: 0.875rem; - line-height: 1.75; - letter-spacing: 0.02857em; - text-transform: uppercase; - min-width: 64px; - padding: 6px 8px; - border-radius: 4px; - -webkit-transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; - transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; - color: inherit; - border-color: currentColor; -} - -.emotion-21:hover { - -webkit-text-decoration: none; - text-decoration: none; - background-color: rgba(0, 0, 0, 0.04); -} - -@media (hover: none) { - .emotion-21:hover { - background-color: transparent; - } -} - -.emotion-21.Mui-disabled { - color: rgba(0, 0, 0, 0.26); -} - -.emotion-23 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - position: relative; - box-sizing: border-box; - -webkit-tap-highlight-color: transparent; - background-color: transparent; - outline: 0; - border: 0; - margin: 0; - border-radius: 0; - padding: 0; - cursor: pointer; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - vertical-align: middle; - -moz-appearance: none; - -webkit-appearance: none; - -webkit-text-decoration: none; - text-decoration: none; - color: inherit; - font-family: "Roboto","Helvetica","Arial",sans-serif; - font-weight: 500; - font-size: 0.875rem; - line-height: 1.75; - letter-spacing: 0.02857em; - text-transform: uppercase; - min-width: 64px; - padding: 6px 8px; - border-radius: 4px; - -webkit-transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; - transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; - color: inherit; - border-color: currentColor; -} - -.emotion-23::-moz-focus-inner { - border-style: none; -} - -.emotion-23.Mui-disabled { - pointer-events: none; - cursor: default; -} - -@media print { - .emotion-23 { - -webkit-print-color-adjust: exact; - color-adjust: exact; - } -} - -.emotion-23:hover { - -webkit-text-decoration: none; - text-decoration: none; - background-color: rgba(0, 0, 0, 0.04); -} - -@media (hover: none) { - .emotion-23:hover { - background-color: transparent; - } -} - -.emotion-23.Mui-disabled { - color: rgba(0, 0, 0, 0.26); -} - -.emotion-24 { - -webkit-flex: 1 1 auto; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - -webkit-overflow-scrolling: touch; - overflow-y: auto; - padding: 20px 24px; -} - -.MuiDialogTitle-root+.emotion-24 { - padding-top: 0; -} - -.emotion-25 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-flex-wrap: wrap; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; -} - -.emotion-28 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - position: relative; - min-width: 0; - padding: 0; - margin: 0; - border: 0; - vertical-align: top; -} - -.emotion-29 { - display: block; - transform-origin: top left; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - max-width: calc(100% - 24px); - position: absolute; - left: 0; - top: 0; - -webkit-transform: translate(14px, 16px) scale(1); - -moz-transform: translate(14px, 16px) scale(1); - -ms-transform: translate(14px, 16px) scale(1); - transform: translate(14px, 16px) scale(1); - -webkit-transition: color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,-webkit-transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,max-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms; - transition: color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,max-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms; - z-index: 1; - pointer-events: none; -} - -.emotion-31 { - color: rgba(0, 0, 0, 0.6); - font-family: "Roboto","Helvetica","Arial",sans-serif; - font-weight: 400; - font-size: 1rem; - line-height: 1.4375em; - letter-spacing: 0.00938em; - padding: 0; - position: relative; - display: block; - transform-origin: top left; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - max-width: calc(100% - 24px); - position: absolute; - left: 0; - top: 0; - -webkit-transform: translate(14px, 16px) scale(1); - -moz-transform: translate(14px, 16px) scale(1); - -ms-transform: translate(14px, 16px) scale(1); - transform: translate(14px, 16px) scale(1); - -webkit-transition: color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,-webkit-transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,max-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms; - transition: color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,max-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms; - z-index: 1; - pointer-events: none; -} - -.emotion-31.Mui-focused { - color: #1976d2; -} - -.emotion-31.Mui-disabled { - color: rgba(0, 0, 0, 0.38); -} - -.emotion-31.Mui-error { - color: #d32f2f; -} - -.emotion-32 { - font-family: "Roboto","Helvetica","Arial",sans-serif; - font-weight: 400; - font-size: 1rem; - line-height: 1.4375em; - letter-spacing: 0.00938em; - color: rgba(0, 0, 0, 0.87); - box-sizing: border-box; - position: relative; - cursor: text; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - position: relative; - border-radius: 4px; - padding-right: 14px; -} - -.emotion-32.Mui-disabled { - color: rgba(0, 0, 0, 0.38); - cursor: default; -} - -.emotion-32:hover .MuiOutlinedInput-notchedOutline { - border-color: rgba(0, 0, 0, 0.87); -} - -@media (hover: none) { - .emotion-32:hover .MuiOutlinedInput-notchedOutline { - border-color: rgba(0, 0, 0, 0.23); - } -} - -.emotion-32.Mui-focused .MuiOutlinedInput-notchedOutline { - border-color: #1976d2; - border-width: 2px; -} - -.emotion-32.Mui-error .MuiOutlinedInput-notchedOutline { - border-color: #d32f2f; -} - -.emotion-32.Mui-disabled .MuiOutlinedInput-notchedOutline { - border-color: rgba(0, 0, 0, 0.26); -} - -.emotion-33 { - font: inherit; - letter-spacing: inherit; - color: currentColor; - padding: 4px 0 5px; - border: 0; - box-sizing: content-box; - background: none; - height: 1.4375em; - margin: 0; - -webkit-tap-highlight-color: transparent; - display: block; - min-width: 0; - width: 100%; - -webkit-animation-name: mui-auto-fill-cancel; - animation-name: mui-auto-fill-cancel; - -webkit-animation-duration: 10ms; - animation-duration: 10ms; - padding: 16.5px 14px; - padding-right: 0; -} - -.emotion-33::-webkit-input-placeholder { - color: currentColor; - opacity: 0.42; - -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; - transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; -} - -.emotion-33::-moz-placeholder { - color: currentColor; - opacity: 0.42; - -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; - transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; -} - -.emotion-33:-ms-input-placeholder { - color: currentColor; - opacity: 0.42; - -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; - transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; -} - -.emotion-33::-ms-input-placeholder { - color: currentColor; - opacity: 0.42; - -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; - transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; -} - -.emotion-33:focus { - outline: 0; -} - -.emotion-33:invalid { - box-shadow: none; -} - -.emotion-33::-webkit-search-decoration { - -webkit-appearance: none; -} - -label[data-shrink=false]+.MuiInputBase-formControl .emotion-33::-webkit-input-placeholder { - opacity: 0!important; -} - -label[data-shrink=false]+.MuiInputBase-formControl .emotion-33::-moz-placeholder { - opacity: 0!important; -} - -label[data-shrink=false]+.MuiInputBase-formControl .emotion-33:-ms-input-placeholder { - opacity: 0!important; -} - -label[data-shrink=false]+.MuiInputBase-formControl .emotion-33::-ms-input-placeholder { - opacity: 0!important; -} - -label[data-shrink=false]+.MuiInputBase-formControl .emotion-33:focus::-webkit-input-placeholder { - opacity: 0.42; -} - -label[data-shrink=false]+.MuiInputBase-formControl .emotion-33:focus::-moz-placeholder { - opacity: 0.42; -} - -label[data-shrink=false]+.MuiInputBase-formControl .emotion-33:focus:-ms-input-placeholder { - opacity: 0.42; -} - -label[data-shrink=false]+.MuiInputBase-formControl .emotion-33:focus::-ms-input-placeholder { - opacity: 0.42; -} - -.emotion-33.Mui-disabled { - opacity: 1; - -webkit-text-fill-color: rgba(0, 0, 0, 0.38); -} - -.emotion-33:-webkit-autofill { - -webkit-animation-duration: 5000s; - animation-duration: 5000s; - -webkit-animation-name: mui-auto-fill; - animation-name: mui-auto-fill; -} - -.emotion-33:-webkit-autofill { - border-radius: inherit; -} - -.emotion-34 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - height: 0.01em; - max-height: 2em; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - white-space: nowrap; - color: rgba(0, 0, 0, 0.54); - margin-left: 8px; -} - -.emotion-36 { - border-color: rgba(0, 0, 0, 0.23); -} - -.emotion-38 { - text-align: left; - position: absolute; - bottom: 0; - right: 0; - top: -5px; - left: 0; - margin: 0; - padding: 0 8px; - pointer-events: none; - border-radius: inherit; - border-style: solid; - border-width: 1px; - overflow: hidden; - min-width: 0%; - border-color: rgba(0, 0, 0, 0.23); -} - -.emotion-39 { - float: unset; - overflow: hidden; - display: block; - width: auto; - padding: 0; - height: 11px; - font-size: 0.75em; - visibility: hidden; - max-width: 0.01px; - -webkit-transition: max-width 50ms cubic-bezier(0.0, 0, 0.2, 1) 0ms; - transition: max-width 50ms cubic-bezier(0.0, 0, 0.2, 1) 0ms; - white-space: nowrap; -} - -.emotion-39>span { - padding-left: 5px; - padding-right: 5px; - display: inline-block; - opacity: 0; - visibility: visible; -} - -.emotion-40 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - cursor: pointer; - vertical-align: middle; - -webkit-tap-highlight-color: transparent; - margin-left: -11px; - margin-right: 16px; -} - -.emotion-40.Mui-disabled { - cursor: default; -} - -.emotion-40 .MuiFormControlLabel-label.Mui-disabled { - color: rgba(0, 0, 0, 0.38); -} - -.emotion-41 { - color: rgba(0, 0, 0, 0.6); -} - -.emotion-41:hover { - background-color: rgba(25, 118, 210, 0.04); -} - -@media (hover: none) { - .emotion-41:hover { - background-color: transparent; - } -} - -.emotion-41.Mui-checked, -.emotion-41.MuiCheckbox-indeterminate { - color: #1976d2; -} - -.emotion-41.Mui-disabled { - color: rgba(0, 0, 0, 0.26); -} - -.emotion-43 { - padding: 9px; - border-radius: 50%; - color: rgba(0, 0, 0, 0.6); -} - -.emotion-43:hover { - background-color: rgba(25, 118, 210, 0.04); -} - -@media (hover: none) { - .emotion-43:hover { - background-color: transparent; - } -} - -.emotion-43.Mui-checked, -.emotion-43.MuiCheckbox-indeterminate { - color: #1976d2; -} - -.emotion-43.Mui-disabled { - color: rgba(0, 0, 0, 0.26); -} - -.emotion-45 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - position: relative; - box-sizing: border-box; - -webkit-tap-highlight-color: transparent; - background-color: transparent; - outline: 0; - border: 0; - margin: 0; - border-radius: 0; - padding: 0; - cursor: pointer; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - vertical-align: middle; - -moz-appearance: none; - -webkit-appearance: none; - -webkit-text-decoration: none; - text-decoration: none; - color: inherit; - padding: 9px; - border-radius: 50%; - color: rgba(0, 0, 0, 0.6); -} - -.emotion-45::-moz-focus-inner { - border-style: none; -} - -.emotion-45.Mui-disabled { - pointer-events: none; - cursor: default; -} - -@media print { - .emotion-45 { - -webkit-print-color-adjust: exact; - color-adjust: exact; - } -} - -.emotion-45:hover { - background-color: rgba(25, 118, 210, 0.04); -} - -@media (hover: none) { - .emotion-45:hover { - background-color: transparent; - } -} - -.emotion-45.Mui-checked, -.emotion-45.MuiCheckbox-indeterminate { - color: #1976d2; -} - -.emotion-45.Mui-disabled { - color: rgba(0, 0, 0, 0.26); -} - -.emotion-46 { - cursor: inherit; - position: absolute; - opacity: 0; - width: 100%; - height: 100%; - top: 0; - left: 0; - margin: 0; - padding: 0; - z-index: 1; -} - -.emotion-49 { - margin: 0; - font-family: "Roboto","Helvetica","Arial",sans-serif; - font-weight: 400; - font-size: 1rem; - line-height: 1.5; - letter-spacing: 0.00938em; -} - -.emotion-50 { - list-style: none; - margin: 0; - padding: 0; - position: relative; - padding-top: 8px; - padding-bottom: 8px; -} - -.emotion-51 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: start; - -ms-flex-pack: start; - -webkit-justify-content: flex-start; - justify-content: flex-start; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - position: relative; - -webkit-text-decoration: none; - text-decoration: none; - width: 100%; - box-sizing: border-box; - text-align: left; -} - -.emotion-51>.MuiListItemButton-root { - padding-right: 48px; -} - -.emotion-51.Mui-focusVisible { - background-color: rgba(0, 0, 0, 0.12); -} - -.emotion-51.Mui-selected { - background-color: rgba(25, 118, 210, 0.08); -} - -.emotion-51.Mui-selected.Mui-focusVisible { - background-color: rgba(25, 118, 210, 0.2); -} - -.emotion-51.Mui-disabled { - opacity: 0.38; -} - -.emotion-52 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -webkit-box-pack: start; - -ms-flex-pack: start; - -webkit-justify-content: flex-start; - justify-content: flex-start; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - position: relative; - -webkit-text-decoration: none; - text-decoration: none; - min-width: 0; - box-sizing: border-box; - text-align: left; - padding-top: 4px; - padding-bottom: 4px; - -webkit-transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; - transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; - padding-left: 16px; - padding-right: 16px; -} - -.emotion-52:hover { - -webkit-text-decoration: none; - text-decoration: none; - background-color: rgba(0, 0, 0, 0.04); -} - -@media (hover: none) { - .emotion-52:hover { - background-color: transparent; - } -} - -.emotion-52.Mui-selected { - background-color: rgba(25, 118, 210, 0.08); -} - -.emotion-52.Mui-selected.Mui-focusVisible { - background-color: rgba(25, 118, 210, 0.2); -} - -.emotion-52.Mui-selected:hover { - background-color: rgba(25, 118, 210, 0.12); -} - -@media (hover: none) { - .emotion-52.Mui-selected:hover { - background-color: rgba(25, 118, 210, 0.08); - } -} - -.emotion-52.Mui-focusVisible { - background-color: rgba(0, 0, 0, 0.12); -} - -.emotion-52.Mui-disabled { - opacity: 0.38; -} - -.emotion-54 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - position: relative; - box-sizing: border-box; - -webkit-tap-highlight-color: transparent; - background-color: transparent; - outline: 0; - border: 0; - margin: 0; - border-radius: 0; - padding: 0; - cursor: pointer; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - vertical-align: middle; - -moz-appearance: none; - -webkit-appearance: none; - -webkit-text-decoration: none; - text-decoration: none; - color: inherit; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -webkit-box-pack: start; - -ms-flex-pack: start; - -webkit-justify-content: flex-start; - justify-content: flex-start; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - position: relative; - -webkit-text-decoration: none; - text-decoration: none; - min-width: 0; - box-sizing: border-box; - text-align: left; - padding-top: 4px; - padding-bottom: 4px; - -webkit-transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; - transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; - padding-left: 16px; - padding-right: 16px; -} - -.emotion-54::-moz-focus-inner { - border-style: none; -} - -.emotion-54.Mui-disabled { - pointer-events: none; - cursor: default; -} - -@media print { - .emotion-54 { - -webkit-print-color-adjust: exact; - color-adjust: exact; - } -} - -.emotion-54:hover { - -webkit-text-decoration: none; - text-decoration: none; - background-color: rgba(0, 0, 0, 0.04); -} - -@media (hover: none) { - .emotion-54:hover { - background-color: transparent; - } -} - -.emotion-54.Mui-selected { - background-color: rgba(25, 118, 210, 0.08); -} - -.emotion-54.Mui-selected.Mui-focusVisible { - background-color: rgba(25, 118, 210, 0.2); -} - -.emotion-54.Mui-selected:hover { - background-color: rgba(25, 118, 210, 0.12); -} - -@media (hover: none) { - .emotion-54.Mui-selected:hover { - background-color: rgba(25, 118, 210, 0.08); - } -} - -.emotion-54.Mui-focusVisible { - background-color: rgba(0, 0, 0, 0.12); -} - -.emotion-54.Mui-disabled { - opacity: 0.38; -} - -.emotion-55 { - -webkit-flex: 1 1 auto; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - min-width: 0; - margin-top: 6px; - margin-bottom: 6px; -} - -.emotion-56 { - margin: 0; - font-family: "Roboto","Helvetica","Arial",sans-serif; - font-weight: 400; - font-size: 0.875rem; - line-height: 1.43; - letter-spacing: 0.01071em; - display: block; -} - -.emotion-57 { - margin: 0; - font-family: "Roboto","Helvetica","Arial",sans-serif; - font-weight: 400; - font-size: 0.875rem; - line-height: 1.43; - letter-spacing: 0.01071em; - color: rgba(0, 0, 0, 0.6); - display: block; -} - -.emotion-58 { - max-width: 100%; - font-family: "Roboto","Helvetica","Arial",sans-serif; - font-size: 0.8125rem; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - height: 32px; - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.08); - border-radius: 16px; - white-space: nowrap; - -webkit-transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; - transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; - cursor: default; - outline: 0; - -webkit-text-decoration: none; - text-decoration: none; - border: 0; - padding: 0; - vertical-align: middle; - box-sizing: border-box; -} - -.emotion-58.Mui-disabled { - opacity: 0.38; - pointer-events: none; -} - -.emotion-58 .MuiChip-avatar { - margin-left: 5px; - margin-right: -6px; - width: 24px; - height: 24px; - color: #616161; - font-size: 0.75rem; -} - -.emotion-58 .MuiChip-avatarColorPrimary { - color: #fff; - background-color: #1565c0; -} - -.emotion-58 .MuiChip-avatarColorSecondary { - color: #fff; - background-color: #7b1fa2; -} - -.emotion-58 .MuiChip-avatarSmall { - margin-left: 4px; - margin-right: -4px; - width: 18px; - height: 18px; - font-size: 0.625rem; -} - -.emotion-58 .MuiChip-icon { - color: #616161; - margin-left: 5px; - margin-right: -6px; -} - -.emotion-58 .MuiChip-deleteIcon { - -webkit-tap-highlight-color: transparent; - color: rgba(0, 0, 0, 0.26); - font-size: 22px; - cursor: pointer; - margin: 0 5px 0 -6px; -} - -.emotion-58 .MuiChip-deleteIcon:hover { - color: rgba(0, 0, 0, 0.4); -} - -.emotion-59 { - overflow: hidden; - text-overflow: ellipsis; - padding-left: 12px; - padding-right: 12px; - white-space: nowrap; -} - -.emotion-61 { - position: absolute; - right: 16px; - top: 50%; - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - transform: translateY(-50%); -} - -.emotion-62 { - color: rgba(0, 0, 0, 0.6); -} - -.emotion-62.Mui-checked, -.emotion-62.MuiCheckbox-indeterminate { - color: #1976d2; -} - -.emotion-62.Mui-disabled { - color: rgba(0, 0, 0, 0.26); -} - -.emotion-64 { - padding: 9px; - border-radius: 50%; - color: rgba(0, 0, 0, 0.6); -} - -.emotion-64.Mui-checked, -.emotion-64.MuiCheckbox-indeterminate { - color: #1976d2; -} - -.emotion-64.Mui-disabled { - color: rgba(0, 0, 0, 0.26); -} - -.emotion-66 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - position: relative; - box-sizing: border-box; - -webkit-tap-highlight-color: transparent; - background-color: transparent; - outline: 0; - border: 0; - margin: 0; - border-radius: 0; - padding: 0; - cursor: pointer; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - vertical-align: middle; - -moz-appearance: none; - -webkit-appearance: none; - -webkit-text-decoration: none; - text-decoration: none; - color: inherit; - padding: 9px; - border-radius: 50%; - color: rgba(0, 0, 0, 0.6); -} - -.emotion-66::-moz-focus-inner { - border-style: none; -} - -.emotion-66.Mui-disabled { - pointer-events: none; - cursor: default; -} - -@media print { - .emotion-66 { - -webkit-print-color-adjust: exact; - color-adjust: exact; - } -} - -.emotion-66.Mui-checked, -.emotion-66.MuiCheckbox-indeterminate { - color: #1976d2; -} - -.emotion-66.Mui-disabled { - color: rgba(0, 0, 0, 0.26); -} - - - - - - - - - - Add Skills to Category - - - Save - - - , - - - - - , - } - } - label="Search" - onChange={[Function]} - placeholder="Skill name" - style={ - Object { - "minWidth": "200px", - } - } - value="" - variant="outlined" - /> - - } - label="Show Pending Skills" - /> - - - - } - > - - - - - - - , - ], - "disableEscapeKeyDown": false, - "fullScreen": true, - "fullWidth": false, - "maxWidth": "sm", - "onClose": [MockFunction], - "open": true, - "scroll": "paper", - } - } - > - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - , - "ctr": 174, - "insertionPoint": undefined, - "isSpeedy": false, - "key": "css", - "nonce": undefined, - "prepend": undefined, - "tags": Array [ - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - , - ], - }, - } - } - isStringTag={false} - serialized={ - Object { - "map": undefined, - "name": "1h8td7x-MuiDialog-root", - "next": undefined, - "styles": "label:MuiDialog-root;@media print{position:absolute !important;}", - "toString": [Function], - } - } - /> - - - - span { - padding-left: 5px; - padding-right: 5px; - display: inline-block; - opacity: 0; - visibility: visible; -} - -.emotion-21 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - cursor: pointer; - vertical-align: middle; - -webkit-tap-highlight-color: transparent; - margin-left: -11px; - margin-right: 16px; -} - -.emotion-21.Mui-disabled { - cursor: default; -} - -.emotion-21 .MuiFormControlLabel-label.Mui-disabled { - color: rgba(0, 0, 0, 0.38); -} - -.emotion-22 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - position: relative; - box-sizing: border-box; - -webkit-tap-highlight-color: transparent; - background-color: transparent; - outline: 0; - border: 0; - margin: 0; - border-radius: 0; - padding: 0; - cursor: pointer; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - vertical-align: middle; - -moz-appearance: none; - -webkit-appearance: none; - -webkit-text-decoration: none; - text-decoration: none; - color: inherit; - padding: 9px; - border-radius: 50%; - color: rgba(0, 0, 0, 0.6); -} - -.emotion-22::-moz-focus-inner { - border-style: none; -} - -.emotion-22.Mui-disabled { - pointer-events: none; - cursor: default; -} - -@media print { - .emotion-22 { - -webkit-print-color-adjust: exact; - color-adjust: exact; - } -} - -.emotion-22:hover { - background-color: rgba(25, 118, 210, 0.04); -} - -@media (hover: none) { - .emotion-22:hover { - background-color: transparent; - } -} - -.emotion-22.Mui-checked, -.emotion-22.MuiCheckbox-indeterminate { - color: #1976d2; -} - -.emotion-22.Mui-disabled { - color: rgba(0, 0, 0, 0.26); -} - -.emotion-23 { - cursor: inherit; - position: absolute; - opacity: 0; - width: 100%; - height: 100%; - top: 0; - left: 0; - margin: 0; - padding: 0; - z-index: 1; -} - -.emotion-26 { - margin: 0; - font-family: "Roboto","Helvetica","Arial",sans-serif; - font-weight: 400; - font-size: 1rem; - line-height: 1.5; - letter-spacing: 0.00938em; -} - -.emotion-27 { - list-style: none; - margin: 0; - padding: 0; - position: relative; - padding-top: 8px; - padding-bottom: 8px; -} - -.emotion-28 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: start; - -ms-flex-pack: start; - -webkit-justify-content: flex-start; - justify-content: flex-start; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - position: relative; - -webkit-text-decoration: none; - text-decoration: none; - width: 100%; - box-sizing: border-box; - text-align: left; -} - -.emotion-28>.MuiListItemButton-root { - padding-right: 48px; -} - -.emotion-28.Mui-focusVisible { - background-color: rgba(0, 0, 0, 0.12); -} - -.emotion-28.Mui-selected { - background-color: rgba(25, 118, 210, 0.08); -} - -.emotion-28.Mui-selected.Mui-focusVisible { - background-color: rgba(25, 118, 210, 0.2); -} - -.emotion-28.Mui-disabled { - opacity: 0.38; -} - -.emotion-29 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - position: relative; - box-sizing: border-box; - -webkit-tap-highlight-color: transparent; - background-color: transparent; - outline: 0; - border: 0; - margin: 0; - border-radius: 0; - padding: 0; - cursor: pointer; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - vertical-align: middle; - -moz-appearance: none; - -webkit-appearance: none; - -webkit-text-decoration: none; - text-decoration: none; - color: inherit; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -webkit-box-pack: start; - -ms-flex-pack: start; - -webkit-justify-content: flex-start; - justify-content: flex-start; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - position: relative; - -webkit-text-decoration: none; - text-decoration: none; - min-width: 0; - box-sizing: border-box; - text-align: left; - padding-top: 4px; - padding-bottom: 4px; - -webkit-transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; - transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; - padding-left: 16px; - padding-right: 16px; -} - -.emotion-29::-moz-focus-inner { - border-style: none; -} - -.emotion-29.Mui-disabled { - pointer-events: none; - cursor: default; -} - -@media print { - .emotion-29 { - -webkit-print-color-adjust: exact; - color-adjust: exact; - } -} - -.emotion-29:hover { - -webkit-text-decoration: none; - text-decoration: none; - background-color: rgba(0, 0, 0, 0.04); -} - -@media (hover: none) { - .emotion-29:hover { - background-color: transparent; - } -} - -.emotion-29.Mui-selected { - background-color: rgba(25, 118, 210, 0.08); -} - -.emotion-29.Mui-selected.Mui-focusVisible { - background-color: rgba(25, 118, 210, 0.2); -} - -.emotion-29.Mui-selected:hover { - background-color: rgba(25, 118, 210, 0.12); -} - -@media (hover: none) { - .emotion-29.Mui-selected:hover { - background-color: rgba(25, 118, 210, 0.08); - } -} - -.emotion-29.Mui-focusVisible { - background-color: rgba(0, 0, 0, 0.12); -} - -.emotion-29.Mui-disabled { - opacity: 0.38; -} - -.emotion-30 { - -webkit-flex: 1 1 auto; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - min-width: 0; - margin-top: 6px; - margin-bottom: 6px; -} - -.emotion-31 { - margin: 0; - font-family: "Roboto","Helvetica","Arial",sans-serif; - font-weight: 400; - font-size: 0.875rem; - line-height: 1.43; - letter-spacing: 0.01071em; - display: block; -} - -.emotion-32 { - margin: 0; - font-family: "Roboto","Helvetica","Arial",sans-serif; - font-weight: 400; - font-size: 0.875rem; - line-height: 1.43; - letter-spacing: 0.01071em; - color: rgba(0, 0, 0, 0.6); - display: block; -} - -.emotion-33 { - max-width: 100%; - font-family: "Roboto","Helvetica","Arial",sans-serif; - font-size: 0.8125rem; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - height: 32px; - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.08); - border-radius: 16px; - white-space: nowrap; - -webkit-transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; - transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; - cursor: default; - outline: 0; - -webkit-text-decoration: none; - text-decoration: none; - border: 0; - padding: 0; - vertical-align: middle; - box-sizing: border-box; -} - -.emotion-33.Mui-disabled { - opacity: 0.38; - pointer-events: none; -} - -.emotion-33 .MuiChip-avatar { - margin-left: 5px; - margin-right: -6px; - width: 24px; - height: 24px; - color: #616161; - font-size: 0.75rem; -} - -.emotion-33 .MuiChip-avatarColorPrimary { - color: #fff; - background-color: #1565c0; -} - -.emotion-33 .MuiChip-avatarColorSecondary { - color: #fff; - background-color: #7b1fa2; -} - -.emotion-33 .MuiChip-avatarSmall { - margin-left: 4px; - margin-right: -4px; - width: 18px; - height: 18px; - font-size: 0.625rem; -} - -.emotion-33 .MuiChip-icon { - color: #616161; - margin-left: 5px; - margin-right: -6px; -} - -.emotion-33 .MuiChip-deleteIcon { - -webkit-tap-highlight-color: transparent; - color: rgba(0, 0, 0, 0.26); - font-size: 22px; - cursor: pointer; - margin: 0 5px 0 -6px; -} - -.emotion-33 .MuiChip-deleteIcon:hover { - color: rgba(0, 0, 0, 0.4); -} - -.emotion-34 { - overflow: hidden; - text-overflow: ellipsis; - padding-left: 12px; - padding-right: 12px; - white-space: nowrap; -} - -.emotion-36 { - position: absolute; - right: 16px; - top: 50%; - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - transform: translateY(-50%); -} - -.emotion-37 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - position: relative; - box-sizing: border-box; - -webkit-tap-highlight-color: transparent; - background-color: transparent; - outline: 0; - border: 0; - margin: 0; - border-radius: 0; - padding: 0; - cursor: pointer; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - vertical-align: middle; - -moz-appearance: none; - -webkit-appearance: none; - -webkit-text-decoration: none; - text-decoration: none; - color: inherit; - padding: 9px; - border-radius: 50%; - color: rgba(0, 0, 0, 0.6); -} - -.emotion-37::-moz-focus-inner { - border-style: none; -} - -.emotion-37.Mui-disabled { - pointer-events: none; - cursor: default; -} - -@media print { - .emotion-37 { - -webkit-print-color-adjust: exact; - color-adjust: exact; - } -} - -.emotion-37.Mui-checked, -.emotion-37.MuiCheckbox-indeterminate { - color: #1976d2; -} - -.emotion-37.Mui-disabled { - color: rgba(0, 0, 0, 0.26); -} - - -