@ws-ui/http-handlers-editor 1.11.3-rc1 → 1.11.3-rc2

package/dist/index.es.js

@@ -1,22 +1,20 @@
 import { jsx as e, jsxs as o, Fragment as G } from "react/jsx-runtime";
-import { ChakraProvider as he } from "@chakra-ui/react";
-import { useSensors as me, useSensor as X, PointerSensor as ge, KeyboardSensor as xe, DndContext as fe, closestCenter as ye, DragOverlay as be } from "@dnd-kit/core";
-import { useSortable as ve, sortableKeyboardCoordinates as Ne, SortableContext as we, verticalListSortingStrategy as Ee, arrayMove as Ce } from "@dnd-kit/sortable";
-import { FdWarningDanger as j, FdRegex as De, FdUnRegex as Te, FdDuplicate as te, FdPen as He, FdTrash as Re, FdCloseNaked as q, FdInfoCircle as ne, FdCheckCircle as Pe, FdClose as Se, FdDragHandle as ke, FdDown as K, FdEmpty as J, FdCode as Ie, FdPlus as Y } from "@ws-ui/icons";
-import { useAppDispatch as B, switchEditor as Ae, useAppSelector as W, selectCatalog as re, openModal as ae, selectTabByPath as _e, setContent as Le, ReduxProvider as Fe, getStore as Oe } from "@ws-ui/store";
-import { ToolbarIcon as $e, chakraTheme as je } from "@ws-ui/webform-editor";
-import { createContext as Ge, useReducer as qe, useEffect as O, useContext as Be, useState as _, Fragment as se, useMemo as Ue } from "react";
+import { useSensors as he, useSensor as X, PointerSensor as me, KeyboardSensor as ge, DndContext as xe, closestCenter as fe, DragOverlay as ye } from "@dnd-kit/core";
+import { useSortable as be, sortableKeyboardCoordinates as ve, SortableContext as Ne, verticalListSortingStrategy as we, arrayMove as Ee } from "@dnd-kit/sortable";
+import { FdWarningDanger as j, FdRegex as Ce, FdUnRegex as De, FdDuplicate as te, FdPen as Te, FdTrash as He, FdCloseNaked as q, FdInfoCircle as ne, FdCheckCircle as Re, FdClose as Pe, FdDragHandle as Se, FdDown as K, FdEmpty as J, FdCode as Ie, FdPlus as Y } from "@ws-ui/icons";
+import { useAppDispatch as B, switchEditor as ke, useAppSelector as W, selectCatalog as re, openModal as ae, selectTabByPath as Ae, setContent as _e, ReduxProvider as Le, getStore as Fe } from "@ws-ui/store";
+import { createContext as Oe, useReducer as $e, useEffect as O, useContext as je, useState as _, Fragment as se, useMemo as Ge } from "react";
 import { generate as V } from "short-uuid";
 import { z as A } from "zod";
-import { CSS as ze } from "@dnd-kit/utilities";
-import { Combobox as S, Transition as le } from "@headlessui/react";
-import { Tooltip as E, ModalColor as ie, ModalType as oe, useHotkeys as Me, ControlledSwitch as Ve, HTTP_HANDLERS_TAB_PATH as Ke } from "@ws-ui/shared";
+import { ToolbarIcon as qe, Tooltip as E, ModalColor as le, ModalType as ie, useHotkeys as Be, ControlledSwitch as Ue, HTTP_HANDLERS_TAB_PATH as ze } from "@ws-ui/shared";
+import { CSS as Me } from "@dnd-kit/utilities";
+import { Combobox as S, Transition as oe } from "@headlessui/react";
 import C from "classnames";
 import { useMultipleSelection as F, useCombobox as L } from "downshift";
-import { omit as de, isEqual as Je } from "lodash";
-import { Subject as We } from "rxjs";
+import { omit as de, isEqual as Ve } from "lodash";
+import { Subject as Ke } from "rxjs";
 import Z from "randexp";
-const Qe = ({
+const Je = ({
   label: t,
   Icon: a,
   tab: r,
@@ -25,14 +23,14 @@ const Qe = ({
 }) => {
   const x = B();
   return /* @__PURE__ */ e(
-    $e,
+    qe,
     {
       label: t,
       Icon: a,
       as: "button",
       onClick: () => {
         c == null || c(), x(
-          Ae({
+          ke({
             tab: r,
             editor: i
           })
@@ -40,7 +38,7 @@ const Qe = ({
       }
     }
   );
-}, ce = Ge(void 0), $ = new We(), Xe = (t, a) => {
+}, ce = Oe(void 0), $ = new Ke(), We = (t, a) => {
   switch (a.type) {
     case "UPDATE_HANDLERS":
       return {
@@ -129,7 +127,7 @@ const Qe = ({
     default:
       throw new Error("Unknown action type");
   }
-}, Ye = ({
+}, Qe = ({
   children: t,
   content: a
 }) => {
@@ -137,7 +135,7 @@ const Qe = ({
     content: a,
     editing: null,
     newlyCreatedHandlerID: null
-  }, [i, c] = qe(Xe, r);
+  }, [i, c] = $e(We, r);
   return O(() => {
     c({
       type: "SYNC_DATA",
@@ -145,11 +143,11 @@ const Qe = ({
     });
   }, [a]), /* @__PURE__ */ e(ce.Provider, { value: { state: i, dispatch: c }, children: t });
 }, Q = () => {
-  const t = Be(ce);
+  const t = je(ce);
   if (!t)
     throw new Error("useHTTPHandlers must be used within a HandlerProvider");
   return t;
-}, Ze = ({ initialSelectedItems: t, onChange: a, touched: r, onBlur: i }) => {
+}, Xe = ({ initialSelectedItems: t, onChange: a, touched: r, onBlur: i }) => {
   const c = ["GET", "POST", "PUT", "DELETE"];
   function x(h, u) {
     const N = u.toLowerCase();
@@ -161,7 +159,7 @@ const Qe = ({
   O(() => {
     n(t);
   }, [t]);
-  const l = Ue(
+  const l = Ge(
     () => x(d, f),
     [d, f]
   ), { getSelectedItemProps: p, getDropdownProps: b, removeSelectedItem: v } = F({
@@ -179,7 +177,7 @@ const Qe = ({
   }), {
     isOpen: y,
     getToggleButtonProps: w,
-    getMenuProps: k,
+    getMenuProps: I,
     getInputProps: D,
     highlightedIndex: T,
     getItemProps: H,
@@ -305,7 +303,7 @@ const Qe = ({
       "ul",
       {
         className: `ring-primary-dark bg-grey-900 text-s absolute z-10 w-full rounded-b ring-1 p-1 text-white ${!(y && l.length) && "hidden"}`,
-        ...k(),
+        ...I(),
         children: y && l.map((h, u) => /* @__PURE__ */ e(
           "li",
           {
@@ -322,7 +320,7 @@ const Qe = ({
       }
     )
   ] });
-}, et = ({
+}, Ye = ({
   value: t,
   options: a,
   errorMessage: r = "",
@@ -389,7 +387,7 @@ const Qe = ({
           }
         ),
         /* @__PURE__ */ e(
-          le,
+          oe,
           {
             as: se,
             leave: "transition ease-in durati pb-0.5on-100",
@@ -420,7 +418,7 @@ const Qe = ({
     },
     t
   );
-}, tt = ({
+}, Ze = ({
   value: t,
   options: a,
   onChange: r,
@@ -493,7 +491,7 @@ const Qe = ({
       }
     ),
     /* @__PURE__ */ e(
-      le,
+      oe,
       {
         as: se,
         leave: "transition ease-in duration-100",
@@ -524,7 +522,7 @@ const Qe = ({
       }
     )
   ] }) });
-}, pe = ({ listeners: t, attributes: a }) => /* @__PURE__ */ e("button", { ...a, ...t, children: /* @__PURE__ */ e(ke, {}) }), ue = (t) => {
+}, pe = ({ listeners: t, attributes: a }) => /* @__PURE__ */ e("button", { ...a, ...t, children: /* @__PURE__ */ e(Se, {}) }), ue = (t) => {
   var r;
   if (!t) return "";
   let a;
@@ -535,7 +533,7 @@ const Qe = ({
     a = "";
   }
   return `Requests matching regex will be handled example: ${a}`;
-}, nt = ({
+}, et = ({
   id: t,
   class: a,
   method: r,
@@ -557,14 +555,14 @@ const Qe = ({
   }), p = W(re), b = Object.values((p == null ? void 0 : p.singletons) || {}), v = (P = b.find((s) => s.name === n.className)) == null ? void 0 : P.methods.map(({ name: s, exposed: m }) => ({ name: s, exposed: m })), {
     dispatch: y,
     state: { newlyCreatedHandlerID: w }
-  } = Q(), k = B();
+  } = Q(), I = B();
   function D() {
-    const { className: s, method: m, asRegex: I, regexPattern: U, pattern: z, verbs: M } = n;
-    return !!(s && m && (I ? U : !z.endsWith("/")) && M.length);
+    const { className: s, method: m, asRegex: k, regexPattern: U, pattern: z, verbs: M } = n;
+    return !!(s && m && (k ? U : !z.endsWith("/")) && M.length);
   }
   function T() {
     if (D()) {
-      const { className: s, method: m, asRegex: I, regexPattern: U, pattern: z, verbs: M } = n;
+      const { className: s, method: m, asRegex: k, regexPattern: U, pattern: z, verbs: M } = n;
       y({
         type: "UPDATE_HANDLER",
         id: t,
@@ -572,8 +570,8 @@ const Qe = ({
           class: s,
           method: m,
           verbs: M,
-          asRegex: I,
-          ...I ? { regexPattern: U } : { pattern: z }
+          asRegex: k,
+          ...k ? { regexPattern: U } : { pattern: z }
         }
       }), y({ type: "SET_EDITING_HANDLER", payload: null });
     }
@@ -590,23 +588,23 @@ const Qe = ({
       y({ type: "DELETE_HANDLER", id: `${w}` }), y({ type: "SET_EDITING_HANDLER", payload: null });
       return;
     }
-    if (!Je(s, m)) {
-      const { confirmed: I } = await k(
+    if (!Ve(s, m)) {
+      const { confirmed: k } = await I(
         ae({
           title: "Cancel Changes",
-          type: oe.CONFIRM,
-          color: ie.DANGER,
+          type: ie.CONFIRM,
+          color: le.DANGER,
           message: "Are you sure you want to cancel changes made to this Handler?",
           icon: "FdWarningDanger"
         })
       ).unwrap();
-      if (I) {
+      if (k) {
         w === t && y({ type: "DELETE_HANDLER", id: t }), y({ type: "SET_EDITING_HANDLER", payload: null });
         return;
       }
     }
   };
-  Me(
+  Be(
     "esc",
     () => {
       setTimeout(() => {
@@ -650,7 +648,7 @@ const Qe = ({
         "grab-handle"
       ),
       /* @__PURE__ */ e(
-        et,
+        Ye,
         {
           value: n.className,
           onChange: (s) => {
@@ -664,7 +662,7 @@ const Qe = ({
       )
     ] }),
     /* @__PURE__ */ e("div", { className: "w-60 flex-shrink-0", children: /* @__PURE__ */ e(
-      tt,
+      Ze,
       {
         value: n.method,
         onChange: (s) => {
@@ -737,12 +735,12 @@ const Qe = ({
       )
     ] }),
     /* @__PURE__ */ e("div", { className: "w-20 px-2 flex justify-center", children: /* @__PURE__ */ e(
-      Ve,
+      Ue,
       {
         value: !!n.asRegex,
         onChange: (s) => {
           const m = s ? { regexPattern: i, asRegex: s } : { pattern: x, asRegex: s };
-          l((I) => ({ ...I, ...m }));
+          l((k) => ({ ...k, ...m }));
         },
         className: `${n.asRegex ? "bg-primary-dark" : "bg-grey-300"}
 relative inline-flex h-5 w-8 shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out focus:outline-none focus-visible:ring-2  focus-visible:ring-white focus-visible:ring-opacity-75`,
@@ -758,7 +756,7 @@ pointer-events-none inline-block h-4 w-4 transform rounded-full bg-white ring-0
     ) }),
     /* @__PURE__ */ o("div", { className: "flex flex-1 items-center", children: [
       /* @__PURE__ */ e(
-        Ze,
+        Xe,
         {
           initialSelectedItems: n.verbs || [],
           onChange: (s) => {
@@ -788,7 +786,7 @@ pointer-events-none inline-block h-4 w-4 transform rounded-full bg-white ring-0
               }
             ),
             onClick: T,
-            children: /* @__PURE__ */ e(Pe, {})
+            children: /* @__PURE__ */ e(Re, {})
           }
         ) }),
         /* @__PURE__ */ e(E, { label: "Cancel Changes", className: "px-1 py-3", children: /* @__PURE__ */ e(
@@ -796,7 +794,7 @@ pointer-events-none inline-block h-4 w-4 transform rounded-full bg-white ring-0
           {
             className: "hover:bg-primary-hover rounded p-1 text-gray-100 hover:text-white active:outline-none",
             onClick: H,
-            children: /* @__PURE__ */ e(Se, {})
+            children: /* @__PURE__ */ e(Pe, {})
           }
         ) })
       ] })
@@ -813,17 +811,17 @@ pointer-events-none inline-block h-4 w-4 transform rounded-full bg-white ring-0
   asRegex: g
 }) => {
   var P;
-  const { attributes: d, listeners: n, setNodeRef: l, transform: p, transition: b } = ve({ id: t }), v = {
-    transform: ze.Transform.toString(p),
+  const { attributes: d, listeners: n, setNodeRef: l, transform: p, transition: b } = be({ id: t }), v = {
+    transform: Me.Transform.toString(p),
     transition: b
   }, {
     dispatch: y,
     state: { editing: w }
-  } = Q(), k = B(), D = g ? f : i, T = W(re), H = Object.values((T == null ? void 0 : T.singletons) || {}), R = (P = H == null ? void 0 : H.find((s) => s.name === a)) == null ? void 0 : P.methods.map(({ name: s, exposed: m }) => ({ name: s, exposed: m })), h = H == null ? void 0 : H.find(
+  } = Q(), I = B(), D = g ? f : i, T = W(re), H = Object.values((T == null ? void 0 : T.singletons) || {}), R = (P = H == null ? void 0 : H.find((s) => s.name === a)) == null ? void 0 : P.methods.map(({ name: s, exposed: m }) => ({ name: s, exposed: m })), h = H == null ? void 0 : H.find(
     (s) => s.name === a
   ), u = R == null ? void 0 : R.find((s) => s.name === r), N = u && u.exposed;
   return /* @__PURE__ */ e("div", { className: "odd:bg-grey-500", ref: l, style: v, children: w === t ? /* @__PURE__ */ e(
-    nt,
+    et,
     {
       id: t,
       class: a,
@@ -913,7 +911,7 @@ pointer-events-none inline-block h-4 w-4 transform rounded-full bg-white ring-0
             children: /* @__PURE__ */ e("span", { children: D })
           }
         ) : /* @__PURE__ */ e("span", { className: "text-grey-200 italic", children: "/" }) }),
-        /* @__PURE__ */ e("div", { className: "px-5 w-20 flex justify-center text-grey-200", children: g ? /* @__PURE__ */ e(De, {}) : /* @__PURE__ */ e(Te, {}) }),
+        /* @__PURE__ */ e("div", { className: "px-5 w-20 flex justify-center text-grey-200", children: g ? /* @__PURE__ */ e(Ce, {}) : /* @__PURE__ */ e(De, {}) }),
         /* @__PURE__ */ o("div", { className: "flex flex-1 items-center", children: [
           /* @__PURE__ */ e("div", { className: "text-s  w-full", children: c.length ? c.join(",") : /* @__PURE__ */ e("span", { className: "text-grey-200 italic", children: "undefined" }) }),
           /* @__PURE__ */ o("div", { className: "flex items-center gap-0.5 px-2", children: [
@@ -932,7 +930,7 @@ pointer-events-none inline-block h-4 w-4 transform rounded-full bg-white ring-0
                 onClick: () => {
                   $.next(w), y({ type: "SET_EDITING_HANDLER", payload: t });
                 },
-                children: /* @__PURE__ */ e(He, {})
+                children: /* @__PURE__ */ e(Te, {})
               }
             ) }),
             /* @__PURE__ */ e(E, { label: "Delete Handler", className: "px-1 py-3", placement: "top-end", children: /* @__PURE__ */ e(
@@ -940,18 +938,18 @@ pointer-events-none inline-block h-4 w-4 transform rounded-full bg-white ring-0
               {
                 className: "hover:bg-primary-hover rounded p-1 text-gray-100 hover:text-white active:outline-none",
                 onClick: async () => {
-                  const { confirmed: s } = await k(
+                  const { confirmed: s } = await I(
                     ae({
                       title: "Delete Handler",
-                      type: oe.CONFIRM,
-                      color: ie.DANGER,
+                      type: ie.CONFIRM,
+                      color: le.DANGER,
                       message: "Are you sure you want to remove this Handler?",
                       icon: "FdWarningDanger"
                     })
                   ).unwrap();
                   s && y({ type: "DELETE_HANDLER", id: t });
                 },
-                children: /* @__PURE__ */ e(Re, {})
+                children: /* @__PURE__ */ e(He, {})
               }
             ) })
           ] })
@@ -959,32 +957,32 @@ pointer-events-none inline-block h-4 w-4 transform rounded-full bg-white ring-0
       ]
     }
   ) });
-}, rt = A.object({
+}, tt = A.object({
   class: A.string().optional(),
   method: A.string().optional(),
   verbs: A.string().optional(),
   id: A.string().optional(),
   pattern: A.string().optional(),
   regexPattern: A.string().optional()
-}), at = A.array(rt), st = ({ path: t }) => {
-  const a = W(_e(t)), {
+}), nt = A.array(tt), rt = ({ path: t }) => {
+  const a = W(Ae(t)), {
     dispatch: r,
     state: { content: i, editing: c }
-  } = Q(), x = me(
-    X(ge),
-    X(xe, {
-      coordinateGetter: Ne
+  } = Q(), x = he(
+    X(me),
+    X(ge, {
+      coordinateGetter: ve
     })
   ), [f, g] = _(null), d = i.find((l) => l.id === f), n = B();
   return O(() => {
     const l = JSON.stringify(
       i.map(
-        ({ isExpanded: b, asRegex: v, pattern: y, regexPattern: w, ...k }) => {
+        ({ isExpanded: b, asRegex: v, pattern: y, regexPattern: w, ...I }) => {
           var T;
           const D = v ? { regexPattern: w } : { pattern: y };
           return {
-            ...k,
-            verbs: (T = k.verbs) == null ? void 0 : T.join(","),
+            ...I,
+            verbs: (T = I.verbs) == null ? void 0 : T.join(","),
             ...D
           };
         }
@@ -993,7 +991,7 @@ pointer-events-none inline-block h-4 w-4 transform rounded-full bg-white ring-0
       2
     ), p = typeof (a == null ? void 0 : a.content) == "string" ? a.content : JSON.stringify(a == null ? void 0 : a.content, null, 2);
     l !== p && n(
-      Le({
+      _e({
         path: t,
         content: l
       })
@@ -1001,7 +999,7 @@ pointer-events-none inline-block h-4 w-4 transform rounded-full bg-white ring-0
   }, [i]), /* @__PURE__ */ o("div", { className: "bg-grey-700 flex h-full w-full flex-col  text-white", children: [
     /* @__PURE__ */ o("div", { className: "flex items-center justify-between border-b border-black p-2", children: [
       a && /* @__PURE__ */ e(
-        Qe,
+        Je,
         {
           label: "Switch to text Editor",
           Icon: Ie,
@@ -1049,10 +1047,10 @@ pointer-events-none inline-block h-4 w-4 transform rounded-full bg-white ring-0
         ] })
       ] }),
       /* @__PURE__ */ e("div", { className: "py-3", children: /* @__PURE__ */ o(
-        fe,
+        xe,
         {
           sensors: x,
-          collisionDetection: ye,
+          collisionDetection: fe,
           onDragStart: (l) => {
             g(l.active.id);
           },
@@ -1062,20 +1060,20 @@ pointer-events-none inline-block h-4 w-4 transform rounded-full bg-white ring-0
               const v = i.map((w) => w.id).indexOf(p.id), y = i.map((w) => w.id).indexOf(b.id);
               r({
                 type: "UPDATE_HANDLERS",
-                payload: Ce(i, v, y)
+                payload: Ee(i, v, y)
               });
             }
           },
           children: [
             /* @__PURE__ */ e(
-              we,
+              Ne,
               {
                 items: i,
-                strategy: Ee,
+                strategy: we,
                 children: i.map(({ id: l, ...p }) => /* @__PURE__ */ e(ee, { id: l, ...p }, l))
               }
             ),
-            /* @__PURE__ */ e(be, { children: f && d ? /* @__PURE__ */ e("div", { className: "opacity-10", children: /* @__PURE__ */ e(ee, { ...d }) }) : null })
+            /* @__PURE__ */ e(ye, { children: f && d ? /* @__PURE__ */ e("div", { className: "opacity-10", children: /* @__PURE__ */ e(ee, { ...d }) }) : null })
           ]
         }
       ) })
@@ -1111,7 +1109,7 @@ pointer-events-none inline-block h-4 w-4 transform rounded-full bg-white ring-0
       ) })
     ] }) })
   ] });
-}, lt = ({ content: t, path: a }) => {
+}, at = ({ content: t, path: a }) => {
   const [r, i] = _(null);
   function c(d) {
     let n;
@@ -1123,7 +1121,7 @@ pointer-events-none inline-block h-4 w-4 transform rounded-full bg-white ring-0
     return n;
   }
   const x = typeof t == "string" ? c(t) : t;
-  if (!at.safeParse(x).success || r)
+  if (!nt.safeParse(x).success || r)
     throw new Error("Invalid JSON");
   const g = x.map((d) => {
     var l;
@@ -1135,16 +1133,16 @@ pointer-events-none inline-block h-4 w-4 transform rounded-full bg-white ring-0
       asRegex: n
     };
   });
-  return /* @__PURE__ */ e(he, { theme: je, children: /* @__PURE__ */ e(Ye, { content: g, children: /* @__PURE__ */ e(st, { path: a }) }) });
-}, Tt = (t) => /* @__PURE__ */ e(Fe, { store: Oe(), children: /* @__PURE__ */ e("div", { className: "h-screen bg-grey-900", children: /* @__PURE__ */ e(
-  lt,
+  return /* @__PURE__ */ e(Qe, { content: g, children: /* @__PURE__ */ e(rt, { path: a }) });
+}, wt = (t) => /* @__PURE__ */ e(Le, { store: Fe(), children: /* @__PURE__ */ e("div", { className: "h-screen bg-grey-900", children: /* @__PURE__ */ e(
+  at,
   {
-    path: Ke,
+    path: ze,
     ...t
   }
 ) }) });
 export {
-  lt as HTTPHandlersEditor,
-  Tt as Standalone
+  at as HTTPHandlersEditor,
+  wt as Standalone
 };
 //# sourceMappingURL=index.es.js.map