inertiax-ui 0.0.15 → 0.0.16

package/Modal.svelte

@@ -16,27 +16,31 @@
   export function createModal(props) {
     const onclose = props.onclose || (() => {})
     let modal = null
-    function close() {
-      unmount(modal, { outro: true })
-      onclose()
+    let traverseBack = null
+    function close(traverse = true) {
+      if (traverse && traverseBack) {
+        traverseBack()
+      } else {
+        unmount(modal, { outro: true })
+        onclose()
+      }
     }
-    push(function(traverseBack) {
+    push(function(tb) {
+      traverseBack = tb
       modal = mount(Modal, { 
         target: document.body,
         props: {
           ...props,
-          close: function(traverse = true) {
-            traverse ? traverseBack() : close()
-          }
+          close
         }
       })
-      return close
+      return () => close(false)
     })
     return close
   }
 
 
- function css(node, { delay = 0 }) {
+  function css(node, { delay = 0 }) {
     // duration on desktop is 300, on mobile 400
     const duration = window.innerWidth > 768 ? 300 : 400;
     return {

package/README.md

@@ -22,13 +22,16 @@ const modal = createModal({
 })
 ```
 
-`createModal` returns a `close` function you can call to close the modal programmatically:
+`createModal` returns a `close` function you can call to close the modal programmatically. Call `close()` or `close(true)` to navigate back in history then unmount. Call `close(false)` to unmount without touching history:
 
 ```js
-const modal = createModal({ src: '/profile/edit' })
+const closeModal = createModal({ src: '/profile/edit' })
 
-// Later, close the modal
-modal()
+// Navigate back, then unmount
+closeModal()
+
+// Or just unmount, skip history
+closeModal(false)
 ```
 
 #### `modal` action
@@ -66,7 +69,7 @@ The Modal component passes a `close` function down to its page component as a pr
 <button onclick={close}>Close</button>
 ```
 
-Note that there is no `close` function on the modal instance itself as components aren't usually able to unmount themselves.
+Note that `createModal` also returns a `close` function you can call to close the modal programmatically from the parent.
 
 
 ### `onclose` callback

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "inertiax-ui",
-  "version": "0.0.15",
+  "version": "0.0.16",
   "description": "UI component library for Inertia X",
   "repository": {
     "type": "git",