4e70813fa9
* feat: Use react-select for tags selector Replace existing component with react-select component, by passing in our custom component. This retained the existing search functionality. * fix: Fix missing deps causing constant rerender This bug appeared after removing the react-query call to the backend when selecting/unselecting a tag in the dropdown. Since it no longer gets the updated state from the backend, it doesnt mask the bug. The bug is essentially the `ContentTagsCollapsibleHelper` rerendering causing the states to reset overriding the selected (not commited) tags. This is due to missing dependancies in the useCallback. * feat: Add stagedContentTags state in react-select This adds a state and callbacks in the toplevel component of the content tags drawer to be able to add/remove staged content tags and have them showup in the react-select as selected chips. * feat: Split up applied & staged content tags trees Now content tags have seperate tree states for applied ones and staged ones. They are updated seperately and both are used when updating the selectable box UI. This allows for more flexibility with actions that can be performed on the staged content tags with impacting the applied ones. * feat: Change style of implicit checkbox to checks This overrides the indeterminate input checkbox style to match the checked checkbox style, using variables defined in paragon. * feat: Add bottom buttons in tags dropdown selector * refactor: Remove cloneDeep + simplify code * feat: Update placeholder/button texts * feat: Implement cancel button + add proptypes * feat: Implement commit/cancel staged tags This implements the commit functionality for staged tags, taking account for implicit tags. This also handles the case for removing applied tags by clicking on the "x" in the TagBubble. * feat: Keep all staged tags only commit explicit * feat: Change style of add/cancel/load more buttons * feat: Add inline "Add" button to commit tags In the react-select component, an inline "Add" button showsup when some tags are staged, if they are clicked they are commited/applied. * fix: Keep applied tag checked when only staged child unchecked * feat: Style add tags widget + staged tags Also clear search term whenever tags are staged/cancelled * feat: Fixed some typing errors * test: Update tests to fix existing broken cases * test: Add new functionality tests * chore: add types to ContentTagsCollapsible * chore: add types for useContentTagsCollapsibleHelper * fix: Small bug with useIntl * chore: Fix more linter issues * refactor: Separate stagedTags and stagedTagsTree state updates This refactor removed the warning that was caused because the state of a parent component (ContentTagsDrawer) was being updated in the middle of a state update in (ContentTagsCollapsible). This seperated the two state updates to avoid this issue. * chore: Update package-lock.json * fix: Reset applied tags in selectbox when fetching Whenever we get new applied tags from the backend, we reset the applied tags that are checked, and only check the explicit tags. This was causing an issue of duplicate applied tags being added to the selectbox. * chore: Update package.json --------- Co-authored-by: Braden MacDonald <braden@opencraft.com>
119 lines
4.4 KiB
JSON
119 lines
4.4 KiB
JSON
{
|
|
"name": "@edx/frontend-app-course-authoring",
|
|
"version": "0.1.0",
|
|
"description": "Frontend application template",
|
|
"repository": {
|
|
"type": "git",
|
|
"url": "git+https://github.com/openedx/frontend-app-course-authoring.git"
|
|
},
|
|
"browserslist": [
|
|
"extends @edx/browserslist-config"
|
|
],
|
|
"scripts": {
|
|
"build": "fedx-scripts webpack",
|
|
"i18n_extract": "fedx-scripts formatjs extract",
|
|
"stylelint": "stylelint \"src/**/*.scss\" \"scss/**/*.scss\" --config .stylelintrc.json",
|
|
"lint": "npm run stylelint && fedx-scripts eslint --ext .js --ext .jsx .",
|
|
"lint:fix": "npm run stylelint && fedx-scripts eslint --ext .js --ext .jsx . --fix",
|
|
"snapshot": "TZ=UTC fedx-scripts jest --updateSnapshot",
|
|
"start": "fedx-scripts webpack-dev-server --progress",
|
|
"start:with-theme": "paragon install-theme && npm start && npm install",
|
|
"test": "TZ=UTC fedx-scripts jest --coverage --passWithNoTests",
|
|
"types": "tsc --noEmit"
|
|
},
|
|
"husky": {
|
|
"hooks": {
|
|
"pre-commit": "npm run lint"
|
|
}
|
|
},
|
|
"author": "edX",
|
|
"license": "AGPL-3.0",
|
|
"homepage": "https://github.com/openedx/frontend-app-course-authoring#readme",
|
|
"publishConfig": {
|
|
"access": "public"
|
|
},
|
|
"bugs": {
|
|
"url": "https://github.com/openedx/frontend-app-course-authoring/issues"
|
|
},
|
|
"dependencies": {
|
|
"@dnd-kit/sortable": "^8.0.0",
|
|
"@edx/brand": "npm:@openedx/brand-openedx@^1.2.2",
|
|
"@edx/frontend-component-ai-translations": "^2.0.0",
|
|
"@edx/frontend-component-footer": "^13.0.2",
|
|
"@edx/frontend-component-header": "^5.0.2",
|
|
"@edx/frontend-enterprise-hotjar": "^2.0.0",
|
|
"@edx/frontend-lib-content-components": "^2.1.3",
|
|
"@edx/frontend-platform": "7.0.1",
|
|
"@edx/openedx-atlas": "^0.6.0",
|
|
"@fortawesome/fontawesome-svg-core": "1.2.36",
|
|
"@fortawesome/free-brands-svg-icons": "5.15.4",
|
|
"@fortawesome/free-regular-svg-icons": "5.15.4",
|
|
"@fortawesome/free-solid-svg-icons": "5.15.4",
|
|
"@fortawesome/react-fontawesome": "0.2.0",
|
|
"@openedx-plugins/course-app-calculator": "file:plugins/course-apps/calculator",
|
|
"@openedx-plugins/course-app-edxnotes": "file:plugins/course-apps/edxnotes",
|
|
"@openedx-plugins/course-app-learning_assistant": "file:plugins/course-apps/learning_assistant",
|
|
"@openedx-plugins/course-app-live": "file:plugins/course-apps/live",
|
|
"@openedx-plugins/course-app-ora_settings": "file:plugins/course-apps/ora_settings",
|
|
"@openedx-plugins/course-app-proctoring": "file:plugins/course-apps/proctoring",
|
|
"@openedx-plugins/course-app-progress": "file:plugins/course-apps/progress",
|
|
"@openedx-plugins/course-app-teams": "file:plugins/course-apps/teams",
|
|
"@openedx-plugins/course-app-wiki": "file:plugins/course-apps/wiki",
|
|
"@openedx-plugins/course-app-xpert_unit_summary": "file:plugins/course-apps/xpert_unit_summary",
|
|
"@openedx/paragon": "^21.5.7",
|
|
"@reduxjs/toolkit": "1.9.7",
|
|
"@tanstack/react-query": "4.36.1",
|
|
"broadcast-channel": "^7.0.0",
|
|
"classnames": "2.2.6",
|
|
"core-js": "3.8.1",
|
|
"email-validator": "2.0.4",
|
|
"file-saver": "^2.0.5",
|
|
"formik": "2.2.6",
|
|
"jszip": "^3.10.1",
|
|
"lodash": "4.17.21",
|
|
"moment": "2.29.4",
|
|
"prop-types": "15.7.2",
|
|
"react": "17.0.2",
|
|
"react-datepicker": "^4.13.0",
|
|
"react-dom": "17.0.2",
|
|
"react-helmet": "^6.1.0",
|
|
"react-redux": "7.2.9",
|
|
"react-responsive": "9.0.2",
|
|
"react-router": "6.16.0",
|
|
"react-router-dom": "6.16.0",
|
|
"react-select": "5.8.0",
|
|
"react-textarea-autosize": "^8.4.1",
|
|
"react-transition-group": "4.4.5",
|
|
"redux": "4.0.5",
|
|
"regenerator-runtime": "0.13.7",
|
|
"universal-cookie": "^4.0.4",
|
|
"uuid": "^3.4.0",
|
|
"yup": "0.31.1"
|
|
},
|
|
"devDependencies": {
|
|
"@edx/browserslist-config": "1.2.0",
|
|
"@edx/react-unit-test-utils": "^2.0.0",
|
|
"@edx/reactifex": "^1.0.3",
|
|
"@edx/stylelint-config-edx": "2.3.0",
|
|
"@edx/typescript-config": "^1.0.1",
|
|
"@openedx/frontend-build": "13.0.27",
|
|
"@testing-library/jest-dom": "5.17.0",
|
|
"@testing-library/react": "12.1.5",
|
|
"@testing-library/react-hooks": "^8.0.1",
|
|
"@testing-library/user-event": "^13.2.1",
|
|
"axios": "^0.27.2",
|
|
"axios-mock-adapter": "1.22.0",
|
|
"eslint-import-resolver-webpack": "^0.13.8",
|
|
"glob": "7.2.3",
|
|
"husky": "7.0.4",
|
|
"jest-canvas-mock": "^2.5.2",
|
|
"jest-expect-message": "^1.1.3",
|
|
"react-test-renderer": "17.0.2",
|
|
"reactifex": "1.1.1",
|
|
"ts-loader": "^9.5.0"
|
|
},
|
|
"peerDependencies": {
|
|
"decode-uri-component": ">=0.2.2"
|
|
}
|
|
}
|