@wavelengthusaf/components 1.0.5 → 1.0.7

package/dist/index.d.mts

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import React__default, { ReactNode } from 'react';
+import { TextFieldVariants } from '@mui/material';
 
 /**
  * Helper Functions
@@ -20,20 +21,183 @@ declare function concat(a: string, b: string): string;
 interface OutlinedButtonProps {
     id?: string;
     variant: "outlined" | "contained" | "text";
+    colorOne?: string;
+    colorTwo?: string;
     onClick?: any;
     margin?: string;
     padding?: string;
     autoFocus?: boolean;
     disabled?: boolean;
     children?: ReactNode;
+    data_test?: string;
+    borderRadius?: string;
 }
-declare function WavelengthButton({ id, variant, margin, padding, autoFocus, disabled, onClick, children }: OutlinedButtonProps): React__default.JSX.Element;
+declare function WavelengthButton({ id, variant, colorOne, colorTwo, margin, padding, autoFocus, disabled, onClick, children, borderRadius }: OutlinedButtonProps): React__default.JSX.Element;
 
-interface MyComponentProps {
+interface ButtonProps {
+    onClick?: any;
+    children?: ReactNode;
+}
+interface IconProps {
+    text: string;
+    numIcon: string;
+    children: ReactNode;
+    active: boolean;
+}
+declare function ButtonIcon({ text, numIcon, children, active }: IconProps): React__default.JSX.Element;
+interface ButtonMenuProps {
+    children: ReactNode;
+}
+declare function ButtonMenu({ children }: ButtonMenuProps): React__default.JSX.Element;
+declare function WavelengthDropdownButton({ children, onClick }: ButtonProps): React__default.JSX.Element;
+
+interface WavelengthAutocompleteProps {
+    label: string;
+    items?: any;
+    variant?: TextFieldVariants;
+    width?: number;
+    onChange?: (selectedValue: string) => void;
+}
+/**
+ * Returns the Best Matching String from a List; Defaults to the first item if no good match is found
+ * @param searchString - the string we want to look for
+ * @param choices - the list of strings we get to choose from (must be greater than 0)
+ * @returns - a string with the "best" match, or "" if no match is found
+ */
+declare function findBestStringMatch(searchString: string, choices: string[]): string;
+declare function WavelengthAutocomplete({ label, width, variant, items, onChange }: WavelengthAutocompleteProps): React__default.JSX.Element;
+
+interface WavelengthBoxProps {
+    width?: number;
+    height?: number;
+    children: ReactNode;
+}
+declare function WavelengthBox({ width, height, children }: WavelengthBoxProps): React__default.JSX.Element;
+
+interface WavelengthContentPlaceholderProps {
+    type?: "circle" | "rectangle";
+    width?: string | number;
+    height?: string | number;
+    txtcolor?: string;
+    bgcolor?: string;
+    children: ReactNode;
+    id?: string;
+}
+declare function WavelengthContentPlaceholder({ type, width, height, txtcolor, bgcolor, children, id }: WavelengthContentPlaceholderProps): React__default.JSX.Element;
+
+interface WavelengthExampleComponentProps {
+    width?: number;
+    height?: number;
+}
+declare function WavelengthExampleComponent({ width, height }: WavelengthExampleComponentProps): React__default.JSX.Element;
+
+interface SearchResult {
+    id: number | string;
+    title: string;
+    subtitle?: string;
+}
+interface SearchProps {
+    id?: string;
+    mode: "automatic" | "manual";
+    borderRadius?: number | string;
+    label?: string;
+    width?: string;
+    height?: string;
+    children?: ReactNode;
+    searchFunction: (value: string) => SearchResult[];
+    onSearchItemSelected: (selectedItem: SearchResult | string) => void;
+}
+declare function WavelengthSearch({ id, mode, width, height, label, borderRadius, children, searchFunction, onSearchItemSelected }: SearchProps): React__default.JSX.Element | undefined;
+
+declare function SearchTextField(): React__default.JSX.Element;
+
+declare function WavelengthFooter(): React__default.JSX.Element;
+
+declare function WavelengthTitleBar(): React__default.JSX.Element;
+
+interface WavelengthBannerHeaderProps {
+    classification?: "unclassified" | "controlled" | "controlled unclassified information" | "cui" | "u" | "confidential" | "c" | "secret" | "s" | "top secret" | "ts" | string;
+    control?: ("cui" | "sci" | "fouo" | "nf" | "propin" | "frd" | "gbr s" | "si" | "si-g" | "tk" | "relido" | "rd" | "rd-n" | "rel" | "fvey" | "hcs" | string)[];
+    headerColor?: string;
+    textColor?: string;
+}
+declare function WavelengthBannerHeader({ classification, control, headerColor, textColor }: WavelengthBannerHeaderProps): React__default.JSX.Element;
+
+interface bee {
+    width?: number;
+    height?: number;
+}
+declare function BomberBeeIcon({ width, height }: bee): React__default.JSX.Element;
+
+interface Old563EWSLogoProps {
+    width?: number;
+    height?: number;
+}
+declare function Old563EWSLogo({ width, height }: Old563EWSLogoProps): React__default.JSX.Element;
+
+interface AceOfSpadesProps {
+    width?: string;
+    height?: string;
+}
+declare function AceOfSpadesComponent({ width, height }: AceOfSpadesProps): React__default.JSX.Element;
+
+interface ArrowProps {
+    width?: number;
+    height?: number;
+}
+declare function ArrowIcon({ width, height }: ArrowProps): React__default.JSX.Element;
+
+interface PortalProps {
+    width?: number;
+    height?: number;
+}
+declare function PortalIcon({ width, height }: PortalProps): React__default.JSX.Element;
+
+interface SwarmProps {
+    width?: number;
+    height?: number;
+}
+declare function SwarmIcon({ width, height }: SwarmProps): React__default.JSX.Element;
+
+declare function RapidrefIcon(): React__default.JSX.Element;
+
+interface SquadronProps {
+    width?: number;
+    height?: number;
+}
+declare function SquadronIcon({ width, height }: SquadronProps): React__default.JSX.Element;
+
+interface WavelengthProps {
     width?: number;
     height?: number;
 }
-declare function MyComponent({ width, height }: MyComponentProps): React__default.JSX.Element;
+declare function WavelengthIcon({ width, height }: WavelengthProps): React__default.JSX.Element;
+
+interface DefaultProps {
+    width?: string;
+    height?: number;
+}
+declare function DefaultIcon({ width, height }: DefaultProps): React__default.JSX.Element;
+
+interface AppLogoProps {
+    width?: number;
+    height?: number;
+    name?: string;
+    grayscale?: boolean;
+}
+declare function AppLogo({ width, height, name, grayscale }: AppLogoProps): React__default.JSX.Element;
+
+interface HeaderProps {
+    numberOfPlanes?: number;
+    trailDir?: "right" | "left";
+    color?: string;
+}
+declare function ManyPlanesComponent({ numberOfPlanes, trailDir, color }: HeaderProps): React__default.JSX.Element;
+
+interface WavelengthPlaneTrailProps {
+    trailDir?: "right" | "left";
+}
+declare function WavelengthPlaneTrail({ trailDir }: WavelengthPlaneTrailProps): React__default.JSX.Element;
 
 type ThemeProperties = {
     name?: string;
@@ -41,4 +205,34 @@ type ThemeProperties = {
 declare const WavelengthAppTheme: React.Context<ThemeProperties>;
 declare const useThemeContext: () => ThemeProperties;
 
-export { MyComponent, type ThemeProperties, WavelengthAppTheme, WavelengthButton, add, concat, useThemeContext };
+interface WavelengthConfirmationModalProps {
+    show: boolean;
+    setShow: (show: boolean) => void;
+    textObj: Record<string, string>;
+    handleConfirmationModalOnConfirmProp: () => void;
+}
+declare function WavelengthConfirmationModal(props: WavelengthConfirmationModalProps): React__default.JSX.Element;
+
+interface WavelengthContentModalProps {
+    show: boolean;
+    setShow: (show: boolean) => void;
+    textObj: Record<string, string>;
+    handleContentModalOnConfirmProp: () => void;
+}
+declare function WavelengthContentModal(props: WavelengthContentModalProps): React__default.JSX.Element;
+
+interface menuItemProps {
+    itemType: "header" | "link" | "footer" | string;
+    label: string | number;
+    link?: string;
+    end?: boolean;
+}
+interface PopUPMenuProps {
+    menuItems: menuItemProps[];
+    customIcon?: React__default.ReactNode;
+    width?: string;
+    menuDirection?: "top" | "bottom";
+}
+declare function WavelengthPopUpMenu({ menuItems, customIcon, width, menuDirection }: PopUPMenuProps): React__default.JSX.Element;
+
+export { AceOfSpadesComponent, AppLogo, ArrowIcon, BomberBeeIcon, ButtonIcon, ButtonMenu, DefaultIcon, ManyPlanesComponent, Old563EWSLogo, PortalIcon, RapidrefIcon, type SearchResult, SearchTextField, SquadronIcon, SwarmIcon, type ThemeProperties, WavelengthAppTheme, WavelengthAutocomplete, WavelengthBannerHeader, WavelengthBox, WavelengthButton, WavelengthConfirmationModal, WavelengthContentModal, WavelengthContentPlaceholder, WavelengthDropdownButton, WavelengthExampleComponent, WavelengthFooter, WavelengthIcon, WavelengthPlaneTrail, WavelengthPopUpMenu, WavelengthSearch, WavelengthTitleBar, add, concat, findBestStringMatch, type menuItemProps, useThemeContext };

package/dist/index.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import React__default, { ReactNode } from 'react';
+import { TextFieldVariants } from '@mui/material';
 
 /**
  * Helper Functions
@@ -20,20 +21,183 @@ declare function concat(a: string, b: string): string;
 interface OutlinedButtonProps {
     id?: string;
     variant: "outlined" | "contained" | "text";
+    colorOne?: string;
+    colorTwo?: string;
     onClick?: any;
     margin?: string;
     padding?: string;
     autoFocus?: boolean;
     disabled?: boolean;
     children?: ReactNode;
+    data_test?: string;
+    borderRadius?: string;
 }
-declare function WavelengthButton({ id, variant, margin, padding, autoFocus, disabled, onClick, children }: OutlinedButtonProps): React__default.JSX.Element;
+declare function WavelengthButton({ id, variant, colorOne, colorTwo, margin, padding, autoFocus, disabled, onClick, children, borderRadius }: OutlinedButtonProps): React__default.JSX.Element;
 
-interface MyComponentProps {
+interface ButtonProps {
+    onClick?: any;
+    children?: ReactNode;
+}
+interface IconProps {
+    text: string;
+    numIcon: string;
+    children: ReactNode;
+    active: boolean;
+}
+declare function ButtonIcon({ text, numIcon, children, active }: IconProps): React__default.JSX.Element;
+interface ButtonMenuProps {
+    children: ReactNode;
+}
+declare function ButtonMenu({ children }: ButtonMenuProps): React__default.JSX.Element;
+declare function WavelengthDropdownButton({ children, onClick }: ButtonProps): React__default.JSX.Element;
+
+interface WavelengthAutocompleteProps {
+    label: string;
+    items?: any;
+    variant?: TextFieldVariants;
+    width?: number;
+    onChange?: (selectedValue: string) => void;
+}
+/**
+ * Returns the Best Matching String from a List; Defaults to the first item if no good match is found
+ * @param searchString - the string we want to look for
+ * @param choices - the list of strings we get to choose from (must be greater than 0)
+ * @returns - a string with the "best" match, or "" if no match is found
+ */
+declare function findBestStringMatch(searchString: string, choices: string[]): string;
+declare function WavelengthAutocomplete({ label, width, variant, items, onChange }: WavelengthAutocompleteProps): React__default.JSX.Element;
+
+interface WavelengthBoxProps {
+    width?: number;
+    height?: number;
+    children: ReactNode;
+}
+declare function WavelengthBox({ width, height, children }: WavelengthBoxProps): React__default.JSX.Element;
+
+interface WavelengthContentPlaceholderProps {
+    type?: "circle" | "rectangle";
+    width?: string | number;
+    height?: string | number;
+    txtcolor?: string;
+    bgcolor?: string;
+    children: ReactNode;
+    id?: string;
+}
+declare function WavelengthContentPlaceholder({ type, width, height, txtcolor, bgcolor, children, id }: WavelengthContentPlaceholderProps): React__default.JSX.Element;
+
+interface WavelengthExampleComponentProps {
+    width?: number;
+    height?: number;
+}
+declare function WavelengthExampleComponent({ width, height }: WavelengthExampleComponentProps): React__default.JSX.Element;
+
+interface SearchResult {
+    id: number | string;
+    title: string;
+    subtitle?: string;
+}
+interface SearchProps {
+    id?: string;
+    mode: "automatic" | "manual";
+    borderRadius?: number | string;
+    label?: string;
+    width?: string;
+    height?: string;
+    children?: ReactNode;
+    searchFunction: (value: string) => SearchResult[];
+    onSearchItemSelected: (selectedItem: SearchResult | string) => void;
+}
+declare function WavelengthSearch({ id, mode, width, height, label, borderRadius, children, searchFunction, onSearchItemSelected }: SearchProps): React__default.JSX.Element | undefined;
+
+declare function SearchTextField(): React__default.JSX.Element;
+
+declare function WavelengthFooter(): React__default.JSX.Element;
+
+declare function WavelengthTitleBar(): React__default.JSX.Element;
+
+interface WavelengthBannerHeaderProps {
+    classification?: "unclassified" | "controlled" | "controlled unclassified information" | "cui" | "u" | "confidential" | "c" | "secret" | "s" | "top secret" | "ts" | string;
+    control?: ("cui" | "sci" | "fouo" | "nf" | "propin" | "frd" | "gbr s" | "si" | "si-g" | "tk" | "relido" | "rd" | "rd-n" | "rel" | "fvey" | "hcs" | string)[];
+    headerColor?: string;
+    textColor?: string;
+}
+declare function WavelengthBannerHeader({ classification, control, headerColor, textColor }: WavelengthBannerHeaderProps): React__default.JSX.Element;
+
+interface bee {
+    width?: number;
+    height?: number;
+}
+declare function BomberBeeIcon({ width, height }: bee): React__default.JSX.Element;
+
+interface Old563EWSLogoProps {
+    width?: number;
+    height?: number;
+}
+declare function Old563EWSLogo({ width, height }: Old563EWSLogoProps): React__default.JSX.Element;
+
+interface AceOfSpadesProps {
+    width?: string;
+    height?: string;
+}
+declare function AceOfSpadesComponent({ width, height }: AceOfSpadesProps): React__default.JSX.Element;
+
+interface ArrowProps {
+    width?: number;
+    height?: number;
+}
+declare function ArrowIcon({ width, height }: ArrowProps): React__default.JSX.Element;
+
+interface PortalProps {
+    width?: number;
+    height?: number;
+}
+declare function PortalIcon({ width, height }: PortalProps): React__default.JSX.Element;
+
+interface SwarmProps {
+    width?: number;
+    height?: number;
+}
+declare function SwarmIcon({ width, height }: SwarmProps): React__default.JSX.Element;
+
+declare function RapidrefIcon(): React__default.JSX.Element;
+
+interface SquadronProps {
+    width?: number;
+    height?: number;
+}
+declare function SquadronIcon({ width, height }: SquadronProps): React__default.JSX.Element;
+
+interface WavelengthProps {
     width?: number;
     height?: number;
 }
-declare function MyComponent({ width, height }: MyComponentProps): React__default.JSX.Element;
+declare function WavelengthIcon({ width, height }: WavelengthProps): React__default.JSX.Element;
+
+interface DefaultProps {
+    width?: string;
+    height?: number;
+}
+declare function DefaultIcon({ width, height }: DefaultProps): React__default.JSX.Element;
+
+interface AppLogoProps {
+    width?: number;
+    height?: number;
+    name?: string;
+    grayscale?: boolean;
+}
+declare function AppLogo({ width, height, name, grayscale }: AppLogoProps): React__default.JSX.Element;
+
+interface HeaderProps {
+    numberOfPlanes?: number;
+    trailDir?: "right" | "left";
+    color?: string;
+}
+declare function ManyPlanesComponent({ numberOfPlanes, trailDir, color }: HeaderProps): React__default.JSX.Element;
+
+interface WavelengthPlaneTrailProps {
+    trailDir?: "right" | "left";
+}
+declare function WavelengthPlaneTrail({ trailDir }: WavelengthPlaneTrailProps): React__default.JSX.Element;
 
 type ThemeProperties = {
     name?: string;
@@ -41,4 +205,34 @@ type ThemeProperties = {
 declare const WavelengthAppTheme: React.Context<ThemeProperties>;
 declare const useThemeContext: () => ThemeProperties;
 
-export { MyComponent, type ThemeProperties, WavelengthAppTheme, WavelengthButton, add, concat, useThemeContext };
+interface WavelengthConfirmationModalProps {
+    show: boolean;
+    setShow: (show: boolean) => void;
+    textObj: Record<string, string>;
+    handleConfirmationModalOnConfirmProp: () => void;
+}
+declare function WavelengthConfirmationModal(props: WavelengthConfirmationModalProps): React__default.JSX.Element;
+
+interface WavelengthContentModalProps {
+    show: boolean;
+    setShow: (show: boolean) => void;
+    textObj: Record<string, string>;
+    handleContentModalOnConfirmProp: () => void;
+}
+declare function WavelengthContentModal(props: WavelengthContentModalProps): React__default.JSX.Element;
+
+interface menuItemProps {
+    itemType: "header" | "link" | "footer" | string;
+    label: string | number;
+    link?: string;
+    end?: boolean;
+}
+interface PopUPMenuProps {
+    menuItems: menuItemProps[];
+    customIcon?: React__default.ReactNode;
+    width?: string;
+    menuDirection?: "top" | "bottom";
+}
+declare function WavelengthPopUpMenu({ menuItems, customIcon, width, menuDirection }: PopUPMenuProps): React__default.JSX.Element;
+
+export { AceOfSpadesComponent, AppLogo, ArrowIcon, BomberBeeIcon, ButtonIcon, ButtonMenu, DefaultIcon, ManyPlanesComponent, Old563EWSLogo, PortalIcon, RapidrefIcon, type SearchResult, SearchTextField, SquadronIcon, SwarmIcon, type ThemeProperties, WavelengthAppTheme, WavelengthAutocomplete, WavelengthBannerHeader, WavelengthBox, WavelengthButton, WavelengthConfirmationModal, WavelengthContentModal, WavelengthContentPlaceholder, WavelengthDropdownButton, WavelengthExampleComponent, WavelengthFooter, WavelengthIcon, WavelengthPlaneTrail, WavelengthPopUpMenu, WavelengthSearch, WavelengthTitleBar, add, concat, findBestStringMatch, type menuItemProps, useThemeContext };