fix: sass deprecation warning (#1100)

This commit is contained in:
Aman Harwara
2022-06-14 13:21:11 +05:30
committed by GitHub
parent 93606da126
commit fd115bc113
35 changed files with 118 additions and 130 deletions

View File

@@ -1,20 +1,21 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#000000" />
<meta name="description"
content="A great way to manage short-term and long-term to-do's. You can mark tasks as completed, change their order, and edit the text naturally in place." />
<link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
<!--
<head>
<meta charset="utf-8" />
<link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#000000" />
<meta
name="description"
content="A great way to manage short-term and long-term to-do's. You can mark tasks as completed, change their order, and edit the text naturally in place."
/>
<link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
<!--
manifest.json provides metadata used when your web app is installed on a
user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
-->
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
<!--
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
<!--
Notice the use of %PUBLIC_URL% in the tags above.
It will be replaced with the URL of the `public` folder during the build.
Only files inside the `public` folder can be referenced from the HTML.
@@ -23,13 +24,13 @@
work correctly both with client-side routing and a non-root public URL.
Learn how to configure a non-root public URL by running `npm run build`.
-->
<title>Advanced Checklist</title>
</head>
<title>Advanced Checklist</title>
</head>
<body>
<noscript>You need to enable JavaScript to run this app.</noscript>
<div class="sn-component" id="root"></div>
<!--
<body>
<noscript>You need to enable JavaScript to run this app.</noscript>
<div class="sn-component" id="root"></div>
<!--
This HTML file is a template.
If you open it directly in the browser, you will see an empty page.
@@ -39,6 +40,5 @@
To begin the development, run `npm start` or `yarn start`.
To create a production bundle, use `npm run build` or `yarn build`.
-->
</body>
</html>
</body>
</html>

View File

@@ -1,6 +1,6 @@
import React, { useEffect, useState } from 'react'
import { TypedUseSelectorHook, useDispatch, useSelector } from 'react-redux'
import type { RootState, AppDispatch } from './store'
import type { AppDispatch, RootState } from './store'
export const useAppDispatch = () => useDispatch<AppDispatch>()
export const useAppSelector: TypedUseSelectorHook<RootState> = useSelector

View File

@@ -1,7 +1,7 @@
import { configureStore } from '@reduxjs/toolkit'
import tasksReducer from '../features/tasks/tasks-slice'
import settingsReducer from '../features/settings/settings-slice'
import tasksReducer from '../features/tasks/tasks-slice'
import listenerMiddleware from './listenerMiddleware'
export const store = configureStore({

View File

@@ -1,7 +1,7 @@
import '@reach/dialog/styles.css'
import { AlertDialog, AlertDialogDescription, AlertDialogLabel } from '@reach/alert-dialog'
import React, { useRef } from 'react'
import { AlertDialog, AlertDialogLabel, AlertDialogDescription } from '@reach/alert-dialog'
import { sanitizeHtmlString } from '@standardnotes/utils'

View File

@@ -1,9 +1,9 @@
export { AddIcon } from './AddIcon'
export { ChevronDownIcon } from './ChevronDownIcon'
export { ChevronUpIcon } from './ChevronUpIcon'
export { DottedCircleIcon } from './DottedCircleIcon'
export { MergeIcon } from './MergeIcon'
export { MoreIcon } from './MoreIcon'
export { RenameIcon } from './RenameIcon'
export { ReorderIcon } from './ReorderIcon'
export { TrashIcon } from './TrashIcon'
export { RenameIcon } from './RenameIcon'
export { AddIcon } from './AddIcon'
export { DottedCircleIcon } from './DottedCircleIcon'

View File

@@ -1,10 +1,10 @@
export * from './TextInput'
export * from './CheckBoxInput'
export * from './CircularProgressBar'
export * from './ConfirmDialog'
export * from './GenericInlineText'
export * from './MainTitle'
export * from './RoundButton'
export * from './SubTitle'
export * from './TextAreaInput'
export * from './TextInput'
export * from './WideButton'
export * from './ConfirmDialog'

View File

@@ -1,13 +1,13 @@
import { GroupPayload, TaskPayload } from '../features/tasks/tasks-slice'
import {
arrayMoveMutable,
arrayMoveImmutable,
arrayMoveMutable,
getPercentage,
groupTasksByCompletedStatus,
truncateText,
getPlainPreview,
getTaskArrayFromGroupedTasks,
groupTasksByCompletedStatus,
parseMarkdownTasks,
truncateText,
} from './utils'
describe('arrayMoveMutable', () => {

View File

@@ -1,5 +1,5 @@
import reducer, { setCanEdit, setIsRunningOnMobile, setSpellCheckerEnabled } from './settings-slice'
import type { SettingsState } from './settings-slice'
import reducer, { setCanEdit, setIsRunningOnMobile, setSpellCheckerEnabled } from './settings-slice'
it('should return the initial state', () => {
return expect(

View File

@@ -4,7 +4,7 @@ import styled from 'styled-components'
import { useAppDispatch, useAppSelector } from '../../app/hooks'
import { ConfirmDialog } from '../../common/components'
import { openAllCompleted, deleteAllCompleted } from './tasks-slice'
import { deleteAllCompleted, openAllCompleted } from './tasks-slice'
const ActionButton = styled.button`
background-color: var(--sn-stylekit-contrast-background-color);

View File

@@ -2,8 +2,8 @@ import { fireEvent, screen } from '@testing-library/react'
import { RootState } from '../../app/store'
import { testRender } from '../../testUtils'
import { tasksGroupAdded } from './tasks-slice'
import CreateGroup from './CreateGroup'
import { tasksGroupAdded } from './tasks-slice'
const defaultTasksState = {
tasks: {

View File

@@ -1,6 +1,6 @@
import { ChangeEvent, createRef, KeyboardEvent, useState } from 'react'
import { v4 as uuidv4 } from 'uuid'
import styled from 'styled-components'
import { v4 as uuidv4 } from 'uuid'
import { useAppDispatch, useAppSelector } from '../../app/hooks'
import { GroupPayload, taskAdded, tasksGroupDraft } from './tasks-slice'

View File

@@ -1,4 +1,4 @@
import { screen, fireEvent } from '@testing-library/react'
import { fireEvent, screen } from '@testing-library/react'
import { RootState } from '../../app/store'
import { testRender } from '../../testUtils'

View File

@@ -1,7 +1,7 @@
import '@reach/dialog/styles.css'
import { AlertDialog, AlertDialogDescription, AlertDialogLabel } from '@reach/alert-dialog'
import React, { useRef, useState } from 'react'
import { AlertDialog, AlertDialogLabel, AlertDialogDescription } from '@reach/alert-dialog'
import { useAppDispatch, useAppSelector } from '../../app/hooks'
import { tasksGroupMerged } from './tasks-slice'

View File

@@ -1,7 +1,7 @@
import '@reach/dialog/styles.css'
import React, { useRef } from 'react'
import { AlertDialog, AlertDialogLabel } from '@reach/alert-dialog'
import React, { useRef } from 'react'
import { useAppDispatch } from '../../app/hooks'
import { tasksLegacyContentMigrated } from './tasks-slice'

View File

@@ -1,4 +1,4 @@
import { screen, fireEvent } from '@testing-library/react'
import { fireEvent, screen } from '@testing-library/react'
import { RootState } from '../../app/store'
import { testRender } from '../../testUtils'

View File

@@ -1,11 +1,11 @@
import '@reach/dialog/styles.css'
import { AlertDialog, AlertDialogDescription, AlertDialogLabel } from '@reach/alert-dialog'
import React, { KeyboardEvent, useRef, useState } from 'react'
import { AlertDialog, AlertDialogLabel, AlertDialogDescription } from '@reach/alert-dialog'
import { useAppDispatch } from '../../app/hooks'
import { tasksGroupRenamed } from './tasks-slice'
import { TextInput } from '../../common/components'
import { tasksGroupRenamed } from './tasks-slice'
type RenameTaskGroupsProps = {
groupName: string

View File

@@ -1,4 +1,4 @@
import { screen, fireEvent } from '@testing-library/react'
import { fireEvent, screen } from '@testing-library/react'
import { RootState } from '../../app/store'
import { testRender } from '../../testUtils'

View File

@@ -11,7 +11,7 @@ import TaskItemList from './TaskItemList'
import TaskGroupOptions from './TaskGroupOptions'
import { CircularProgressBar, GenericInlineText, MainTitle, RoundButton } from '../../common/components'
import { ChevronDownIcon, ReorderIcon, ChevronUpIcon } from '../../common/components/icons'
import { ChevronDownIcon, ChevronUpIcon, ReorderIcon } from '../../common/components/icons'
const TaskGroupContainer = styled.div<{ isLast?: boolean }>`
background-color: var(--sn-stylekit-background-color);

View File

@@ -1,11 +1,11 @@
import { useState } from 'react'
import { Menu, MenuList, MenuButton, MenuItem } from '@reach/menu-button'
import { Menu, MenuButton, MenuItem, MenuList } from '@reach/menu-button'
import VisuallyHidden from '@reach/visually-hidden'
import { useState } from 'react'
import { useAppDispatch } from '../../app/hooks'
import { tasksGroupDeleted } from './tasks-slice'
import { MoreIcon, MergeIcon, TrashIcon, RenameIcon } from '../../common/components/icons'
import { MergeIcon, MoreIcon, RenameIcon, TrashIcon } from '../../common/components/icons'
import { ConfirmDialog } from '../../common/components'

View File

@@ -1,8 +1,8 @@
import { fireEvent, screen, waitFor } from '@testing-library/react'
import { taskDeleted, taskModified, TaskPayload, taskToggled } from './tasks-slice'
import { testRender } from '../../testUtils'
import TaskItem from './TaskItem'
import { taskDeleted, taskModified, TaskPayload, taskToggled } from './tasks-slice'
const groupName = 'default group'
const task: TaskPayload = {

View File

@@ -3,8 +3,8 @@ import './TaskItem.scss'
import { ChangeEvent, createRef, KeyboardEvent, useEffect, useState } from 'react'
import styled from 'styled-components'
import { taskDeleted, taskModified, TaskPayload, taskToggled } from './tasks-slice'
import { useAppDispatch, useAppSelector, useDidMount } from '../../app/hooks'
import { taskDeleted, taskModified, TaskPayload, taskToggled } from './tasks-slice'
import { CheckBoxInput, TextAreaInput } from '../../common/components'

View File

@@ -6,8 +6,8 @@ import { useAppDispatch } from '../../app/hooks'
import { groupTasksByCompletedStatus } from '../../common/utils'
import { GroupPayload, tasksReordered } from './tasks-slice'
import TasksContainer from './TasksContainer'
import CompletedTasksActions from './CompletedTasksActions'
import TasksContainer from './TasksContainer'
const Container = styled.div`
position: relative;

View File

@@ -2,8 +2,8 @@ import './TasksContainer.scss'
import React from 'react'
import { Draggable, DraggingStyle, Droppable, NotDraggingStyle } from 'react-beautiful-dnd'
import styled from 'styled-components'
import { CSSTransition, TransitionGroup } from 'react-transition-group'
import styled from 'styled-components'
import { useAppSelector } from '../../app/hooks'
import { SubTitle } from '../../common/components'

View File

@@ -1,22 +1,22 @@
import type { TasksState } from './tasks-slice'
import reducer, {
openAllCompleted,
deleteAllCompleted,
openAllCompleted,
taskAdded,
taskDeleted,
taskModified,
tasksLoaded,
taskToggled,
tasksGroupAdded,
tasksReordered,
tasksGroupReordered,
tasksGroupDeleted,
tasksGroupMerged,
tasksGroupCollapsed,
tasksGroupDeleted,
tasksGroupDraft,
tasksGroupLastActive,
tasksGroupMerged,
tasksGroupRenamed,
tasksGroupReordered,
tasksLoaded,
tasksReordered,
taskToggled,
} from './tasks-slice'
import type { TasksState } from './tasks-slice'
it('should return the initial state', () => {
return expect(

View File

@@ -1,24 +1,24 @@
import './stylesheets/main.scss'
import EditorKit, { EditorKitDelegate } from '@standardnotes/editor-kit'
import React, { useCallback, useEffect, useRef } from 'react'
import ReactDOM from 'react-dom'
import { renderToString } from 'react-dom/server'
import { Provider } from 'react-redux'
import EditorKit, { EditorKitDelegate } from '@standardnotes/editor-kit'
import styled from 'styled-components'
import { store } from './app/store'
import { useAppDispatch, useAppSelector } from './app/hooks'
import CreateGroup from './features/tasks/CreateGroup'
import { store } from './app/store'
import { setCanEdit, setIsRunningOnMobile, setSpellCheckerEnabled } from './features/settings/settings-slice'
import { tasksLoaded } from './features/tasks/tasks-slice'
import CreateGroup from './features/tasks/CreateGroup'
import InvalidContentError from './features/tasks/InvalidContentError'
import MigrateLegacyContent from './features/tasks/MigrateLegacyContent'
import NotePreview from './features/tasks/NotePreview'
import TaskGroupList from './features/tasks/TaskGroupList'
import { tasksLoaded } from './features/tasks/tasks-slice'
import { getPlainPreview } from './common/utils'
import { CheckBoxElementsDefs } from './common/components/svg'
import { getPlainPreview } from './common/utils'
const MainContainer = styled.div`
margin: 16px;

View File

@@ -1,6 +1,6 @@
import { render as rtlRender, RenderOptions } from '@testing-library/react'
import React from 'react'
import { Provider } from 'react-redux'
import { render as rtlRender, RenderOptions } from '@testing-library/react'
import configureStore from 'redux-mock-store'
import { RootState } from './app/store'

View File

@@ -1,19 +1,18 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#000000" />
<meta name="description" content="A lightweight WYSIWYG markdown editor, derivated from Milkdown editor" />
<link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
<!--
<head>
<meta charset="utf-8" />
<link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#000000" />
<meta name="description" content="A lightweight WYSIWYG markdown editor, derivated from Milkdown editor" />
<link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
<!--
manifest.json provides metadata used when your web app is installed on a
user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
-->
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
<!--
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
<!--
Notice the use of %PUBLIC_URL% in the tags above.
It will be replaced with the URL of the `public` folder during the build.
Only files inside the `public` folder can be referenced from the HTML.
@@ -22,12 +21,11 @@
work correctly both with client-side routing and a non-root public URL.
Learn how to configure a non-root public URL by running `npm run build`.
-->
<title>Markdown Visual</title>
</head>
<title>Markdown Visual</title>
</head>
<body>
<noscript>You need to enable JavaScript to run this app.</noscript>
<div id="root"></div>
</body>
</html>
<body>
<noscript>You need to enable JavaScript to run this app.</noscript>
<div id="root"></div>
</body>
</html>

View File

@@ -1,11 +1,7 @@
{
"compilerOptions": {
"target": "es6",
"lib": [
"dom",
"dom.iterable",
"esnext"
],
"lib": ["dom", "dom.iterable", "esnext"],
"allowJs": true,
"skipLibCheck": true,
"esModuleInterop": true,
@@ -20,11 +16,6 @@
"noEmit": true,
"jsx": "react-jsx"
},
"include": [
"src"
],
"exclude": [
"node_modules",
"types"
]
"include": ["src"],
"exclude": ["node_modules", "types"]
}

View File

@@ -1,9 +1,9 @@
:root {
--background-1: #EDE4DA;
--background-1: #ede4da;
--background-2: #e8d9c8;
--foreground-color: #5C3F27;
--foreground-color: #5c3f27;
--border-color: #d9c6b1;
--highlight-color: #D68420;
--highlight-color: #d68420;
--highlight-contrast: #e3ae74;
--sn-stylekit-info-color: #a37337;
@@ -58,7 +58,8 @@
--sn-stylekit-passive-color-5: #e9d9c7;
}
#notes-column .note.selected, .notes .note.selected {
#notes-column .note.selected,
.notes .note.selected {
background-color: #e9d9c7;
color: var(--sn-stylekit-contrast-foreground-color);
}

View File

@@ -1,5 +1,4 @@
:root {
--foreground-color: #eeeeee;
--background-color: #0f1011;
--highlight-color: #a464c2;
@@ -21,13 +20,13 @@
--sn-stylekit-neutral-color: #7c7c7c;
--sn-stylekit-neutral-contrast-color: #ffffff;
--sn-stylekit-success-color: #2B9612;
--sn-stylekit-success-color: #2b9612;
--sn-stylekit-success-contrast-color: #ffffff;
--sn-stylekit-warning-color: #f6a200;
--sn-stylekit-warning-contrast-color: #ffffff;
--sn-stylekit-danger-color: #F80324;
--sn-stylekit-danger-color: #f80324;
--sn-stylekit-danger-contrast-color: #ffffff;
--sn-stylekit-editor-background-color: var(--sn-stylekit-background-color);

View File

@@ -1,5 +1,4 @@
:root {
--foreground-color: #a9aabe;
--background-color: #20202b;
--highlight-color: #fca429;
@@ -14,13 +13,13 @@
--sn-stylekit-neutral-color: #7c7c7c;
--sn-stylekit-neutral-contrast-color: #ffffff;
--sn-stylekit-success-color: #2B9612;
--sn-stylekit-success-color: #2b9612;
--sn-stylekit-success-contrast-color: #ffffff;
--sn-stylekit-warning-color: #f6a200;
--sn-stylekit-warning-contrast-color: #ffffff;
--sn-stylekit-danger-color: #F80324;
--sn-stylekit-danger-color: #f80324;
--sn-stylekit-danger-contrast-color: #ffffff;
--sn-stylekit-editor-background-color: var(--sn-stylekit-background-color);

View File

@@ -5,19 +5,19 @@
--border-color: #13131a;
--ui-text-color: #d8d8d8;
--sn-stylekit-info-color: #4CA3FF;
--sn-stylekit-info-color: #4ca3ff;
--sn-stylekit-info-contrast-color: white;
--sn-stylekit-neutral-color: #7c7c7c;
--sn-stylekit-neutral-contrast-color: white;
--sn-stylekit-success-color: #01BE79;
--sn-stylekit-success-color: #01be79;
--sn-stylekit-success-contrast-color: white;
--sn-stylekit-warning-color: #f6a200;
--sn-stylekit-warning-contrast-color: white;
--sn-stylekit-danger-color: #F80324;
--sn-stylekit-danger-color: #f80324;
--sn-stylekit-danger-contrast-color: white;
--sn-desktop-titlebar-bg-color: var(--primary-bg-color);

View File

@@ -1,17 +1,16 @@
:root {
--background-1: #002B36;
--background-1: #002b36;
--background-2: #083642;
--foreground-color: #FDF6E3;
--highlight-color: #2AA198;
--foreground-color: #fdf6e3;
--highlight-color: #2aa198;
--border-color: #00252e;
--pre-color: #d6dbdb;
--content-1: #586D75;
--content-2: #667A83;
--content-1: #586d75;
--content-2: #667a83;
--content-3: #839496;
--content-4: #93A1A1;
--content-4: #93a1a1;
/* Footer */
--footer-bar-border-top-color: 0;
@@ -32,13 +31,13 @@
--sn-stylekit-neutral-color: #7c7c7c;
--sn-stylekit-neutral-contrast-color: white;
--sn-stylekit-success-color: #2B9612;
--sn-stylekit-success-color: #2b9612;
--sn-stylekit-success-contrast-color: white;
--sn-stylekit-warning-color: #f6a200;
--sn-stylekit-warning-contrast-color: white;
--sn-stylekit-danger-color: #F80324;
--sn-stylekit-danger-color: #f80324;
--sn-stylekit-danger-contrast-color: white;
--sn-stylekit-shadow-color: var(--background-2);
@@ -75,9 +74,9 @@
--sn-stylekit-menu-border: 1px solid #1f5461;
--sn-stylekit-passive-color-0: #a8bdbd;
--sn-stylekit-passive-color-1: #93A1A1;
--sn-stylekit-passive-color-1: #93a1a1;
--sn-stylekit-passive-color-3: #0d4f60;
--sn-stylekit-passive-color-4: #083642;
--sn-stylekit-passive-color-4-opacity-variant: #2AA1983d;
--sn-stylekit-passive-color-4-opacity-variant: #2aa1983d;
--sn-stylekit-passive-color-5: #003542;
}

View File

@@ -1,5 +1,4 @@
:root {
--foreground-color: #3d3c40;
--background-color: #663399;
--highlight-color: #c9cccf;
@@ -15,13 +14,13 @@
--sn-stylekit-neutral-color: #7c7c7c;
--sn-stylekit-neutral-contrast-color: #ffffff;
--sn-stylekit-success-color: #2B9612;
--sn-stylekit-success-color: #2b9612;
--sn-stylekit-success-contrast-color: #ffffff;
--sn-stylekit-warning-color: #f6a200;
--sn-stylekit-warning-contrast-color: #ffffff;
--sn-stylekit-danger-color: #F80324;
--sn-stylekit-danger-color: #f80324;
--sn-stylekit-danger-contrast-color: #ffffff;
--sn-stylekit-background-color: #d9dbde;