@wso2/am-core-ui 0.0.2 → 0.0.3-rc1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wso2/am-core-ui",
-  "version": "0.0.2",
+  "version": "0.0.3-rc1",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -9,8 +9,7 @@
     ".": {
       "import": "./dist/index.js",
       "types": "./dist/index.d.ts"
-    },
-    "./dist/index.css": "./dist/index.css"
+    }
   },
   "files": [
     "dist"

package/dist/index-BZ_J_A7D.js

@@ -1,189 +0,0 @@
-import { jsx as r, jsxs as j } from "react/jsx-runtime";
-import { useCallback as z, useMemo as R, useEffect as F, useState as W } from "react";
-import { Alert as T, Box as S, Collapse as B, Button as A, Form as y, TextField as L, Stack as M, CircularProgress as G, Typography as O, Select as q, MenuItem as D } from "@wso2/oxygen-ui";
-import { useParams as V, useNavigate as _, generatePath as k } from "react-router-dom";
-import { o as H, s as w, v as $, w as J, f as K, y as Q, z as U, g as I, P as X } from "./index-DbDfhpO7.js";
-import { c as Y } from "react/compiler-runtime";
-import "@tanstack/react-query";
-import { Link as Z, PackagePlus as ee, FolderPlus as te } from "@wso2/oxygen-ui-icons-react";
-const re = H({
-  displayName: w().trim().min(1, "Display name is required").min(3, "Display name must be at least 3 characters").max(100, "Display name must be at most 100 characters"),
-  name: w().trim().max(50, "Name must be at most 50 characters"),
-  description: w().trim().optional(),
-  deploymentPipeline: w().trim().min(1, "Deployment pipeline is required")
-}), ne = (i) => {
-  const e = Y(22), {
-    lastSubmittedValidationErrors: n,
-    isPending: N,
-    onCancel: s,
-    onSubmit: c,
-    mode: g,
-    isNameEmpty: d
-  } = i, P = g === void 0 ? "deploy" : g, C = d === void 0 ? !1 : d, l = P === "connect";
-  let t;
-  e[0] !== n ? (t = Object.values(n), e[0] = n, e[1] = t) : t = e[1];
-  const o = t, m = o.length > 0;
-  let a;
-  e[2] !== o ? (a = /* @__PURE__ */ r(T, { severity: "error", children: o.map(ie) }), e[2] = o, e[3] = a) : a = e[3];
-  let u;
-  e[4] !== m || e[5] !== a ? (u = /* @__PURE__ */ r(B, { in: m, timeout: "auto", unmountOnExit: !0, children: a }), e[4] = m, e[5] = a, e[6] = u) : u = e[6];
-  let h;
-  e[7] !== s ? (h = /* @__PURE__ */ r(A, { variant: "outlined", color: "primary", size: "medium", onClick: s, children: "Cancel" }), e[7] = s, e[8] = h) : h = e[8];
-  let p;
-  e[9] !== l ? (p = l ? /* @__PURE__ */ r(Z, { size: 16 }) : /* @__PURE__ */ r(ee, { size: 16 }), e[9] = l, e[10] = p) : p = e[10];
-  const v = N || C, x = l ? "Register" : "Create";
-  let f;
-  e[11] !== c || e[12] !== p || e[13] !== v || e[14] !== x ? (f = /* @__PURE__ */ r(A, { variant: "contained", color: "primary", size: "medium", startIcon: p, onClick: c, disabled: v, children: x }), e[11] = c, e[12] = p, e[13] = v, e[14] = x, e[15] = f) : f = e[15];
-  let b;
-  e[16] !== f || e[17] !== h ? (b = /* @__PURE__ */ j(S, { display: "flex", flexDirection: "row", gap: 1, alignItems: "center", children: [
-    h,
-    f
-  ] }), e[16] = f, e[17] = h, e[18] = b) : b = e[18];
-  let E;
-  return e[19] !== b || e[20] !== u ? (E = /* @__PURE__ */ j(S, { display: "flex", flexDirection: "column", gap: 3, children: [
-    u,
-    b
-  ] }), e[19] = b, e[20] = u, e[21] = E) : E = e[21], E;
-};
-function ie(i, e) {
-  return /* @__PURE__ */ r(S, { children: i }, e);
-}
-const ae = ({
-  formData: i,
-  setFormData: e,
-  errors: n,
-  validateField: N,
-  setFieldError: s,
-  checkDirty: c
-}) => {
-  const {
-    orgId: g
-  } = V(), d = z((t, o) => {
-    const m = {
-      ...i,
-      [t]: o
-    };
-    e(m), c(m);
-    const a = N(t, o);
-    s(t, a);
-  }, [i, e, c, N, s]), {
-    mutate: P,
-    isPending: C
-  } = $({
-    orgName: g
-  }), l = R(
-    () => J.debounce((t) => {
-      if (t.length < 3) {
-        d("name", "");
-        return;
-      }
-      P({
-        displayName: t,
-        resourceType: "project"
-      }, {
-        onSuccess: (o) => {
-          e((m) => {
-            const a = {
-              ...m,
-              name: o.name
-            };
-            return c(a), a;
-          });
-        },
-        onError: (o) => {
-          console.error("Failed to generate name:", o);
-        }
-      });
-    }, 500),
-    // 500ms delay
-    [P, e, c]
-  );
-  return F(() => () => {
-    l.cancel();
-  }, [l]), F(() => {
-    i.displayName && i.displayName.length >= 3 ? l(i.displayName) : (l.cancel(), e((t) => ({
-      ...t,
-      name: ""
-    })));
-  }, [i.displayName, e, l]), /* @__PURE__ */ r(y.Stack, { spacing: 3, children: /* @__PURE__ */ j(y.Section, { children: [
-    /* @__PURE__ */ r(y.Subheader, { children: "Project Details" }),
-    /* @__PURE__ */ j(y.Stack, { spacing: 2, children: [
-      /* @__PURE__ */ r(y.ElementWrapper, { label: "Name", name: "displayName", children: /* @__PURE__ */ r(L, { id: "displayName", value: i.displayName, onChange: (t) => d("displayName", t.target.value), placeholder: "e.g., Customer Support Platform", error: !!n.displayName, helperText: C ? /* @__PURE__ */ j(M, { direction: "row", alignItems: "center", gap: 1, children: [
-        /* @__PURE__ */ r(G, { size: 12 }),
-        /* @__PURE__ */ r(O, { variant: "caption", children: "Validating name..." })
-      ] }) : n.displayName, fullWidth: !0 }) }),
-      /* @__PURE__ */ r(y.ElementWrapper, { label: "Description (optional)", name: "description", children: /* @__PURE__ */ r(L, { id: "description", value: i.description, onChange: (t) => d("description", t.target.value), placeholder: "Short description of this project", multiline: !0, minRows: 2, maxRows: 6, error: !!n.description, helperText: n.description, fullWidth: !0 }) }),
-      /* @__PURE__ */ r(S, { display: "none", children: /* @__PURE__ */ r(y.ElementWrapper, { label: "Deployment Pipeline", name: "deploymentPipeline", children: /* @__PURE__ */ r(q, { id: "deploymentPipeline", value: i.deploymentPipeline, onChange: (t) => d("deploymentPipeline", t.target.value), error: !!n.deploymentPipeline, fullWidth: !0, children: /* @__PURE__ */ r(D, { value: "default", children: "default" }) }) }) })
-    ] })
-  ] }) });
-}, oe = () => {
-  const i = _(), {
-    orgId: e
-  } = V(), [n, N] = W({
-    name: "",
-    displayName: "",
-    description: "",
-    deploymentPipeline: "default"
-  }), {
-    errors: s,
-    validateField: c,
-    validateForm: g,
-    clearErrors: d,
-    setFieldError: P
-  } = K(re), {
-    checkDirty: C,
-    resetDirty: l
-  } = Q(n), t = R(() => ({
-    orgName: e ?? "default"
-  }), [e]), {
-    mutate: o,
-    isPending: m,
-    error: a
-  } = U(t), u = z(() => {
-    i(k(I.children.org.path, {
-      orgId: e ?? ""
-    }));
-  }, [i, e]), [h, p] = W({}), v = z(() => {
-    if (g(n))
-      p({});
-    else {
-      p(s);
-      return;
-    }
-    o({
-      name: n.name,
-      displayName: n.displayName,
-      description: n.description?.trim() || void 0,
-      deploymentPipeline: n.deploymentPipeline
-    }, {
-      onSuccess: () => {
-        l(), d(), i(k(I.children.org.children.projects.path, {
-          orgId: t.orgName ?? "",
-          projectId: n.name
-        }));
-      },
-      onError: (x) => {
-        console.error("Failed to create project:", x);
-      }
-    });
-  }, [n, g, o, i, t.orgName, l, d, s]);
-  return /* @__PURE__ */ r(X, { title: "Create a New Project", description: "Create a new project to organize and manage your agents.", disableIcon: !0, backHref: k(I.children.org.path, {
-    orgId: e ?? ""
-  }), backLabel: "Back to Organization", children: /* @__PURE__ */ j(S, { display: "flex", flexDirection: "column", gap: 2, children: [
-    /* @__PURE__ */ r(ae, { formData: n, setFormData: N, errors: s, validateField: c, setFieldError: P, checkDirty: C }),
-    !!a && /* @__PURE__ */ r(T, { severity: "error", sx: {
-      mt: 2
-    }, children: a instanceof Error ? a.message : "Failed to create project" }),
-    /* @__PURE__ */ r(ne, { lastSubmittedValidationErrors: h, isPending: m, onCancel: u, onSubmit: v, isNameEmpty: !n.name.trim(), mode: "deploy" })
-  ] }) });
-}, ge = {
-  title: "Add New Project",
-  description: "A page component for Add New Project",
-  icon: te,
-  path: I.children.org.children.newProject.path,
-  component: oe
-};
-export {
-  oe as AddNewProject,
-  ge as metaData
-};