ish-ui 1.0.55 → 1.1.1

package/package.json

@@ -1,103 +1,94 @@
 {
   "name": "ish-ui",
   "sideEffects": false,
-  "version": "1.0.55",
+  "version": "1.1.1",
   "description": "UI elements for onCourse and other ish apps",
   "main": "main.ts",
   "devDependencies": {
-    "@marshallofsound/webpack-asset-relocator-loader": "^0.5.0",
-    "@pmmmwh/react-refresh-webpack-plugin": "^0.5.8",
-    "@types/node": "^18.11.5",
-    "@types/react": "^18.0.23",
-    "@types/react-color": "^3.0.6",
-    "@types/react-dom": "^18.0.7",
-    "@types/react-window": "^1.8.5",
-    "@types/react-window-infinite-loader": "^1.0.6",
+    "@pmmmwh/react-refresh-webpack-plugin": "^0.5.15",
+    "@types/node": "^22.7.2",
+    "@types/react": "^18.3.9",
+    "@types/react-color": "^3.0.12",
+    "@types/react-dom": "^18.3.0",
+    "@types/react-window": "^1.8.8",
+    "@types/react-window-infinite-loader": "^1.0.9",
     "@types/redux": "^3.6.0",
-    "@types/webpack-env": "^1.18.0",
-    "@typescript-eslint/eslint-plugin": "^5.41.0",
-    "@typescript-eslint/parser": "^5.41.0",
-    "cross-env": "^7.0.3",
-    "css-loader": "^6.7.1",
+    "@types/webpack-env": "^1.18.5",
+    "@typescript-eslint/eslint-plugin": "^8.7.0",
+    "@typescript-eslint/parser": "^8.7.0",
+    "css-loader": "^7.1.2",
     "eslint": "^8.26.0",
     "eslint-import-resolver-alias": "^1.1.2",
-    "eslint-plugin-import": "^2.26.0",
-    "eslint-plugin-react": "^7.31.10",
+    "eslint-plugin-import": "^2.30.0",
+    "eslint-plugin-react": "^7.36.1",
     "file-loader": "^6.2.0",
-    "fork-ts-checker-webpack-plugin": "^7.2.13",
-    "html-webpack-plugin": "^5.5.0",
-    "jest": "^29.6.1",
-    "less": "^4.1.3",
-    "less-loader": "11.1.0",
-    "mini-css-extract-plugin": "^2.6.1",
-    "react-refresh": "^0.14.0",
-    "sass": "^1.55.0",
-    "sass-loader": "^13.1.0",
-    "serve": "^14.0.1",
-    "style-loader": "^3.3.1",
-    "terser-webpack-plugin": "^5.3.9",
-    "ts-loader": "^9.4.4",
-    "tsc-alias": "^1.8.7",
-    "typescript": "^5.1.6",
-    "webpack": "^5.74.0",
-    "webpack-bundle-analyzer": "^4.10.1",
-    "webpack-cli": "^4.10.0",
-    "webpack-dev-server": "^4.11.1"
+    "fork-ts-checker-webpack-plugin": "^9.0.2",
+    "html-webpack-plugin": "^5.6.0",
+    "jest": "^29.7.0",
+    "less-loader": "12.2.0",
+    "mini-css-extract-plugin": "^2.9.1",
+    "react-refresh": "^0.14.2",
+    "sass-loader": "^16.0.2",
+    "style-loader": "^4.0.0",
+    "terser-webpack-plugin": "^5.3.10",
+    "ts-loader": "^9.5.1",
+    "tsc-alias": "^1.8.10",
+    "typescript": "^5.6.2",
+    "webpack": "^5.95.0",
+    "webpack-bundle-analyzer": "^4.10.2",
+    "webpack-cli": "^5.1.4",
+    "webpack-dev-server": "^5.1.0"
   },
   "dependencies": {
-    "@ckeditor/ckeditor5-autoformat": "35.1.0",
-    "@ckeditor/ckeditor5-basic-styles": "35.1.0",
-    "@ckeditor/ckeditor5-dev-utils": "^30.5.0",
-    "@ckeditor/ckeditor5-editor-classic": "35.1.0",
-    "@ckeditor/ckeditor5-essentials": "35.1.0",
-    "@ckeditor/ckeditor5-heading": "35.1.0",
-    "@ckeditor/ckeditor5-image": "35.1.0",
-    "@ckeditor/ckeditor5-link": "35.1.0",
-    "@ckeditor/ckeditor5-list": "35.1.0",
-    "@ckeditor/ckeditor5-markdown-gfm": "35.1.0",
-    "@ckeditor/ckeditor5-paragraph": "35.1.0",
-    "@ckeditor/ckeditor5-react": "5.0.2",
-    "@ckeditor/ckeditor5-source-editing": "35.1.0",
-    "@ckeditor/ckeditor5-table": "35.1.0",
-    "@ckeditor/ckeditor5-theme-lark": "35.1.0",
-    "@emotion/cache": "11.10.8",
-    "@emotion/react": "11.10.8",
-    "@emotion/styled": "11.10.8",
+    "@ckeditor/ckeditor5-autoformat": "43.1.1",
+    "@ckeditor/ckeditor5-basic-styles": "43.1.1",
+    "@ckeditor/ckeditor5-dev-utils": "^42.1.0",
+    "@ckeditor/ckeditor5-editor-classic": "43.1.1",
+    "@ckeditor/ckeditor5-essentials": "43.1.1",
+    "@ckeditor/ckeditor5-heading": "43.1.1",
+    "@ckeditor/ckeditor5-image": "43.1.1",
+    "@ckeditor/ckeditor5-link": "43.1.1",
+    "@ckeditor/ckeditor5-list": "43.1.1",
+    "@ckeditor/ckeditor5-markdown-gfm": "43.1.1",
+    "@ckeditor/ckeditor5-paragraph": "43.1.1",
+    "@ckeditor/ckeditor5-react": "9.3.0",
+    "@ckeditor/ckeditor5-source-editing": "43.1.1",
+    "@ckeditor/ckeditor5-table": "43.1.1",
+    "@ckeditor/ckeditor5-theme-lark": "43.1.1",
+    "@emotion/cache": "11.13.1",
+    "@emotion/react": "11.13.3",
+    "@emotion/styled": "11.13.0",
     "@fortawesome/fontawesome-svg-core": "latest",
     "@fortawesome/free-regular-svg-icons": "latest",
     "@fortawesome/free-solid-svg-icons": "latest",
     "@fortawesome/react-fontawesome": "latest",
-    "@mui/icons-material": "5.10.16",
-    "@mui/lab": "^5.0.0-alpha.99",
-    "@mui/material": "5.10.17",
-    "@mui/styles": "5.10.16",
-    "@mui/system": "^5.14.1",
-    "@mui/x-date-pickers": "^5.0.0",
+    "@mui/icons-material": "^6.1.1",
+    "@mui/lab": "^6.0.0-beta.10",
+    "@mui/material": "^6.1.1",
+    "@mui/system": "^6.1.1",
+    "@mui/x-date-pickers": "^7.18.0",
     "autosuggest-highlight": "^3.3.4",
     "date-fns": "^2.30.0",
     "date-fns-tz": "^2.0.0",
     "decimal.js-light": "^2.5.1",
     "lodash.debounce": "^4.0.8",
-    "re-resizable": "^6.9.11",
-    "react": "^18.2.0",
-    "react-ace": "^10.1.0",
+    "re-resizable": "^6.10.0",
+    "react": "^18.3.1",
+    "react-ace": "^12.0.0",
     "react-color": "^2.19.3",
-    "react-dom": "^18.2.0",
+    "react-dom": "^18.3.1",
     "react-dropzone": "^14.2.3",
     "react-number-format": "4.9.4",
-    "react-window": "^1.8.9",
+    "react-window": "^1.8.10",
     "react-window-infinite-loader": "^1.0.9",
-    "redux": "^4.2.1"
-  },
-  "resolutions": {
-    "@mui/styles/react": "^18.2.0"
+    "redux": "^5.0.1",
+    "tss-react": "^4.9.13"
   },
   "scripts": {
     "test": "exit 0",
-    "start": "cross-env NODE_ENV=development webpack serve --config tools/webpack/webpack.config.dev.js",
-    "start:prod": "cross-env NODE_ENV=development webpack serve --config tools/webpack/webpack.config.prod.js",
+    "start": "webpack serve --env production --config tools/webpack/webpack.config.dev.js",
+    "start:prod": "webpack serve --env development --config tools/webpack/webpack.config.prod.js",
     "build": "tsc -p tsconfig.prod.json && tsc-alias",
-    "serve": "cross-env NODE_ENV=production webpack --config tools/webpack/webpack.config.prod.js && cross-env serve dist/",
     "lint": "eslint --ext .js,.jsx,.ts,.tsx src/"
   },
   "repository": {

package/assets/fonts/inter/inter.scss

@@ -1,17 +0,0 @@
-@font-face {
-  font-family: 'Inter';
-  font-weight: 100 900;
-  font-display: swap;
-  font-style: normal;
-  font-named-instance: 'Regular';
-  src: local('Inter'), url("Inter-Roman.var.woff2") format("woff2");
-}
-
-@font-face {
-  font-family: 'Inter';
-  font-weight: 100 900;
-  font-display: swap;
-  font-style: italic;
-  font-named-instance: 'Italic';
-  src: local('Inter'), url("Inter-Italic.var.woff2") format("woff2");
-}

package/dist/styles/StylesProviderCustom.d.ts

@@ -1,3 +0,0 @@
-import * as React from 'react';
-declare const _default: (props: any) => React.JSX.Element;
-export default _default;

package/dist/styles/StylesProviderCustom.js

@@ -1,6 +0,0 @@
-import * as React from 'react';
-import { StylesProvider, createGenerateClassName } from '@mui/styles';
-const generateClassName = createGenerateClassName({
-    disableGlobal: true
-});
-export default props => React.createElement(StylesProvider, { generateClassName: generateClassName }, props.children);

package/dist/styles/bootstrap.d.ts

@@ -1,491 +0,0 @@
-import { AppTheme } from '../model';
-export declare const bootstrap: (theme: AppTheme) => {
-    strong: {
-        fontWeight: string;
-    };
-    '.fontWeight-normal': {
-        fontWeight: string;
-    };
-    '.fontWeight600': {
-        fontWeight: number;
-    };
-    '.text-bold': {
-        fontWeight: import("csstype").Property.FontWeight;
-    };
-    '.text-bolder': {
-        fontWeight: string;
-    };
-    '.fs2': {
-        fontSize: string;
-    };
-    '.fs3': {
-        fontSize: string;
-    };
-    '.fs4': {
-        fontSize: string;
-    };
-    '.fs8': {
-        fontSize: string;
-    };
-    '.fs10': {
-        fontSize: string;
-    };
-    '.fs19': {
-        fontSize: string;
-    };
-    '.fw300': {
-        fontWeight: number;
-    };
-    '.fsInherit': {
-        fontSize: string;
-    };
-    '.relative': {
-        position: string;
-    };
-    '.absolute': {
-        position: string;
-    };
-    '.fixed': {
-        position: string;
-    };
-    '.sticky': {
-        position: string;
-    };
-    '.left-0': {
-        left: number;
-    };
-    '.top-0': {
-        top: number;
-    };
-    '.right-0': {
-        right: number;
-    };
-    '.bottom-0': {
-        bottom: number;
-    };
-    '.pt-10': {
-        paddingTop: string;
-    };
-    '.pr-6': {
-        paddingRight: string;
-    };
-    '.p-4': {
-        padding: string;
-    };
-    '.pr-4': {
-        paddingRight: string;
-    };
-    '.p-3': {
-        padding: string;
-    };
-    '.pt-3': {
-        paddingTop: string;
-    };
-    '.pl-3': {
-        paddingLeft: string;
-    };
-    '.pr-3': {
-        paddingRight: string;
-    };
-    '.pb-3': {
-        paddingBottom: string;
-    };
-    '.p-2': {
-        padding: string;
-    };
-    '.pl-2': {
-        paddingLeft: string;
-    };
-    '.pr-2': {
-        paddingRight: string;
-    };
-    '.pb-2': {
-        paddingBottom: string;
-    };
-    '.pt-2': {
-        paddingTop: string;
-    };
-    '.p-1': {
-        padding: string;
-    };
-    '.pt-1': {
-        paddingTop: string;
-    };
-    '.pb-1': {
-        paddingBottom: string;
-    };
-    '.pl-1': {
-        paddingLeft: string;
-    };
-    '.pr-1': {
-        paddingRight: string;
-    };
-    '.p-0-5': {
-        padding: string;
-    };
-    '.pl-0-5': {
-        paddingLeft: string;
-    };
-    '.pt-0-5': {
-        paddingTop: string;
-    };
-    '.pr-0-5': {
-        paddingRight: string;
-    };
-    '.pb-0-5': {
-        paddingBottom: string;
-    };
-    '.p-0': {
-        padding: number;
-    };
-    '.pl-0': {
-        paddingLeft: number;
-    };
-    '.pt-0': {
-        paddingTop: number;
-    };
-    '.pr-0': {
-        paddingRight: number;
-    };
-    '.pb-0': {
-        paddingBottom: number;
-    };
-    '.m-3': {
-        margin: string;
-    };
-    '.mt-5': {
-        marginTop: string;
-    };
-    '.mt-4': {
-        marginTop: string;
-    };
-    '.mt-3': {
-        marginTop: string;
-    };
-    '.ml-3': {
-        marginLeft: string;
-    };
-    '.mr-5': {
-        marginRight: string;
-    };
-    '.mr-4': {
-        marginRight: string;
-    };
-    '.mr-3': {
-        marginRight: string;
-    };
-    '.mb-5': {
-        marginBottom: string;
-    };
-    '.mb-4': {
-        marginBottom: string;
-    };
-    '.mb-3': {
-        marginBottom: string;
-    };
-    '.m-2': {
-        margin: string;
-    };
-    '.mt-2': {
-        marginTop: string;
-    };
-    '.ml-2': {
-        marginLeft: string;
-    };
-    '.mr-2': {
-        marginRight: string;
-    };
-    '.mb-2': {
-        marginBottom: string;
-    };
-    '.m-1': {
-        margin: string;
-    };
-    '.mt-1': {
-        marginTop: string;
-    };
-    '.ml-1': {
-        marginLeft: string;
-    };
-    '.mr-1': {
-        marginRight: string;
-    };
-    '.mr-auto': {
-        marginRight: string;
-    };
-    '.ml-auto': {
-        marginLeft: string;
-    };
-    '.mb-1': {
-        marginBottom: string;
-    };
-    '.mt-0-5': {
-        marginTop: string;
-    };
-    '.mr-0-5': {
-        marginRight: string;
-    };
-    '.ml-0-5': {
-        marginLeft: string;
-    };
-    '.mb-0-5': {
-        marginBottom: string;
-    };
-    '.m-0': {
-        margin: number;
-    };
-    '.mt-auto': {
-        marginTop: string;
-    };
-    '.mb-auto': {
-        marginBottom: string;
-    };
-    '.ml-0': {
-        marginLeft: number;
-    };
-    '.mt-0': {
-        marginTop: number;
-    };
-    '.mr-0': {
-        marginRight: number;
-    };
-    '.mb-0': {
-        marginBottom: number;
-    };
-    '.text-uppercase': {
-        textTransform: string;
-    };
-    '.overflow-visible': {
-        overflow: string;
-    };
-    '.overflow-hidden': {
-        overflow: string;
-    };
-    '.overflow-x-hidden': {
-        overflowX: string;
-    };
-    '.overflow-y-auto': {
-        overflowY: string;
-    };
-    '.overflow-auto': {
-        overflow: string;
-    };
-    '.overflow-initial': {
-        overflow: string;
-    };
-    '.d-block': {
-        display: string;
-    };
-    '.d-inline': {
-        display: string;
-    };
-    '.d-inline-block': {
-        display: string;
-    };
-    '.d-grid': {
-        display: string;
-    };
-    '.d-flex': {
-        display: string;
-    };
-    '.d-inline-flex': {
-        display: string;
-    };
-    '.flex-row': {
-        display: string;
-        flexDirection: string;
-    };
-    '.flex-column': {
-        display: string;
-        flexDirection: string;
-    };
-    '.centeredFlex': {
-        display: string;
-        alignItems: string;
-    };
-    '.d-flex-start': {
-        display: string;
-        alignItems: string;
-    };
-    '.d-inline-flex-center': {
-        display: string;
-        alignItems: string;
-    };
-    '.d-none': {
-        display: string;
-    };
-    '.flex-fill': {
-        flex: number;
-    };
-    '.flex-nowrap': {
-        flexWrap: string;
-    };
-    '.flex-wrap': {
-        flexWrap: string;
-    };
-    '.align-items-baseline': {
-        alignItems: string;
-    };
-    '.align-items-center': {
-        alignItems: string;
-    };
-    '.align-items-start': {
-        alignItems: string;
-    };
-    '.align-items-end': {
-        alignItems: string;
-    };
-    '.align-content-between': {
-        alignContent: string;
-    };
-    '.align-content-start': {
-        alignContent: string;
-    };
-    '.justify-content-end': {
-        justifyContent: string;
-    };
-    '.justify-content-start': {
-        justifyContent: string;
-    };
-    '.justify-content-center': {
-        justifyContent: string;
-    };
-    '.justify-content-space-between': {
-        justifyContent: string;
-    };
-    '.outline-none': {
-        outline: string;
-    };
-    '.disabled': {
-        opacity: number;
-        pointerEvents: string;
-    };
-    '.text-op065': {
-        color: string;
-    };
-    '.text-op05': {
-        color: string;
-    };
-    '.invisible': {
-        visibility: string;
-    };
-    '.visible': {
-        visibility: string;
-    };
-    '.text-left': {
-        textAlign: string;
-    };
-    '.text-center': {
-        textAlign: string;
-    };
-    '.text-end': {
-        textAlign: string;
-    };
-    '.text-disabled': {
-        color: string;
-    };
-    '.cursor-grab': {
-        cursor: string;
-    };
-    '.cursor-pointer': {
-        cursor: string;
-    };
-    '.cursor-text': {
-        cursor: string;
-    };
-    '.pointer-events-none': {
-        pointerEvents: string;
-    };
-    '.text-truncate': {
-        overflow: string;
-        textOverflow: string;
-    };
-    '.text-nowrap': {
-        whiteSpace: string;
-    };
-    '.text-pre-wrap': {
-        whiteSpace: string;
-    };
-    '.text-pre-line': {
-        whiteSpace: string;
-    };
-    '.text-pre': {
-        whiteSpace: string;
-    };
-    '.text-break-spaces': {
-        whiteSpace: string;
-    };
-    '.word-break-all': {
-        wordBreak: string;
-    };
-    '.h-100': {
-        height: string;
-    };
-    '.w-100': {
-        width: string;
-    };
-    '.mw-100': {
-        maxWidth: string;
-    };
-    '.w-50': {
-        width: string;
-    };
-    '.mw-800': {
-        maxWidth: string;
-    };
-    '.mw-500': {
-        maxWidth: string;
-    };
-    '.mw-600': {
-        maxWidth: string;
-    };
-    '.mw-400': {
-        maxWidth: string;
-    };
-    '.text-reset': {
-        color: string;
-    };
-    '.text-white': {
-        color: string;
-    };
-    '.zIndex1401': {
-        zIndex: number;
-    };
-    '.zIndex9': {
-        zIndex: number;
-    };
-    '.zIndex2': {
-        zIndex: number;
-    };
-    '.zIndex1': {
-        zIndex: number;
-    };
-    '.zIndex0': {
-        zIndex: number;
-    };
-    '.box-shadow-none': {
-        boxShadow: string;
-    };
-    '.user-select-none': {
-        WebkitTouchCallout: string;
-        KhtmlUserSelect: string;
-    };
-    '.vert-align-mid': {
-        verticalAlign: string;
-    };
-    '.vert-align-bl': {
-        verticalAlign: string;
-    };
-    '.grid-temp-col-3-fr': {
-        gridTemplateColumns: string;
-    };
-    '.grid-temp-col-2-fr': {
-        gridTemplateColumns: string;
-    };
-    '.lh-1': {
-        lineHeight: number;
-    };
-    '.text-decoration-underline': {
-        textDecoration: string;
-    };
-};