@wavelengthusaf/components 4.8.0 → 4.11.0

package/dist/cjs/index.d.cts

@@ -1,10 +1,10 @@
 import * as React$1 from 'react';
 import React__default, { ReactNode, ChangeEvent, ReactElement, CSSProperties as CSSProperties$1 } from 'react';
-export { ChildDataTable as ChildDataTableElement, SampleComponent as SampleComponentElement, WavelengthBanner as WavelengthBannerElement, WavelengthButton as WavelengthButtonElement, WavelengthDatePicker as WavelengthDatePickerElement, WavelengthForm as WavelengthFormElement, WavelengthInput as WavelengthInputElement, WavelengthMultiSelectAutocomplete as WavelengthMultiSelectAutocompleteElement, WavelengthProgressBar as WavelengthProgressBarElement, WavelengthTitleBar as WavelengthTitleBarElement } from '@wavelengthusaf/web-components';
+export { ChildDataTable as ChildDataTableElement, SampleComponent as SampleComponentElement, WavelengthBanner as WavelengthBannerElement, WavelengthButton as WavelengthButtonElement, WavelengthDatePicker as WavelengthDatePickerElement, WavelengthForm as WavelengthFormElement, WavelengthInput as WavelengthInputElement, WavelengthMultiSelectAutocomplete as WavelengthMultiSelectAutocompleteElement, WavelengthPagination as WavelengthPaginationElement, WavelengthProgressBar as WavelengthProgressBarElement, WavelengthTitleBar as WavelengthTitleBarElement } from '@wavelengthusaf/web-components';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { TextFieldVariants } from '@mui/material';
-import { z } from 'zod';
 import { CSSProperties } from 'styled-components';
+import { z } from 'zod';
 import { Mark } from '@mui/material/Slider/useSlider.types';
 
 /**
@@ -168,38 +168,31 @@ declare namespace WavelengthExampleComponent {
     var displayName: string;
 }
 
-interface SearchResult {
-    id: number | string;
-    title: string;
-    subtitle?: string;
-}
-interface SearchProps {
-    id?: string;
-    mode: "automatic" | "manual";
-    type?: "text-box" | "search-bar";
-    iconPos?: "start" | "end";
-    clearIconMarginRight?: string;
-    borderRadius?: number | string;
-    label?: string;
+type StyleProp = {
+    [selector: string]: any;
+} & CSSProperties;
+
+interface WavelengthSearchProps extends React__default.HTMLAttributes<HTMLElement> {
+    testProp?: string;
+    customStyle: StyleProp;
     width?: string;
-    height?: string | number;
-    children?: ReactNode;
+    mode?: string;
+    fontSize?: string;
+    height?: "small" | "medium" | "large" | string;
+    borderWidth?: string;
+    borderRadius?: string;
     borderColor?: string;
-    hoverColor?: string;
-    textColor?: string;
     backgroundColor?: string;
+    iconPos?: "start" | "end";
+    hoverColor?: string;
+    options?: string;
     placeholder?: string;
-    onEnter?: (arg0?: any) => any;
-    size?: "small" | "medium";
-    fontSize?: string;
-    options: SearchResult[];
-    onChange?: React__default.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement>;
-    onSearchItemSelected?: (selectedItem: SearchResult | string) => void;
-}
-declare function WavelengthSearch({ id, mode, type, width, height, label, size, borderRadius, children, placeholder, onEnter, onSearchItemSelected, options, onChange, borderColor, hoverColor, textColor, fontSize, backgroundColor, iconPos, clearIconMarginRight, }: SearchProps): react_jsx_runtime.JSX.Element | undefined;
-declare namespace WavelengthSearch {
-    var displayName: string;
+    placeholderColor?: string;
+    placeholderFont?: string;
+    inputColor?: string;
+    inputFont?: string;
 }
+declare const WavelengthSearch: React__default.FC<WavelengthSearchProps>;
 
 declare function WavelengthSearchTextField(): react_jsx_runtime.JSX.Element;
 declare namespace WavelengthSearchTextField {
@@ -610,10 +603,6 @@ interface WavelengthManyPlanesProps extends React__default.HTMLAttributes<HTMLEl
 }
 declare const WavelengthManyPlanes: React__default.FC<WavelengthManyPlanesProps>;
 
-type StyleProp = {
-    [selector: string]: any;
-} & CSSProperties;
-
 interface WavelengthPlaneTrailProps extends React__default.HTMLAttributes<HTMLElement> {
     trailDir?: "left" | "right";
     color?: string;
@@ -724,6 +713,40 @@ interface WavelengthMenuProps extends React__default.HTMLAttributes<HTMLElement>
 }
 declare const WavelengthMenu: React__default.FC<WavelengthMenuProps>;
 
+interface WavelengthPaginationProps extends React__default.HTMLAttributes<HTMLElement> {
+    testProp?: string;
+    customStyle: StyleProp;
+    variant?: "basic" | "common";
+    textColor?: string;
+    font?: string;
+    fontSize?: string;
+    border?: string;
+    borderRadius?: string;
+    padding?: string;
+    totalPages?: number;
+    currentPage?: number;
+    activeColor?: string;
+    activeTextColor?: string;
+    backgroundColor?: string;
+    disabledColor?: string;
+    onPageChange?: (page: number) => void;
+}
+declare const WavelengthPagination: React__default.FC<WavelengthPaginationProps>;
+
+interface PaginationProps {
+    totalPages: number;
+    boundaryCount?: number;
+    siblingCount?: number;
+    currentPageNumber: number;
+    style?: "text" | "contained" | "outlined" | "circular";
+    onPageChange: (page: number) => void;
+    id?: string;
+}
+declare function WavelengthDefaultPagination({ totalPages, currentPageNumber, siblingCount, boundaryCount, style, onPageChange, id }: PaginationProps): react_jsx_runtime.JSX.Element;
+declare namespace WavelengthDefaultPagination {
+    var displayName: string;
+}
+
 interface ConfirmationSnackbarProps {
     show: boolean;
     setShow: (show: boolean) => void;
@@ -837,22 +860,6 @@ interface adjustDimenforCarousel {
 }
 declare const SliderCardCarousel: React__default.FC<carouselConfigArray & adjustDimenforCarousel>;
 
-interface PaginationProps {
-    totalPages: number;
-    boundaryCount?: number;
-    siblingCount?: number;
-    currentPageNumber: number;
-    style?: "text" | "contained" | "outlined" | "circular";
-    onPageChange: (page: number) => void;
-    id?: string;
-}
-declare const range: (start: number, end: number) => number[];
-declare function ascendingRange(start: number, end: number): number[];
-declare function WavelengthDefaultPagination({ totalPages, currentPageNumber, siblingCount, boundaryCount, style, onPageChange, id }: PaginationProps): react_jsx_runtime.JSX.Element;
-declare namespace WavelengthDefaultPagination {
-    var displayName: string;
-}
-
 interface WavelengthInputProps extends React__default.HTMLAttributes<HTMLElement> {
     id?: string;
     name?: string;
@@ -1059,4 +1066,4 @@ interface MultiSelectAutocompleteProps {
 }
 declare const WavelengthMultiSelectAutocomplete: React__default.FC<MultiSelectAutocompleteProps>;
 
-export { ButtonIcon, ButtonMenu, ChildDataTable, DefaultCarousel, type IFileSelectedEventDetail, type NavItem, NestedDataTable, SampleComponent, type SearchProps, type SearchResult, SliderCardCarousel, type StyledButtonPropsTwo, type ThemeProperties, WavelengthAccessAlert, WavelengthAlert, WavelengthAppLogo, WavelengthAppTheme, WavelengthAutoComplete, WavelengthAutocomplete, WavelengthBanner, WavelengthBox, WavelengthButton, WavelengthCheckbox, WavelengthCommentDisplay, WavelengthConfirmationModal, WavelengthContentModal, WavelengthContentPlaceholder, WavelengthDataTable, WavelengthDatePicker, WavelengthDefaultIcon, WavelengthDefaultPagination, WavelengthDragAndDrop, WavelengthDropdown, WavelengthDropdownButton, WavelengthExampleComponent, WavelengthFileDownloader, WavelengthFileDropZone, type WavelengthFileDropZoneProps, WavelengthFooter, WavelengthForm, WavelengthInput, WavelengthManyPlanes, WavelengthMenu, WavelengthMultiSelectAutocomplete, WavelengthNavBar, type WavelengthNavBarProps, WavelengthNotAvailablePage, WavelengthNotificationPanel, WavelengthPermissionAlert, WavelengthPlaneTrail, WavelengthPopUpMenu, WavelengthProgressBar, WavelengthSearch, WavelengthSearchTextField, WavelengthSideBar, WavelengthSlider, WavelengthSnackbar, WavelengthSpinningLogo, WavelengthSpinningOuterCircle, WavelengthStandardSnackbar, WavelengthStyledButton, WavelengthTestSnackbar, WavelengthTitleBar, WavelengthToolTip, WavelengthWebSnackbar, type WavelengthWebSnackbarProps, add, ascendingRange, concat, findBestStringMatch, type menuItemProps, range, useOutsideClick, useThemeContext };
+export { ButtonIcon, ButtonMenu, ChildDataTable, DefaultCarousel, type IFileSelectedEventDetail, type NavItem, NestedDataTable, SampleComponent, SliderCardCarousel, type StyledButtonPropsTwo, type ThemeProperties, WavelengthAccessAlert, WavelengthAlert, WavelengthAppLogo, WavelengthAppTheme, WavelengthAutoComplete, WavelengthAutocomplete, WavelengthBanner, WavelengthBox, WavelengthButton, WavelengthCheckbox, WavelengthCommentDisplay, WavelengthConfirmationModal, WavelengthContentModal, WavelengthContentPlaceholder, WavelengthDataTable, WavelengthDatePicker, WavelengthDefaultIcon, WavelengthDefaultPagination, WavelengthDragAndDrop, WavelengthDropdown, WavelengthDropdownButton, WavelengthExampleComponent, WavelengthFileDownloader, WavelengthFileDropZone, type WavelengthFileDropZoneProps, WavelengthFooter, WavelengthForm, WavelengthInput, WavelengthManyPlanes, WavelengthMenu, WavelengthMultiSelectAutocomplete, WavelengthNavBar, type WavelengthNavBarProps, WavelengthNotAvailablePage, WavelengthNotificationPanel, WavelengthPagination, WavelengthPermissionAlert, WavelengthPlaneTrail, WavelengthPopUpMenu, WavelengthProgressBar, WavelengthSearch, WavelengthSearchTextField, WavelengthSideBar, WavelengthSlider, WavelengthSnackbar, WavelengthSpinningLogo, WavelengthSpinningOuterCircle, WavelengthStandardSnackbar, WavelengthStyledButton, WavelengthTestSnackbar, WavelengthTitleBar, WavelengthToolTip, WavelengthWebSnackbar, type WavelengthWebSnackbarProps, add, concat, findBestStringMatch, type menuItemProps, useOutsideClick, useThemeContext };

package/dist/esm/index.d.ts

@@ -1,10 +1,10 @@
 import * as React$1 from 'react';
 import React__default, { ReactNode, ChangeEvent, ReactElement, CSSProperties as CSSProperties$1 } from 'react';
-export { ChildDataTable as ChildDataTableElement, SampleComponent as SampleComponentElement, WavelengthBanner as WavelengthBannerElement, WavelengthButton as WavelengthButtonElement, WavelengthDatePicker as WavelengthDatePickerElement, WavelengthForm as WavelengthFormElement, WavelengthInput as WavelengthInputElement, WavelengthMultiSelectAutocomplete as WavelengthMultiSelectAutocompleteElement, WavelengthProgressBar as WavelengthProgressBarElement, WavelengthTitleBar as WavelengthTitleBarElement } from '@wavelengthusaf/web-components';
+export { ChildDataTable as ChildDataTableElement, SampleComponent as SampleComponentElement, WavelengthBanner as WavelengthBannerElement, WavelengthButton as WavelengthButtonElement, WavelengthDatePicker as WavelengthDatePickerElement, WavelengthForm as WavelengthFormElement, WavelengthInput as WavelengthInputElement, WavelengthMultiSelectAutocomplete as WavelengthMultiSelectAutocompleteElement, WavelengthPagination as WavelengthPaginationElement, WavelengthProgressBar as WavelengthProgressBarElement, WavelengthTitleBar as WavelengthTitleBarElement } from '@wavelengthusaf/web-components';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { TextFieldVariants } from '@mui/material';
-import { z } from 'zod';
 import { CSSProperties } from 'styled-components';
+import { z } from 'zod';
 import { Mark } from '@mui/material/Slider/useSlider.types';
 
 /**
@@ -168,38 +168,31 @@ declare namespace WavelengthExampleComponent {
     var displayName: string;
 }
 
-interface SearchResult {
-    id: number | string;
-    title: string;
-    subtitle?: string;
-}
-interface SearchProps {
-    id?: string;
-    mode: "automatic" | "manual";
-    type?: "text-box" | "search-bar";
-    iconPos?: "start" | "end";
-    clearIconMarginRight?: string;
-    borderRadius?: number | string;
-    label?: string;
+type StyleProp = {
+    [selector: string]: any;
+} & CSSProperties;
+
+interface WavelengthSearchProps extends React__default.HTMLAttributes<HTMLElement> {
+    testProp?: string;
+    customStyle: StyleProp;
     width?: string;
-    height?: string | number;
-    children?: ReactNode;
+    mode?: string;
+    fontSize?: string;
+    height?: "small" | "medium" | "large" | string;
+    borderWidth?: string;
+    borderRadius?: string;
     borderColor?: string;
-    hoverColor?: string;
-    textColor?: string;
     backgroundColor?: string;
+    iconPos?: "start" | "end";
+    hoverColor?: string;
+    options?: string;
     placeholder?: string;
-    onEnter?: (arg0?: any) => any;
-    size?: "small" | "medium";
-    fontSize?: string;
-    options: SearchResult[];
-    onChange?: React__default.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement>;
-    onSearchItemSelected?: (selectedItem: SearchResult | string) => void;
-}
-declare function WavelengthSearch({ id, mode, type, width, height, label, size, borderRadius, children, placeholder, onEnter, onSearchItemSelected, options, onChange, borderColor, hoverColor, textColor, fontSize, backgroundColor, iconPos, clearIconMarginRight, }: SearchProps): react_jsx_runtime.JSX.Element | undefined;
-declare namespace WavelengthSearch {
-    var displayName: string;
+    placeholderColor?: string;
+    placeholderFont?: string;
+    inputColor?: string;
+    inputFont?: string;
 }
+declare const WavelengthSearch: React__default.FC<WavelengthSearchProps>;
 
 declare function WavelengthSearchTextField(): react_jsx_runtime.JSX.Element;
 declare namespace WavelengthSearchTextField {
@@ -610,10 +603,6 @@ interface WavelengthManyPlanesProps extends React__default.HTMLAttributes<HTMLEl
 }
 declare const WavelengthManyPlanes: React__default.FC<WavelengthManyPlanesProps>;
 
-type StyleProp = {
-    [selector: string]: any;
-} & CSSProperties;
-
 interface WavelengthPlaneTrailProps extends React__default.HTMLAttributes<HTMLElement> {
     trailDir?: "left" | "right";
     color?: string;
@@ -724,6 +713,40 @@ interface WavelengthMenuProps extends React__default.HTMLAttributes<HTMLElement>
 }
 declare const WavelengthMenu: React__default.FC<WavelengthMenuProps>;
 
+interface WavelengthPaginationProps extends React__default.HTMLAttributes<HTMLElement> {
+    testProp?: string;
+    customStyle: StyleProp;
+    variant?: "basic" | "common";
+    textColor?: string;
+    font?: string;
+    fontSize?: string;
+    border?: string;
+    borderRadius?: string;
+    padding?: string;
+    totalPages?: number;
+    currentPage?: number;
+    activeColor?: string;
+    activeTextColor?: string;
+    backgroundColor?: string;
+    disabledColor?: string;
+    onPageChange?: (page: number) => void;
+}
+declare const WavelengthPagination: React__default.FC<WavelengthPaginationProps>;
+
+interface PaginationProps {
+    totalPages: number;
+    boundaryCount?: number;
+    siblingCount?: number;
+    currentPageNumber: number;
+    style?: "text" | "contained" | "outlined" | "circular";
+    onPageChange: (page: number) => void;
+    id?: string;
+}
+declare function WavelengthDefaultPagination({ totalPages, currentPageNumber, siblingCount, boundaryCount, style, onPageChange, id }: PaginationProps): react_jsx_runtime.JSX.Element;
+declare namespace WavelengthDefaultPagination {
+    var displayName: string;
+}
+
 interface ConfirmationSnackbarProps {
     show: boolean;
     setShow: (show: boolean) => void;
@@ -837,22 +860,6 @@ interface adjustDimenforCarousel {
 }
 declare const SliderCardCarousel: React__default.FC<carouselConfigArray & adjustDimenforCarousel>;
 
-interface PaginationProps {
-    totalPages: number;
-    boundaryCount?: number;
-    siblingCount?: number;
-    currentPageNumber: number;
-    style?: "text" | "contained" | "outlined" | "circular";
-    onPageChange: (page: number) => void;
-    id?: string;
-}
-declare const range: (start: number, end: number) => number[];
-declare function ascendingRange(start: number, end: number): number[];
-declare function WavelengthDefaultPagination({ totalPages, currentPageNumber, siblingCount, boundaryCount, style, onPageChange, id }: PaginationProps): react_jsx_runtime.JSX.Element;
-declare namespace WavelengthDefaultPagination {
-    var displayName: string;
-}
-
 interface WavelengthInputProps extends React__default.HTMLAttributes<HTMLElement> {
     id?: string;
     name?: string;
@@ -1059,4 +1066,4 @@ interface MultiSelectAutocompleteProps {
 }
 declare const WavelengthMultiSelectAutocomplete: React__default.FC<MultiSelectAutocompleteProps>;
 
-export { ButtonIcon, ButtonMenu, ChildDataTable, DefaultCarousel, type IFileSelectedEventDetail, type NavItem, NestedDataTable, SampleComponent, type SearchProps, type SearchResult, SliderCardCarousel, type StyledButtonPropsTwo, type ThemeProperties, WavelengthAccessAlert, WavelengthAlert, WavelengthAppLogo, WavelengthAppTheme, WavelengthAutoComplete, WavelengthAutocomplete, WavelengthBanner, WavelengthBox, WavelengthButton, WavelengthCheckbox, WavelengthCommentDisplay, WavelengthConfirmationModal, WavelengthContentModal, WavelengthContentPlaceholder, WavelengthDataTable, WavelengthDatePicker, WavelengthDefaultIcon, WavelengthDefaultPagination, WavelengthDragAndDrop, WavelengthDropdown, WavelengthDropdownButton, WavelengthExampleComponent, WavelengthFileDownloader, WavelengthFileDropZone, type WavelengthFileDropZoneProps, WavelengthFooter, WavelengthForm, WavelengthInput, WavelengthManyPlanes, WavelengthMenu, WavelengthMultiSelectAutocomplete, WavelengthNavBar, type WavelengthNavBarProps, WavelengthNotAvailablePage, WavelengthNotificationPanel, WavelengthPermissionAlert, WavelengthPlaneTrail, WavelengthPopUpMenu, WavelengthProgressBar, WavelengthSearch, WavelengthSearchTextField, WavelengthSideBar, WavelengthSlider, WavelengthSnackbar, WavelengthSpinningLogo, WavelengthSpinningOuterCircle, WavelengthStandardSnackbar, WavelengthStyledButton, WavelengthTestSnackbar, WavelengthTitleBar, WavelengthToolTip, WavelengthWebSnackbar, type WavelengthWebSnackbarProps, add, ascendingRange, concat, findBestStringMatch, type menuItemProps, range, useOutsideClick, useThemeContext };
+export { ButtonIcon, ButtonMenu, ChildDataTable, DefaultCarousel, type IFileSelectedEventDetail, type NavItem, NestedDataTable, SampleComponent, SliderCardCarousel, type StyledButtonPropsTwo, type ThemeProperties, WavelengthAccessAlert, WavelengthAlert, WavelengthAppLogo, WavelengthAppTheme, WavelengthAutoComplete, WavelengthAutocomplete, WavelengthBanner, WavelengthBox, WavelengthButton, WavelengthCheckbox, WavelengthCommentDisplay, WavelengthConfirmationModal, WavelengthContentModal, WavelengthContentPlaceholder, WavelengthDataTable, WavelengthDatePicker, WavelengthDefaultIcon, WavelengthDefaultPagination, WavelengthDragAndDrop, WavelengthDropdown, WavelengthDropdownButton, WavelengthExampleComponent, WavelengthFileDownloader, WavelengthFileDropZone, type WavelengthFileDropZoneProps, WavelengthFooter, WavelengthForm, WavelengthInput, WavelengthManyPlanes, WavelengthMenu, WavelengthMultiSelectAutocomplete, WavelengthNavBar, type WavelengthNavBarProps, WavelengthNotAvailablePage, WavelengthNotificationPanel, WavelengthPagination, WavelengthPermissionAlert, WavelengthPlaneTrail, WavelengthPopUpMenu, WavelengthProgressBar, WavelengthSearch, WavelengthSearchTextField, WavelengthSideBar, WavelengthSlider, WavelengthSnackbar, WavelengthSpinningLogo, WavelengthSpinningOuterCircle, WavelengthStandardSnackbar, WavelengthStyledButton, WavelengthTestSnackbar, WavelengthTitleBar, WavelengthToolTip, WavelengthWebSnackbar, type WavelengthWebSnackbarProps, add, concat, findBestStringMatch, type menuItemProps, useOutsideClick, useThemeContext };