From d6fda7d732ca9bf838002ef44b209e3748083a3f Mon Sep 17 00:00:00 2001 From: Aleksandr Gumroian Date: Thu, 17 Apr 2025 11:27:45 +0200 Subject: [PATCH 1/6] NPM audit fix --- package-lock.json | 85 +++++++++++++++++++++++++---------------------- 1 file changed, 45 insertions(+), 40 deletions(-) diff --git a/package-lock.json b/package-lock.json index 3dd99f6..aef5766 100644 --- a/package-lock.json +++ b/package-lock.json @@ -450,25 +450,27 @@ } }, "node_modules/@babel/helpers": { - "version": "7.26.9", - "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.26.9.tgz", - "integrity": "sha512-Mz/4+y8udxBKdmzt/UjPACs4G3j5SshJJEFFKxlCGPydG4JAHXxjWjAwjd09tf6oINvl1VfMJo+nB7H2YKQ0dA==", + "version": "7.27.0", + "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.27.0.tgz", + "integrity": "sha512-U5eyP/CTFPuNE3qk+WZMxFkp/4zUzdceQlfzf7DdGdhp+Fezd7HD+i8Y24ZuTMKX3wQBld449jijbGq6OdGNQg==", "dev": true, + "license": "MIT", "dependencies": { - "@babel/template": "^7.26.9", - "@babel/types": "^7.26.9" + "@babel/template": "^7.27.0", + "@babel/types": "^7.27.0" }, "engines": { "node": ">=6.9.0" } }, "node_modules/@babel/parser": { - "version": "7.26.9", - "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.26.9.tgz", - "integrity": "sha512-81NWa1njQblgZbQHxWHpxxCzNsa3ZwvFqpUg7P+NNUU6f3UU2jBEg4OlF/J6rl8+PQGh1q6/zWScd001YwcA5A==", + "version": "7.27.0", + "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.27.0.tgz", + "integrity": "sha512-iaepho73/2Pz7w2eMS0Q5f83+0RKI7i4xmiYeBmDzfRVbQtTOG7Ts0S4HzJVsTMGI9keU8rNfuZr8DKfSt7Yyg==", "dev": true, + "license": "MIT", "dependencies": { - "@babel/types": "^7.26.9" + "@babel/types": "^7.27.0" }, "bin": { "parser": "bin/babel-parser.js" @@ -1794,10 +1796,11 @@ } }, "node_modules/@babel/runtime": { - "version": "7.24.7", - "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.24.7.tgz", - "integrity": "sha512-UwgBRMjJP+xv857DCngvqXI3Iq6J4v0wXmwc6sapg+zyhbwmQX67LUEFrkK5tbyJ30jGuG3ZvWpBiB9LCy1kWw==", + "version": "7.27.0", + "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.27.0.tgz", + "integrity": "sha512-VtPOkrdPHZsKc/clNqyi9WUA8TINkZ4cGk63UUE3u4pmB2k+ZMQRDuIOagv8UVd6j7k0T3+RRIb7beKTebNbcw==", "dev": true, + "license": "MIT", "dependencies": { "regenerator-runtime": "^0.14.0" }, @@ -1806,14 +1809,15 @@ } }, "node_modules/@babel/template": { - "version": "7.26.9", - "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.26.9.tgz", - "integrity": "sha512-qyRplbeIpNZhmzOysF/wFMuP9sctmh2cFzRAZOn1YapxBsE1i9bJIY586R/WBLfLcmcBlM8ROBiQURnnNy+zfA==", + "version": "7.27.0", + "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.27.0.tgz", + "integrity": "sha512-2ncevenBqXI6qRMukPlXwHKHchC7RyMuu4xv5JBXRfOGVcTy1mXCD12qrp7Jsoxll1EV3+9sE4GugBVRjT2jFA==", "dev": true, + "license": "MIT", "dependencies": { "@babel/code-frame": "^7.26.2", - "@babel/parser": "^7.26.9", - "@babel/types": "^7.26.9" + "@babel/parser": "^7.27.0", + "@babel/types": "^7.27.0" }, "engines": { "node": ">=6.9.0" @@ -1838,10 +1842,11 @@ } }, "node_modules/@babel/types": { - "version": "7.26.9", - "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.26.9.tgz", - "integrity": "sha512-Y3IR1cRnOxOCDvMmNiym7XpXQ93iGDDPHx+Zj+NM+rg0fBaShfQLkg+hKPaZCEvg5N/LeCo4+Rj/i3FuJsIQaw==", + "version": "7.27.0", + "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.27.0.tgz", + "integrity": "sha512-H45s8fVLYjbhFH62dIJ3WtmJ6RSPt/3DRO0ZcT2SUiYiQyz3BLVb9ADEnLl91m74aQPS3AzzeajZHYOalWe3bg==", "dev": true, + "license": "MIT", "dependencies": { "@babel/helper-string-parser": "^7.25.9", "@babel/helper-validator-identifier": "^7.25.9" @@ -19002,22 +19007,22 @@ } }, "@babel/helpers": { - "version": "7.26.9", - "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.26.9.tgz", - "integrity": "sha512-Mz/4+y8udxBKdmzt/UjPACs4G3j5SshJJEFFKxlCGPydG4JAHXxjWjAwjd09tf6oINvl1VfMJo+nB7H2YKQ0dA==", + "version": "7.27.0", + "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.27.0.tgz", + "integrity": "sha512-U5eyP/CTFPuNE3qk+WZMxFkp/4zUzdceQlfzf7DdGdhp+Fezd7HD+i8Y24ZuTMKX3wQBld449jijbGq6OdGNQg==", "dev": true, "requires": { - "@babel/template": "^7.26.9", - "@babel/types": "^7.26.9" + "@babel/template": "^7.27.0", + "@babel/types": "^7.27.0" } }, "@babel/parser": { - "version": "7.26.9", - "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.26.9.tgz", - "integrity": "sha512-81NWa1njQblgZbQHxWHpxxCzNsa3ZwvFqpUg7P+NNUU6f3UU2jBEg4OlF/J6rl8+PQGh1q6/zWScd001YwcA5A==", + "version": "7.27.0", + "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.27.0.tgz", + "integrity": "sha512-iaepho73/2Pz7w2eMS0Q5f83+0RKI7i4xmiYeBmDzfRVbQtTOG7Ts0S4HzJVsTMGI9keU8rNfuZr8DKfSt7Yyg==", "dev": true, "requires": { - "@babel/types": "^7.26.9" + "@babel/types": "^7.27.0" } }, "@babel/plugin-bugfix-firefox-class-in-computed-class-key": { @@ -19887,23 +19892,23 @@ } }, "@babel/runtime": { - "version": "7.24.7", - "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.24.7.tgz", - "integrity": "sha512-UwgBRMjJP+xv857DCngvqXI3Iq6J4v0wXmwc6sapg+zyhbwmQX67LUEFrkK5tbyJ30jGuG3ZvWpBiB9LCy1kWw==", + "version": "7.27.0", + "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.27.0.tgz", + "integrity": "sha512-VtPOkrdPHZsKc/clNqyi9WUA8TINkZ4cGk63UUE3u4pmB2k+ZMQRDuIOagv8UVd6j7k0T3+RRIb7beKTebNbcw==", "dev": true, "requires": { "regenerator-runtime": "^0.14.0" } }, "@babel/template": { - "version": "7.26.9", - "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.26.9.tgz", - "integrity": "sha512-qyRplbeIpNZhmzOysF/wFMuP9sctmh2cFzRAZOn1YapxBsE1i9bJIY586R/WBLfLcmcBlM8ROBiQURnnNy+zfA==", + "version": "7.27.0", + "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.27.0.tgz", + "integrity": "sha512-2ncevenBqXI6qRMukPlXwHKHchC7RyMuu4xv5JBXRfOGVcTy1mXCD12qrp7Jsoxll1EV3+9sE4GugBVRjT2jFA==", "dev": true, "requires": { "@babel/code-frame": "^7.26.2", - "@babel/parser": "^7.26.9", - "@babel/types": "^7.26.9" + "@babel/parser": "^7.27.0", + "@babel/types": "^7.27.0" } }, "@babel/traverse": { @@ -19922,9 +19927,9 @@ } }, "@babel/types": { - "version": "7.26.9", - "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.26.9.tgz", - "integrity": "sha512-Y3IR1cRnOxOCDvMmNiym7XpXQ93iGDDPHx+Zj+NM+rg0fBaShfQLkg+hKPaZCEvg5N/LeCo4+Rj/i3FuJsIQaw==", + "version": "7.27.0", + "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.27.0.tgz", + "integrity": "sha512-H45s8fVLYjbhFH62dIJ3WtmJ6RSPt/3DRO0ZcT2SUiYiQyz3BLVb9ADEnLl91m74aQPS3AzzeajZHYOalWe3bg==", "dev": true, "requires": { "@babel/helper-string-parser": "^7.25.9", From 964b46b0b5f5871b10f570177b49a94ec4b14601 Mon Sep 17 00:00:00 2001 From: Aleksandr Gumroian Date: Thu, 17 Apr 2025 17:13:54 +0200 Subject: [PATCH 2/6] Fix code snippets syntax highlighting & some refactoring --- src/bootstrap/Checkbox.md | 2 +- src/bootstrap/CopyInput.md | 2 +- src/bootstrap/DataTimeInput.md | 2 +- src/bootstrap/DownloadButton.md | 2 +- src/bootstrap/EmailInput.md | 4 +- src/bootstrap/FileInput.md | 4 +- src/bootstrap/Modal.md | 8 +- src/bootstrap/NumberInput.md | 3 +- src/bootstrap/PasswordInput.md | 2 +- src/bootstrap/RadioSet.md | 3 +- src/bootstrap/Select.md | 3 +- src/bootstrap/Spinner.md | 2 +- src/bootstrap/Switch.md | 2 +- src/bootstrap/TextInput.md | 3 +- src/bootstrap/ThreeDotsMenu.md | 2 +- src/common/RichTable/RichTable.md | 128 ++---------------------------- src/common/RichTable/mockData.js | 119 +++++++++++++++++++++++++++ src/form/components/ForisForm.md | 40 +++++----- 18 files changed, 171 insertions(+), 160 deletions(-) create mode 100644 src/common/RichTable/mockData.js diff --git a/src/bootstrap/Checkbox.md b/src/bootstrap/Checkbox.md index ccf1c43..49e82f0 100644 --- a/src/bootstrap/Checkbox.md +++ b/src/bootstrap/Checkbox.md @@ -4,7 +4,7 @@ using in foris forms. All additional `props` are passed to the `` HTML component. -```js +```jsx import { useState } from "react"; const [value, setValue] = useState(false); diff --git a/src/bootstrap/CopyInput.md b/src/bootstrap/CopyInput.md index dcd6b4c..b778664 100644 --- a/src/bootstrap/CopyInput.md +++ b/src/bootstrap/CopyInput.md @@ -4,7 +4,7 @@ be used with `readOnly` and `disabled` parameters, please see an example. All additional `props` are passed to the `` HTML component. -```js +```jsx import React, { useState } from "react"; const [value, setValue] = useState("Text to appear in clipboard."); diff --git a/src/bootstrap/DataTimeInput.md b/src/bootstrap/DataTimeInput.md index 4dfc33f..fb4af69 100644 --- a/src/bootstrap/DataTimeInput.md +++ b/src/bootstrap/DataTimeInput.md @@ -4,7 +4,7 @@ Adopted from `react-datetime/DateTime` datatime picker component. It uses It requires `ForisTranslations.locale` to be defined in order to use right locale. -```js +```jsx ForisTranslations = { locale: "en" }; import { useState, useEffect } from "react"; diff --git a/src/bootstrap/DownloadButton.md b/src/bootstrap/DownloadButton.md index e70e3d6..30066f5 100644 --- a/src/bootstrap/DownloadButton.md +++ b/src/bootstrap/DownloadButton.md @@ -5,6 +5,6 @@ Firefox. See [related issue](https://bugzilla.mozilla.org/show_bug.cgi?id=858538) for more details. -```js +```jsx Download ``` diff --git a/src/bootstrap/EmailInput.md b/src/bootstrap/EmailInput.md index 1178756..fcb22ae 100644 --- a/src/bootstrap/EmailInput.md +++ b/src/bootstrap/EmailInput.md @@ -4,10 +4,12 @@ checking. It's only meaningful using inside `
`. All additional `props` are passed to the `` HTML component. -```js +```jsx import { useState } from "react"; import Button from "./Button"; + const [email, setEmail] = useState("Wrong email"); + e.preventDefault()}> ` HTML component. -```js +```jsx import { useState } from "react"; const [files, setFiles] = useState([]); @@ -23,7 +23,7 @@ const label = files.length === 1 ? files[0].name : "Choose file"; ### FileInput with multiple files -```js +```jsx import { useState } from "react"; const [files, setFiles] = useState([]); diff --git a/src/bootstrap/Modal.md b/src/bootstrap/Modal.md index 08d4878..7e70b6d 100644 --- a/src/bootstrap/Modal.md +++ b/src/bootstrap/Modal.md @@ -6,9 +6,9 @@ the page since modals are rendered in portals. Modals also have three optional sizes, which can be defined through the `size` prop: -- small - `sm` -- large - `lg` -- extra-large - `xl` +- small - `sm` +- large - `lg` +- extra-large - `xl` For more details please visit Bootstrap @@ -18,7 +18,7 @@ documentation.