@kws3/ui 4.5.9 → 5.0.0-alpha.10

package/forms/AutoComplete.svelte

@@ -249,7 +249,7 @@ Default value: `<span>{option.label}</span>`
     input, //the textbox to type in
     POPPER,
     active_option = "",
-    searching = true,
+    searching = false,
     show_options = false,
     mouseTracker = {
       lastX: 0,

package/forms/actions.js

@@ -1,4 +1,5 @@
 import flatpickr from "flatpickr";
+import { tick } from "svelte";
 
 function createFlatpickrAction(defaultOpts, hooks, type) {
   return function (
@@ -40,7 +41,10 @@ function createFlatpickrAction(defaultOpts, hooks, type) {
 
     let OPTS = Object.assign(defaultOpts, _opts, opts);
 
-    let picker = flatpickr(node, OPTS);
+    let picker;
+    tick().then(() => {
+      picker = flatpickr(node, OPTS);
+    });
 
     function createFirer(name) {
       return (selectedDates, dateStr, instance) => {
@@ -123,7 +127,7 @@ function createFlatpickrAction(defaultOpts, hooks, type) {
  * disabled:boolean,
  * color: ColorOptions
  * }>} FlatpickerAction
-*/
+ */
 
 /**
  * @type {FlatpickerAction}
@@ -140,7 +144,7 @@ export let datepicker = createFlatpickrAction(
 
 /**
  * @type {FlatpickerAction}
-*/
+ */
 export let timepicker = createFlatpickrAction(
   {
     altInput: true,

package/helpers/Dialog/index.js

@@ -1,27 +1,23 @@
+import { mount, unmount } from "svelte";
 import { default as _Dialog } from "./Dialog.svelte";
 
-/**
- * @typedef {import('@kws3/ui/types').DialogProps} DialogProps
- */
+/** @typedef {import("@kws3/ui/types").DialogProps} DialogProps */
 
 function createDialog(msg, props) {
   props = Object.assign(props, { _text: msg });
 
   const promise = new Promise((fulfil) => {
     //@ts-ignore
-    const dialog = new _Dialog({
+    const dialog = mount(_Dialog, {
       target: document.body,
       props,
       intro: true,
-    });
-
-    //@ts-ignore
-    dialog.$on("_done", ({ detail }) => {
-      fulfil(detail);
-      //Does not outro out because of
-      //https://github.com/sveltejs/svelte/issues/4056
-      //@ts-ignore
-      dialog.$destroy();
+      events: {
+        _done: ({ detail }) => {
+          fulfil(detail);
+          unmount(dialog);
+        },
+      },
     });
   });
 
@@ -30,7 +26,6 @@ function createDialog(msg, props) {
 
 class Dialog {
   /**
-   *
    * @param {string} msg
    * @param {DialogProps} [props={}]
    */
@@ -40,7 +35,6 @@ class Dialog {
   }
 
   /**
-   *
    * @param {string} msg
    * @param {DialogProps} [props={}]
    */
@@ -49,7 +43,6 @@ class Dialog {
   }
 
   /**
-   *
    * @param {string} msg
    * @param {DialogProps} [props={}]
    */
@@ -59,7 +52,6 @@ class Dialog {
 }
 
 /**
- *
  * @param {string} msg
  * @param {DialogProps} [props={}]
  */
@@ -69,7 +61,6 @@ export function alert(msg, props) {
 }
 
 /**
- *
  * @param {string} msg
  * @param {DialogProps} [props={}]
  */
@@ -79,7 +70,6 @@ export function prompt(msg, props) {
 }
 
 /**
- *
  * @param {string} msg
  * @param {DialogProps} [props={}]
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kws3/ui",
-  "version": "4.5.9",
+  "version": "5.0.0-alpha.10",
   "description": "UI components for use with Svelte v3 applications.",
   "main": "index.js",
   "scripts": {
@@ -11,6 +11,7 @@
   "keywords": [
     "components",
     "svelte3",
+    "svelte4",
     "ui"
   ],
   "author": "Khaled Ahmed <me.khaled@gmail.com>",
@@ -55,7 +56,7 @@
   },
   "peerDependencies": {
     "bulma": "^1.0.0",
-    "svelte": "^4.2.10"
+    "svelte": "^4.2.10 || ^5.51.2"
   },
   "dependencies": {
     "@kws3/text-mask-core": "^5.1.5",
@@ -66,6 +67,5 @@
   },
   "devDependencies": {
     "typescript": "^5.2.2"
-  },
-  "gitHead": "d8d7a136c4f8eedceea82b98a46e0dd363b267ca"
+  }
 }

package/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2022 KWS3 Media Ltd
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.