@wavelengthusaf/components 1.0.11 → 1.1.1

package/dist/index.mjs

@@ -4283,38 +4283,37 @@ function DefaultIcon({ width: width2 = "180", height: height2 = 140 }) {
 // src/components/CSFD/ManyPlanes.tsx
 import React24 from "react";
 import { Grid as Grid3 } from "@mui/material";
-function ManyPlanesComponent({ numberOfPlanes, trailDir, color: color2, opacity, gradient }) {
+function ManyPlanesComponent({ numberOfPlanes = 5, trailDir = "left", color: color2, opacity = 1, gradient = false }) {
   let direction = "row-reverse";
   let planeDir = "planeR";
   let flippy = "";
   const palette2 = getPalette();
   const colorish = color2 ? color2 : palette2.primary;
-  if (trailDir != "right") {
+  if (trailDir !== "right") {
     direction = "row";
     planeDir = "planeL";
     flippy = "rotate(180)";
   }
   const PlaneGrid = ({ opacity: opacity2 }) => {
-    return /* @__PURE__ */ React24.createElement(Grid3, { item: true, key: planeDir }, /* @__PURE__ */ React24.createElement("svg", { width: "40", height: "40", viewBox: "0 0 40 40", transform: flippy, gradientTransform: "", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ React24.createElement("mask", { id: "mask0_56_851", style: { maskType: "alpha" }, maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "40", height: "40" }, /* @__PURE__ */ React24.createElement("rect", { x: "40", width: "40", height: "40", transform: "rotate(90 40 0)", fill: "#D9D9D9" })), /* @__PURE__ */ React24.createElement("g", { mask: "url(#mask0_56_851)" }, /* @__PURE__ */ React24.createElement(
+    return /* @__PURE__ */ React24.createElement(Grid3, { item: true }, /* @__PURE__ */ React24.createElement("svg", { width: "40", height: "40", viewBox: "0 0 40 40", transform: flippy, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ React24.createElement("mask", { id: "mask0_56_851", style: { maskType: "alpha" }, maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "40", height: "40" }, /* @__PURE__ */ React24.createElement("rect", { x: "40", width: "40", height: "40", transform: "rotate(90 40 0)", fill: "#D9D9D9" })), /* @__PURE__ */ React24.createElement("g", { mask: "url(#mask0_56_851)" }, /* @__PURE__ */ React24.createElement(
       "path",
       {
         d: "M4.16662 14.8988L5.76079 14.8988L8.16454 18.1359L18.2616 18.1359L14.1291 4.16669L16.2425 4.16669L24.5075 18.1359L33.985 18.1359C34.5022 18.1359 34.9422 18.3172 35.305 18.68C35.6677 19.0428 35.8491 19.4828 35.8491 20C35.8491 20.5172 35.6677 20.9572 35.305 21.32C34.9422 21.6828 34.5022 21.8642 33.985 21.8642L24.5075 21.8642L16.2425 35.8334L14.1291 35.8334L18.2616 21.8642L8.19662 21.8642L5.76079 25.1013L4.16662 25.1013L5.64329 20L4.16662 14.8988Z",
-        opacity: opacity2,
+        fillOpacity: opacity2,
         fill: colorish
       }
     ))));
   };
-  const PlaneGridWrapper = (size = 5, opacity2) => {
+  const PlaneGridWrapper = (size, baseOpacity) => {
     const planes = [];
-    const oppie = opacity2 ? opacity2 : 1;
     if (gradient) {
       for (let i = 0; i < size; i++) {
-        opacity2 = oppie - (i - 1) / (size - 1) * (oppie - 0.01);
-        planes.push(/* @__PURE__ */ React24.createElement(PlaneGrid, { opacity: opacity2, key: i }));
+        const currentOpacity = baseOpacity - i / (size - 1) * (baseOpacity - 0.05);
+        planes.push(/* @__PURE__ */ React24.createElement(PlaneGrid, { opacity: currentOpacity, key: i }));
       }
     } else {
       for (let i = 0; i < size; i++) {
-        planes.push(/* @__PURE__ */ React24.createElement(PlaneGrid, { opacity: opacity2, key: i }));
+        planes.push(/* @__PURE__ */ React24.createElement(PlaneGrid, { opacity: baseOpacity, key: i }));
       }
     }
     return /* @__PURE__ */ React24.createElement(Grid3, { container: true, alignItems: "center", flexDirection: direction, spacing: 3 }, planes);
@@ -4413,7 +4412,7 @@ var emailStyle = {
   marginTop: 8,
   marginBottom: 8
 };
-function WavelengthPopUpMenu({ menuItems, customIcon, width: width2, menuDirection, color: color2, emailHoverColor }) {
+function WavelengthPopUpMenu({ menuItems, customIcon = false, width: width2, menuDirection = "top", color: color2, emailHoverColor = "blue" }) {
   const NavLink = styled4.a``;
   const Links = styled4(NavLink)`
     color: inherit;
@@ -4550,13 +4549,13 @@ function WavelengthStandardSnackbar(props) {
     setShow(false);
   };
   const durationMs = props.durationSb ? props.durationSb * 1e3 : 4e3;
-  let bcckgrndColor = "";
+  let bgColor = "";
   if (props.type == "success") {
-    bcckgrndColor = "#25ab21";
+    bgColor = "#25ab21";
   } else if (props.type == "error") {
-    bcckgrndColor = "#FF4646";
+    bgColor = "#FF4646";
   } else if (props.type == "disabled") {
-    bcckgrndColor = "#737373";
+    bgColor = "#737373";
   }
   const sIcon = props.icon ? props.icon : "";
   return /* @__PURE__ */ React30.createElement(
@@ -4574,7 +4573,7 @@ function WavelengthStandardSnackbar(props) {
       SnackbarContent2,
       {
         style: {
-          backgroundColor: bcckgrndColor,
+          backgroundColor: bgColor,
           borderRadius: "1px"
           //color: props.textColor ? props.textColor : palette.secondary,
         },