Utilizes svelte's DOM event delegation shorthand e.g. on:click on:focus on:blur etc. Refactors Buttons to use. Finishes Input / InputAddonItem for Svelte (I think)

Author: roblevintennis

agnosticui-svelte/.storybook/preview.js

@@ -6,7 +6,7 @@ export const parameters = {
   docs: {
     theme: yourTheme,
   },
-  actions: { argTypesRegex: "^on[A-Z].*" },
+  actions: { argTypesRegex: "^on.*" },
 };
 
 require('!style-loader!css-loader!../src/css/common.min.css')

agnosticui-svelte/copystyles.js

@@ -81,6 +81,20 @@ const headerNavItemSvelte = fs.readFileSync('./src/stories/HeaderNavItem.svelte'
 const headerNavItemSynchronized = headerNavItemSvelte.replace(styleRegex, `<style>\n${css}\n</style>`);
 fs.writeFileSync('./src/stories/HeaderNavItem.svelte', headerNavItemSynchronized, 'utf8');
 
+
+/**
+ * Inputs 
+ */
+css = fs.readFileSync('../agnosticui-css/input.css', 'utf8');
+const inputSvelte = fs.readFileSync('./src/stories/Input.svelte', 'utf8');
+const inputSynchronized = inputSvelte.replace(styleRegex, `<style>\n${css}\n</style>`);
+fs.writeFileSync('./src/stories/Input.svelte', inputSynchronized, 'utf8');
+
+css = fs.readFileSync('../agnosticui-css/inputaddonitem.css', 'utf8');
+const inputAddonItemSvelte = fs.readFileSync('./src/stories/InputAddonItem.svelte', 'utf8');
+const inputAddonItemSynchronized = inputAddonItemSvelte.replace(styleRegex, `<style>\n${css}\n</style>`);
+fs.writeFileSync('./src/stories/InputAddonItem.svelte', inputAddonItemSynchronized, 'utf8');
+
 /**
  * FlexGrid (grid, row, col all copied over. Svelte SFC requires this so that each
  * component gets it's own CSS <style>...</style> stuff copied over)

agnosticui-svelte/package.json

@@ -41,6 +41,7 @@
     "rollup-plugin-svelte": "^6.0.0",
     "rollup-plugin-terser": "^7.0.0",
     "svelte": "^3.24.1",
+    "svelte-jester": "^1.1.5",
     "svelte-loader": "^2.13.6"
   },
   "dependencies": {
@@ -49,7 +50,7 @@
   "jest": {
     "transform": {
       "^.+\\.js$": "babel-jest",
-      "^.+\\.svelte$": "jest-transform-svelte"
+      "^.+\\.svelte$": "svelte-jester"
     },
     "moduleFileExtensions": [
       "js",
@@ -69,4 +70,4 @@
       "/storybook-static/"
     ]
   }
-}
+}