@soleil-se/config-svelte 1.0.3 → 1.1.0

package/CHANGELOG.md

@@ -3,6 +3,14 @@ All notable changes to this project will be documented in this file.
 
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
+## [1.1.0] - 2021-01-29
+### Added
+- `suffix` prop to NumberSpinner.
+
+## [1.0.4] - 2021-01-15
+### Fixed
+- ListSelector inifity loop.
+
 ## [1.0.3] - 2021-01-11
 ### Fixed
 - Remove debug output.

package/components/ListSelector/Component.svelte

@@ -16,10 +16,9 @@
 
   selectable = Array.isArray(selectable) ? selectable.join(',') : selectable;
   // SiteVision saves as an object, we need the value as comma separated string.
-  value = (values[name] ?? value).map((v) => v.value).join(',');
-
+  value = (values[name] ?? value).map((v) => v.value);
   const onChange = (val) => {
-    value = val ? val.split(',') : undefined;
+    value = val ? val.split(',') : [];
     dispatch('input', value);
     dispatch('change', value);
   };
@@ -29,7 +28,7 @@
 
     // SiteVision doesn't provide any change or update events, MutationObserver workaround.
     const observer = new MutationObserver(([{ attributeName, target }]) => {
-      if (attributeName === 'value' && target.value !== value) {
+      if (attributeName === 'value' && target.value !== value.join(',')) {
         onChange(target.value);
       }
     });
@@ -48,7 +47,7 @@
     data-component={type}
     {required}
     data-types={selectable}
-    {value}
+    value={value.join(',')}
   />
   {#if disabled}
     <div class="disabled-overlay" />

package/components/NumberSpinner/Component.svelte

@@ -13,17 +13,22 @@
   export let step = 1;
   export let disabled = false;
   export let readonly = false;
+  export let suffix;
   export let value = min || 1;
   value = name ? values[name] ?? value : value;
   value = min && value < Number(min) ? min : value;
   value = max && value > Number(max) ? max : value;
 
   onMount(() => {
-    setupComponent(id).on('change', ({ target }) => {
+    const el = setupComponent(id).on('change', ({ target }) => {
       value = Number(target.value);
       dispatch('input', value);
       dispatch('change', value);
-    });
+    })[0];
+
+    if (suffix) {
+      el.parentNode.querySelector('.input-group-addon').innerHTML = suffix;
+    }
   });
 </script>
 
@@ -62,4 +67,9 @@
     background-color: rgba(255, 255, 255, 0.3);
     cursor: not-allowed;
   }
+
+  .form-group :global(.input-group-addon) {
+    background-color: #fff;
+    border-left: none;
+  }
 </style>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soleil-se/config-svelte",
-  "version": "1.0.3",
+  "version": "1.1.0",
   "main": "./index.js",
   "module": "./index.js",
   "svelte": "./index.js",

package/yarn-error.log

@@ -0,0 +1,65 @@
+Arguments: 
+  C:\Program Files\nodejs\node.exe C:\Program Files (x86)\Yarn\bin\yarn.js install
+
+PATH: 
+  C:\Program Files\PowerShell\7;C:\Python27\;C:\Python27\Scripts;C:\Program Files (x86)\Common Files\Oracle\Java\javapath;C:\Program Files\nodejs;C:\Windows\system32;C:\Windows;C:\Windows\System32\Wbem;C:\Windows\System32\WindowsPowerShell\v1.0\;C:\WINDOWS\system32;C:\WINDOWS;C:\WINDOWS\System32\Wbem;C:\WINDOWS\System32\WindowsPowerShell\v1.0\;C:\Program Files (x86)\NVIDIA Corporation\PhysX\Common;C:\ProgramData\chocolatey\bin;C:\Program Files\OpenSSH-Win64;C:\WINDOWS\System32\OpenSSH\;C:\Program Files\NVIDIA Corporation\NVIDIA NvDLISR;C:\Program Files\Microsoft VS Code\bin;C:\WINDOWS\system32;C:\WINDOWS;C:\WINDOWS\System32\Wbem;C:\WINDOWS\System32\WindowsPowerShell\v1.0\;C:\WINDOWS\System32\OpenSSH\;C:\Program Files (x86)\Yarn\bin\;C:\Program Files\PowerShell\7\;C:\Program Files\Git\cmd;C:\Program Files\nodejs\;C:\Users\Daniel Kling\AppData\Local\Microsoft\WindowsApps;C:\Users\Daniel Kling\AppData\Local\Yarn\bin;C:\Users\Daniel Kling\AppData\Roaming\npm
+
+Yarn version: 
+  1.22.5
+
+Node version: 
+  14.15.2
+
+Platform: 
+  win32 x64
+
+Trace: 
+  SyntaxError: E:\dev\webapp-config\packages\svelte-config\package.json: Unexpected token } in JSON at position 463
+      at JSON.parse (<anonymous>)
+      at C:\Program Files (x86)\Yarn\lib\cli.js:1625:59
+      at Generator.next (<anonymous>)
+      at step (C:\Program Files (x86)\Yarn\lib\cli.js:310:30)
+      at C:\Program Files (x86)\Yarn\lib\cli.js:321:13
+
+npm manifest: 
+  {
+    "name": "@soleil-se/svelte-config",
+    "version": "1.0.4",
+    "main": "./index.js",
+    "module": "./index.js",
+    "svelte": "./index.js",
+    "author": "Daniel Kling",
+    "license": "UNLICENCED",
+    "sideEffects": false,
+    "peerDependencies": {
+      "svelte": "^3.26.0"
+    },
+    "devDependencies": {
+      "svelte": "^3.26.0"
+    },
+    "dependencies": {
+      "focus-visible": "^5.2.0",
+      "sortablejs": "^1.12.0",
+      "@duetds/date-picker": "^1.1.0",
+      "pikaday": "^1.8.2",
+    },
+    "homepage": "https://github.com/soleilit/webapp-config/tree/master/packages/svelte-config#readme"
+  }
+
+yarn manifest: 
+  No manifest
+
+Lockfile: 
+  # THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
+  # yarn lockfile v1
+  
+  
+  sortablejs@^1.10.2:
+    version "1.10.2"
+    resolved "https://registry.yarnpkg.com/sortablejs/-/sortablejs-1.10.2.tgz#6e40364d913f98b85a14f6678f92b5c1221f5290"
+    integrity sha512-YkPGufevysvfwn5rfdlGyrGjt7/CRHwvRPogD/lC+TnvcN29jDpCifKP+rBqf+LRldfXSTh+0CGLcSg0VIxq3A==
+  
+  svelte@^3.24.1:
+    version "3.24.1"
+    resolved "https://registry.yarnpkg.com/svelte/-/svelte-3.24.1.tgz#aca364937dd1df27fe131e2a4c234acb6061db4b"
+    integrity sha512-OX/IBVUJSFo1rnznXdwf9rv6LReJ3qQ0PwRjj76vfUWyTfbHbR9OXqJBnUrpjyis2dwYcbT2Zm1DFjOOF1ZbbQ==