From 58b4c3ec707e57efa583b5773542983960893a8a Mon Sep 17 00:00:00 2001 From: heejung1180 Date: Mon, 11 Nov 2024 21:56:52 -0800 Subject: [PATCH] move Search box and add Reset Filter button with number of sorted projects --- client/package-lock.json | 340 +++++++----------- .../src/components/Projects/ProjectsPage.jsx | 57 ++- 2 files changed, 174 insertions(+), 223 deletions(-) diff --git a/client/package-lock.json b/client/package-lock.json index 14a9ac9b..76955972 100644 --- a/client/package-lock.json +++ b/client/package-lock.json @@ -83,6 +83,7 @@ }, "node_modules/@ampproject/remapping": { "version": "2.2.1", + "dev": true, "license": "Apache-2.0", "dependencies": { "@jridgewell/gen-mapping": "^0.3.0", @@ -178,6 +179,7 @@ }, "node_modules/@babel/compat-data": { "version": "7.23.2", + "dev": true, "license": "MIT", "engines": { "node": ">=6.9.0" @@ -185,6 +187,7 @@ }, "node_modules/@babel/core": { "version": "7.23.2", + "dev": true, "license": "MIT", "dependencies": { "@ampproject/remapping": "^2.2.0", @@ -213,6 +216,7 @@ }, "node_modules/@babel/core/node_modules/semver": { "version": "6.3.1", + "dev": true, "license": "ISC", "bin": { "semver": "bin/semver.js" @@ -253,6 +257,7 @@ }, "node_modules/@babel/generator": { "version": "7.23.0", + "dev": true, "license": "MIT", "dependencies": { "@babel/types": "^7.23.0", @@ -287,6 +292,7 @@ }, "node_modules/@babel/helper-compilation-targets": { "version": "7.22.15", + "dev": true, "license": "MIT", "dependencies": { "@babel/compat-data": "^7.22.9", @@ -301,6 +307,7 @@ }, "node_modules/@babel/helper-compilation-targets/node_modules/semver": { "version": "6.3.1", + "dev": true, "license": "ISC", "bin": { "semver": "bin/semver.js" @@ -409,6 +416,7 @@ }, "node_modules/@babel/helper-hoist-variables": { "version": "7.22.5", + "dev": true, "license": "MIT", "dependencies": { "@babel/types": "^7.22.5" @@ -439,6 +447,7 @@ }, "node_modules/@babel/helper-module-transforms": { "version": "7.23.0", + "dev": true, "license": "MIT", "dependencies": { "@babel/helper-environment-visitor": "^7.22.20", @@ -504,6 +513,7 @@ }, "node_modules/@babel/helper-simple-access": { "version": "7.22.5", + "dev": true, "license": "MIT", "dependencies": { "@babel/types": "^7.22.5" @@ -548,6 +558,7 @@ }, "node_modules/@babel/helper-validator-option": { "version": "7.22.15", + "dev": true, "license": "MIT", "engines": { "node": ">=6.9.0" @@ -568,6 +579,7 @@ }, "node_modules/@babel/helpers": { "version": "7.23.2", + "dev": true, "license": "MIT", "dependencies": { "@babel/template": "^7.22.15", @@ -2132,6 +2144,7 @@ }, "node_modules/@babel/traverse": { "version": "7.23.2", + "dev": true, "license": "MIT", "dependencies": { "@babel/code-frame": "^7.22.13", @@ -2913,6 +2926,7 @@ }, "node_modules/@jridgewell/gen-mapping": { "version": "0.3.3", + "dev": true, "license": "MIT", "dependencies": { "@jridgewell/set-array": "^1.0.1", @@ -2925,6 +2939,7 @@ }, "node_modules/@jridgewell/resolve-uri": { "version": "3.1.1", + "dev": true, "license": "MIT", "engines": { "node": ">=6.0.0" @@ -2932,6 +2947,7 @@ }, "node_modules/@jridgewell/set-array": { "version": "1.1.2", + "dev": true, "license": "MIT", "engines": { "node": ">=6.0.0" @@ -2948,10 +2964,12 @@ }, "node_modules/@jridgewell/sourcemap-codec": { "version": "1.4.15", + "dev": true, "license": "MIT" }, "node_modules/@jridgewell/trace-mapping": { "version": "0.3.20", + "dev": true, "license": "MIT", "dependencies": { "@jridgewell/resolve-uri": "^3.1.0", @@ -5109,53 +5127,6 @@ "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0" } }, - "node_modules/babel-plugin-macros": { - "version": "2.8.0", - "resolved": "https://registry.npmjs.org/babel-plugin-macros/-/babel-plugin-macros-2.8.0.tgz", - "integrity": "sha512-SEP5kJpfGYqYKpBrj5XU3ahw5p5GOHJ0U5ssOSQ/WBVdwkD2Dzlce95exQTs3jOVWPPKLBN2rlEWkCK7dSmLvg==", - "dev": true, - "peer": true, - "dependencies": { - "@babel/runtime": "^7.7.2", - "cosmiconfig": "^6.0.0", - "resolve": "^1.12.0" - } - }, - "node_modules/babel-plugin-macros/node_modules/cosmiconfig": { - "version": "6.0.0", - "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-6.0.0.tgz", - "integrity": "sha512-xb3ZL6+L8b9JLLCx3ZdoZy4+2ECphCMo2PwqgP1tlfVq6M6YReyzBJtvWWtbDSpNr9hn96pkCiZqUcFEc+54Qg==", - "dev": true, - "peer": true, - "dependencies": { - "@types/parse-json": "^4.0.0", - "import-fresh": "^3.1.0", - "parse-json": "^5.0.0", - "path-type": "^4.0.0", - "yaml": "^1.7.2" - }, - "engines": { - "node": ">=8" - } - }, - "node_modules/babel-plugin-macros/node_modules/resolve": { - "version": "1.22.8", - "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz", - "integrity": "sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==", - "dev": true, - "peer": true, - "dependencies": { - "is-core-module": "^2.13.0", - "path-parse": "^1.0.7", - "supports-preserve-symlinks-flag": "^1.0.0" - }, - "bin": { - "resolve": "bin/resolve" - }, - "funding": { - "url": "https://github.com/sponsors/ljharb" - } - }, "node_modules/babel-plugin-named-asset-import": { "version": "0.3.8", "dev": true, @@ -5507,6 +5478,7 @@ }, "node_modules/browserslist": { "version": "4.22.1", + "dev": true, "funding": [ { "type": "opencollective", @@ -5648,6 +5620,7 @@ }, "node_modules/caniuse-lite": { "version": "1.0.30001561", + "dev": true, "funding": [ { "type": "opencollective", @@ -6067,6 +6040,7 @@ }, "node_modules/convert-source-map": { "version": "2.0.0", + "dev": true, "license": "MIT" }, "node_modules/cookie": { @@ -7160,6 +7134,7 @@ }, "node_modules/electron-to-chromium": { "version": "1.4.578", + "dev": true, "license": "ISC" }, "node_modules/emoji-regex": { @@ -7380,6 +7355,7 @@ }, "node_modules/escalade": { "version": "3.1.1", + "dev": true, "license": "MIT", "engines": { "node": ">=6" @@ -8778,6 +8754,7 @@ }, "node_modules/gensync": { "version": "1.0.0-beta.2", + "dev": true, "license": "MIT", "engines": { "node": ">=6.9.0" @@ -8921,6 +8898,7 @@ }, "node_modules/globals": { "version": "11.12.0", + "dev": true, "license": "MIT", "engines": { "node": ">=4" @@ -11091,6 +11069,7 @@ }, "node_modules/jsesc": { "version": "2.5.2", + "dev": true, "license": "MIT", "bin": { "jsesc": "bin/jsesc" @@ -11129,6 +11108,7 @@ }, "node_modules/json5": { "version": "2.2.3", + "dev": true, "license": "MIT", "bin": { "json5": "lib/cli.js" @@ -11866,6 +11846,7 @@ }, "node_modules/lru-cache": { "version": "5.1.1", + "dev": true, "license": "ISC", "dependencies": { "yallist": "^3.0.2" @@ -12251,6 +12232,7 @@ }, "node_modules/node-releases": { "version": "2.0.13", + "dev": true, "license": "MIT" }, "node_modules/normalize-path": { @@ -12700,6 +12682,7 @@ }, "node_modules/picocolors": { "version": "1.0.0", + "dev": true, "license": "ISC" }, "node_modules/picomatch": { @@ -18367,20 +18350,6 @@ "is-typedarray": "^1.0.0" } }, - "node_modules/typescript": { - "version": "4.9.5", - "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.9.5.tgz", - "integrity": "sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g==", - "dev": true, - "peer": true, - "bin": { - "tsc": "bin/tsc", - "tsserver": "bin/tsserver" - }, - "engines": { - "node": ">=4.2.0" - } - }, "node_modules/unbox-primitive": { "version": "1.0.2", "dev": true, @@ -18514,6 +18483,7 @@ }, "node_modules/update-browserslist-db": { "version": "1.0.13", + "dev": true, "funding": [ { "type": "opencollective", @@ -19464,6 +19434,7 @@ }, "node_modules/yallist": { "version": "3.1.1", + "dev": true, "license": "ISC" }, "node_modules/yaml": { @@ -19522,6 +19493,7 @@ }, "@ampproject/remapping": { "version": "2.2.1", + "dev": true, "requires": { "@jridgewell/gen-mapping": "^0.3.0", "@jridgewell/trace-mapping": "^0.3.9" @@ -19581,10 +19553,12 @@ } }, "@babel/compat-data": { - "version": "7.23.2" + "version": "7.23.2", + "dev": true }, "@babel/core": { "version": "7.23.2", + "dev": true, "requires": { "@ampproject/remapping": "^2.2.0", "@babel/code-frame": "^7.22.13", @@ -19604,7 +19578,8 @@ }, "dependencies": { "semver": { - "version": "6.3.1" + "version": "6.3.1", + "dev": true } } }, @@ -19629,6 +19604,7 @@ }, "@babel/generator": { "version": "7.23.0", + "dev": true, "requires": { "@babel/types": "^7.23.0", "@jridgewell/gen-mapping": "^0.3.2", @@ -19651,6 +19627,7 @@ }, "@babel/helper-compilation-targets": { "version": "7.22.15", + "dev": true, "requires": { "@babel/compat-data": "^7.22.9", "@babel/helper-validator-option": "^7.22.15", @@ -19660,7 +19637,8 @@ }, "dependencies": { "semver": { - "version": "6.3.1" + "version": "6.3.1", + "dev": true } } }, @@ -19732,6 +19710,7 @@ }, "@babel/helper-hoist-variables": { "version": "7.22.5", + "dev": true, "requires": { "@babel/types": "^7.22.5" } @@ -19750,6 +19729,7 @@ }, "@babel/helper-module-transforms": { "version": "7.23.0", + "dev": true, "requires": { "@babel/helper-environment-visitor": "^7.22.20", "@babel/helper-module-imports": "^7.22.15", @@ -19786,6 +19766,7 @@ }, "@babel/helper-simple-access": { "version": "7.22.5", + "dev": true, "requires": { "@babel/types": "^7.22.5" } @@ -19809,7 +19790,8 @@ "version": "7.22.20" }, "@babel/helper-validator-option": { - "version": "7.22.15" + "version": "7.22.15", + "dev": true }, "@babel/helper-wrap-function": { "version": "7.22.20", @@ -19822,6 +19804,7 @@ }, "@babel/helpers": { "version": "7.23.2", + "dev": true, "requires": { "@babel/template": "^7.22.15", "@babel/traverse": "^7.23.2", @@ -20670,8 +20653,7 @@ "version": "7.21.0-placeholder-for-preset-env.2", "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-private-property-in-object/-/plugin-proposal-private-property-in-object-7.21.0-placeholder-for-preset-env.2.tgz", "integrity": "sha512-SOSkfJDddaM7mak6cPEpswyTRnuRltl429hMraQEglW+OkovnCzsiszTmsrlY//qLFjCpQDFRvjdm2wA5pPm9w==", - "dev": true, - "requires": {} + "dev": true }, "semver": { "version": "6.3.1", @@ -20731,6 +20713,7 @@ }, "@babel/traverse": { "version": "7.23.2", + "dev": true, "requires": { "@babel/code-frame": "^7.22.13", "@babel/generator": "^7.23.0", @@ -20860,13 +20843,11 @@ }, "@csstools/postcss-unset-value": { "version": "1.0.2", - "dev": true, - "requires": {} + "dev": true }, "@csstools/selector-specificity": { "version": "2.2.0", - "dev": true, - "requires": {} + "dev": true }, "@emotion/babel-plugin": { "version": "11.11.0", @@ -20977,8 +20958,7 @@ "version": "0.8.1" }, "@emotion/use-insertion-effect-with-fallbacks": { - "version": "1.0.1", - "requires": {} + "version": "1.0.1" }, "@emotion/utils": { "version": "1.2.1" @@ -21199,6 +21179,7 @@ }, "@jridgewell/gen-mapping": { "version": "0.3.3", + "dev": true, "requires": { "@jridgewell/set-array": "^1.0.1", "@jridgewell/sourcemap-codec": "^1.4.10", @@ -21206,10 +21187,12 @@ } }, "@jridgewell/resolve-uri": { - "version": "3.1.1" + "version": "3.1.1", + "dev": true }, "@jridgewell/set-array": { - "version": "1.1.2" + "version": "1.1.2", + "dev": true }, "@jridgewell/source-map": { "version": "0.3.5", @@ -21220,10 +21203,12 @@ } }, "@jridgewell/sourcemap-codec": { - "version": "1.4.15" + "version": "1.4.15", + "dev": true }, "@jridgewell/trace-mapping": { "version": "0.3.20", + "dev": true, "requires": { "@jridgewell/resolve-uri": "^3.1.0", "@jridgewell/sourcemap-codec": "^1.4.14" @@ -21717,8 +21702,7 @@ }, "@testing-library/user-event": { "version": "14.5.1", - "dev": true, - "requires": {} + "dev": true }, "@tootallnate/once": { "version": "1.1.2", @@ -22327,12 +22311,10 @@ "version": "1.9.5", "resolved": "https://registry.npmjs.org/acorn-import-attributes/-/acorn-import-attributes-1.9.5.tgz", "integrity": "sha512-n02Vykv5uA3eHGM/Z2dQrcD56kL8TyDb2p1+0P83PClMnC/nc+anbQRhIOWnSq4Ke/KvDPrY3C9hDtC/A3eHnQ==", - "dev": true, - "requires": {} + "dev": true }, "acorn-jsx": { - "version": "5.3.2", - "requires": {} + "version": "5.3.2" }, "acorn-walk": { "version": "7.2.0", @@ -22654,8 +22636,7 @@ "version": "3.5.2", "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz", "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==", - "dev": true, - "requires": {} + "dev": true }, "json-schema-traverse": { "version": "0.4.1", @@ -22695,50 +22676,9 @@ "@types/babel__traverse": "^7.0.6" } }, - "babel-plugin-macros": { - "version": "2.8.0", - "resolved": "https://registry.npmjs.org/babel-plugin-macros/-/babel-plugin-macros-2.8.0.tgz", - "integrity": "sha512-SEP5kJpfGYqYKpBrj5XU3ahw5p5GOHJ0U5ssOSQ/WBVdwkD2Dzlce95exQTs3jOVWPPKLBN2rlEWkCK7dSmLvg==", - "dev": true, - "peer": true, - "requires": { - "@babel/runtime": "^7.7.2", - "cosmiconfig": "^6.0.0", - "resolve": "^1.12.0" - }, - "dependencies": { - "cosmiconfig": { - "version": "6.0.0", - "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-6.0.0.tgz", - "integrity": "sha512-xb3ZL6+L8b9JLLCx3ZdoZy4+2ECphCMo2PwqgP1tlfVq6M6YReyzBJtvWWtbDSpNr9hn96pkCiZqUcFEc+54Qg==", - "dev": true, - "peer": true, - "requires": { - "@types/parse-json": "^4.0.0", - "import-fresh": "^3.1.0", - "parse-json": "^5.0.0", - "path-type": "^4.0.0", - "yaml": "^1.7.2" - } - }, - "resolve": { - "version": "1.22.8", - "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz", - "integrity": "sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==", - "dev": true, - "peer": true, - "requires": { - "is-core-module": "^2.13.0", - "path-parse": "^1.0.7", - "supports-preserve-symlinks-flag": "^1.0.0" - } - } - } - }, "babel-plugin-named-asset-import": { "version": "0.3.8", - "dev": true, - "requires": {} + "dev": true }, "babel-plugin-polyfill-corejs2": { "version": "0.4.6", @@ -22996,6 +22936,7 @@ }, "browserslist": { "version": "4.22.1", + "dev": true, "requires": { "caniuse-lite": "^1.0.30001541", "electron-to-chromium": "^1.4.535", @@ -23073,7 +23014,8 @@ } }, "caniuse-lite": { - "version": "1.0.30001561" + "version": "1.0.30001561", + "dev": true }, "case-sensitive-paths-webpack-plugin": { "version": "2.4.0", @@ -23341,7 +23283,8 @@ "dev": true }, "convert-source-map": { - "version": "2.0.0" + "version": "2.0.0", + "dev": true }, "cookie": { "version": "0.7.1", @@ -23425,8 +23368,7 @@ }, "css-declaration-sorter": { "version": "6.4.1", - "dev": true, - "requires": {} + "dev": true }, "css-has-pseudo": { "version": "3.0.4", @@ -23494,8 +23436,7 @@ }, "css-prefers-color-scheme": { "version": "6.0.3", - "dev": true, - "requires": {} + "dev": true }, "css-select": { "version": "4.3.0", @@ -23595,8 +23536,7 @@ }, "cssnano-utils": { "version": "3.1.0", - "dev": true, - "requires": {} + "dev": true }, "csso": { "version": "4.2.0", @@ -24039,7 +23979,8 @@ } }, "electron-to-chromium": { - "version": "1.4.578" + "version": "1.4.578", + "dev": true }, "emoji-regex": { "version": "10.3.0" @@ -24210,7 +24151,8 @@ } }, "escalade": { - "version": "3.1.1" + "version": "3.1.1", + "dev": true }, "escape-html": { "version": "1.0.3" @@ -24348,8 +24290,7 @@ "version": "9.0.0", "resolved": "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-9.0.0.tgz", "integrity": "sha512-IcJsTkJae2S35pRsRAwoCE+925rJJStOdkKnLVgtE+tEpqU0EVVM7OqrwxqgptKdX29NUwC82I5pXsGFIgSevw==", - "dev": true, - "requires": {} + "dev": true }, "eslint-config-react-app": { "version": "7.0.1", @@ -24544,8 +24485,7 @@ }, "eslint-plugin-react-hooks": { "version": "4.6.0", - "dev": true, - "requires": {} + "dev": true }, "eslint-plugin-testing-library": { "version": "5.11.1", @@ -24983,8 +24923,7 @@ "version": "3.5.2", "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz", "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==", - "dev": true, - "requires": {} + "dev": true }, "chalk": { "version": "4.1.2", @@ -25113,7 +25052,8 @@ "version": "1.2.3" }, "gensync": { - "version": "1.0.0-beta.2" + "version": "1.0.0-beta.2", + "dev": true }, "get-caller-file": { "version": "2.0.5", @@ -25203,7 +25143,8 @@ } }, "globals": { - "version": "11.12.0" + "version": "11.12.0", + "dev": true }, "globalthis": { "version": "1.0.3", @@ -25494,8 +25435,7 @@ }, "icss-utils": { "version": "5.1.0", - "dev": true, - "requires": {} + "dev": true }, "idb": { "version": "7.1.1", @@ -26460,8 +26400,7 @@ }, "jest-pnp-resolver": { "version": "1.2.3", - "dev": true, - "requires": {} + "dev": true }, "jest-regex-util": { "version": "27.5.1", @@ -26686,7 +26625,8 @@ } }, "jsesc": { - "version": "2.5.2" + "version": "2.5.2", + "dev": true }, "json-buffer": { "version": "3.0.1" @@ -26712,7 +26652,8 @@ "dev": true }, "json5": { - "version": "2.2.3" + "version": "2.2.3", + "dev": true }, "jsonfile": { "version": "6.1.0", @@ -27212,6 +27153,7 @@ }, "lru-cache": { "version": "5.1.1", + "dev": true, "requires": { "yallist": "^3.0.2" } @@ -27447,7 +27389,8 @@ "dev": true }, "node-releases": { - "version": "2.0.13" + "version": "2.0.13", + "dev": true }, "normalize-path": { "version": "3.0.0", @@ -27724,7 +27667,8 @@ "dev": true }, "picocolors": { - "version": "1.0.0" + "version": "1.0.0", + "dev": true }, "picomatch": { "version": "2.3.1", @@ -27842,8 +27786,7 @@ }, "postcss-browser-comments": { "version": "4.0.0", - "dev": true, - "requires": {} + "dev": true }, "postcss-calc": { "version": "8.2.4", @@ -27929,23 +27872,19 @@ }, "postcss-discard-comments": { "version": "5.1.2", - "dev": true, - "requires": {} + "dev": true }, "postcss-discard-duplicates": { "version": "5.1.0", - "dev": true, - "requires": {} + "dev": true }, "postcss-discard-empty": { "version": "5.1.1", - "dev": true, - "requires": {} + "dev": true }, "postcss-discard-overridden": { "version": "5.1.0", - "dev": true, - "requires": {} + "dev": true }, "postcss-double-position-gradients": { "version": "3.1.2", @@ -27964,8 +27903,7 @@ }, "postcss-flexbugs-fixes": { "version": "5.0.2", - "dev": true, - "requires": {} + "dev": true }, "postcss-focus-visible": { "version": "6.0.4", @@ -27983,13 +27921,11 @@ }, "postcss-font-variant": { "version": "5.0.0", - "dev": true, - "requires": {} + "dev": true }, "postcss-gap-properties": { "version": "3.0.5", - "dev": true, - "requires": {} + "dev": true }, "postcss-image-set-function": { "version": "4.0.7", @@ -28020,8 +27956,7 @@ }, "postcss-initial": { "version": "4.0.1", - "dev": true, - "requires": {} + "dev": true }, "postcss-js": { "version": "4.0.1", @@ -28063,13 +27998,11 @@ }, "postcss-logical": { "version": "5.0.4", - "dev": true, - "requires": {} + "dev": true }, "postcss-media-minmax": { "version": "5.0.0", - "dev": true, - "requires": {} + "dev": true }, "postcss-merge-longhand": { "version": "5.1.7", @@ -28123,8 +28056,7 @@ }, "postcss-modules-extract-imports": { "version": "3.0.0", - "dev": true, - "requires": {} + "dev": true }, "postcss-modules-local-by-default": { "version": "4.0.3", @@ -28175,8 +28107,7 @@ }, "postcss-normalize-charset": { "version": "5.1.0", - "dev": true, - "requires": {} + "dev": true }, "postcss-normalize-display-values": { "version": "5.1.0", @@ -28238,8 +28169,7 @@ }, "postcss-opacity-percentage": { "version": "1.1.3", - "dev": true, - "requires": {} + "dev": true }, "postcss-ordered-values": { "version": "5.1.3", @@ -28258,8 +28188,7 @@ }, "postcss-page-break": { "version": "3.0.4", - "dev": true, - "requires": {} + "dev": true }, "postcss-place": { "version": "7.0.5", @@ -28347,8 +28276,7 @@ }, "postcss-replace-overflow-wrap": { "version": "4.0.0", - "dev": true, - "requires": {} + "dev": true }, "postcss-selector-not": { "version": "6.0.1", @@ -28771,8 +28699,7 @@ "react-icons": { "version": "5.2.1", "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-5.2.1.tgz", - "integrity": "sha512-zdbW5GstTzXaVKvGSyTaBalt7HSfuK5ovrzlpyiWHAFXndXTdd/1hdDHI4xBM1Mn7YriT6aqESucFl9kEXzrdw==", - "requires": {} + "integrity": "sha512-zdbW5GstTzXaVKvGSyTaBalt7HSfuK5ovrzlpyiWHAFXndXTdd/1hdDHI4xBM1Mn7YriT6aqESucFl9kEXzrdw==" }, "react-input-mask": { "version": "2.0.4", @@ -28827,8 +28754,7 @@ "react-onclickoutside": { "version": "6.13.0", "resolved": "https://registry.npmjs.org/react-onclickoutside/-/react-onclickoutside-6.13.0.tgz", - "integrity": "sha512-ty8So6tcUpIb+ZE+1HAhbLROvAIJYyJe/1vRrrcmW+jLsaM+/powDRqxzo6hSh9CuRZGSL1Q8mvcF5WRD93a0A==", - "requires": {} + "integrity": "sha512-ty8So6tcUpIb+ZE+1HAhbLROvAIJYyJe/1vRrrcmW+jLsaM+/powDRqxzo6hSh9CuRZGSL1Q8mvcF5WRD93a0A==" }, "react-popper": { "version": "2.3.0", @@ -29903,12 +29829,10 @@ "react-tiny-popover": { "version": "8.1.2", "resolved": "https://registry.npmjs.org/react-tiny-popover/-/react-tiny-popover-8.1.2.tgz", - "integrity": "sha512-zzG9hGBCNeSesZLLItNOiQvIU+/tLdLQ9y8cfSAtLQnOH7eoKVJflQzEng8w7rTblE+cV0/R6dFjjiZS1A4qTA==", - "requires": {} + "integrity": "sha512-zzG9hGBCNeSesZLLItNOiQvIU+/tLdLQ9y8cfSAtLQnOH7eoKVJflQzEng8w7rTblE+cV0/R6dFjjiZS1A4qTA==" }, "react-to-print": { - "version": "2.14.15", - "requires": {} + "version": "2.14.15" }, "react-tooltip": { "version": "5.22.0", @@ -29929,8 +29853,7 @@ } }, "reactjs-popup": { - "version": "2.0.6", - "requires": {} + "version": "2.0.6" }, "read-cache": { "version": "1.0.0", @@ -30317,8 +30240,7 @@ "version": "3.5.2", "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz", "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==", - "dev": true, - "requires": {} + "dev": true }, "json-schema-traverse": { "version": "0.4.1", @@ -30900,8 +30822,7 @@ }, "style-loader": { "version": "3.3.3", - "dev": true, - "requires": {} + "dev": true }, "stylehacks": { "version": "5.1.1", @@ -31442,13 +31363,6 @@ "is-typedarray": "^1.0.0" } }, - "typescript": { - "version": "4.9.5", - "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.9.5.tgz", - "integrity": "sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g==", - "dev": true, - "peer": true - }, "unbox-primitive": { "version": "1.0.2", "dev": true, @@ -31539,6 +31453,7 @@ }, "update-browserslist-db": { "version": "1.0.13", + "dev": true, "requires": { "escalade": "^3.1.1", "picocolors": "^1.0.0" @@ -31561,12 +31476,10 @@ } }, "use-isomorphic-layout-effect": { - "version": "1.1.2", - "requires": {} + "version": "1.1.2" }, "use-memo-one": { - "version": "1.1.3", - "requires": {} + "version": "1.1.3" }, "util-deprecate": { "version": "1.0.2" @@ -31775,8 +31688,7 @@ "version": "8.18.0", "resolved": "https://registry.npmjs.org/ws/-/ws-8.18.0.tgz", "integrity": "sha512-8VbfWfHLbbwu3+N6OKsOMpBdT4kXPDDB9cJk2bJ6mh9ucxdlnNvH1e+roYkKmN9Nxw2yjz7VzeO9oOz2zJ04Pw==", - "dev": true, - "requires": {} + "dev": true } } }, @@ -32194,8 +32106,7 @@ "version": "7.5.10", "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.10.tgz", "integrity": "sha512-+dbF1tHwZpXcbOJdVOkzLDxZP1ailvSxM6ZweXTegylPny803bFhA+vqBYw4s31NSAk4S2Qz+AKXK9a4wkdjcQ==", - "dev": true, - "requires": {} + "dev": true }, "xml-name-validator": { "version": "3.0.0", @@ -32216,7 +32127,8 @@ "dev": true }, "yallist": { - "version": "3.1.1" + "version": "3.1.1", + "dev": true }, "yaml": { "version": "1.10.2" diff --git a/client/src/components/Projects/ProjectsPage.jsx b/client/src/components/Projects/ProjectsPage.jsx index d8f29e49..845e490f 100644 --- a/client/src/components/Projects/ProjectsPage.jsx +++ b/client/src/components/Projects/ProjectsPage.jsx @@ -283,6 +283,7 @@ const ProjectsPage = ({ contentContainerRef }) => { startDateModifiedAdmin: null, endDateModifiedAdmin: null }); + const [filterCollapsed, setFilterCollapsed] = useState(true); const checkedProjectsStatusData = useCheckedProjectsStatusData( checkedProjectIds, @@ -751,6 +752,33 @@ const ProjectsPage = ({ contentContainerRef }) => { return true; }; + const resetFiltersSort = () => { + setCriteria({ + type: "all", + status: "active", + visibility: "visible", + name: "", + address: "", + author: "", + alternative: "", + dro: "", + startDateCreated: null, + endDateCreated: null, + startDateModified: null, + endDateModified: null, + nameList: [], + addressList: [], + alternativeList: [], + authorList: [], + droList: [], + adminNotes: "", + startDateModifiedAdmin: null, + endDateModifiedAdmin: null + }); + setCheckedProjectIds([]); + setSelectAllChecked(false); + }; + const headerData = [ { id: "checkAllProjects", @@ -873,7 +901,7 @@ const ProjectsPage = ({ contentContainerRef }) => { style={{ display: "flex", flexDirection: "row", - justifyContent: "space-between" + justifyContent: "flex-start" }} > { style={{ display: "flex", flexDirection: "row", - alignSelf: "flex-end" + alignSelf: "flex-end", + marginLeft: "20px", + justifyContent: "space-between", + width: "80%" }} >
@@ -904,16 +935,24 @@ const ProjectsPage = ({ contentContainerRef }) => { />
- {filterCollapsed ? ( +
- ) : null} + {filterCollapsed ? ( + + ) : null} +