119f0be18b
## Description We need to upgrade `styled-components`, so that it will become easy to upgrade to version 6.0 when it is out. This is because, v6.0 has an important functionality which isn't available in today's version. ### Tasks completed - Update Styled components to latest version. - Prepare codebase by cleaning up the styled components functions that will be deprecated in version 6 - We are still using the `withTheme` HOC, we should instead use the `useTheme` hook (best practices) - Remove the `AnyStyledComponent` type it is un-necessary and will be deprecated Fixes #19463 ## Type of change - Non breaking change. The application should work as before and should not effect any visual elements or UI. ## How Has This Been Tested? - Manual @appsmithorg/qa please refer to the test plan for areas of interest. - Cypress: All existing test cases must pass. ### Test Plan - We need to do a sanity check on the Product Updates Modal, Release section. - We also need to do a sanity check on the Login, Signup, ResetPassword pages. - I think we can merge this Pull Request and continue with our weekly regression, because there are no style changes in this Pull Request, everything should work as expected. ## Checklist: ### Dev activity - [ ] My code follows the style guidelines of this project - [ ] I have performed a self-review of my own code - [ ] I have commented my code, particularly in hard-to-understand areas - [ ] I have made corresponding changes to the documentation - [ ] My changes generate no new warnings - [ ] I have added tests that prove my fix is effective or that my feature works - [ ] New and existing unit tests pass locally with my changes - [ ] PR is being merged under a feature flag ### QA activity: - [ ] Test plan has been approved by relevant developers - [ ] Test plan has been peer reviewed by QA - [ ] Cypress test cases have been added and approved by either SDET or manual QA - [ ] Organized project review call with relevant stakeholders after Round 1/2 of QA - [ ] Added Test Plan Approved label after reveiwing all Cypress test
309 lines
10 KiB
JSON
309 lines
10 KiB
JSON
{
|
|
"name": "appsmith",
|
|
"version": "0.1.0",
|
|
"private": true,
|
|
"engines": {
|
|
"node": "^16.14.0",
|
|
"npm": "^8.5.5"
|
|
},
|
|
"cracoConfig": "craco.dev.config.js",
|
|
"dependencies": {
|
|
"@blueprintjs/core": "^3.36.0",
|
|
"@blueprintjs/datetime": "^3.23.6",
|
|
"@blueprintjs/icons": "^3.10.0",
|
|
"@blueprintjs/popover2": "^0.5.0",
|
|
"@blueprintjs/select": "^3.10.0",
|
|
"@draft-js-plugins/editor": "^4.1.0",
|
|
"@draft-js-plugins/mention": "^4.5.1",
|
|
"@fusioncharts/powercharts": "^3.16.0",
|
|
"@github/g-emoji-element": "^1.1.5",
|
|
"@manaflair/redux-batch": "^1.0.0",
|
|
"@sentry/react": "^6.2.4",
|
|
"@sentry/tracing": "^6.2.4",
|
|
"@tinymce/tinymce-react": "^3.13.0",
|
|
"@types/react-page-visibility": "^6.4.1",
|
|
"@uppy/core": "^1.16.0",
|
|
"@uppy/dashboard": "^1.16.0",
|
|
"@uppy/file-input": "^1.4.22",
|
|
"@uppy/google-drive": "^1.5.22",
|
|
"@uppy/image-editor": "^0.2.4",
|
|
"@uppy/onedrive": "^1.1.22",
|
|
"@uppy/react": "^1.11.2",
|
|
"@uppy/url": "^1.5.16",
|
|
"@uppy/webcam": "^1.8.4",
|
|
"@welldone-software/why-did-you-render": "^4.2.5",
|
|
"acorn-walk": "^8.2.0",
|
|
"algoliasearch": "^4.2.0",
|
|
"astring": "^1.7.5",
|
|
"axios": "^0.27.2",
|
|
"classnames": "^2.3.1",
|
|
"codemirror": "^5.59.2",
|
|
"codemirror-graphql": "^1.2.14",
|
|
"copy-to-clipboard": "^3.3.1",
|
|
"core-js": "^3.9.1",
|
|
"country-flag-emoji-polyfill": "^0.1.4",
|
|
"craco-alias": "^2.1.1",
|
|
"cypress-log-to-output": "^1.1.2",
|
|
"dayjs": "^1.10.6",
|
|
"deep-diff": "^1.0.2",
|
|
"design-system": "npm:@appsmithorg/design-system@1.0.45",
|
|
"downloadjs": "^1.4.7",
|
|
"draft-js": "^0.11.7",
|
|
"exceljs-lightweight": "^1.14.0",
|
|
"fast-deep-equal": "^3.1.3",
|
|
"fast-xml-parser": "^3.17.5",
|
|
"fastdom": "^1.0.11",
|
|
"focus-trap-react": "^8.9.2",
|
|
"fuse.js": "^3.4.5",
|
|
"fusioncharts": "^3.18.0",
|
|
"fusionmaps": "^3.18.0",
|
|
"graphql": "^16.3.0",
|
|
"history": "^4.10.1",
|
|
"http-proxy": "^1.18.1",
|
|
"husky": "^3.0.5",
|
|
"immer": "^9.0.6",
|
|
"instantsearch.css": "^7.4.2",
|
|
"interweave": "^12.7.2",
|
|
"interweave-autolink": "^4.4.2",
|
|
"js-beautify": "^1.14.0",
|
|
"js-sha256": "^0.9.0",
|
|
"jshint": "^2.13.4",
|
|
"klona": "^2.0.5",
|
|
"libphonenumber-js": "^1.9.44",
|
|
"linkedom": "^0.14.20",
|
|
"lint-staged": "^13.0.3",
|
|
"localforage": "^1.7.3",
|
|
"lodash": "^4.17.21",
|
|
"lodash-es": "4.17.21",
|
|
"loglevel": "^1.7.1",
|
|
"lottie-web": "^5.7.4",
|
|
"mammoth": "^1.4.19",
|
|
"marked": "^4.0.18",
|
|
"memoize-one": "^5.2.1",
|
|
"micro-memoize": "^4.0.10",
|
|
"moment": "2.29.4",
|
|
"moment-timezone": "^0.5.35",
|
|
"nanoid": "^2.0.4",
|
|
"node-forge": "^1.3.0",
|
|
"normalizr": "^3.3.0",
|
|
"papaparse": "^5.3.2",
|
|
"path-to-regexp": "^6.2.0",
|
|
"popper.js": "^1.15.0",
|
|
"prettier": "^1.18.2",
|
|
"prismjs": "^1.27.0",
|
|
"proxy-memoize": "^1.2.0",
|
|
"punycode": "^2.1.1",
|
|
"rc-pagination": "^3.1.3",
|
|
"rc-select": "^14.1.9",
|
|
"rc-tree-select": "^5.4.0",
|
|
"re-reselect": "^3.4.0",
|
|
"react": "^16.12.0",
|
|
"react-beautiful-dnd": "^12.2.0",
|
|
"react-custom-scrollbars": "^4.2.1",
|
|
"react-device-detect": "^2.2.2",
|
|
"react-dnd": "^9.3.4",
|
|
"react-dnd-html5-backend": "^9.3.4",
|
|
"react-dnd-touch-backend": "^9.4.0",
|
|
"react-documents": "^1.0.4",
|
|
"react-dom": "^16.7.0",
|
|
"react-full-screen": "^1.1.0",
|
|
"react-fusioncharts": "^3.1.2",
|
|
"react-google-maps": "^9.4.5",
|
|
"react-google-recaptcha": "^2.1.0",
|
|
"react-helmet": "^5.2.1",
|
|
"react-hook-form": "^7.28.0",
|
|
"react-instantsearch-dom": "^6.4.0",
|
|
"react-json-view": "^1.21.3",
|
|
"react-masonry-css": "^1.0.16",
|
|
"react-media-recorder": "^1.6.1",
|
|
"react-modal": "^3.15.1",
|
|
"react-page-visibility": "^7.0.0",
|
|
"react-paginating": "^1.4.0",
|
|
"react-player": "^2.3.1",
|
|
"react-qr-barcode-scanner": "^1.0.6",
|
|
"react-rating": "^2.0.5",
|
|
"react-redux": "^7.2.4",
|
|
"react-responsive": "^9.0.0-beta.3",
|
|
"react-router": "^5.1.2",
|
|
"react-router-dom": "^5.1.2",
|
|
"react-scripts": "^5.0.1",
|
|
"react-select": "^3.0.8",
|
|
"react-spring": "^9.4.0",
|
|
"react-syntax-highlighter": "^15.5.0",
|
|
"react-table": "^7.0.0",
|
|
"react-tabs": "^3.0.0",
|
|
"react-timer-hook": "^3.0.4",
|
|
"react-toastify": "^5.5.0",
|
|
"react-use-gesture": "^7.0.4",
|
|
"react-virtuoso": "^1.9.0",
|
|
"react-webcam": "^7.0.1",
|
|
"react-window": "^1.8.6",
|
|
"react-zoom-pan-pinch": "^1.6.1",
|
|
"redux": "^4.0.1",
|
|
"redux-form": "^8.2.6",
|
|
"redux-saga": "^1.1.3",
|
|
"remixicon-react": "^1.0.0",
|
|
"reselect": "^4.0.0",
|
|
"scroll-into-view-if-needed": "^2.2.26",
|
|
"shallowequal": "^1.1.0",
|
|
"showdown": "^1.9.1",
|
|
"smartlook-client": "^8.0.0",
|
|
"socket.io-client": "^4.5.4",
|
|
"styled-components": "^5.3.6",
|
|
"tern": "^0.21.0",
|
|
"tinycolor2": "^1.4.2",
|
|
"toposort": "^2.0.2",
|
|
"tslib": "^2.3.1",
|
|
"typescript": "4.5.5",
|
|
"unescape-js": "^1.1.4",
|
|
"url-search-params-polyfill": "^8.0.0",
|
|
"webfontloader": "^1.6.28",
|
|
"webpack-retry-chunk-load-plugin": "^3.1.1",
|
|
"yjs": "^13.5.12",
|
|
"zipcelx": "^1.6.2"
|
|
},
|
|
"scripts": {
|
|
"analyze": "yarn cra-bundle-analyzer",
|
|
"start": "BROWSER=none EXTEND_ESLINT=true REACT_APP_ENVIRONMENT=DEVELOPMENT REACT_APP_CLIENT_LOG_LEVEL=debug HOST=dev.appsmith.com craco start",
|
|
"build": "./build.sh",
|
|
"build-local": "craco --max-old-space-size=4096 build --config craco.build.config.js",
|
|
"build-staging": "REACT_APP_ENVIRONMENT=STAGING craco --max-old-space-size=4096 build --config craco.build.config.js",
|
|
"test": "CYPRESS_BASE_URL=https://dev.appsmith.com cypress/test.sh",
|
|
"test:ci": "CYPRESS_BASE_URL=https://dev.appsmith.com cypress/test.sh --env=ci",
|
|
"eject": "react-scripts eject",
|
|
"start-prod": "REACT_APP_ENVIRONMENT=PRODUCTION craco start",
|
|
"cytest": "REACT_APP_TESTING=TESTING REACT_APP_ENVIRONMENT=DEVELOPMENT craco start & ./node_modules/.bin/cypress open",
|
|
"test:unit": "$(npm bin)/jest -b --colors --no-cache --silent --coverage --collectCoverage=true --coverageDirectory='../../' --coverageReporters='json-summary'",
|
|
"test:jest": "$(npm bin)/jest --watch",
|
|
"generate:widget": "plop --plopfile generators/index.js",
|
|
"postinstall": "patch-package && CURRENT_SCOPE=client node ../shared/install-dependencies.js",
|
|
"preinstall": "CURRENT_SCOPE=client node ../shared/build-shared-dep.js",
|
|
"install": "node cypress/apply-patches.js"
|
|
},
|
|
"browserslist": [
|
|
">0.2%",
|
|
"not dead",
|
|
"not ie <= 11",
|
|
"not op_mini all"
|
|
],
|
|
"devDependencies": {
|
|
"@babel/helper-create-regexp-features-plugin": "^7.18.6",
|
|
"@babel/helper-string-parser": "^7.19.4",
|
|
"@craco/craco": "^7.0.0",
|
|
"@faker-js/faker": "^7.4.0",
|
|
"@sentry/webpack-plugin": "^1.18.9",
|
|
"@testing-library/jest-dom": "5.16.1",
|
|
"@testing-library/react": "12.1.2",
|
|
"@testing-library/react-hooks": "^7.0.2",
|
|
"@testing-library/user-event": "13.5.0",
|
|
"@types/codemirror": "^0.0.96",
|
|
"@types/deep-diff": "^1.0.0",
|
|
"@types/dom-mediacapture-record": "^1.0.11",
|
|
"@types/downloadjs": "^1.4.2",
|
|
"@types/draft-js": "^0.11.1",
|
|
"@types/jest": "^27.4.1",
|
|
"@types/js-beautify": "^1.13.2",
|
|
"@types/jshint": "^2.12.0",
|
|
"@types/lodash": "^4.14.120",
|
|
"@types/marked": "^4.0.3",
|
|
"@types/moment-timezone": "^0.5.10",
|
|
"@types/nanoid": "^2.0.0",
|
|
"@types/node": "^10.12.18",
|
|
"@types/node-forge": "^0.10.0",
|
|
"@types/papaparse": "^5.3.5",
|
|
"@types/prismjs": "^1.16.1",
|
|
"@types/react": "^16.8.2",
|
|
"@types/react-beautiful-dnd": "^11.0.4",
|
|
"@types/react-custom-scrollbars": "^4.0.7",
|
|
"@types/react-dom": "^16.8.0",
|
|
"@types/react-google-recaptcha": "^2.1.1",
|
|
"@types/react-helmet": "^5.0.14",
|
|
"@types/react-instantsearch-dom": "^6.3.0",
|
|
"@types/react-modal": "^3.13.1",
|
|
"@types/react-redux": "^7.0.1",
|
|
"@types/react-router-dom": "^5.1.2",
|
|
"@types/react-select": "^3.0.5",
|
|
"@types/react-syntax-highlighter": "^13.5.2",
|
|
"@types/react-table": "^7.0.13",
|
|
"@types/react-tabs": "^2.3.1",
|
|
"@types/react-test-renderer": "^17.0.1",
|
|
"@types/react-window": "^1.8.2",
|
|
"@types/redux-form": "^8.1.9",
|
|
"@types/redux-mock-store": "^1.0.2",
|
|
"@types/resize-observer-browser": "^0.1.5",
|
|
"@types/showdown": "^1.9.4",
|
|
"@types/styled-components": "^5.1.26",
|
|
"@types/tern": "0.22.0",
|
|
"@types/tinycolor2": "^1.4.2",
|
|
"@types/toposort": "^2.0.3",
|
|
"@types/webfontloader": "1.6.33",
|
|
"@types/zipcelx": "^1.5.0",
|
|
"@typescript-eslint/eslint-plugin": "^5.25.0",
|
|
"@typescript-eslint/parser": "^5.25.0",
|
|
"babel-plugin-module-resolver": "^4.1.0",
|
|
"chalk": "^4.1.1",
|
|
"compression-webpack-plugin": "^10.0.0",
|
|
"cra-bundle-analyzer": "^0.1.0",
|
|
"cy-verify-downloads": "^0.0.5",
|
|
"cypress": "9.7.0",
|
|
"cypress-file-upload": "^4.1.1",
|
|
"cypress-image-snapshot": "^4.0.1",
|
|
"cypress-multi-reporters": "^1.2.4",
|
|
"cypress-real-events": "^1.7.1",
|
|
"cypress-wait-until": "^1.7.2",
|
|
"cypress-xpath": "^1.4.0",
|
|
"diff": "^5.0.0",
|
|
"dotenv": "^8.1.0",
|
|
"eslint": "8.3.0",
|
|
"eslint-config-prettier": "^6.12.0",
|
|
"eslint-import-resolver-babel-module": "^5.3.1",
|
|
"eslint-plugin-cypress": "^2.11.2",
|
|
"eslint-plugin-import": "^2.25.2",
|
|
"eslint-plugin-prettier": "^3.1.4",
|
|
"eslint-plugin-react": "^7.30.0",
|
|
"eslint-plugin-react-hooks": "^2.3.0",
|
|
"eslint-plugin-sort-destructure-keys": "^1.3.5",
|
|
"factory.ts": "^0.5.1",
|
|
"jest-canvas-mock": "^2.3.1",
|
|
"jest-styled-components": "^7.0.8",
|
|
"mocha": "^9.0.2",
|
|
"mocha-junit-reporter": "^2.0.0",
|
|
"mochawesome": "^7.1.2",
|
|
"mochawesome-report-generator": "^6.1.1",
|
|
"msw": "^0.28.0",
|
|
"patch-package": "^6.4.7",
|
|
"plop": "^3.1.1",
|
|
"postinstall-postinstall": "^2.1.0",
|
|
"raw-loader": "^4.0.2",
|
|
"react-is": "^16.12.0",
|
|
"react-test-renderer": "^16.11.0",
|
|
"redux-devtools": "^3.5.0",
|
|
"redux-devtools-extension": "^2.13.8",
|
|
"redux-mock-store": "^1.5.4",
|
|
"semver": "^7.3.5",
|
|
"ts-jest": "27.0.0",
|
|
"ts-jest-mock-import-meta": "^0.12.0",
|
|
"ts-loader": "^9.4.1",
|
|
"webpack-merge": "^5.8.0",
|
|
"workbox-webpack-plugin": "^6.5.3"
|
|
},
|
|
"husky": {
|
|
"hooks": {
|
|
"pre-commit": "lint-staged && git-secrets --scan --untracked && git-secrets --scan -r"
|
|
}
|
|
},
|
|
"resolutions": {
|
|
"browserslist": "4.20.3",
|
|
"chokidar": "3.5.3",
|
|
"css-select": "4.1.3",
|
|
"ejs": "3.1.7",
|
|
"fast-csv": "4.3.6",
|
|
"focus-trap-react/**/tabbable": "5.2.1",
|
|
"json-schema": "0.4.0",
|
|
"node-fetch": "2.6.7",
|
|
"minimatch": "^5.0.0",
|
|
"loader-utils": "^2.0.4",
|
|
"json5": "2.2.3"
|
|
}
|
|
}
|