ish-ui 1.2.9 → 1.3.0

package/package.json

@@ -1,105 +1,115 @@
 {
   "name": "ish-ui",
   "sideEffects": false,
-  "version": "1.2.9",
+  "version": "1.3.0",
   "description": "UI elements for onCourse and other ish apps",
   "main": "main.ts",
   "devDependencies": {
-    "@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",
+    "@pmmmwh/react-refresh-webpack-plugin": "^0.6.2",
+    "@swc/core": "^1.15.47",
+    "@types/node": "^26.2.0",
+    "@types/react": "^19.2.18",
+    "@types/react-color": "^3.0.13",
+    "@types/react-dom": "^19.2.4",
+    "@types/react-window": "^2.0.0",
+    "@types/react-window-infinite-loader": "^2.0.0",
     "@types/redux": "^3.6.0",
-    "@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.30.0",
-    "eslint-plugin-react": "^7.36.1",
+    "@types/webpack-env": "^1.18.8",
+    "ckeditor5": "48.4.0",
+    "css-loader": "^7.1.4",
     "file-loader": "^6.2.0",
-    "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",
+    "html-webpack-plugin": "^5.6.8",
+    "jest": "^30.4.2",
+    "less-loader": "13.0.0",
+    "mini-css-extract-plugin": "^2.10.2",
+    "oxlint": "^1.78.0",
+    "oxlint-tsgolint": "^7.0.2001",
+    "react-refresh": "^0.18.0",
+    "sass-loader": "^17.0.0",
     "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"
+    "swc-loader": "^0.2.7",
+    "terser-webpack-plugin": "^5.6.1",
+    "tsc-alias": "^1.9.1",
+    "typescript": "^7.0.2",
+    "webpack": "^5.109.2",
+    "webpack-bundle-analyzer": "^5.3.1",
+    "webpack-cli": "^7.2.2",
+    "webpack-dev-server": "^5.2.6"
   },
   "dependencies": {
-    "@atlaskit/tree": "^9.0.0",
-    "@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",
+    "@atlaskit/tree": "^9.0.1",
+    "@ckeditor/ckeditor5-autoformat": "48.4.0",
+    "@ckeditor/ckeditor5-basic-styles": "48.4.0",
+    "@ckeditor/ckeditor5-editor-classic": "48.4.0",
+    "@ckeditor/ckeditor5-essentials": "48.4.0",
+    "@ckeditor/ckeditor5-heading": "48.4.0",
+    "@ckeditor/ckeditor5-image": "48.4.0",
+    "@ckeditor/ckeditor5-link": "48.4.0",
+    "@ckeditor/ckeditor5-list": "48.4.0",
+    "@ckeditor/ckeditor5-markdown-gfm": "48.4.0",
+    "@ckeditor/ckeditor5-paragraph": "48.4.0",
+    "@ckeditor/ckeditor5-react": "11.2.0",
+    "@ckeditor/ckeditor5-source-editing": "48.4.0",
+    "@ckeditor/ckeditor5-table": "48.4.0",
+    "@emotion/cache": "11.14.0",
+    "@emotion/react": "11.14.0",
+    "@emotion/styled": "11.14.1",
     "@fortawesome/fontawesome-svg-core": "latest",
     "@fortawesome/free-regular-svg-icons": "latest",
     "@fortawesome/free-solid-svg-icons": "latest",
     "@fortawesome/react-fontawesome": "latest",
-    "@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",
+    "@mui/icons-material": "^9.3.1",
+    "@mui/lab": "^9.0.0-beta.8",
+    "@mui/material": "^9.3.1",
+    "@mui/system": "^9.3.0",
+    "@mui/x-date-pickers": "^9.11.0",
     "autosuggest-highlight": "^3.3.4",
-    "date-fns": "^2.30.0",
-    "date-fns-tz": "^2.0.0",
+    "date-fns": "^4.4.0",
+    "date-fns-tz": "^3.2.0",
     "decimal.js-light": "^2.5.1",
     "lodash.debounce": "^4.0.8",
     "lodash.isempty": "^4.4.0",
-    "re-resizable": "^6.10.0",
-    "react": "^18.3.1",
-    "react-ace": "^12.0.0",
+    "re-resizable": "^6.11.2",
+    "react": "^19.2.8",
+    "react-ace": "^15.0.0",
+    "react-beautiful-dnd-next": "^11.0.5",
     "react-color": "^2.19.3",
-    "react-dom": "^18.3.1",
-    "react-dropzone": "^14.2.3",
-    "react-number-format": "4.9.4",
-    "react-window": "^1.8.10",
-    "react-window-infinite-loader": "^1.0.9",
+    "react-dom": "^19.2.8",
+    "react-dropzone": "^20.1.0",
+    "react-number-format": "5.4.5",
+    "react-window": "^2.3.0",
+    "react-window-infinite-loader": "^2.0.1",
     "redux": "^5.0.1",
-    "tss-react": "^4.9.13"
+    "tss-react": "^4.9.21"
   },
   "scripts": {
     "test": "exit 0",
     "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",
-    "lint": "eslint --ext .js,.jsx,.ts,.tsx src/"
+    "build": "tsc -p tsconfig.prod.json && tsc-alias -p tsconfig.prod.json",
+    "lint": "oxlint src/",
+    "typecheck": "tsc --noEmit -p tsconfig.prod.json"
+  },
+  "publishConfig": {
+    "access": "public"
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/ishgroup/ish-ui.git"
+    "url": "https://github.com/ishgroup/ish-ui.git"
   },
   "author": "ishgroup",
   "bugs": {
     "url": "https://github.com/ishgroup/ish-ui/issues"
   },
-  "homepage": "https://github.com/ishgroup/ish-ui#readme"
-}
+  "homepage": "https://github.com/ishgroup/ish-ui#readme",
+  "overrides": {
+    "@atlaskit/tree": {
+      "react": "$react",
+      "react-dom": "$react-dom"
+    },
+    "react-beautiful-dnd-next": {
+      "react": "$react",
+      "react-dom": "$react-dom"
+    }
+  }
+}

package/tsconfig.prod.json

@@ -1,5 +1,8 @@
 {
   "extends": "./tsconfig",
+  "compilerOptions": {
+    "rootDir": "./src"
+  },
   "exclude": [
     "./dev"
   ]

package/dist/utils/DOM/getCaretCoordinates.d.ts

@@ -1,6 +0,0 @@
-declare const getCaretCoordinates: (element: any, position: any, options?: any) => {
-    top: number;
-    left: number;
-    height: number;
-};
-export default getCaretCoordinates;

package/dist/utils/DOM/getCaretCoordinates.js

@@ -1,109 +0,0 @@
-/*
- * Copyright ish group pty ltd 2023.
- *
- * This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General Public License version 3 as published by the Free Software Foundation.
- *
- *  This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more details.
- */
-const properties = [
-    'direction',
-    'boxSizing',
-    'width',
-    'height',
-    'overflowX',
-    'overflowY',
-    'borderTopWidth',
-    'borderRightWidth',
-    'borderBottomWidth',
-    'borderLeftWidth',
-    'borderStyle',
-    'paddingTop',
-    'paddingRight',
-    'paddingBottom',
-    'paddingLeft',
-    'fontStyle',
-    'fontVariant',
-    'fontWeight',
-    'fontStretch',
-    'fontSize',
-    'fontSizeAdjust',
-    'lineHeight',
-    'fontFamily',
-    'textAlign',
-    'textTransform',
-    'textIndent',
-    'textDecoration',
-    'letterSpacing',
-    'wordSpacing',
-    'tabSize',
-    'MozTabSize'
-];
-const getCaretCoordinates = (element, position, options) => {
-    if (!element)
-        return null;
-    const debug = (options && options.debug) || false;
-    if (debug) {
-        const el = document.querySelector('#input-textarea-caret-position-mirror-div');
-        if (el)
-            el.parentNode.removeChild(el);
-    }
-    const div = document.createElement('div');
-    div.id = 'input-textarea-caret-position-mirror-div';
-    document.body.appendChild(div);
-    const style = div.style;
-    const computed = window.getComputedStyle ? window.getComputedStyle(element) : element.currentStyle; // currentStyle for IE < 9
-    const isInput = element.nodeName === 'INPUT';
-    style.whiteSpace = 'pre-wrap';
-    if (!isInput)
-        style.wordWrap = 'break-word';
-    style.position = 'absolute';
-    if (!debug)
-        style.visibility = 'hidden';
-    properties.forEach(function (prop) {
-        if (isInput && prop === 'lineHeight') {
-            if (computed.boxSizing === 'border-box') {
-                const height = parseInt(computed.height);
-                const outerHeight = parseInt(computed.paddingTop) +
-                    parseInt(computed.paddingBottom) +
-                    parseInt(computed.borderTopWidth) +
-                    parseInt(computed.borderBottomWidth);
-                const targetHeight = outerHeight + parseInt(computed.lineHeight);
-                if (height > targetHeight) {
-                    style.lineHeight = height - outerHeight + 'px';
-                }
-                else if (height === targetHeight) {
-                    style.lineHeight = computed.lineHeight;
-                }
-                else {
-                    style.lineHeight = '0';
-                }
-            }
-            else {
-                style.lineHeight = computed.height;
-            }
-        }
-        else {
-            style[prop] = computed[prop];
-        }
-    });
-    style.overflow = 'hidden';
-    div.textContent = element.value.substring(0, position);
-    if (isInput)
-        div.textContent = div.textContent.replace(/\s/g, '\u00a0');
-    const span = document.createElement('span');
-    span.textContent = element.value.substring(position) || '.';
-    div.appendChild(span);
-    const coordinates = {
-        top: span.offsetTop + parseInt(computed['borderTopWidth']),
-        left: span.offsetLeft + parseInt(computed['borderLeftWidth']),
-        height: parseInt(computed['lineHeight'])
-    };
-    if (debug) {
-        span.style.backgroundColor = '#aaa';
-    }
-    else {
-        document.body.removeChild(div);
-    }
-    return coordinates;
-};
-export default getCaretCoordinates;