-
-
UnitCommitment.jl
-
Case Builder
-
-
-
-
-
-
-
+ return (
+
+
+
UnitCommitment.jl
+
Case Builder
+
+
- );
+
+
+
+ );
}
-export default Header;
\ No newline at end of file
+export default Header;
diff --git a/web/src/components/CaseBuilder/Parameters/Parameters.tsx b/web/src/components/CaseBuilder/Parameters/Parameters.tsx
index f32333e..18158d0 100644
--- a/web/src/components/CaseBuilder/Parameters/Parameters.tsx
+++ b/web/src/components/CaseBuilder/Parameters/Parameters.tsx
@@ -7,42 +7,41 @@
import SectionHeader from "../../Common/SectionHeader/SectionHeader";
import Form from "../../Common/Forms/Form";
import TextInputRow from "../../Common/Forms/TextInputRow";
-import {UnitCommitmentScenario} from "../../../core/data";
+import { UnitCommitmentScenario } from "../../../core/data";
interface ParametersProps {
- scenario: UnitCommitmentScenario
+ scenario: UnitCommitmentScenario;
}
-function Parameters({scenario}: ParametersProps) {
- return (
-
-
-
-
-
- );
+function Parameters({ scenario }: ParametersProps) {
+ return (
+
+
+ );
}
-export default Parameters;
\ No newline at end of file
+export default Parameters;
diff --git a/web/src/components/Common/Buttons/FileUploadElement.tsx b/web/src/components/Common/Buttons/FileUploadElement.tsx
index db374e7..56d00e1 100644
--- a/web/src/components/Common/Buttons/FileUploadElement.tsx
+++ b/web/src/components/Common/Buttons/FileUploadElement.tsx
@@ -4,39 +4,41 @@
* Released under the modified BSD license. See COPYING.md for more details.
*/
-import React, {Component} from "react";
+import React, { Component } from "react";
class FileUploadElement extends Component
{
- private inputRef = React.createRef();
- private callback: (data: any) => void = () => {};
+ private inputRef = React.createRef();
+ private callback: (data: any) => void = () => {};
- showFilePicker = (callback: (data: any) => void) => {
- this.callback = callback;
- this.inputRef.current?.click();
- };
+ showFilePicker = (callback: (data: any) => void) => {
+ this.callback = callback;
+ this.inputRef.current?.click();
+ };
- onFileSelected = (event: React.ChangeEvent) => {
- const file = event.target.files![0];
- if (file) {
- const reader = new FileReader();
- reader.onload = async (e) => {
- this.callback(e.target?.result as string);
- this.callback = () => {};
- };
- reader.readAsText(file);
- }
- event.target.value = '';
- };
-
- override render() {
- return ) => {
+ const file = event.target.files![0];
+ if (file) {
+ const reader = new FileReader();
+ reader.onload = async (e) => {
+ this.callback(e.target?.result as string);
+ this.callback = () => {};
+ };
+ reader.readAsText(file);
}
+ event.target.value = "";
+ };
+
+ override render() {
+ return (
+
- {text}
-
-
-
-
- );
+function HelpButton({ text }: { text: String }) {
+ return (
+
+ {text}
+
+
+
+ );
}
-export default HelpButton;
\ No newline at end of file
+export default HelpButton;
diff --git a/web/src/components/Common/Buttons/SectionButton.module.css b/web/src/components/Common/Buttons/SectionButton.module.css
index 4160255..5c484e0 100644
--- a/web/src/components/Common/Buttons/SectionButton.module.css
+++ b/web/src/components/Common/Buttons/SectionButton.module.css
@@ -5,22 +5,22 @@
*/
.SectionButton {
- height: 48px;
- width: 48px;
- font-size: 16px;
- border: 0;
- background-color: transparent;
- margin: 8px 0 8px 0px;
- cursor: pointer;
- color: var(--contrast-60);
+ height: 48px;
+ width: 48px;
+ font-size: 16px;
+ border: 0;
+ background-color: transparent;
+ margin: 8px 0 8px 0px;
+ cursor: pointer;
+ color: var(--contrast-60);
}
.SectionButton:hover {
- color: var(--contrast-100);
- background-color: var(--contrast-20);
- border-radius: var(--border-radius);
+ color: var(--contrast-100);
+ background-color: var(--contrast-20);
+ border-radius: var(--border-radius);
}
.SectionButton:active {
- background-color: var(--contrast-60);
-}
\ No newline at end of file
+ background-color: var(--contrast-60);
+}
diff --git a/web/src/components/Common/Buttons/SectionButton.tsx b/web/src/components/Common/Buttons/SectionButton.tsx
index 0806262..8633bed 100644
--- a/web/src/components/Common/Buttons/SectionButton.tsx
+++ b/web/src/components/Common/Buttons/SectionButton.tsx
@@ -4,26 +4,26 @@
* Released under the modified BSD license. See COPYING.md for more details.
*/
-import {IconDefinition} from "@fortawesome/fontawesome-svg-core";
-import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
+import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import styles from "./SectionButton.module.css";
interface SectionButtonProps {
- icon: IconDefinition,
- tooltip: string,
- onClick?: () => void,
+ icon: IconDefinition;
+ tooltip: string;
+ onClick?: () => void;
}
function SectionButton(props: SectionButtonProps) {
- return (
-
-
-
- );
+ return (
+
+
+ );
}
-export default SectionButton;
\ No newline at end of file
+export default SectionButton;
diff --git a/web/src/components/Common/Buttons/SiteHeaderButton.module.css b/web/src/components/Common/Buttons/SiteHeaderButton.module.css
index efef584..8c5ef54 100644
--- a/web/src/components/Common/Buttons/SiteHeaderButton.module.css
+++ b/web/src/components/Common/Buttons/SiteHeaderButton.module.css
@@ -5,24 +5,24 @@
*/
.SiteHeaderButton {
- padding: 6px 36px;
- margin: 0 0 0 8px;
- line-height: 24px;
- border: var(--box-border);
- box-shadow: var(--box-shadow);
- border-radius: var(--border-radius);
- cursor: pointer;
- color: var(--contrast-80);
- text-transform: uppercase;
- font-weight: bold;
- font-size: 12px;
- background: linear-gradient(var(--contrast-0) 25%, var(--contrast-10) 100%);
+ padding: 6px 36px;
+ margin: 0 0 0 8px;
+ line-height: 24px;
+ border: var(--box-border);
+ box-shadow: var(--box-shadow);
+ border-radius: var(--border-radius);
+ cursor: pointer;
+ color: var(--contrast-80);
+ text-transform: uppercase;
+ font-weight: bold;
+ font-size: 12px;
+ background: linear-gradient(var(--contrast-0) 25%, var(--contrast-10) 100%);
}
.SiteHeaderButton:hover {
- background: rgb(245, 245, 245);
+ background: rgb(245, 245, 245);
}
.SiteHeaderButton:active {
- background: rgba(220, 220, 220);
-}
\ No newline at end of file
+ background: rgba(220, 220, 220);
+}
diff --git a/web/src/components/Common/Buttons/SiteHeaderButton.tsx b/web/src/components/Common/Buttons/SiteHeaderButton.tsx
index 593cafd..55a1f14 100644
--- a/web/src/components/Common/Buttons/SiteHeaderButton.tsx
+++ b/web/src/components/Common/Buttons/SiteHeaderButton.tsx
@@ -6,14 +6,18 @@
import styles from "./SiteHeaderButton.module.css";
-function SiteHeaderButton({title, onClick}: { title: string, onClick?: () => void }) {
- return (
-
- {title}
-
- );
+function SiteHeaderButton({
+ title,
+ onClick,
+}: {
+ title: string;
+ onClick?: () => void;
+}) {
+ return (
+
+ {title}
+
+ );
}
-export default SiteHeaderButton;
\ No newline at end of file
+export default SiteHeaderButton;
diff --git a/web/src/components/Common/Forms/Form.module.css b/web/src/components/Common/Forms/Form.module.css
index fabd9c0..f23421e 100644
--- a/web/src/components/Common/Forms/Form.module.css
+++ b/web/src/components/Common/Forms/Form.module.css
@@ -5,38 +5,38 @@
*/
.Form {
- background-color: var(--contrast-0);
- border: var(--box-border);
- border-radius: var(--border-radius);
- box-shadow: var(--box-shadow);
- min-height: 48px;
- margin: 0 auto;
- min-width: var(--site-min-width);
- max-width: var(--site-max-width);
- max-height: 500px;
- padding: 12px 0;
+ background-color: var(--contrast-0);
+ border: var(--box-border);
+ border-radius: var(--border-radius);
+ box-shadow: var(--box-shadow);
+ min-height: 48px;
+ margin: 0 auto;
+ min-width: var(--site-min-width);
+ max-width: var(--site-max-width);
+ max-height: 500px;
+ padding: 12px 0;
}
.FormRow {
- display: flex;
- line-height: 24px;
+ display: flex;
+ line-height: 24px;
}
.FormRow label {
- width: 350px;
- padding: 6px 12px;
- text-align: right;
+ width: 350px;
+ padding: 6px 12px;
+ text-align: right;
}
.FormRow input {
- flex: 1;
- font-family: monospace;
- border: var(--box-border);
- border-radius: var(--border-radius);
- padding: 4px;
- margin: 2px 3px;
+ flex: 1;
+ font-family: monospace;
+ border: var(--box-border);
+ border-radius: var(--border-radius);
+ padding: 4px;
+ margin: 2px 3px;
}
.FormRow_unit {
- color: rgba(0, 0, 0, 0.4);
+ color: rgba(0, 0, 0, 0.4);
}
diff --git a/web/src/components/Common/Forms/Form.tsx b/web/src/components/Common/Forms/Form.tsx
index 5d2d5c7..0b45a3e 100644
--- a/web/src/components/Common/Forms/Form.tsx
+++ b/web/src/components/Common/Forms/Form.tsx
@@ -4,11 +4,11 @@
* Released under the modified BSD license. See COPYING.md for more details.
*/
-import {ReactNode} from 'react';
+import { ReactNode } from "react";
import styles from "./Form.module.css";
-function Form({children}: { children: ReactNode }) {
- return {children}
;
+function Form({ children }: { children: ReactNode }) {
+ return {children}
;
}
-export default Form;
\ No newline at end of file
+export default Form;
diff --git a/web/src/components/Common/Forms/Tables.css b/web/src/components/Common/Forms/Tables.css
index 211b234..c64bf29 100644
--- a/web/src/components/Common/Forms/Tables.css
+++ b/web/src/components/Common/Forms/Tables.css
@@ -5,72 +5,72 @@
*/
.tabulator {
- background-color: var(--contrast-0);
- border: var(--box-border) !important;
- border-radius: var(--border-radius);
- box-shadow: var(--box-shadow);
- min-height: 48px;
- margin: 0 auto;
- min-width: var(--site-min-width);
- max-width: var(--site-max-width);
- padding: 0;
+ background-color: var(--contrast-0);
+ border: var(--box-border) !important;
+ border-radius: var(--border-radius);
+ box-shadow: var(--box-shadow);
+ min-height: 48px;
+ margin: 0 auto;
+ min-width: var(--site-min-width);
+ max-width: var(--site-max-width);
+ padding: 0;
}
.tabulator .tabulator-header {
- border-bottom: 1px solid #ccc;
- font-size: 13px;
- font-weight: bold;
- color: var(--contrast-100);
- line-height: 18px;
+ border-bottom: 1px solid #ccc;
+ font-size: 13px;
+ font-weight: bold;
+ color: var(--contrast-100);
+ line-height: 18px;
}
.tabulator .tabulator-header .subtitle {
- color: var(--contrast-80);
- font-weight: normal;
+ color: var(--contrast-80);
+ font-weight: normal;
}
.tabulator .tabulator-header .tabulator-col {
- border-right: 1px solid rgba(0, 0, 0, 0.1) !important;
- vertical-align: middle !important;
+ border-right: 1px solid rgba(0, 0, 0, 0.1) !important;
+ vertical-align: middle !important;
}
.tabulator .tabulator-header .tabulator-col .tabulator-col-content {
- padding: 6px 8px;
- height: 48px;
+ padding: 6px 8px;
+ height: 48px;
}
.tabulator .tabulator-header .tabulator-col:last-child {
- border-right: 1px solid rgba(0, 0, 0, 0.1) !important;
+ border-right: 1px solid rgba(0, 0, 0, 0.1) !important;
}
.tabulator-row .tabulator-cell {
- font-family: monospace;
- font-size: 12px;
- line-height: 28px;
- height: 28px;
- text-align: right;
- vertical-align: middle !important;
- border-right: 1px solid rgba(0, 0, 0, 0.1) !important;
- border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
- padding: 0 8px;
+ font-family: monospace;
+ font-size: 12px;
+ line-height: 28px;
+ height: 28px;
+ text-align: right;
+ vertical-align: middle !important;
+ border-right: 1px solid rgba(0, 0, 0, 0.1) !important;
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
+ padding: 0 8px;
}
.tabulator-row-even {
- background-color: rgba(0, 0, 0, 0.03) !important;
+ background-color: rgba(0, 0, 0, 0.03) !important;
}
.tabulator-row-odd {
- background-color: rgba(0, 0, 0, 0) !important;
+ background-color: rgba(0, 0, 0, 0) !important;
}
.tabulator-row .tabulator-cell.tabulator-editing {
- border: 0;
- padding: 0 4px;
- background-color: #cee;
+ border: 0;
+ padding: 0 4px;
+ background-color: #cee;
}
.tabulator-row .tabulator-cell.tabulator-editing input {
- font-family: monospace;
- text-align: right;
- font-size: 12px;
-}
\ No newline at end of file
+ font-family: monospace;
+ text-align: right;
+ font-size: 12px;
+}
diff --git a/web/src/components/Common/Forms/TextInputRow.tsx b/web/src/components/Common/Forms/TextInputRow.tsx
index 572f5b8..6e66f36 100644
--- a/web/src/components/Common/Forms/TextInputRow.tsx
+++ b/web/src/components/Common/Forms/TextInputRow.tsx
@@ -7,27 +7,29 @@
import formStyles from "./Form.module.css";
import HelpButton from "../Buttons/HelpButton";
-function TextInputRow({label, unit, tooltip, currentValue, defaultValue}: {
- label: string,
- unit: string,
- tooltip: string,
- currentValue: string,
- defaultValue: string,
+function TextInputRow({
+ label,
+ unit,
+ tooltip,
+ currentValue,
+ defaultValue,
+}: {
+ label: string;
+ unit: string;
+ tooltip: string;
+ currentValue: string;
+ defaultValue: string;
}) {
- return (
-
-
- {label}
- ({unit})
-
-
-
- );
+ return (
+
+
+ {label}
+ ({unit})
+
+
+ );
}
-export default TextInputRow;
\ No newline at end of file
+export default TextInputRow;
diff --git a/web/src/components/Common/SectionHeader/SectionHeader.module.css b/web/src/components/Common/SectionHeader/SectionHeader.module.css
index c57eecc..f6db351 100644
--- a/web/src/components/Common/SectionHeader/SectionHeader.module.css
+++ b/web/src/components/Common/SectionHeader/SectionHeader.module.css
@@ -5,20 +5,20 @@
*/
.SectionHeader {
- max-width: var(--site-max-width);
- min-width: var(--site-min-width);
- margin: 0 auto;
- color: var(--contrast-100);
+ max-width: var(--site-max-width);
+ min-width: var(--site-min-width);
+ margin: 0 auto;
+ color: var(--contrast-100);
}
.SectionHeader h1 {
- margin: 0;
- padding: 0 12px;
- font-size: 16px;
- line-height: 64px;
+ margin: 0;
+ padding: 0 12px;
+ font-size: 16px;
+ line-height: 64px;
}
.SectionButtonsContainer {
- float: right;
- height: 64px;
-}
\ No newline at end of file
+ float: right;
+ height: 64px;
+}
diff --git a/web/src/components/Common/SectionHeader/SectionHeader.tsx b/web/src/components/Common/SectionHeader/SectionHeader.tsx
index fb657f7..85027b4 100644
--- a/web/src/components/Common/SectionHeader/SectionHeader.tsx
+++ b/web/src/components/Common/SectionHeader/SectionHeader.tsx
@@ -5,23 +5,20 @@
*/
import styles from "./SectionHeader.module.css";
-import {ReactNode} from "react";
+import { ReactNode } from "react";
interface SectionHeaderProps {
- title: string,
- children: ReactNode
+ title: string;
+ children?: ReactNode;
}
-
-function SectionHeader({title, children}: SectionHeaderProps) {
- return (
-
-
- {children}
-
-
{title}
-
-
+
+ ,
);
reportWebVitals();
diff --git a/web/src/reportWebVitals.ts b/web/src/reportWebVitals.ts
index 65131bb..65a93b7 100644
--- a/web/src/reportWebVitals.ts
+++ b/web/src/reportWebVitals.ts
@@ -4,18 +4,18 @@
* Released under the modified BSD license. See COPYING.md for more details.
*/
-import {ReportHandler} from 'web-vitals';
+import { ReportHandler } from "web-vitals";
const reportWebVitals = (onPerfEntry?: ReportHandler) => {
- if (onPerfEntry && onPerfEntry instanceof Function) {
- import('web-vitals').then(({getCLS, getFID, getFCP, getLCP, getTTFB}) => {
- getCLS(onPerfEntry);
- getFID(onPerfEntry);
- getFCP(onPerfEntry);
- getLCP(onPerfEntry);
- getTTFB(onPerfEntry);
- });
- }
+ if (onPerfEntry && onPerfEntry instanceof Function) {
+ import("web-vitals").then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
+ getCLS(onPerfEntry);
+ getFID(onPerfEntry);
+ getFCP(onPerfEntry);
+ getLCP(onPerfEntry);
+ getTTFB(onPerfEntry);
+ });
+ }
};
export default reportWebVitals;
diff --git a/web/src/setupTests.ts b/web/src/setupTests.ts
index fcbba6b..ef0badf 100644
--- a/web/src/setupTests.ts
+++ b/web/src/setupTests.ts
@@ -4,4 +4,4 @@
* Released under the modified BSD license. See COPYING.md for more details.
*/
-import '@testing-library/jest-dom';
+import "@testing-library/jest-dom";
diff --git a/web/tsconfig.json b/web/tsconfig.json
index ac7400b..a5a6cae 100644
--- a/web/tsconfig.json
+++ b/web/tsconfig.json
@@ -1,11 +1,7 @@
{
"compilerOptions": {
"target": "es5",
- "lib": [
- "dom",
- "dom.iterable",
- "esnext"
- ],
+ "lib": ["dom", "dom.iterable", "esnext"],
"allowJs": false,
"allowSyntheticDefaultImports": true,
"alwaysStrict": true,
@@ -35,7 +31,5 @@
"noUnusedParameters": false,
"checkJs": true
},
- "include": [
- "src"
- ]
+ "include": ["src"]
}