@ebubekirylmaz/link-test 1.2.44 → 1.2.46

package/src/lib/SchemaEditor/SchemaUtils.js

@@ -0,0 +1,152 @@
+import { v4 as uuidv4 } from "uuid";
+
+export const getTypeStyle = (type) => {
+  return {
+    fontWeight: "normal",
+    color: getTypeColor(type),
+    marginLeft: "auto",
+  };
+};
+
+const getTypeColor = (type) => {
+  switch (type) {
+    case "object":
+      return "red";
+    case "string":
+      return "green";
+    case "integer":
+      return "blue";
+
+    default:
+      return "black";
+  }
+};
+
+export const addProperty = (parentId = null, setSchemaData) => {
+  const addPropertyToNode = (node, parentId) => {
+    if (node.id === parentId) {
+      const propertyCount = node.properties ? node.properties.length : 0;
+      const newName = propertyCount === 0 ? "id" : `prop${propertyCount + 1}`;
+      const newType = "string";
+
+      const newProperty = {
+        name: newName,
+        type: newType,
+        id: uuidv4(),
+      };
+
+      const updatedProperties = node.properties
+        ? [...node.properties, newProperty]
+        : [newProperty];
+
+      return { ...node, properties: updatedProperties };
+    } else if (node.properties) {
+      const updatedProperties = node.properties.map((childNode) =>
+        addPropertyToNode(childNode, parentId)
+      );
+      return { ...node, properties: updatedProperties };
+    }
+    return node;
+  };
+
+  setSchemaData((currentData) => {
+    if (!parentId) {
+      const propertyCount = currentData.properties
+        ? currentData.properties.length
+        : 0;
+      const newName = propertyCount === 0 ? "id" : `prop${propertyCount + 1}`;
+      const newType = "string";
+
+      const newProperty = {
+        name: newName,
+        type: newType,
+        id: uuidv4(),
+      };
+
+      const updatedProperties = currentData.properties
+        ? [...currentData.properties, newProperty]
+        : [newProperty];
+
+      return {
+        ...currentData,
+        properties: updatedProperties,
+      };
+    } else {
+      return addPropertyToNode(currentData, parentId);
+    }
+  });
+};
+
+export const removeProperty = (propertyId, setSchemaData) => {
+  const removePropertyFromNode = (node, propertyId) => {
+    if (node.id === propertyId) {
+      return null;
+    }
+    if (node.properties) {
+      const updatedProperties = node.properties
+        .map((childNode) => removePropertyFromNode(childNode, propertyId))
+        .filter((childNode) => childNode !== null);
+
+      return { ...node, properties: updatedProperties };
+    }
+    return node;
+  };
+  setSchemaData((currentData) => {
+    const updatedProperties = currentData.properties
+      .map((node) => removePropertyFromNode(node, propertyId))
+      .filter((node) => node !== null);
+    const updatedData = { ...currentData, properties: updatedProperties };
+
+    return updatedData;
+  });
+};
+export const changeProperty = (propertyId, changes, setSchemaData) => {
+  const updateProperty = (node, propertyId, changes) => {
+    if (node.id === propertyId || propertyId === "1") {
+      const updatedNode = {
+        ...node,
+        name: changes.name,
+        type: changes.type,
+      };
+
+      if (changes.type === "object") {
+        if (!updatedNode.properties || updatedNode.properties.length === 0) {
+          updatedNode.properties = [
+            {
+              name: "id",
+              type: "string",
+              id: uuidv4(),
+            },
+          ];
+        }
+      } else if (changes.type === "array") {
+        if (!updatedNode.properties || updatedNode.properties.length === 0) {
+          updatedNode.properties = [
+            {
+              name: "item",
+              type: "string",
+              id: uuidv4(),
+            },
+          ];
+        } else {
+          updatedNode.properties = updatedNode.properties.slice(0, 1);
+        }
+      } else if (changes.type !== "object" && changes.type !== "array") {
+        delete updatedNode.properties;
+      }
+      return updatedNode;
+    }
+
+    if (node.properties) {
+      const updatedProperties = node.properties.map((childNode) =>
+        updateProperty(childNode, propertyId, changes)
+      );
+      return { ...node, properties: updatedProperties };
+    }
+    return node;
+  };
+
+  setSchemaData((currentData) => {
+    return updateProperty(currentData, propertyId, changes);
+  });
+};

package/src/lib/SchemaEditor/index.js

@@ -0,0 +1 @@
+export { default } from "./SchemaEditor";

package/src/lib/SparkleInput/SparkleInput.jsx

@@ -11,41 +11,44 @@ export default function SparkleInput({
 }) {
   return (
     <TextField
-      inputProps={{
-        "data-cy": prop,
-      }}
       autoFocus
       margin="dense"
       label={prop}
       fullWidth={true}
       value={value || ""}
       onChange={onChange}
-      InputLabelProps={{
-        sx: { color: (theme) => theme.palette.text.primary },
-      }}
-      InputProps={{
-        endAdornment: sparkle && (
-          <InputAdornment position="end">
-            <IconButton>
-              <SvgIcon>
-                <svg
-                  xmlns="http://www.w3.org/2000/svg"
-                  width="20"
-                  height="20"
-                  viewBox="0 0 20 20"
-                >
-                  <path
-                    fill="white"
-                    d="M7.398 12.809a1.042 1.042 0 0 0 1.204-.003c.178-.13.313-.31.387-.518l.447-1.373a2.336 2.336 0 0 1 1.477-1.479l1.391-.45a1.045 1.045 0 0 0-.044-1.98l-1.375-.448a2.335 2.335 0 0 1-1.48-1.477l-.452-1.388a1.044 1.044 0 0 0-1.973.017l-.457 1.4a2.336 2.336 0 0 1-1.44 1.45l-1.39.447a1.045 1.045 0 0 0 .016 1.974l1.374.445a2.333 2.333 0 0 1 1.481 1.488l.452 1.391c.072.204.206.38.382.504m.085-7.415l.527-1.377l.44 1.377a3.331 3.331 0 0 0 2.117 2.114l1.406.53l-1.382.447a3.344 3.344 0 0 0-2.115 2.117l-.523 1.378l-.449-1.379a3.336 3.336 0 0 0-.8-1.31a3.373 3.373 0 0 0-1.312-.812l-1.378-.522l1.386-.45a3.358 3.358 0 0 0 1.29-.813a3.4 3.4 0 0 0 .793-1.3m6.052 11.457a.806.806 0 0 0 1.226-.398l.248-.762a1.09 1.09 0 0 1 .26-.42c.118-.12.262-.208.42-.26l.772-.252a.8.8 0 0 0-.023-1.52l-.764-.25a1.075 1.075 0 0 1-.68-.678l-.252-.773a.8.8 0 0 0-1.518.01l-.247.762a1.068 1.068 0 0 1-.665.679l-.773.252a.8.8 0 0 0 .008 1.518l.763.247c.16.054.304.143.422.261c.119.119.207.263.258.422l.253.774a.8.8 0 0 0 .292.388m-.913-2.793L12.443 14l.184-.064a2.11 2.11 0 0 0 1.3-1.317l.058-.178l.06.181a2.078 2.078 0 0 0 1.316 1.316l.195.063l-.18.06a2.076 2.076 0 0 0-1.317 1.32l-.059.181l-.058-.18a2.075 2.075 0 0 0-1.32-1.323"
-                  />
-                </svg>
-              </SvgIcon>
-            </IconButton>
-          </InputAdornment>
-        ),
-      }}
       sx={{ textTransform: "capitalize" }}
       {...others}
-    />
+      slotProps={{
+        input: {
+          endAdornment: sparkle && (
+            <InputAdornment position="end">
+              <IconButton>
+                <SvgIcon>
+                  <svg
+                    xmlns="http://www.w3.org/2000/svg"
+                    width="20"
+                    height="20"
+                    viewBox="0 0 20 20"
+                  >
+                    <path
+                      fill="white"
+                      d="M7.398 12.809a1.042 1.042 0 0 0 1.204-.003c.178-.13.313-.31.387-.518l.447-1.373a2.336 2.336 0 0 1 1.477-1.479l1.391-.45a1.045 1.045 0 0 0-.044-1.98l-1.375-.448a2.335 2.335 0 0 1-1.48-1.477l-.452-1.388a1.044 1.044 0 0 0-1.973.017l-.457 1.4a2.336 2.336 0 0 1-1.44 1.45l-1.39.447a1.045 1.045 0 0 0 .016 1.974l1.374.445a2.333 2.333 0 0 1 1.481 1.488l.452 1.391c.072.204.206.38.382.504m.085-7.415l.527-1.377l.44 1.377a3.331 3.331 0 0 0 2.117 2.114l1.406.53l-1.382.447a3.344 3.344 0 0 0-2.115 2.117l-.523 1.378l-.449-1.379a3.336 3.336 0 0 0-.8-1.31a3.373 3.373 0 0 0-1.312-.812l-1.378-.522l1.386-.45a3.358 3.358 0 0 0 1.29-.813a3.4 3.4 0 0 0 .793-1.3m6.052 11.457a.806.806 0 0 0 1.226-.398l.248-.762a1.09 1.09 0 0 1 .26-.42c.118-.12.262-.208.42-.26l.772-.252a.8.8 0 0 0-.023-1.52l-.764-.25a1.075 1.075 0 0 1-.68-.678l-.252-.773a.8.8 0 0 0-1.518.01l-.247.762a1.068 1.068 0 0 1-.665.679l-.773.252a.8.8 0 0 0 .008 1.518l.763.247c.16.054.304.143.422.261c.119.119.207.263.258.422l.253.774a.8.8 0 0 0 .292.388m-.913-2.793L12.443 14l.184-.064a2.11 2.11 0 0 0 1.3-1.317l.058-.178l.06.181a2.078 2.078 0 0 0 1.316 1.316l.195.063l-.18.06a2.076 2.076 0 0 0-1.317 1.32l-.059.181l-.058-.18a2.075 2.075 0 0 0-1.32-1.323"
+                    />
+                  </svg>
+                </SvgIcon>
+              </IconButton>
+            </InputAdornment>
+          ),
+        },
+
+        htmlInput: {
+          "data-cy": prop,
+        },
+
+        inputLabel: {
+          sx: { color: (theme) => theme.palette.text.primary },
+        }
+      }} />
   );
 }

package/src/lib/TableSelectedAction/TableSelectedAction.jsx

@@ -19,8 +19,9 @@ export default function TableSelectedAction({
   return (
     <Stack
       direction="row"
-      alignItems="center"
-      sx={{
+      {...other}
+      sx={[{
+        alignItems: "center",
         pl: 1,
         pr: 2,
         top: 0,
@@ -30,19 +31,18 @@ export default function TableSelectedAction({
         height: 58,
         position: "absolute",
         bgcolor: "primary.lighter",
+
         ...(dense && {
           height: 38,
         }),
-        ...sx,
-      }}
-      {...other}
-    >
+
+        ...sx
+      }, ...(Array.isArray(other.sx) ? other.sx : [other.sx])]}>
       <Checkbox
         indeterminate={!!numSelected && numSelected < rowCount}
         checked={!!rowCount && numSelected === rowCount}
         onChange={(event) => onSelectAllRows(event.target.checked)}
       />
-
       <Typography
         variant="subtitle2"
         sx={{
@@ -56,7 +56,6 @@ export default function TableSelectedAction({
       >
         {numSelected} selected
       </Typography>
-
       {action && action}
     </Stack>
   );

package/src/lib/ToggleableMenu/ToggleableMenu.jsx

@@ -0,0 +1,35 @@
+import { Box, ClickAwayListener, IconButton } from "@mui/material";
+import React, { useState } from "react";
+
+function ToggleableMenu({ defaultIcon, children }) {
+  const [isOpen, setIsOpen] = useState(false);
+
+  const handleDefaultIconClick = (event) => {
+    event.stopPropagation();
+    setIsOpen(!isOpen);
+  };
+
+  const handleClose = () => {
+    setIsOpen(false);
+  };
+
+  const handleMenuItemClick = (event) => {
+    event.stopPropagation();
+  };
+
+  return (
+    <ClickAwayListener onClickAway={handleClose}>
+      <Box>
+        {isOpen ? (
+          <Box onClick={handleMenuItemClick}>{children}</Box>
+        ) : (
+          <IconButton size="small" onClick={handleDefaultIconClick}>
+            {defaultIcon}
+          </IconButton>
+        )}
+      </Box>
+    </ClickAwayListener>
+  );
+}
+
+export default ToggleableMenu;

package/src/lib/ToggleableMenu/index.js

@@ -0,0 +1 @@
+export { default } from "./ToggleableMenu";

package/src/lib/index.js

@@ -34,3 +34,17 @@ export {
 export { default as ActionNode } from "./Flow/layouts/ActionNode";
 
 export { default as InfoNode } from "./Flow/layouts/InfoNode";
+
+export { default as APITree, compile as compileAPITree } from "./APITree";
+export { default as APIDialogAction } from "./APIDialogAction";
+export { default as APIParams } from "./APIParams";
+export { default as APIPath } from "./APIPath";
+export { default as APITypes } from "./APITypes";
+export { default as BlankTreeMessage } from "./BlankTreeMessage";
+export { default as DialogTooltip } from "./DialogTootip";
+export { default as NucDialog } from "./NucDialog";
+export { default as ParamTable } from "./ParamTable";
+export { default as ResourceMenu } from "./ResourceMenu";
+export { default as Schema } from "./Schema";
+export { default as SchemaEditor } from "./SchemaEditor";
+export { default as ToggleableMenu } from "./ToggleableMenu";

package/src/pages/Callback.jsx

@@ -2,9 +2,9 @@ import Page from "../layouts/Page";
 import React from "react";
 import config from "../config/config";
 import oauth from "../http/oauth";
+import { publish } from "@nucleoidai/react-event";
 import qs from "qs";
 import { storage } from "@nucleoidjs/webstorage";
-import { useContext } from "../ContextProvider/ContextProvider";
 import { useLocation } from "react-router-dom";
 import { useNavigate } from "react-router-dom";
 
@@ -15,7 +15,6 @@ function Callback() {
   const projectBar = config().template?.projectBar;
 
   const { google, github, linkedin } = appConfig;
-  const [, dispatch] = useContext();
   const location = useLocation();
   const navigate = useNavigate();
   const hasProcessed = useRef(false);
@@ -33,7 +32,7 @@ function Callback() {
 
     if (state) {
       stateData = JSON.parse(decodeURIComponent(state));
-      identityProvider = stateData.identityProvider;
+      identityProvider = stateData.identityProvider.toUpperCase();
     }
 
     if (error) {
@@ -54,9 +53,9 @@ function Callback() {
     hasProcessed.current = true;
 
     const providerConfigs = {
-      github,
-      linkedin,
-      google,
+      GITHUB: github,
+      LINKEDIN: linkedin,
+      GOOGLE: google,
     };
 
     const providerConfig = providerConfigs[identityProvider];
@@ -91,14 +90,13 @@ function Callback() {
       .then(({ data }) => {
         const accessToken = data.accessToken;
         const refreshToken = data.refreshToken;
-        const userInfo = data.user;
 
         storage.set("link", "accessToken", accessToken);
         storage.set("link", "refreshToken", refreshToken);
         // TODO - update provider info
         storage.set("link", "identityProvider", identityProvider);
 
-        dispatch({ type: "LOGIN", payload: { user: userInfo } });
+        publish("LOGIN", { data: data });
 
         window.history.replaceState(
           {},

package/src/pages/ConfigError.jsx

@@ -20,7 +20,9 @@ const ConfigErrorDialog = () => {
   return (
     <Dialog fullWidth open>
       <DialogTitle>
-        <Stack direction="row" alignItems="center">
+        <Stack direction="row" sx={{
+          alignItems: "center"
+        }}>
           <Box
             component="span"
             sx={{ display: "flex", alignItems: "center", mr: 1 }}

package/src/pages/LoginPage.jsx

@@ -30,20 +30,11 @@ function LoginPage() {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [navigate]);
 
-  if (credentials?.provider === "COGNITO") {
-    return <CognitoLogin />;
-  }
-
-  if (credentials?.provider === "DEMO") {
-    return (
-      <Page title={`Sign in to ${name}`}>
-        <DemoLogin />
-      </Page>
-    );
-  }
-
   return (
     <Page title={`Sign in to ${name}`}>
+      {credentials?.provider === "COGNITO" && <CognitoLogin />}
+      {credentials?.provider === "DEMO" && <DemoLogin />}
+
       <LoginForm icon={template.login.icon} name={name} formColor={formColor} />
     </Page>
   );