feat[react]: Linting with eslint 9

packages/react/components/Editor/lib/core-settings.mjs

@@ -101,7 +101,7 @@ export function menuCoreSettingsStructure({
           title: 'Seam Allowance Size',
           about: (
             <>
-              Controls the size of the pattern's seam allowance.
+              Controls the size of the pattern&apos;s seam allowance.
               <CoreDocsLink item="sa" />
             </>
           ),

packages/react/components/Editor/lib/design-options.mjs

@@ -9,6 +9,7 @@ const DesignDocsLink = ({ design, item }) => (
     href={`/docs/designs/${design}/options/#${item.toLowerCase()}`}
     className={`${linkClasses} tw:px-2`}
     target="_BLANK"
+    rel="noreferrer"
   >
     Learn more
   </a>
@@ -62,14 +63,14 @@ export function menuDesignOptionsStructure(design, options, settings, asFullList
         option.valueTitles = {}
         option.choiceTitles = {}
         option.choiceDescriptions = {}
-        for (const entry of option.list) {
+        option.list.forEach(() => {
           option.choiceTitles.false = eno[`${option.name}No`]?.t || option.name
           option.choiceDescriptions.false = eno[`${option.name}No`]?.d || 'No'
           option.valueTitles.false = 'No'
           option.choiceTitles.true = eno[`${option.name}Yes`]?.t || 'Yes'
           option.choiceDescriptions.true = eno[`${option.name}Yes`]?.d || 'No'
           option.valueTitles.true = 'Yes'
-        }
+        })
       }
       if (typeof option.menu === 'function')
         option.menu = asFullList

packages/react/components/Editor/lib/editor.mjs

@@ -2,7 +2,7 @@
 import React from 'react'
 import { defaultConfig } from '../config/index.mjs'
 import { round, formatMm, randomLoadingMessage } from '@freesewing/utils'
-import { formatDesignOptionValue, menuCoreSettingsStructure } from './index.mjs'
+import { formatDesignOptionValue, menuCoreSettingsStructure, fractionToDecimal } from './index.mjs'
 import { menuUiPreferencesStructure } from './ui-preferences.mjs'
 import { i18n } from '@freesewing/collection'
 import { i18n as pluginI18n } from '@freesewing/core-plugins'
@@ -721,15 +721,15 @@ export function cloudImageUrl({ id = 'default-avatar', variant = 'public' }) {
   /*
    * Return something default so that people will actually change it
    */
-  if (!id || id === 'default-avatar') return config.cloudImageDflt
+  if (!id || id === 'default-avatar') return defaultConfig.cloudImageDflt
 
   /*
    * If the variant is invalid, set it to the smallest thumbnail so
    * people don't load enourmous images by accident
    */
-  if (!config.cloudImageVariants.includes(variant)) variant = 'sq100'
+  if (!defaultConfig.cloudImageVariants.includes(variant)) variant = 'sq100'
 
-  return `${config.cloudImageUrl}${id}/${variant}`
+  return `${defaultConfig.cloudImageUrl}${id}/${variant}`
 }
 /**
  * This method does nothing. It is used to disable certain methods

packages/react/components/Editor/lib/export/index.mjs

@@ -3,7 +3,7 @@ import fileSaver from 'file-saver'
 import { themePlugin } from '@freesewing/plugin-theme'
 import { pluginI18n } from '@freesewing/plugin-i18n'
 import { tilerPlugin } from './plugin-tiler.mjs'
-import { capitalize, escapeSvgText, formatMm, get } from '@freesewing/utils'
+import { capitalize, escapeSvgText, get } from '@freesewing/utils'
 import mustache from 'mustache'
 import he from 'he'
 import yaml from 'js-yaml'

packages/react/components/Editor/lib/layout-settings.mjs

@@ -1,5 +1,4 @@
 import React from 'react'
-import { linkClasses } from '@freesewing/utils'
 import {
   CoverPageIcon,
   PageMarginIcon,
@@ -9,13 +8,6 @@ import {
   ScaleIcon,
 } from '@freesewing/react/components/Icon'
 
-const UiDocsLink = ({ item }) => (
-  <a href={`/docs/about/site/draft/#${item.toLowerCase()}`} className={`${linkClasses} tw:px-2`}>
-    Learn more
-  </a>
-)
-
-const sizes = ['a4', 'a3', 'a2', 'a1', 'a0', 'letter', 'legal', 'tabloid']
 const defaultPrintSettings = (units) => ({
   size: units === 'imperial' ? 'letter' : 'a4',
   orientation: 'portrait',