@xy-planning-network/trees 0.6.2-rc-1 → 0.6.2-rc-3

package/dist/trees.es.js

@@ -1,49 +1,4 @@
-import { ref, cloneVNode, h, inject, provide, watchEffect, defineComponent, onUnmounted, Teleport, reactive, onUpdated, computed, unref, onMounted, nextTick, toRaw, watch, openBlock, createBlock, createVNode, withCtx, Transition, createElementVNode, createElementBlock, Fragment, renderList, normalizeClass, toDisplayString, createCommentVNode, renderSlot, resolveDynamicComponent, mergeProps, createTextVNode, normalizeProps, useAttrs, shallowRef, withModifiers, TransitionGroup, withDirectives, vShow, normalizeStyle, getCurrentInstance, vModelText, resolveComponent, Comment as Comment$1, Text, useSlots } from "vue";
-function useSpinnerDisplay() {
-  const idx = ref(0);
-  const loading = ref(false);
-  const maxIdx = ref(0);
-  const messages = ref([]);
-  const msg = ref("");
-  const showMsg = ref(false);
-  const show = (spinMessages = []) => {
-    if (spinMessages) {
-      messages.value = spinMessages;
-      maxIdx.value = spinMessages.length - 1;
-      msg.value = messages.value[idx.value];
-      showMsg.value = true;
-    }
-    loading.value = true;
-  };
-  const hide = () => {
-    idx.value = 0;
-    maxIdx.value = 0;
-    messages.value = [];
-    msg.value = "";
-    loading.value = false;
-  };
-  return {
-    idx,
-    loading,
-    maxIdx,
-    messages,
-    msg,
-    showMsg,
-    show,
-    hide
-  };
-}
-let appSpinner = void 0;
-function useAppSpinnerDisplay() {
-  if (appSpinner === void 0) {
-    appSpinner = useSpinnerDisplay();
-  }
-  return appSpinner;
-}
-const useAppSpinner = (() => {
-  const { show, hide } = useAppSpinnerDisplay();
-  return { show, hide };
-})();
+import { ref, cloneVNode, h, inject, watchEffect, provide, defineComponent, onUnmounted, Teleport, reactive, onUpdated, computed, unref, onMounted, nextTick, toRaw, watch, openBlock, createBlock, createVNode, withCtx, Transition, createElementVNode, createElementBlock, Fragment, renderList, normalizeClass, toDisplayString, createCommentVNode, renderSlot, resolveDynamicComponent, mergeProps, createTextVNode, normalizeProps, useAttrs, shallowRef, withModifiers, TransitionGroup, withDirectives, vShow, normalizeStyle, getCurrentInstance, vModelText, resolveComponent, Comment as Comment$1, Text, useSlots } from "vue";
 var axios$2 = { exports: {} };
 var bind$2 = function bind(fn, thisArg) {
   return function wrap() {
@@ -1304,11 +1259,66 @@ axios$1.isAxiosError = isAxiosError;
 axios$2.exports = axios$1;
 axios$2.exports.default = axios$1;
 var axios = axios$2.exports;
-const apiDelayResponseIntercept = (result) => {
-  const delay = result.config.withDelay || 0;
+const HTTP_ERROR = "HttpError";
+const HTTP_CANCELLED_ERROR = "HttpCanceledError";
+class HttpError extends Error {
+  constructor(message, status, response, name) {
+    super(message || "");
+    this.name = name || HTTP_ERROR;
+    this.status = status || 0;
+    this.response = response;
+  }
+}
+function useSpinnerDisplay() {
+  const idx = ref(0);
+  const loading = ref(false);
+  const maxIdx = ref(0);
+  const messages = ref([]);
+  const msg = ref("");
+  const showMsg = ref(false);
+  const show = (spinMessages = []) => {
+    if (spinMessages) {
+      messages.value = spinMessages;
+      maxIdx.value = spinMessages.length - 1;
+      msg.value = messages.value[idx.value];
+      showMsg.value = true;
+    }
+    loading.value = true;
+  };
+  const hide = () => {
+    idx.value = 0;
+    maxIdx.value = 0;
+    messages.value = [];
+    msg.value = "";
+    loading.value = false;
+  };
+  return {
+    idx,
+    loading,
+    maxIdx,
+    messages,
+    msg,
+    showMsg,
+    show,
+    hide
+  };
+}
+let appSpinner = void 0;
+function useAppSpinnerDisplay() {
+  if (appSpinner === void 0) {
+    appSpinner = useSpinnerDisplay();
+  }
+  return appSpinner;
+}
+const useAppSpinner = (() => {
+  const { show, hide } = useAppSpinnerDisplay();
+  return { show, hide };
+})();
+const apiDelayReqIntercept = (config) => {
+  const delay = config.withDelay || 0;
   return new Promise((resolve) => {
     setTimeout(() => {
-      resolve(result);
+      resolve(config);
     }, Math.max(delay, 0));
   });
 };
@@ -1317,43 +1327,77 @@ const apiAxiosInstance = axios.create({
   responseType: "json",
   withCredentials: true
 });
-apiAxiosInstance.interceptors.response.use(apiDelayResponseIntercept);
+apiAxiosInstance.interceptors.request.use(apiDelayReqIntercept);
+const httpRequest = (config, opts) => {
+  const options = {
+    skipLoader: false,
+    withDelay: 0,
+    ...opts
+  };
+  const wait = window.setTimeout(() => {
+    if (options.skipLoader !== true) {
+      useAppSpinner.show();
+    }
+  }, 200);
+  return apiAxiosInstance({ ...config, ...opts }).then((success) => {
+    return success.data;
+  }).catch((err) => {
+    var _a, _b;
+    if (axios.isAxiosError(err)) {
+      throw new HttpError(
+        err.message,
+        (_a = err.response) == null ? void 0 : _a.status,
+        (_b = err.response) == null ? void 0 : _b.data,
+        axios.isCancel(err) ? "HttpCanceledError" : void 0
+      );
+    }
+    if (err instanceof Error) {
+      throw new HttpError(err.message, 0);
+    }
+    throw new HttpError("An unknown error has occurred.", 0);
+  }).finally(() => {
+    if (options.skipLoader !== true) {
+      useAppSpinner.hide();
+    }
+    window.clearTimeout(wait);
+  });
+};
 const BaseAPI = {
-  makeRequest(config, opts) {
-    const wait = window.setTimeout(() => {
-      if (!opts.skipLoader) {
-        useAppSpinner.show();
-      }
-    }, 200);
-    return apiAxiosInstance({ ...config, ...opts }).then((success) => {
-      var _a;
-      return {
-        data: ((_a = success.data) == null ? void 0 : _a.data) || {},
-        status: success.status
-      };
-    }).finally(() => {
-      if (!opts.skipLoader)
-        useAppSpinner.hide();
-      window.clearTimeout(wait);
-    });
-  },
   get(path, opts, params) {
-    return this.makeRequest({ url: path, method: "GET", params }, opts);
+    return httpRequest({ url: path, method: "GET", params }, opts || {});
   },
   delete(path, opts) {
-    return this.makeRequest({ url: path, method: "DELETE" }, opts);
+    return httpRequest({ url: path, method: "DELETE" }, opts || {});
+  },
+  hasErrStatus(err, codes) {
+    if (typeof codes === "number") {
+      codes = [codes];
+    }
+    if (this.isHttpError(err)) {
+      return codes.includes(err.status);
+    }
+    return false;
+  },
+  isHttpCancel(err) {
+    return this.isHttpError(err) && err.name === HTTP_CANCELLED_ERROR;
+  },
+  isHttpError(err) {
+    return err instanceof HttpError;
+  },
+  patch(path, data2, opts) {
+    return httpRequest({ url: path, data: data2, method: "PATCH" }, opts || {});
   },
   post(path, data2, opts) {
-    return this.makeRequest({ url: path, data: data2, method: "POST" }, opts);
+    return httpRequest({ url: path, data: data2, method: "POST" }, opts || {});
   },
   put(path, data2, opts) {
-    return this.makeRequest(
+    return httpRequest(
       {
         url: path,
         data: data2,
         method: "PUT"
       },
-      opts
+      opts || {}
     );
   }
 };
@@ -4996,7 +5040,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
           createVNode(unref(Dialog), {
             as: "div",
             static: "",
-            class: "fixed z-10 inset-0 overflow-y-auto",
+            class: "fixed z-30 inset-0 overflow-y-auto",
             onClose: _cache[1] || (_cache[1] = ($event) => updateModelValue3(false)),
             open: __props.modelValue
           }, {
@@ -7434,7 +7478,6 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
 });
 function useBaseAPI(path, method = "GET", initOpts = {}) {
   const result = ref();
-  const status = ref();
   const error = shallowRef();
   const hasFetched = ref(false);
   const isFinished = ref(false);
@@ -7455,30 +7498,24 @@ function useBaseAPI(path, method = "GET", initOpts = {}) {
     isFinished.value = false;
     isLoading.value = true;
     const requestConfig = {
-      data: ["POST", "post", "PUT", "put"].includes(method) ? data2 : {},
+      data: ["PATCH", "patch", "POST", "post", "PUT", "put"].includes(method) ? data2 : {},
       method,
       params: ["GET", "get"].includes(method) ? data2 : {},
       signal: controller.signal,
       url: path
     };
-    return BaseAPI.makeRequest(requestConfig, { ...initOpts, ...opts }).then(
+    return httpRequest(requestConfig, { ...initOpts, ...opts }).then(
       (success) => {
-        result.value = success.data;
-        status.value = success.status;
+        result.value = success;
         error.value = void 0;
         isAborted.value = false;
         return success;
       },
       (err) => {
-        var _a;
         error.value = err;
-        status.value = 0;
-        if (axios.isCancel(err)) {
+        if (BaseAPI.isHttpCancel(err)) {
           isAborted.value = true;
         }
-        if (axios.isAxiosError(err)) {
-          status.value = ((_a = err.response) == null ? void 0 : _a.status) || 0;
-        }
         throw err;
       }
     ).finally(() => {
@@ -7494,7 +7531,6 @@ function useBaseAPI(path, method = "GET", initOpts = {}) {
   }
   return {
     result,
-    status,
     error,
     isFinished,
     isLoading,
@@ -7855,7 +7891,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
   }
 });
 var Flash_vue_vue_type_style_index_0_lang = "";
-const _hoisted_1$j = { class: "fixed inset-0 flex flex-col items-end justify-end px-4 py-6 pointer-events-none sm:p-6 z-40" };
+const _hoisted_1$j = { class: "fixed inset-0 flex flex-col items-end justify-end px-4 py-6 pointer-events-none sm:p-6 z-[45]" };
 const _hoisted_2$g = { class: "rounded-lg ring-1 ring-black ring-opacity-5 overflow-hidden" };
 const _hoisted_3$f = { class: "p-4" };
 const _hoisted_4$d = { class: "flex items-center" };
@@ -7896,47 +7932,52 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
       loadWindowFlashes(flasher);
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$j, [
-        createVNode(TransitionGroup, {
-          tag: "div",
-          class: "max-w-sm space-y-2 w-full",
-          "enter-active-class": "ease-out duration-300",
-          "enter-from-class": "translate-y-2 opacity-0 sm:translate-y-0 sm:translate-x-2",
-          "enter-to-class": "translate-y-0 opacity-100 sm:translate-x-0",
-          "leave-active-class": "ease-in duration-100",
-          "leave-from-class": "opacity-100",
-          "leave-to-class": "opacity-0"
-        }, {
-          default: withCtx(() => [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(flashes), ([id2, flash]) => {
-              return openBlock(), createElementBlock("div", {
-                key: flash.message,
-                class: normalizeClass(["bg-white shadow-lg rounded-lg pointer-events-auto border-t-4 transform", [getFlashClass(flash.type)]])
-              }, [
-                createElementVNode("div", _hoisted_2$g, [
-                  createElementVNode("div", _hoisted_3$f, [
-                    createElementVNode("div", _hoisted_4$d, [
-                      createElementVNode("div", _hoisted_5$c, [
-                        createElementVNode("p", {
-                          class: "w-0 flex-1 text-sm leading-5 font-medium text-gray-900",
-                          innerHTML: flash.message
-                        }, null, 8, _hoisted_6$a)
-                      ]),
-                      createElementVNode("div", _hoisted_7$9, [
-                        createElementVNode("button", {
-                          onClick: ($event) => unref(flasher).remove(id2),
-                          class: "inline-flex text-gray-400 focus:outline-none focus:text-gray-500 transition ease-in-out duration-150"
-                        }, _hoisted_10$7, 8, _hoisted_8$7)
+      return openBlock(), createBlock(unref(Portal), null, {
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_1$j, [
+            createVNode(TransitionGroup, {
+              tag: "div",
+              class: "max-w-sm space-y-2 w-full",
+              "enter-active-class": "ease-out duration-300",
+              "enter-from-class": "translate-y-2 opacity-0 sm:translate-y-0 sm:translate-x-2",
+              "enter-to-class": "translate-y-0 opacity-100 sm:translate-x-0",
+              "leave-active-class": "ease-in duration-100",
+              "leave-from-class": "opacity-100",
+              "leave-to-class": "opacity-0"
+            }, {
+              default: withCtx(() => [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(unref(flashes), ([id2, flash]) => {
+                  return openBlock(), createElementBlock("div", {
+                    key: flash.message,
+                    class: normalizeClass(["bg-white shadow-lg rounded-lg pointer-events-auto border-t-4 transform z-10", [getFlashClass(flash.type)]])
+                  }, [
+                    createElementVNode("div", _hoisted_2$g, [
+                      createElementVNode("div", _hoisted_3$f, [
+                        createElementVNode("div", _hoisted_4$d, [
+                          createElementVNode("div", _hoisted_5$c, [
+                            createElementVNode("p", {
+                              class: "w-0 flex-1 text-sm leading-5 font-medium text-gray-900",
+                              innerHTML: flash.message
+                            }, null, 8, _hoisted_6$a)
+                          ]),
+                          createElementVNode("div", _hoisted_7$9, [
+                            createElementVNode("button", {
+                              onClick: ($event) => unref(flasher).remove(id2),
+                              class: "inline-flex text-gray-400 focus:outline-none focus:text-gray-500 transition ease-in-out duration-150"
+                            }, _hoisted_10$7, 8, _hoisted_8$7)
+                          ])
+                        ])
                       ])
                     ])
-                  ])
-                ])
-              ], 2);
-            }), 128))
-          ]),
-          _: 1
-        })
-      ]);
+                  ], 2);
+                }), 128))
+              ]),
+              _: 1
+            })
+          ])
+        ]),
+        _: 1
+      });
     };
   }
 });
@@ -8061,7 +8102,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
           createVNode(unref(Dialog), {
             as: "div",
             static: "",
-            class: "fixed z-10 inset-0 overflow-y-auto",
+            class: "fixed z-30 inset-0 overflow-y-auto",
             onClose: _cache[3] || (_cache[3] = ($event) => updateModelValue3(false)),
             open: __props.modelValue
           }, {
@@ -8151,7 +8192,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
 const _hoisted_1$h = { class: "aspect-square overflow-hidden" };
 const _hoisted_2$e = { class: "flex justify-center relative" };
 const _hoisted_3$d = { class: "sr-only" };
-const _hoisted_4$b = /* @__PURE__ */ createElementVNode("div", { class: "animate-spin-gear" }, [
+const _hoisted_4$b = /* @__PURE__ */ createElementVNode("div", { class: "animate-spin-gear drop-shadow-md" }, [
   /* @__PURE__ */ createElementVNode("svg", {
     width: "100%",
     height: "100%",
@@ -8247,7 +8288,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1$g = {
   key: 0,
-  class: "fixed top-0 left-0 flex flex-col items-center justify-center w-full h-full cursor-not-allowed z-50 bg-gray-50 bg-opacity-50"
+  class: "fixed top-0 left-0 flex flex-col items-center justify-center w-full h-full cursor-not-allowed z-40 bg-gray-50 bg-opacity-50"
 };
 const _hoisted_2$d = { class: "mt-2" };
 const _sfc_main$i = /* @__PURE__ */ defineComponent({
@@ -8269,31 +8310,36 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
       }, 2500);
     };
     return (_ctx, _cache) => {
-      return unref(loading) ? (openBlock(), createElementBlock("div", _hoisted_1$g, [
-        createVNode(_sfc_main$j, { class: "w-32 h-32" }),
-        withDirectives(createElementVNode("div", _hoisted_2$d, [
-          createVNode(Transition, {
-            appear: "",
-            "enter-active-class": "ease-out duration-1000",
-            "enter-from-class": "opacity-0",
-            "enter-to-class": "opacity-100",
-            "leave-active-class": "ease-in duration-500",
-            "leave-from-class": "opacity-100",
-            "leave-to-class": "opacity-0",
-            onAfterEnter: fadeOut,
-            onAfterLeave: fadeIn
-          }, {
-            default: withCtx(() => [
-              withDirectives(createElementVNode("div", { class: "container font-medium text-lg leading-snug text-center transition-opacity" }, toDisplayString(unref(msg)), 513), [
-                [vShow, unref(showMsg)]
-              ])
-            ]),
-            _: 1
-          })
-        ], 512), [
-          [vShow, unref(messages)]
-        ])
-      ])) : createCommentVNode("", true);
+      return openBlock(), createBlock(unref(Portal), null, {
+        default: withCtx(() => [
+          unref(loading) ? (openBlock(), createElementBlock("div", _hoisted_1$g, [
+            createVNode(_sfc_main$j, { class: "w-32 h-32" }),
+            withDirectives(createElementVNode("div", _hoisted_2$d, [
+              createVNode(Transition, {
+                appear: "",
+                "enter-active-class": "ease-out duration-1000",
+                "enter-from-class": "opacity-0",
+                "enter-to-class": "opacity-100",
+                "leave-active-class": "ease-in duration-500",
+                "leave-from-class": "opacity-100",
+                "leave-to-class": "opacity-0",
+                onAfterEnter: fadeOut,
+                onAfterLeave: fadeIn
+              }, {
+                default: withCtx(() => [
+                  withDirectives(createElementVNode("div", { class: "container font-medium text-lg leading-snug text-center transition-opacity" }, toDisplayString(unref(msg)), 513), [
+                    [vShow, unref(showMsg)]
+                  ])
+                ]),
+                _: 1
+              })
+            ], 512), [
+              [vShow, unref(messages)]
+            ])
+          ])) : createCommentVNode("", true)
+        ]),
+        _: 1
+      });
     };
   }
 });
@@ -8353,7 +8399,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
               createVNode(unref(Dialog), {
                 as: "div",
                 static: "",
-                class: "fixed inset-0 flex z-40 md:hidden",
+                class: "fixed inset-0 flex z-10 md:hidden",
                 onClose: _cache[1] || (_cache[1] = ($event) => sidebarOpen.value = false),
                 open: sidebarOpen.value
               }, {
@@ -8824,7 +8870,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
           createVNode(unref(Dialog), {
             as: "div",
             static: "",
-            class: "fixed inset-0 z-40 overflow-hidden bg-black bg-opacity-50",
+            class: "fixed inset-0 z-20 overflow-hidden bg-black bg-opacity-50",
             onClose: _cache[1] || (_cache[1] = ($event) => close2()),
             open: __props.modelValue
           }, {
@@ -9440,7 +9486,11 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
         sortDir: currentSortDirection.value,
         q: query.value
       };
-      BaseAPI.get(props.tableData.url, { skipLoader: !props.loader }, params).then(
+      BaseAPI.get(
+        props.tableData.url,
+        { skipLoader: !props.loader },
+        params
+      ).then(
         (success) => {
           pagination.value = {
             page: success.data.page,