@wavelengthusaf/components 2.9.1 → 2.9.2

package/README.md

@@ -14,6 +14,15 @@ npm install @wavelengthusaf/components
 
 ## Release Notes
 
+### 2.9.2
+- 5/02/2025
+- Minor fix to exports
+
+### 2.9.1
+- 5/02/2025
+- WavelengthButton updated; new props
+- Minor bug fixes
+
 ### 2.9.0
 - 4/25/2025
 - New Alert Component

package/dist/cjs/index.cjs

@@ -206,7 +206,7 @@ var require_react_is_development = __commonJS({
         var ContextProvider = REACT_PROVIDER_TYPE;
         var Element = REACT_ELEMENT_TYPE;
         var ForwardRef2 = REACT_FORWARD_REF_TYPE;
-        var Fragment13 = REACT_FRAGMENT_TYPE;
+        var Fragment14 = REACT_FRAGMENT_TYPE;
         var Lazy = REACT_LAZY_TYPE;
         var Memo2 = REACT_MEMO_TYPE;
         var Portal = REACT_PORTAL_TYPE;
@@ -265,7 +265,7 @@ var require_react_is_development = __commonJS({
         exports.ContextProvider = ContextProvider;
         exports.Element = Element;
         exports.ForwardRef = ForwardRef2;
-        exports.Fragment = Fragment13;
+        exports.Fragment = Fragment14;
         exports.Lazy = Lazy;
         exports.Memo = Memo2;
         exports.Portal = Portal;
@@ -3707,6 +3707,7 @@ function WavelengthStyledButton({ type = "default", styles, children, disabled =
     children
   ] });
 }
+var WavelengthStyledButton_default = WavelengthStyledButton;
 
 // src/themes/WavelengthAppTheme.tsx
 
@@ -5207,6 +5208,295 @@ function WavelengthCommentDisplay(props) {
   );
 }
 
+// src/components/PageComponents/WavelengthPermissionAlert.tsx
+
+function WavelengthPermissionAlert({
+  dataTestId,
+  height: height2 = "112px",
+  width: width2 = "314px",
+  backgroundColor: backgroundColor2 = "white",
+  permission,
+  applicationName,
+  requestorName,
+  dateOfRequest,
+  onDismiss,
+  unit = "No Unit"
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "div",
+    {
+      "data-testid": dataTestId,
+      style: {
+        width: width2,
+        height: height2,
+        backgroundColor: backgroundColor2,
+        border: "1px solid #5F5F5F",
+        borderRadius: "12px",
+        display: "flex",
+        flexDirection: "column",
+        padding: "8px 12px",
+        gap: "8px",
+        fontSize: "14px",
+        fontWeight: 400,
+        boxSizing: "border-box",
+        fontFamily: "roboto"
+      },
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { style: { fontSize: "20px", fontWeight: 400 }, children: permission }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { style: { letterSpacing: "-6%" }, children: [
+          "Application: ",
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { style: { fontWeight: 600, marginLeft: "4px" }, children: applicationName })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { style: { letterSpacing: "-6%" }, children: [
+          "Requestor:",
+          " ",
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { style: { fontWeight: 600, marginLeft: "4px" }, children: [
+            requestorName,
+            ", ",
+            "" + unit
+          ] })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { style: { display: "flex", flexDirection: "row", justifyContent: "space-between" }, children: [
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { style: { letterSpacing: "-6%" }, children: [
+            "Date of Request: ",
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { style: { fontWeight: 600, marginLeft: "4px" }, children: dateOfRequest })
+          ] }),
+          " ",
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "a", { href: "", style: { color: "black", fontWeight: 600 }, onClick: onDismiss, children: "Dismiss" }),
+          " "
+        ] })
+      ]
+    }
+  ) });
+}
+
+// src/components/PageComponents/WavelengthAccessAlert.tsx
+var _Check = require('@mui/icons-material/Check'); var _Check2 = _interopRequireDefault(_Check);
+var _NotInterested = require('@mui/icons-material/NotInterested'); var _NotInterested2 = _interopRequireDefault(_NotInterested);
+
+function WavelengthAccessAlert({
+  height: height2 = "100px",
+  dataTestId,
+  width: width2 = "244px",
+  time = "2m ago",
+  access = "Access Request",
+  appNickname = "App Nickname",
+  appLogo = "wings",
+  appAdmin = "app.admin.1",
+  requestorName = "joes.user.1"
+}) {
+  if (access === "Access Request") {
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      "div",
+      {
+        "data-testid": dataTestId,
+        style: {
+          width: width2,
+          height: height2,
+          border: "1px solid rgba(0, 0, 0, 0.6)",
+          borderRadius: "6px",
+          position: "relative",
+          padding: "8px 10px 2px 10px",
+          display: "grid",
+          gridTemplateColumns: "1fr 3fr 2fr",
+          gridTemplateRows: "1fr 1fr 1fr",
+          boxSizing: "border-box"
+        },
+        children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { style: { fontSize: "8px", fontWeight: 400, position: "absolute", top: "5px", right: "12px" }, children: time }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { style: { fontWeight: 700, fontSize: "12px", color: "rgba(248, 136, 5, 1)", marginTop: "5px", marginLeft: "5px", gridArea: "1/2/1/3" }, children: access }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { style: { gridArea: "2/1/3/2" }, children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, AppLogo_default, { name: appLogo, width: 22 }),
+            " "
+          ] }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { style: { display: "flex", flexDirection: "column", gridArea: "2/2/3/4", fontSize: "10px", gap: "4px", marginLeft: "5px" }, children: [
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "label", { htmlFor: "", children: [
+              "Requestor: ",
+              requestorName
+            ] }),
+            " ",
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { htmlFor: "", children: appNickname })
+          ] }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            WavelengthStyledButton_default,
+            {
+              type: "default",
+              styles: { backgroundColor: "rgba(143, 143, 143, 1)", marginTop: "5px", borderRadius: "5px", height: "22px", width: "44px", gridArea: "3/4/3/4", color: "white" },
+              children: "clear"
+            }
+          )
+        ]
+      }
+    );
+  } else if (access === "Access Granted") {
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      "div",
+      {
+        "data-testid": dataTestId,
+        style: {
+          width: width2,
+          height: height2,
+          border: "1px solid rgba(0, 0, 0, 0.6)",
+          borderRadius: "6px",
+          position: "relative",
+          padding: "8px 10px 2px 10px",
+          display: "grid",
+          gridTemplateColumns: "1fr 3fr 2fr",
+          gridTemplateRows: "1fr 1fr 1fr",
+          boxSizing: "border-box"
+        },
+        children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { style: { fontSize: "8px", fontWeight: 400, position: "absolute", top: "5px", right: "12px" }, children: time }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { style: { fontWeight: 700, fontSize: "12px", marginTop: "5px", marginLeft: "5px", gridArea: "1/2/1/4", display: "flex", alignItems: "center" }, children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Check2.default, { fontSize: "small", sx: { color: "rgba(36, 226, 32, 1)", width: "16px" } }),
+            access
+          ] }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { style: { gridArea: "2/1/3/2" }, children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, AppLogo_default, { name: appLogo, width: 22 }),
+            " "
+          ] }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { style: { display: "flex", flexDirection: "column", gridArea: "2/2/3/4", fontSize: "10px", marginLeft: "5px" }, children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { style: { fontWeight: 700, fontSize: "10px" }, children: appNickname }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { htmlFor: "", style: { marginTop: "5px" }, children: appAdmin }),
+            " ",
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { htmlFor: "", children: "Added you as a user" })
+          ] }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, WavelengthStyledButton_default, { type: "default", styles: { backgroundColor: "rgba(143, 143, 143, 1)", borderRadius: "5px", height: "22px", width: "44px", gridArea: "3/4/3/4", color: "white" }, children: "clear" })
+        ]
+      }
+    );
+  } else {
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      "div",
+      {
+        "data-testid": dataTestId,
+        style: {
+          width: width2,
+          height: height2,
+          border: "1px solid rgba(0, 0, 0, 0.6)",
+          borderRadius: "6px",
+          position: "relative",
+          padding: "8px 10px 2px 10px",
+          display: "grid",
+          gridTemplateColumns: "1fr 3fr 2fr",
+          gridTemplateRows: "1fr 1fr 1fr",
+          boxSizing: "border-box"
+        },
+        children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { style: { fontSize: "8px", fontWeight: 400, position: "absolute", top: "5px", right: "12px" }, children: time }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { style: { fontWeight: 700, fontSize: "12px", marginTop: "5px", marginLeft: "5px", gridArea: "1/2/1/4", display: "flex", alignItems: "center" }, children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _NotInterested2.default, { fontSize: "small", sx: { color: "rgba(234, 30, 30, 1)", width: "16px" } }),
+            access
+          ] }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { style: { gridArea: "2/1/3/2" }, children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, AppLogo_default, { name: appLogo, width: 22 }),
+            " "
+          ] }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { style: { display: "flex", flexDirection: "column", gridArea: "2/2/3/4", fontSize: "10px", marginLeft: "5px" }, children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { style: { fontWeight: 700, fontSize: "10px" }, children: appNickname }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { htmlFor: "", style: { marginTop: "5px" }, children: appAdmin }),
+            " ",
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { htmlFor: "", children: "Denied your request" })
+          ] }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, WavelengthStyledButton_default, { type: "default", styles: { backgroundColor: "rgba(143, 143, 143, 1)", borderRadius: "5px", height: "22px", width: "44px", gridArea: "3/4/3/4", color: "white" }, children: "clear" })
+        ]
+      }
+    );
+  }
+}
+
+// src/components/PageComponents/WavelengthAlert.tsx
+var _Close = require('@mui/icons-material/Close'); var _Close2 = _interopRequireDefault(_Close);
+
+var _Notifications = require('@mui/icons-material/Notifications'); var _Notifications2 = _interopRequireDefault(_Notifications);
+
+function WavelengthAlert({
+  viewed,
+  width: width2 = "320px",
+  height: height2 = "96px",
+  backgroundColor: backgroundColor2 = "rgba(229, 246, 253, 1)",
+  alertHeader = "Access Requested",
+  alertDescription = "Keenan Ray has requested to be added as a User to your App",
+  datatestid,
+  id,
+  onClose
+}) {
+  if (!viewed) {
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      "div",
+      {
+        role: "alert",
+        id,
+        "data-testid": datatestid,
+        style: {
+          width: width2,
+          height: height2,
+          backgroundColor: backgroundColor2,
+          fontFamily: "Roboto, sans-serif",
+          border: "1px solid rgba(2, 136, 209, 1)",
+          borderRadius: "4px",
+          display: "flex",
+          flexDirection: "row",
+          boxSizing: "border-box",
+          alignItems: "flex-start",
+          padding: "12px 16px 10px 16px"
+        },
+        children: [
+          " ",
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Notifications2.default, { sx: { width: "24px", padding: "0px", color: "rgba(2, 136, 209, 1)" } }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { style: { display: "flex", flexDirection: "column", gap: "4px", width: "250px", marginLeft: "12px" }, children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { htmlFor: "", style: { fontSize: "1rem", lineHeight: "150%", letterSpacing: "0.15px", fontWeight: 500 }, children: alertHeader }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              "div",
+              {
+                style: { fontSize: ".875rem", fontWeight: 400, lineHeight: "143%", display: "-webkit-box", WebkitLineClamp: 2, WebkitBoxOrient: "vertical", overflow: "hidden", textOverflow: "ellipsis" },
+                children: alertDescription
+              }
+            )
+          ] }),
+          onClose && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.IconButton, { sx: { padding: "0px", width: "20px" }, onClick: onClose, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Close2.default, {}) })
+        ]
+      }
+    );
+  } else {
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      "div",
+      {
+        role: "alert",
+        id,
+        "data-testid": datatestid,
+        style: {
+          width: width2,
+          height: height2,
+          backgroundColor: backgroundColor2 = "#DFDCDC",
+          fontFamily: "Roboto, sans-serif",
+          border: "1px solid #A0A2A3",
+          borderRadius: "4px",
+          display: "flex",
+          flexDirection: "row",
+          boxSizing: "border-box",
+          alignItems: "flex-start",
+          padding: "12px 16px 10px 16px"
+        },
+        children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Notifications2.default, { sx: { width: "24px", padding: "0px", color: "#A0A2A3" } }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { style: { display: "flex", flexDirection: "column", gap: "4px", width: "250px", marginLeft: "12px" }, children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { htmlFor: "", style: { fontSize: "1rem", lineHeight: "150%", letterSpacing: "0.15px", fontWeight: 500 }, children: alertHeader }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              "div",
+              {
+                style: { fontSize: ".875rem", fontWeight: 400, lineHeight: "143%", display: "-webkit-box", WebkitLineClamp: 2, WebkitBoxOrient: "vertical", overflow: "hidden", textOverflow: "ellipsis" },
+                children: alertDescription
+              }
+            )
+          ] }),
+          onClose && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.IconButton, { sx: { padding: "0px", width: "20px" }, onClick: onClose, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Close2.default, {}) })
+        ]
+      }
+    );
+  }
+}
+
 // src/components/footers/WavelengthFooter/WavelengthFooter.tsx
 
 
@@ -5438,7 +5728,7 @@ function WavelengthConfirmationModal(props) {
 
 // src/components/modals/WavelengthContentModal.tsx
 
-var _Close = require('@mui/icons-material/Close'); var _Close2 = _interopRequireDefault(_Close);
+
 
 function WavelengthContentModal(props) {
   const { show, setShow, handleContentModalOnConfirmProp } = props;
@@ -6904,7 +7194,10 @@ var WavelengthDataTable = ({ data, columns, itemsPerPage, totalPages }) => {
 
 
 
-exports.AppLogo = AppLogo; exports.ButtonIcon = ButtonIcon; exports.ButtonMenu = ButtonMenu; exports.DefaultCarousel = DefaultCarousel; exports.DefaultIcon = DefaultIcon; exports.DefaultPagination = DefaultPagination; exports.ManyPlanesComponent = ManyPlanesComponent; exports.NotAvailablePage = NotAvailablePage; exports.SearchTextField = SearchTextField; exports.SliderCardCarousel = SliderCardCarousel; exports.TestSnackbar = TestSnackbar; exports.WavelengthAppTheme = WavelengthAppTheme; exports.WavelengthAutocomplete = WavelengthAutocomplete; exports.WavelengthBanner = WavelengthBanner2; exports.WavelengthBox = WavelengthBox; exports.WavelengthButton = WavelengthButton2; exports.WavelengthCommentDisplay = WavelengthCommentDisplay; exports.WavelengthConfirmationModal = WavelengthConfirmationModal; exports.WavelengthContentModal = WavelengthContentModal; exports.WavelengthContentPlaceholder = WavelengthContentPlaceholder; exports.WavelengthDataTable = WavelengthDataTable; exports.WavelengthDragAndDrop = WavelengthDragAndDrop; exports.WavelengthDropdown = WavelengthDropdown; exports.WavelengthDropdownButton = WavelengthDropdownButton; exports.WavelengthExampleComponent = WavelengthExampleComponent; exports.WavelengthFileDownloader = WavelengthFileDownloader; exports.WavelengthFooter = WavelengthFooter; exports.WavelengthPlaneTrail = WavelengthPlaneTrail; exports.WavelengthPopUpMenu = WavelengthPopUpMenu; exports.WavelengthProgressBar = WavelengthProgressBar; exports.WavelengthSearch = WavelengthSearch; exports.WavelengthSideBar = WavelengthSideBar; exports.WavelengthSlider = WavelengthSlider; exports.WavelengthSnackbar = WavelengthSnackbar; exports.WavelengthSpinningLogo = WavelengthSpinningLogo; exports.WavelengthSpinningOuterCircle = WavelengthSpinningOuterCircle; exports.WavelengthStandardSnackbar = WavelengthStandardSnackbar; exports.WavelengthStyledButton = WavelengthStyledButton; exports.WavelengthTextField = WavelengthTextField; exports.WavelengthTitleBar = WavelengthTitleBar2; exports.add = add; exports.ascendingRange = ascendingRange; exports.concat = concat; exports.findBestStringMatch = findBestStringMatch; exports.range = range; exports.useOutsideClick = useOutsideClick; exports.useThemeContext = useThemeContext;
+
+
+
+exports.AppLogo = AppLogo; exports.ButtonIcon = ButtonIcon; exports.ButtonMenu = ButtonMenu; exports.DefaultCarousel = DefaultCarousel; exports.DefaultIcon = DefaultIcon; exports.DefaultPagination = DefaultPagination; exports.ManyPlanesComponent = ManyPlanesComponent; exports.NotAvailablePage = NotAvailablePage; exports.SearchTextField = SearchTextField; exports.SliderCardCarousel = SliderCardCarousel; exports.TestSnackbar = TestSnackbar; exports.WavelengthAccessAlert = WavelengthAccessAlert; exports.WavelengthAlert = WavelengthAlert; exports.WavelengthAppTheme = WavelengthAppTheme; exports.WavelengthAutocomplete = WavelengthAutocomplete; exports.WavelengthBanner = WavelengthBanner2; exports.WavelengthBox = WavelengthBox; exports.WavelengthButton = WavelengthButton2; exports.WavelengthCommentDisplay = WavelengthCommentDisplay; exports.WavelengthConfirmationModal = WavelengthConfirmationModal; exports.WavelengthContentModal = WavelengthContentModal; exports.WavelengthContentPlaceholder = WavelengthContentPlaceholder; exports.WavelengthDataTable = WavelengthDataTable; exports.WavelengthDragAndDrop = WavelengthDragAndDrop; exports.WavelengthDropdown = WavelengthDropdown; exports.WavelengthDropdownButton = WavelengthDropdownButton; exports.WavelengthExampleComponent = WavelengthExampleComponent; exports.WavelengthFileDownloader = WavelengthFileDownloader; exports.WavelengthFooter = WavelengthFooter; exports.WavelengthPermissionAlert = WavelengthPermissionAlert; exports.WavelengthPlaneTrail = WavelengthPlaneTrail; exports.WavelengthPopUpMenu = WavelengthPopUpMenu; exports.WavelengthProgressBar = WavelengthProgressBar; exports.WavelengthSearch = WavelengthSearch; exports.WavelengthSideBar = WavelengthSideBar; exports.WavelengthSlider = WavelengthSlider; exports.WavelengthSnackbar = WavelengthSnackbar; exports.WavelengthSpinningLogo = WavelengthSpinningLogo; exports.WavelengthSpinningOuterCircle = WavelengthSpinningOuterCircle; exports.WavelengthStandardSnackbar = WavelengthStandardSnackbar; exports.WavelengthStyledButton = WavelengthStyledButton; exports.WavelengthTextField = WavelengthTextField; exports.WavelengthTitleBar = WavelengthTitleBar2; exports.add = add; exports.ascendingRange = ascendingRange; exports.concat = concat; exports.findBestStringMatch = findBestStringMatch; exports.range = range; exports.useOutsideClick = useOutsideClick; exports.useThemeContext = useThemeContext;
 /*! Bundled license information:
 
 react-is/cjs/react-is.production.min.js: