fmu-pem 0.0.1__tar.gz → 0.0.2__tar.gz

{fmu_pem-0.0.1 → fmu_pem-0.0.2}/.github/workflows/build_test_deploy.yml

@@ -14,7 +14,7 @@ jobs:
     runs-on: "ubuntu-latest"
     strategy:
       matrix:
-        python-version: ["3.11"]
+        python-version: ["3.11", "3.12"]
     steps:
       - uses: actions/checkout@v4
 
@@ -46,25 +46,25 @@ jobs:
           python -m build
 
       - name: Upload artifact
-        if: github.event_name == 'release'
+        if: github.event_name == 'release' && matrix.python-version == '3.11'
         uses: actions/upload-artifact@v4
         with:
           name: Python dist
           path: dist/
 
       - name: Build configuration file user interface
-        working-directory: ./user-interface-config
+        working-directory: ./documentation
         run: |
           npm ci
           npm run create-json-schema
-          npm run build
+          npm run docs:build
 
       - name: 📚 Update GitHub pages
         # Update on merge to main
         if: github.ref_name == 'main'
         run: |
           # Move the built documentation out of working directory, in order to delete everything else afterwards
-          cp -R ./user-interface-config/dist ../dist
+          cp -R ./documentation/docs/.vitepress/dist ../dist
 
           git config --local user.email "fmu-pem-github-action"
           git config --local user.name "fmu-pem-github-action"
@@ -84,6 +84,7 @@ jobs:
             git push "https://${{ github.actor }}:${{ secrets.GITHUB_TOKEN }}@github.com/${{ github.repository }}.git" gh-pages
           fi
 
+
   deploy:
     name: Upload release to PyPI
     if: github.event_name == 'release'

{fmu_pem-0.0.1 → fmu_pem-0.0.2}/.gitignore

@@ -14,3 +14,8 @@ src/fmu/pem/version.py
 # npm and node relevant build files
 node_modules
 dist
+
+# Documentation:
+fmu-pem-schema.json
+**/.vitepress/dist
+**/.vitepress/cache

fmu_pem-0.0.2/.pre-commit-config.yaml

@@ -0,0 +1,23 @@
+default_stages: [pre-commit]
+
+repos:
+  - repo: https://github.com/pre-commit/pre-commit-hooks
+    rev: v5.0.0
+    hooks:
+      - id: check-ast
+        language_version: python3.11
+      - id: debug-statements
+      - id: check-merge-conflict
+      - id: detect-private-key
+      - id: check-case-conflict
+      - id: check-toml
+      - id: check-json
+      - id: trailing-whitespace
+      - id: end-of-file-fixer
+
+  - repo: https://github.com/astral-sh/ruff-pre-commit
+    rev: v0.11.7
+    hooks:
+      - id: ruff
+        args: [--fix]
+      - id: ruff-format

{fmu_pem-0.0.1 → fmu_pem-0.0.2}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: fmu-pem
-Version: 0.0.1
+Version: 0.0.2
 Summary: pem
 License:                     GNU GENERAL PUBLIC LICENSE
                                Version 3, 29 June 2007
@@ -686,12 +686,8 @@ Classifier: Topic :: Scientific/Engineering :: Physics
 Classifier: Topic :: Software Development :: Libraries
 Classifier: Topic :: Utilities
 Classifier: Operating System :: POSIX :: Linux
-Classifier: Programming Language :: Python :: 3.8
-Classifier: Programming Language :: Python :: 3.9
-Classifier: Programming Language :: Python :: 3.10
-Classifier: Programming Language :: Python :: 3.11
 Classifier: Natural Language :: English
-Requires-Python: >=3.8
+Requires-Python: >=3.11
 Description-Content-Type: text/markdown
 License-File: LICENSE
 Requires-Dist: numpy>=1.24.3
@@ -719,13 +715,19 @@ Requires-Dist: sphinx-togglebutton; extra == "docs"
 Requires-Dist: sphinx_rtd_theme; extra == "docs"
 Dynamic: license-file
 
-# How to use fmu-pem
+> [!WARNING]
+> `fmu-pem` is not yet qualified technology, and as of today only applicable for selected pilot test fields.
 
-Petro-elastic model (PEM) for [fmu-sim2seis](https://github.com/equinor/fmu-sim2seis)
-based on the [rock-physics-open](https://github.com/equinor/rock-physics-open)
-library.
+**[📚 User documentation](https://equinor.github.io/fmu-pem/)**
 
-## Installation
+## What is fmu-pem?
+
+Petro-elastic model (PEM) for use in e.g. [fmu-sim2seis](https://github.com/equinor/fmu-sim2seis)
+based on the [rock-physics-open](https://github.com/equinor/rock-physics-open) library.
+
+## How to use fmu-pem?
+
+### Installation
 
 To install `fmu-pem`, first activate a virtual environment, then type:
 
@@ -736,7 +738,7 @@ pip install fmu-pem
 The PEM is controlled by parameter settings in a *yaml-file*, given as part of the
 command line arguments, or by the workflow parameter if it is run as an ERT forward model.
 
-## Calibration of rock physics models
+### Calibration of rock physics models
 
 Calibration of the rock physics models is normally carried out in
 [RokDoc](https://www.ikonscience.com/rokdoc-geoprediction-software-platform/)
@@ -752,17 +754,13 @@ from LFP logs, if they are available.
 > pip install "git+ssh://git@github.com/equinor/rock-physics"`
 > ```
 
-## User interface
-
-Users can visit https://equinor.github.io/fmu-pem/ in order to get help configuring the `fmu-pem` input data.
-
-# How to develop fmu-pem
+## How to develop fmu-pem?
 
 Developing the user interface can be done by:
 ```bash
-cd ./user-interface-config
+cd ./documentation
 npm ci  # Install dependencies
 npm run create-json-schema  # Extract JSON schema from Python code
-npm run dev  # Start local development server
+npm run docs:dev  # Start local development server
 ```
 The JSON schema itself (type, title, description etc.) comes from the corresponding Pydantic models in the Python code.

{fmu_pem-0.0.1 → fmu_pem-0.0.2}/README.md

@@ -1,10 +1,16 @@
-# How to use fmu-pem
+> [!WARNING]
+> `fmu-pem` is not yet qualified technology, and as of today only applicable for selected pilot test fields.
 
-Petro-elastic model (PEM) for [fmu-sim2seis](https://github.com/equinor/fmu-sim2seis)
-based on the [rock-physics-open](https://github.com/equinor/rock-physics-open)
-library.
+**[📚 User documentation](https://equinor.github.io/fmu-pem/)**
 
-## Installation
+## What is fmu-pem?
+
+Petro-elastic model (PEM) for use in e.g. [fmu-sim2seis](https://github.com/equinor/fmu-sim2seis)
+based on the [rock-physics-open](https://github.com/equinor/rock-physics-open) library.
+
+## How to use fmu-pem?
+
+### Installation
 
 To install `fmu-pem`, first activate a virtual environment, then type:
 
@@ -15,7 +21,7 @@ pip install fmu-pem
 The PEM is controlled by parameter settings in a *yaml-file*, given as part of the
 command line arguments, or by the workflow parameter if it is run as an ERT forward model.
 
-## Calibration of rock physics models
+### Calibration of rock physics models
 
 Calibration of the rock physics models is normally carried out in
 [RokDoc](https://www.ikonscience.com/rokdoc-geoprediction-software-platform/)
@@ -31,17 +37,13 @@ from LFP logs, if they are available.
 > pip install "git+ssh://git@github.com/equinor/rock-physics"`
 > ```
 
-## User interface
-
-Users can visit https://equinor.github.io/fmu-pem/ in order to get help configuring the `fmu-pem` input data.
-
-# How to develop fmu-pem
+## How to develop fmu-pem?
 
 Developing the user interface can be done by:
 ```bash
-cd ./user-interface-config
+cd ./documentation
 npm ci  # Install dependencies
 npm run create-json-schema  # Extract JSON schema from Python code
-npm run dev  # Start local development server
+npm run docs:dev  # Start local development server
 ```
 The JSON schema itself (type, title, description etc.) comes from the corresponding Pydantic models in the Python code.

fmu_pem-0.0.2/documentation/docs/.vitepress/config.mts

@@ -0,0 +1,30 @@
+import { defineConfig } from 'vitepress'
+
+// https://vitepress.dev/reference/site-config
+export default defineConfig({
+  title: "FMU PEM",
+  description: "User documentation for using fmu-pem",
+  head: [
+    ["link", { rel: "stylesheet", href: "https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css"}]
+  ],
+  themeConfig: {
+    // https://vitepress.dev/reference/default-theme-config
+    nav: [
+      { text: 'Home', link: '/' },
+    ],
+    logo: { light: "/fmu_logo_light_mode.svg", dark: "/fmu_logo_dark_mode.svg"},
+    sidebar: [
+      {
+        text: 'Setup',
+        items: [
+          { text: 'ERT configuration', link: '/ert-configuration' },
+          { text: 'PEM configuration', link: '/pem-configuration' }
+        ]
+      }
+    ],
+
+    socialLinks: [
+      { icon: 'github', link: 'https://github.com/equinor/fmu-pem' }
+    ]
+  }
+})

fmu_pem-0.0.2/documentation/docs/ert-configuration.md

@@ -0,0 +1,15 @@
+# ERT configuration file
+
+You can include `fmu-pem` in your ERT setup by including the following snippet:
+
+````ert
+-- Define your variables:
+DEFINE <JOB_STARTDIR> <RUNPATH>/rms/model
+DEFINE <RELPATH_CONFIG_FILES> <RUNPATH>/sim2seis/model
+DEFINE <PEM_CONFIG_FILE_NAME> pem_config.yml
+
+-- Run the pre-installed ERT forward model:
+FORWARD_MODEL PEM(<START_DIR>=<JOB_STARTDIR>, <CONFIG_DIR>=<RELPATH_CONFIG_FILES>, <CONFIG_FILE>=<PEM_CONFIG_FILE_NAME>)
+````
+
+On the next page you will get help setting up your `pem_config.yml`.

fmu_pem-0.0.2/documentation/docs/index.md

@@ -0,0 +1,24 @@
+---
+# https://vitepress.dev/reference/default-theme-home-page
+layout: home
+
+hero:
+  name: FMU PEM
+  text: "User documentation"
+  tagline: Calculate seismic properties from rock physics models in a FMU context.
+  actions:
+    - theme: brand
+      text: ERT configuration
+      link: /ert-configuration
+    - theme: brand
+      text: PEM configuration
+      link: /pem-configuration
+
+features:
+  - icon: 🛠️
+    title: Less maintenance
+    details: No need for custom scripts in your FMU or RMS project. PEM is maintained centrally by Equinor, and available as pre-installert ERT forward models.
+  - icon: 🤝
+    title: Shared rock physics library
+    details: FMU PEM uses the same underlying rock physics library as RokDoc plugins - ensuring consistent output across the software portfolio.
+---

fmu_pem-0.0.2/documentation/docs/pem-configuration.md

@@ -0,0 +1,134 @@
+---
+outline: deep
+---
+
+# PEM configuration
+
+
+Create, update or change a **fmu-pem** configuration file. You can load an existing configuration file as starting point.
+
+<div ref="el" />
+
+<script setup>
+import { createElement } from 'react'
+import { createRoot } from 'react-dom/client'
+import { ref, onMounted } from 'vue'
+import { YamlEdit } from './yaml-edit/YamlEdit'
+
+const el = ref()
+onMounted(() => {
+  const root = createRoot(el.value)
+  root.render(createElement(YamlEdit, {}, null))
+})
+</script>
+
+<style>
+ input.form-control, select.form-control {
+    background-color: rgb(245 245 245);
+    border-radius: 5px;
+    padding: 3px;
+    border: 1px solid;
+    border-color: #ccc;
+    box-shadow: 0 1+px 25px -5px rgb(0 0 0 / 0.05);
+}
+
+input.form-control {
+    min-width: 400px;
+}
+
+select.form-control:hover {
+  cursor: pointer;
+}
+
+.dark input.form-control {
+  background-color: rgb(50 50 50);
+  border-color: #666;
+}
+
+.form-group {
+  margin-top: 20px;
+  margin-left: 15px;
+  padding-top: 5px;
+  padding-bottom: 5px;
+}
+
+.control-label {
+  font-weight: 500;
+}
+
+.field-description {
+  font-size: small;
+}
+
+legend {
+  font-size: 20px;
+  font-weight: 700;
+}
+
+.btn-group {
+  max-width: 300px;
+  margin: auto;
+  margin-bottom: 20px;
+}
+
+.glyphicon {
+  position: relative;
+  top: 1px;
+  display: inline-block;
+  font-family: "Glyphicons Halflings";
+  font-style: normal;
+  font-weight: normal;
+  line-height: 1;
+}
+
+.glyphicon-plus:before {
+  content: "➕";
+  padding: 5px;
+  border-radius: 5px;
+  background-color: oklch(92.5% 0.084 155.995)
+}
+
+.dark .glyphicon-plus:before {
+  background-color: oklch(39.3% 0.095 152.535)
+}
+
+.glyphicon-remove:before {
+  content: "🗑️";
+  padding: 5px;
+  border-radius: 5px;
+  background-color: oklch(93.6% 0.032 17.717);
+  border: 1px solid oklch(88.5% 0.062 18.334);
+}
+.glyphicon-arrow-up:before {
+  content: "🢁";
+}
+.glyphicon-arrow-down:before {
+  content: "🢃";
+}
+
+.checkbox > label {
+  display: flex;
+  gap: 10px;
+  font-weight: 500;
+}
+
+input[type='text']:read-only{
+  background: lightgrey;
+  cursor: not-allowed;
+}
+
+.text-danger {
+    color: oklch(57.7% 0.245 27.325);
+    background-color: oklch(93.6% 0.032 17.717);
+    padding: 2px;
+    padding-left: 6px;
+    padding-right: 6px;
+    border-radius: 5px;
+    width: fit-content;
+}
+
+li.text-danger::marker {
+  content: "⚠";
+}
+
+</style>

fmu_pem-0.0.2/documentation/docs/public/fmu_logo_dark_mode.svg

@@ -0,0 +1,18 @@
+<svg width="36" height="37" viewBox="0 0 36 37" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="FMU Logo Blue">
+<g id="Group">
+<path id="Vector" d="M13.8245 0.0746042C13.6503 -0.0849347 13.3694 0.0269694 13.3534 0.262875L13.0096 5.39383C12.999 5.54807 12.8665 5.66452 12.712 5.65544L6.70469 5.2978C6.4381 5.28192 6.30178 5.61083 6.50096 5.78776L17.2235 15.3246C17.4045 15.4856 17.6915 15.3578 17.6923 15.1159L17.7264 3.7818C17.7264 3.70317 17.7483 3.56631 17.69 3.51263L13.8245 0.0746042Z" fill="white"/>
+<path id="Vector_2" d="M11.338 4.3874C11.9707 4.09286 12.2444 3.34202 11.9494 2.71037C11.6544 2.07872 10.9023 1.80543 10.2696 2.09998C9.63692 2.39452 9.36319 3.14536 9.65822 3.77701C9.95325 4.40867 10.7053 4.68195 11.338 4.3874Z" fill="white"/>
+<path id="Vector_3" d="M15.1786 16.5906L5.36414 10.8941C5.29598 10.8548 5.18843 10.7671 5.1127 10.7913L0.19751 12.4146C-0.0281801 12.4849 -0.071349 12.7844 0.124804 12.9159L4.40382 15.7786C4.53257 15.8648 4.56741 16.0379 4.48183 16.1664L1.16843 21.1817C1.0215 21.404 1.23811 21.6868 1.49182 21.6029L15.1264 17.1002C15.3566 17.0239 15.3892 16.7123 15.1794 16.5906H15.1786Z" fill="white"/>
+<path id="Vector_4" d="M2.7891 16.6507C2.82697 15.9543 2.29228 15.36 1.59476 15.3222C0.897243 15.2844 0.301968 15.8182 0.2641 16.5146C0.226233 17.211 0.760921 17.8053 1.45844 17.8431C2.15596 17.8809 2.75123 17.3471 2.7891 16.6507Z" fill="white"/>
+<path id="Vector_5" d="M15.2164 19.5103L5.36783 25.1479C5.29967 25.1872 5.17017 25.2363 5.15275 25.3135L4.10306 30.3748C4.05156 30.6047 4.28937 30.7922 4.50143 30.6879L9.12428 28.4195C9.26288 28.3515 9.43101 28.4082 9.49993 28.5458L12.1938 33.9187C12.3135 34.1569 12.6664 34.1108 12.7209 33.8499L15.6329 19.8105C15.6822 19.5731 15.4277 19.3893 15.2171 19.5096L15.2164 19.5103Z" fill="white"/>
+<path id="Vector_6" d="M9.04876 30.0958C8.46409 29.7155 7.68023 29.8803 7.29928 30.464C6.91834 31.0478 7.08344 31.8303 7.66811 32.2107C8.25279 32.591 9.03664 32.4262 9.41759 31.8424C9.79853 31.2587 9.63343 30.4761 9.04876 30.0958Z" fill="white"/>
+<path id="Vector_7" d="M18.2376 20.6874C18.0566 20.5264 17.7696 20.6542 17.7688 20.8961L17.7348 32.2302C17.7348 32.3088 17.7128 32.4457 17.7711 32.4994L21.6366 35.9381C21.8108 36.0977 22.0918 35.9858 22.1077 35.7499L22.4515 30.6189C22.4621 30.4647 22.5947 30.3482 22.7492 30.3573L28.7565 30.715C29.023 30.7308 29.1594 30.4019 28.9602 30.225L18.2376 20.6882V20.6874Z" fill="white"/>
+<path id="Vector_8" d="M25.1918 33.7463C25.8244 33.4517 26.0982 32.7009 25.8031 32.0693C25.5081 31.4376 24.7561 31.1643 24.1234 31.4589C23.4907 31.7534 23.217 32.5042 23.512 33.1359C23.807 33.7676 24.5591 34.0408 25.1918 33.7463Z" fill="white"/>
+<path id="Vector_9" d="M35.3362 23.1371L31.0572 20.2745C30.9285 20.1883 30.8936 20.0151 30.9792 19.8866L34.2926 14.8713C34.4395 14.649 34.2229 14.3663 33.9692 14.4502L20.3347 18.9528C20.1044 19.0292 20.0719 19.3407 20.2817 19.4624L30.0961 25.1589C30.1643 25.1983 30.2718 25.286 30.3476 25.2618L35.2635 23.6384C35.4892 23.5681 35.5324 23.2687 35.3362 23.1371Z" fill="white"/>
+<path id="Vector_10" d="M32.6711 19.5156C32.6332 20.2119 33.1679 20.8062 33.8654 20.844C34.5629 20.8819 35.1582 20.348 35.1961 19.6517C35.2339 18.9553 34.6993 18.361 34.0017 18.3232C33.3042 18.2854 32.709 18.8192 32.6711 19.5156Z" fill="white"/>
+<path id="Vector_11" d="M20.2438 16.5451L30.0923 10.9075C30.1605 10.8682 30.29 10.819 30.3074 10.7419L31.3571 5.68053C31.4086 5.45067 31.1708 5.26316 30.9587 5.3675L26.3359 7.63583C26.1973 7.70387 26.0292 7.64717 25.9602 7.50955L23.2663 2.13665C23.1467 1.89847 22.7938 1.9446 22.7392 2.20545L19.8272 16.2449C19.778 16.4823 20.0325 16.666 20.243 16.5458L20.2438 16.5451Z" fill="white"/>
+<path id="Vector_12" d="M28.1057 5.48115C28.5683 4.95916 28.5194 4.16163 27.9966 3.69982C27.4737 3.238 26.6749 3.28678 26.2123 3.80877C25.7497 4.33075 25.7986 5.12828 26.3214 5.5901C26.8443 6.05191 27.6431 6.00313 28.1057 5.48115Z" fill="white"/>
+</g>
+</g>
+</svg>

fmu_pem-0.0.2/documentation/docs/public/fmu_logo_light_mode.svg

@@ -0,0 +1,18 @@
+<svg width="36" height="37" viewBox="0 0 36 37" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="FMU Logo Blue">
+<g id="Group">
+<path id="Vector" d="M13.8245 0.0746042C13.6503 -0.0849347 13.3694 0.0269694 13.3534 0.262875L13.0096 5.39383C12.999 5.54807 12.8665 5.66452 12.712 5.65544L6.70469 5.2978C6.4381 5.28192 6.30178 5.61083 6.50096 5.78776L17.2235 15.3246C17.4045 15.4856 17.6915 15.3578 17.6923 15.1159L17.7264 3.7818C17.7264 3.70317 17.7483 3.56631 17.69 3.51263L13.8245 0.0746042Z" fill="#3c3c43"/>
+<path id="Vector_2" d="M11.338 4.3874C11.9707 4.09286 12.2444 3.34202 11.9494 2.71037C11.6544 2.07872 10.9023 1.80543 10.2696 2.09998C9.63692 2.39452 9.36319 3.14536 9.65822 3.77701C9.95325 4.40867 10.7053 4.68195 11.338 4.3874Z" fill="#3c3c43"/>
+<path id="Vector_3" d="M15.1786 16.5906L5.36414 10.8941C5.29598 10.8548 5.18843 10.7671 5.1127 10.7913L0.19751 12.4146C-0.0281801 12.4849 -0.071349 12.7844 0.124804 12.9159L4.40382 15.7786C4.53257 15.8648 4.56741 16.0379 4.48183 16.1664L1.16843 21.1817C1.0215 21.404 1.23811 21.6868 1.49182 21.6029L15.1264 17.1002C15.3566 17.0239 15.3892 16.7123 15.1794 16.5906H15.1786Z" fill="#3c3c43"/>
+<path id="Vector_4" d="M2.7891 16.6507C2.82697 15.9543 2.29228 15.36 1.59476 15.3222C0.897243 15.2844 0.301968 15.8182 0.2641 16.5146C0.226233 17.211 0.760921 17.8053 1.45844 17.8431C2.15596 17.8809 2.75123 17.3471 2.7891 16.6507Z" fill="#3c3c43"/>
+<path id="Vector_5" d="M15.2164 19.5103L5.36783 25.1479C5.29967 25.1872 5.17017 25.2363 5.15275 25.3135L4.10306 30.3748C4.05156 30.6047 4.28937 30.7922 4.50143 30.6879L9.12428 28.4195C9.26288 28.3515 9.43101 28.4082 9.49993 28.5458L12.1938 33.9187C12.3135 34.1569 12.6664 34.1108 12.7209 33.8499L15.6329 19.8105C15.6822 19.5731 15.4277 19.3893 15.2171 19.5096L15.2164 19.5103Z" fill="#3c3c43"/>
+<path id="Vector_6" d="M9.04876 30.0958C8.46409 29.7155 7.68023 29.8803 7.29928 30.464C6.91834 31.0478 7.08344 31.8303 7.66811 32.2107C8.25279 32.591 9.03664 32.4262 9.41759 31.8424C9.79853 31.2587 9.63343 30.4761 9.04876 30.0958Z" fill="#3c3c43"/>
+<path id="Vector_7" d="M18.2376 20.6874C18.0566 20.5264 17.7696 20.6542 17.7688 20.8961L17.7348 32.2302C17.7348 32.3088 17.7128 32.4457 17.7711 32.4994L21.6366 35.9381C21.8108 36.0977 22.0918 35.9858 22.1077 35.7499L22.4515 30.6189C22.4621 30.4647 22.5947 30.3482 22.7492 30.3573L28.7565 30.715C29.023 30.7308 29.1594 30.4019 28.9602 30.225L18.2376 20.6882V20.6874Z" fill="#3c3c43"/>
+<path id="Vector_8" d="M25.1918 33.7463C25.8244 33.4517 26.0982 32.7009 25.8031 32.0693C25.5081 31.4376 24.7561 31.1643 24.1234 31.4589C23.4907 31.7534 23.217 32.5042 23.512 33.1359C23.807 33.7676 24.5591 34.0408 25.1918 33.7463Z" fill="#3c3c43"/>
+<path id="Vector_9" d="M35.3362 23.1371L31.0572 20.2745C30.9285 20.1883 30.8936 20.0151 30.9792 19.8866L34.2926 14.8713C34.4395 14.649 34.2229 14.3663 33.9692 14.4502L20.3347 18.9528C20.1044 19.0292 20.0719 19.3407 20.2817 19.4624L30.0961 25.1589C30.1643 25.1983 30.2718 25.286 30.3476 25.2618L35.2635 23.6384C35.4892 23.5681 35.5324 23.2687 35.3362 23.1371Z" fill="#3c3c43"/>
+<path id="Vector_10" d="M32.6711 19.5156C32.6332 20.2119 33.1679 20.8062 33.8654 20.844C34.5629 20.8819 35.1582 20.348 35.1961 19.6517C35.2339 18.9553 34.6993 18.361 34.0017 18.3232C33.3042 18.2854 32.709 18.8192 32.6711 19.5156Z" fill="#3c3c43"/>
+<path id="Vector_11" d="M20.2438 16.5451L30.0923 10.9075C30.1605 10.8682 30.29 10.819 30.3074 10.7419L31.3571 5.68053C31.4086 5.45067 31.1708 5.26316 30.9587 5.3675L26.3359 7.63583C26.1973 7.70387 26.0292 7.64717 25.9602 7.50955L23.2663 2.13665C23.1467 1.89847 22.7938 1.9446 22.7392 2.20545L19.8272 16.2449C19.778 16.4823 20.0325 16.666 20.243 16.5458L20.2438 16.5451Z" fill="#3c3c43"/>
+<path id="Vector_12" d="M28.1057 5.48115C28.5683 4.95916 28.5194 4.16163 27.9966 3.69982C27.4737 3.238 26.6749 3.28678 26.2123 3.80877C25.7497 4.33075 25.7986 5.12828 26.3214 5.5901C26.8443 6.05191 27.6431 6.00313 28.1057 5.48115Z" fill="#3c3c43"/>
+</g>
+</g>
+</svg>

fmu_pem-0.0.1/user-interface-config/src/App.tsx → fmu_pem-0.0.2/documentation/docs/yaml-edit/YamlEdit.tsx

@@ -1,8 +1,10 @@
+import React from "react";
 import Form from "@rjsf/core";
-
 import YAML from "yaml";
 import validator from "@rjsf/validator-ajv8";
 
+import { pemSchema } from "./schema";
+
 import {
   Button,
   Icon,
@@ -11,16 +13,15 @@ import {
   Snackbar,
   Switch
 } from "@equinor/eds-core-react";
-import { upload, file_description, copy } from "@equinor/eds-icons";
 
-import { pemSchema } from "./schema";
-import React from "react";
+import { copy } from "@equinor/eds-icons";
 
-function App() {
+
+export const YamlEdit = () => {
   const [validInput, setValidInput] = React.useState(false);
   const [dialogOpen, setDialogOpen] = React.useState(false);
   const [snackbarOpen, setSnackbarOpen] = React.useState(false);
-  const [populateDefault, setPopulateDefault] = React.useState(false);
+  const [populateDefault, setPopulateDefault] = React.useState(true);
 
   const [initialConfig, setInitialConfig] = React.useState({});
 
@@ -31,18 +32,10 @@ function App() {
     YAML.stringify(userInputRef.current);
 
   return (
-    <div className="min-h-screen min-w-screen bg-slate-100">
-      <div className="bg-slate-700 p-4 flex gap-20 items-center shadow-md">
-        <div className="text-white">
-          Create, update or change a <span className="font-bold">fmu-pem</span>{" "}
-          configuration file. You can load an existing configuration file as
-          starting point.
-        </div>
-      </div>
+    <div>
       <div className="flex w-full justify-center my-10 gap-10">
-        <Button
-          as="button"
-          color="secondary"
+        <button
+          className="flex gap-2 font-bold items-center shadow p-1 rounded-lg bg-gray-100 hover:bg-gray-50 dark:bg-gray-800"
           onClick={() => {
             const input = document.createElement("input");
             input.type = "file";
@@ -68,13 +61,12 @@ function App() {
             input.click();
           }}
         >
-          <Icon data={upload} size={16}></Icon>
-          Load existing configuration file (YAML)
-        </Button>
-        <Button as="button" color="primary" onClick={() => setDialogOpen(true)}>
-          <Icon data={file_description} size={16}></Icon>
-          Configuration file output (YAML)
-        </Button>
+          Load config (YAML)
+        </button>
+        <button
+          className="flex gap-2 font-bold items-center shadow p-1 rounded-lg bg-gray-100 hover:bg-gray-50" onClick={() => setDialogOpen(true)}>
+          Config output (YAML)
+        </button>
         <Dialog
           open={dialogOpen}
           onClose={() => {
@@ -82,17 +74,17 @@ function App() {
             setSnackbarOpen(false);
           }}
           isDismissable={true}
-          className="w-100"
+          style={{width: 1000, maxHeight: "90vh"}}
         >
           <Dialog.Header>
             <Dialog.Title>YAML output</Dialog.Title>
           </Dialog.Header>
-          <Dialog.CustomContent className="min-w-[600px]">
+          <Dialog.CustomContent>
             <TextField
               id="yaml-content"
               multiline={true}
               placeholder={yamlOutput}
-              rowsMax={50}
+              rowsMax={35}
               readOnly={true}
             />
             <Button
@@ -114,11 +106,11 @@ function App() {
             </Snackbar>
           </Dialog.CustomContent>
         </Dialog>
-        <Switch label="Populate with default values" onChange={(e) => setPopulateDefault(e.target.checked)} />
+        <Switch label="Populate with default values" checked={populateDefault} onChange={(e) => setPopulateDefault(e.target.checked)} />
 
-      </div>
+      </div> 
       <div className="flex justify-center my-20">
-        <div className="p-10 shadow-lg rounded bg-slate-50 min-w-[800px]">
+        <div className="p-10 shadow-lg rounded bg-slate-50 border-2 border-slate-50" style={{minWidth: 800}}>
           <Form
             schema={pemSchema}
             validator={validator}
@@ -149,5 +141,3 @@ function App() {
     </div>
   );
 }
-
-export default App;