@xy-planning-network/trees 0.4.9-rc-4 → 0.5.0

package/README.md

@@ -278,7 +278,7 @@ import TreesFormComponents from "./plugins/trees"
 // import your project's main stylesheet
 import "@/main.css"
 
-// initialize mitt on VueBus for flashes support
+// initialize mitt on VueBus for event support
 window.VueBus = Mitt()
 
 // initialize the app

package/dist/trees.es.js

@@ -59,13 +59,10 @@ function useAppSpinnerDisplay() {
   }
   return appSpinner;
 }
-function useAppSpinner() {
+const useAppSpinner = (() => {
   const { show, hide } = useAppSpinnerDisplay();
-  return {
-    show,
-    hide
-  };
-}
+  return { show, hide };
+})();
 var axios$2 = { exports: {} };
 var bind$2 = function bind(fn, thisArg) {
   return function wrap() {
@@ -1311,12 +1308,12 @@ const BaseAPI = {
   makeRequest(config, opts) {
     const wait = window.setTimeout(() => {
       if (!opts.skipLoader) {
-        useAppSpinner().show();
+        useAppSpinner.show();
       }
     }, 200);
     return apiAxiosInstance(__spreadValues(__spreadValues({}, config), opts)).then((success) => success.data).finally(() => {
       if (!opts.skipLoader)
-        useAppSpinner().hide();
+        useAppSpinner.hide();
       window.clearTimeout(wait);
     });
   },
@@ -7568,9 +7565,23 @@ function useAppFlashes() {
   }
   return appFlashes;
 }
-function useAppFlasher() {
-  return useAppFlashes().flasher;
-}
+const useAppFlasher = {
+  error(msg, persistent) {
+    useAppFlashes().flasher.error(msg, persistent);
+  },
+  info(msg, persistent) {
+    useAppFlashes().flasher.warning(msg, persistent);
+  },
+  success(msg, persistent) {
+    useAppFlashes().flasher.info(msg, persistent);
+  },
+  warning(msg, persistent) {
+    useAppFlashes().flasher.success(msg, persistent);
+  },
+  genericError(email, persistent) {
+    useAppFlashes().flasher.genericError(email, persistent);
+  }
+};
 const _hoisted_1$m = { class: "px-4 flex items-center justify-between sm:px-0" };
 const _hoisted_2$h = { class: "w-0 flex-1 flex" };
 const _hoisted_3$g = /* @__PURE__ */ createElementVNode("svg", {
@@ -7723,7 +7734,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
         if (checkForContent)
           hasContent.value = items.value.length != 0;
       }, () => {
-        useAppFlasher().genericError();
+        useAppFlasher.genericError();
       });
     };
     watch([sortDir, dateRange], () => {
@@ -7825,12 +7836,6 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
       }
     };
     onMounted(() => {
-      window.VueBus.on("Flash-show-message", (flash) => {
-        flasher.flash(flash);
-      });
-      window.VueBus.on("Flash-show-generic-error", (email) => {
-        flasher.genericError(email);
-      });
       loadWindowFlashes(flasher);
     });
     return (_ctx, _cache) => {
@@ -8190,7 +8195,7 @@ const _hoisted_1$g = {
 const _hoisted_2$d = { class: "mt-2" };
 const _sfc_main$i = /* @__PURE__ */ defineComponent({
   setup(__props) {
-    const { idx, loading, maxIdx, messages, msg, showMsg, show, hide } = useAppSpinnerDisplay();
+    const { idx, loading, maxIdx, messages, msg, showMsg } = useAppSpinnerDisplay();
     const fadeIn = () => {
       idx.value++;
       if (idx.value > maxIdx.value) {
@@ -8206,14 +8211,6 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
         showMsg.value = false;
       }, 2500);
     };
-    onMounted(() => {
-      window.VueBus.on("Spinner-show", (spinMessages) => {
-        show(spinMessages);
-      });
-      window.VueBus.on("Spinner-hide", () => {
-        hide();
-      });
-    });
     return (_ctx, _cache) => {
       return unref(loading) ? (openBlock(), createElementBlock("div", _hoisted_1$g, [
         createVNode(_sfc_main$j, { class: "w-32 h-32" }),
@@ -9385,7 +9382,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
         };
         items.value = success.data.items;
       }, () => {
-        useAppFlasher().genericError();
+        useAppFlasher.genericError();
       });
     };
     const reloadTable = () => {
@@ -9920,7 +9917,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   setup(__props, { emit }) {
     const props = __props;
     const attrs = useAttrs();
-    const uuid = attrs.id || Uniques.CreateIdAttribute();
+    const uuid = Uniques.CreateIdAttribute();
     const internalState = ref();
     const invalid = ref();
     const checked = computed(() => {
@@ -10024,13 +10021,14 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                             class: "font-semibold leading-snug mt-4 text-gray-900 text-sm"
                           }, {
                             default: withCtx(() => [
-                              createTextVNode(toDisplayString(option.sublabel) + " ", 1),
                               renderSlot(_ctx.$slots, "sublabel", {
                                 active,
                                 checked: checked2,
                                 disabled,
                                 option
-                              })
+                              }, () => [
+                                createTextVNode(toDisplayString(option.sublabel), 1)
+                              ])
                             ]),
                             _: 2
                           }, 1024)