@wavelengthusaf/components 1.0.4 → 1.0.6

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,14 +21,171 @@ 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;
 }
-declare function WLButton({ 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 }: OutlinedButtonProps): React__default.JSX.Element;
+
+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 | number;
+    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({ 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 BannerHeaderProps {
+    name?: string;
+}
+declare function BannerHeader({ name }: BannerHeaderProps): 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 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 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;
@@ -35,4 +193,20 @@ type ThemeProperties = {
 declare const WavelengthAppTheme: React.Context<ThemeProperties>;
 declare const useThemeContext: () => ThemeProperties;
 
-export { type ThemeProperties, WLButton, WavelengthAppTheme, 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;
+
+export { AceOfSpadesComponent, ArrowIcon, BannerHeader, BomberBeeIcon, ButtonIcon, ButtonMenu, DefaultIcon, ManyPlanesComponent, Old563EWSLogo, PortalIcon, RapidrefIcon, type SearchResult, SearchTextField, SquadronIcon, SwarmIcon, type ThemeProperties, WavelengthAppTheme, WavelengthAutocomplete, WavelengthBox, WavelengthButton, WavelengthConfirmationModal, WavelengthContentModal, WavelengthContentPlaceholder, WavelengthDropdownButton, WavelengthExampleComponent, WavelengthFooter, WavelengthIcon, WavelengthPlaneTrail, WavelengthSearch, WavelengthTitleBar, add, concat, findBestStringMatch, 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,14 +21,171 @@ 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;
 }
-declare function WLButton({ 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 }: OutlinedButtonProps): React__default.JSX.Element;
+
+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 | number;
+    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({ 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 BannerHeaderProps {
+    name?: string;
+}
+declare function BannerHeader({ name }: BannerHeaderProps): 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 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 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;
@@ -35,4 +193,20 @@ type ThemeProperties = {
 declare const WavelengthAppTheme: React.Context<ThemeProperties>;
 declare const useThemeContext: () => ThemeProperties;
 
-export { type ThemeProperties, WLButton, WavelengthAppTheme, 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;
+
+export { AceOfSpadesComponent, ArrowIcon, BannerHeader, BomberBeeIcon, ButtonIcon, ButtonMenu, DefaultIcon, ManyPlanesComponent, Old563EWSLogo, PortalIcon, RapidrefIcon, type SearchResult, SearchTextField, SquadronIcon, SwarmIcon, type ThemeProperties, WavelengthAppTheme, WavelengthAutocomplete, WavelengthBox, WavelengthButton, WavelengthConfirmationModal, WavelengthContentModal, WavelengthContentPlaceholder, WavelengthDropdownButton, WavelengthExampleComponent, WavelengthFooter, WavelengthIcon, WavelengthPlaneTrail, WavelengthSearch, WavelengthTitleBar, add, concat, findBestStringMatch, useThemeContext };