@wavelengthusaf/components 4.1.0 → 4.1.2

package/README.md

@@ -14,6 +14,11 @@ npm install @wavelengthusaf/components
 
 ## Release Notes
 
+### 4.1.1 
+
+- 10/27/2025
+- Normalized web component and frontend naming conventions
+
 ### 4.1.0 
 
 - 10/22/2025
@@ -250,7 +255,7 @@ npm install @wavelengthusaf/components
 
 ### 2.3.0
 
-- Added `DefaultPagination` component to package for numbered pagination navigation, and modified PagePagination for testbed.
+- Added `WavelengthDefaultPagination` component to package for numbered pagination navigation, and modified PagePagination for testbed.
 
 ### 2.2.5
 

package/dist/cjs/index.cjs

@@ -6450,23 +6450,10 @@ function WavelengthButtonPagination({ totalPages, current, handleChangePage, ite
     }
   };
   const dropstyles = {
-    dropcenter: {
-      position: "relative",
-      left: "-40px",
-      top: "-20px"
-    },
-    mydrop: {
-      position: "absolute",
-      zIndex: "3",
-      maxHeight: "200px",
-      overflow: "scroll"
-    },
-    rangenumbers: {
-      display: "flex"
-    },
-    butPagCompDivStyle: {
-      display: "flex"
-    }
+    dropcenter: { position: "relative", left: "-40px", top: "-20px" },
+    mydrop: { position: "absolute", zIndex: "3", maxHeight: "200px", overflow: "scroll" },
+    rangenumbers: { display: "flex" },
+    butPagCompDivStyle: { display: "flex" }
   };
   const WLButtonPagStyle = {
     background: "white",
@@ -6479,15 +6466,9 @@ function WavelengthButtonPagination({ totalPages, current, handleChangePage, ite
     boxshadow: "4px 2px 4px darkslategray",
     borderRadius: "50%",
     margin: "3px",
-    "&:hover": {
-      background: "#49baf7"
-    },
-    "&:disabled": {
-      background: "rgb(226, 223, 223)"
-    },
-    "&.active": {
-      background: "#8FD8FF"
-    }
+    "&:hover": { background: "#49baf7" },
+    "&:disabled": { background: "rgb(226, 223, 223)" },
+    "&.active": { background: "#8FD8FF" }
   };
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { style: dropstyles.butPagCompDivStyle, children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Button2.default, { onClick: () => handleChangePage(current - 1), disabled: current === 1, sx: WLButtonPagStyle, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _ArrowBackIosNew2.default, {}) }),
@@ -6639,7 +6620,7 @@ function ascendingRange(start, end) {
   }
   return result;
 }
-function DefaultPagination({ totalPages, currentPageNumber, siblingCount = 1, boundaryCount = 1, style: style3, onPageChange }) {
+function WavelengthDefaultPagination({ totalPages, currentPageNumber, siblingCount = 1, boundaryCount = 1, style: style3, onPageChange }) {
   const [current, setCurrent] = _react.useState.call(void 0, currentPageNumber);
   const startPages = range(1, Math.min(boundaryCount, totalPages));
   const endPages = range(Math.max(totalPages - boundaryCount + 1, boundaryCount + 1), totalPages);
@@ -6727,8 +6708,8 @@ function DefaultPagination({ totalPages, currentPageNumber, siblingCount = 1, bo
     );
   }
 }
-DefaultPagination.displayName = "DefaultPagination";
-var WavelengthDefaultPagination_default = DefaultPagination;
+WavelengthDefaultPagination.displayName = "WavelengthDefaultPagination";
+var WavelengthDefaultPagination_default = WavelengthDefaultPagination;
 
 // src/components/TextField/WavelengthInput.tsx
 
@@ -7809,12 +7790,13 @@ var WavelengthAutoComplete = ({
   labelColor,
   focusedLabelColor,
   id,
-  name
+  name,
+  placeholder
 }) => {
   const inputRef = _react.useRef.call(void 0, null);
   const listRef = _react.useRef.call(void 0, null);
   const noItemListRef = _react.useRef.call(void 0, null);
-  const [inputValue, setInputValue] = _react.useState.call(void 0, "");
+  const [inputValue, setInputValue] = _react.useState.call(void 0, _nullishCoalesce(placeholder, () => ( data[0])));
   const [suggestions, setSuggestions] = _react.useState.call(void 0, []);
   const [isDropdownVisible, setIsDropdownVisible] = _react.useState.call(void 0, false);
   const suggestHasItems = suggestions.length > 0;
@@ -8228,7 +8210,7 @@ var WavelengthMultiSelectAutocomplete = ({ options, placeholder = "Select Option
 
 
 
-exports.ButtonIcon = ButtonIcon; exports.ButtonMenu = ButtonMenu; exports.ChildDataTable = ChildDataTable; exports.DefaultCarousel = DefaultCarousel; exports.DefaultPagination = DefaultPagination; exports.NestedDataTable = NestedDataTable; exports.SampleComponent = SampleComponent; exports.SampleComponentElement = _webcomponents.SampleComponent; exports.SliderCardCarousel = SliderCardCarousel; exports.WavelengthAccessAlert = WavelengthAccessAlert; exports.WavelengthAlert = WavelengthAlert; exports.WavelengthAppLogo = WavelengthAppLogo; exports.WavelengthAppTheme = WavelengthAppTheme; exports.WavelengthAutoComplete = WavelengthAutoComplete; exports.WavelengthAutocomplete = WavelengthAutocomplete; exports.WavelengthBanner = WavelengthBanner; exports.WavelengthBannerElement = _webcomponents.WavelengthBanner; exports.WavelengthBox = WavelengthBox; exports.WavelengthButton = WavelengthButton; exports.WavelengthButtonElement = _webcomponents.WavelengthButton; exports.WavelengthCommentDisplay = WavelengthCommentDisplay; exports.WavelengthConfirmationModal = WavelengthConfirmationModal; exports.WavelengthContentModal = WavelengthContentModal; exports.WavelengthContentPlaceholder = WavelengthContentPlaceholder; exports.WavelengthDataTable = WavelengthDataTable; exports.WavelengthDatePicker = WavelengthDatePicker; exports.WavelengthDatePickerElement = _webcomponents.WavelengthDatePicker; exports.WavelengthDefaultIcon = WavelengthDefaultIcon; exports.WavelengthDragAndDrop = WavelengthDragAndDrop; exports.WavelengthDropdown = WavelengthDropdown; exports.WavelengthDropdownButton = WavelengthDropdownButton; exports.WavelengthExampleComponent = WavelengthExampleComponent; exports.WavelengthFileDownloader = WavelengthFileDownloader; exports.WavelengthFooter = WavelengthFooter; exports.WavelengthForm = WavelengthForm; exports.WavelengthFormElement = _webcomponents.WavelengthForm; exports.WavelengthInput = WavelengthInput; exports.WavelengthInputElement = _webcomponents.WavelengthInput; exports.WavelengthManyPlanes = WavelengthManyPlanes; exports.WavelengthMultiSelectAutocomplete = WavelengthMultiSelectAutocomplete; exports.WavelengthMultiSelectAutocompleteElement = _webcomponents.WavelengthMultiSelectAutocomplete; exports.WavelengthNotAvailablePage = WavelengthNotAvailablePage; exports.WavelengthPermissionAlert = WavelengthPermissionAlert; exports.WavelengthPlaneTrail = WavelengthPlaneTrail; exports.WavelengthPopUpMenu = WavelengthPopUpMenu; exports.WavelengthProgressBar = WavelengthProgressBar; exports.WavelengthProgressBarElement = _webcomponents.WavelengthProgressBar; exports.WavelengthSearch = WavelengthSearch; exports.WavelengthSearchTextField = WavelengthSearchTextField; exports.WavelengthSideBar = WavelengthSideBar; exports.WavelengthSlider = WavelengthSlider; exports.WavelengthSnackbar = WavelengthSnackbar; exports.WavelengthSpinningLogo = WavelengthSpinningLogo; exports.WavelengthSpinningOuterCircle = WavelengthSpinningOuterCircle; exports.WavelengthStandardSnackbar = WavelengthStandardSnackbar; exports.WavelengthStyledButton = WavelengthStyledButton; exports.WavelengthTestSnackbar = WavelengthTestSnackbar; exports.WavelengthTitleBar = WavelengthTitleBar; exports.WavelengthTitleBarElement = _webcomponents.WavelengthTitleBar; exports.add = add; exports.ascendingRange = ascendingRange; exports.concat = concat; exports.findBestStringMatch = findBestStringMatch; exports.range = range; exports.useOutsideClick = useOutsideClick; exports.useThemeContext = useThemeContext;
+exports.ButtonIcon = ButtonIcon; exports.ButtonMenu = ButtonMenu; exports.ChildDataTable = ChildDataTable; exports.DefaultCarousel = DefaultCarousel; exports.NestedDataTable = NestedDataTable; exports.SampleComponent = SampleComponent; exports.SampleComponentElement = _webcomponents.SampleComponent; exports.SliderCardCarousel = SliderCardCarousel; exports.WavelengthAccessAlert = WavelengthAccessAlert; exports.WavelengthAlert = WavelengthAlert; exports.WavelengthAppLogo = WavelengthAppLogo; exports.WavelengthAppTheme = WavelengthAppTheme; exports.WavelengthAutoComplete = WavelengthAutoComplete; exports.WavelengthAutocomplete = WavelengthAutocomplete; exports.WavelengthBanner = WavelengthBanner; exports.WavelengthBannerElement = _webcomponents.WavelengthBanner; exports.WavelengthBox = WavelengthBox; exports.WavelengthButton = WavelengthButton; exports.WavelengthButtonElement = _webcomponents.WavelengthButton; exports.WavelengthCommentDisplay = WavelengthCommentDisplay; exports.WavelengthConfirmationModal = WavelengthConfirmationModal; exports.WavelengthContentModal = WavelengthContentModal; exports.WavelengthContentPlaceholder = WavelengthContentPlaceholder; exports.WavelengthDataTable = WavelengthDataTable; exports.WavelengthDatePicker = WavelengthDatePicker; exports.WavelengthDatePickerElement = _webcomponents.WavelengthDatePicker; exports.WavelengthDefaultIcon = WavelengthDefaultIcon; exports.WavelengthDefaultPagination = WavelengthDefaultPagination; exports.WavelengthDragAndDrop = WavelengthDragAndDrop; exports.WavelengthDropdown = WavelengthDropdown; exports.WavelengthDropdownButton = WavelengthDropdownButton; exports.WavelengthExampleComponent = WavelengthExampleComponent; exports.WavelengthFileDownloader = WavelengthFileDownloader; exports.WavelengthFooter = WavelengthFooter; exports.WavelengthForm = WavelengthForm; exports.WavelengthFormElement = _webcomponents.WavelengthForm; exports.WavelengthInput = WavelengthInput; exports.WavelengthInputElement = _webcomponents.WavelengthInput; exports.WavelengthManyPlanes = WavelengthManyPlanes; exports.WavelengthMultiSelectAutocomplete = WavelengthMultiSelectAutocomplete; exports.WavelengthMultiSelectAutocompleteElement = _webcomponents.WavelengthMultiSelectAutocomplete; exports.WavelengthNotAvailablePage = WavelengthNotAvailablePage; exports.WavelengthPermissionAlert = WavelengthPermissionAlert; exports.WavelengthPlaneTrail = WavelengthPlaneTrail; exports.WavelengthPopUpMenu = WavelengthPopUpMenu; exports.WavelengthProgressBar = WavelengthProgressBar; exports.WavelengthProgressBarElement = _webcomponents.WavelengthProgressBar; exports.WavelengthSearch = WavelengthSearch; exports.WavelengthSearchTextField = WavelengthSearchTextField; exports.WavelengthSideBar = WavelengthSideBar; exports.WavelengthSlider = WavelengthSlider; exports.WavelengthSnackbar = WavelengthSnackbar; exports.WavelengthSpinningLogo = WavelengthSpinningLogo; exports.WavelengthSpinningOuterCircle = WavelengthSpinningOuterCircle; exports.WavelengthStandardSnackbar = WavelengthStandardSnackbar; exports.WavelengthStyledButton = WavelengthStyledButton; exports.WavelengthTestSnackbar = WavelengthTestSnackbar; exports.WavelengthTitleBar = WavelengthTitleBar; exports.WavelengthTitleBarElement = _webcomponents.WavelengthTitleBar; 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:

package/dist/cjs/index.d.cts

@@ -707,8 +707,8 @@ interface PaginationProps {
 }
 declare const range: (start: number, end: number) => number[];
 declare function ascendingRange(start: number, end: number): number[];
-declare function DefaultPagination({ totalPages, currentPageNumber, siblingCount, boundaryCount, style, onPageChange }: PaginationProps): react_jsx_runtime.JSX.Element;
-declare namespace DefaultPagination {
+declare function WavelengthDefaultPagination({ totalPages, currentPageNumber, siblingCount, boundaryCount, style, onPageChange }: PaginationProps): react_jsx_runtime.JSX.Element;
+declare namespace WavelengthDefaultPagination {
     var displayName: string;
 }
 
@@ -845,9 +845,10 @@ interface AutocompleteProps {
     focusedLabelColor?: string;
     id?: string;
     name?: string;
+    placeholder?: string;
 }
 declare const WavelengthAutoComplete: {
-    ({ floatLabel, data, height, width, inputBorderStyle, inputFocusBorderColor, onDataChange, autoBackGroundColor, labelColor, focusedLabelColor, id, name, }: AutocompleteProps): react_jsx_runtime.JSX.Element;
+    ({ floatLabel, data, height, width, inputBorderStyle, inputFocusBorderColor, onDataChange, autoBackGroundColor, labelColor, focusedLabelColor, id, name, placeholder, }: AutocompleteProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
@@ -916,4 +917,4 @@ interface MultiSelectAutocompleteProps {
 }
 declare const WavelengthMultiSelectAutocomplete: React__default.FC<MultiSelectAutocompleteProps>;
 
-export { ButtonIcon, ButtonMenu, ChildDataTable, DefaultCarousel, DefaultPagination, NestedDataTable, SampleComponent, type SearchProps, type SearchResult, SliderCardCarousel, type StyledButtonPropsTwo, type ThemeProperties, WavelengthAccessAlert, WavelengthAlert, WavelengthAppLogo, WavelengthAppTheme, WavelengthAutoComplete, WavelengthAutocomplete, WavelengthBanner, WavelengthBox, WavelengthButton, WavelengthCommentDisplay, WavelengthConfirmationModal, WavelengthContentModal, WavelengthContentPlaceholder, WavelengthDataTable, WavelengthDatePicker, WavelengthDefaultIcon, WavelengthDragAndDrop, WavelengthDropdown, WavelengthDropdownButton, WavelengthExampleComponent, WavelengthFileDownloader, WavelengthFooter, WavelengthForm, WavelengthInput, WavelengthManyPlanes, WavelengthMultiSelectAutocomplete, WavelengthNotAvailablePage, WavelengthPermissionAlert, WavelengthPlaneTrail, WavelengthPopUpMenu, WavelengthProgressBar, WavelengthSearch, WavelengthSearchTextField, WavelengthSideBar, WavelengthSlider, WavelengthSnackbar, WavelengthSpinningLogo, WavelengthSpinningOuterCircle, WavelengthStandardSnackbar, WavelengthStyledButton, WavelengthTestSnackbar, WavelengthTitleBar, add, ascendingRange, concat, findBestStringMatch, type menuItemProps, range, useOutsideClick, useThemeContext };
+export { ButtonIcon, ButtonMenu, ChildDataTable, DefaultCarousel, NestedDataTable, SampleComponent, type SearchProps, type SearchResult, SliderCardCarousel, type StyledButtonPropsTwo, type ThemeProperties, WavelengthAccessAlert, WavelengthAlert, WavelengthAppLogo, WavelengthAppTheme, WavelengthAutoComplete, WavelengthAutocomplete, WavelengthBanner, WavelengthBox, WavelengthButton, WavelengthCommentDisplay, WavelengthConfirmationModal, WavelengthContentModal, WavelengthContentPlaceholder, WavelengthDataTable, WavelengthDatePicker, WavelengthDefaultIcon, WavelengthDefaultPagination, WavelengthDragAndDrop, WavelengthDropdown, WavelengthDropdownButton, WavelengthExampleComponent, WavelengthFileDownloader, WavelengthFooter, WavelengthForm, WavelengthInput, WavelengthManyPlanes, WavelengthMultiSelectAutocomplete, WavelengthNotAvailablePage, WavelengthPermissionAlert, WavelengthPlaneTrail, WavelengthPopUpMenu, WavelengthProgressBar, WavelengthSearch, WavelengthSearchTextField, WavelengthSideBar, WavelengthSlider, WavelengthSnackbar, WavelengthSpinningLogo, WavelengthSpinningOuterCircle, WavelengthStandardSnackbar, WavelengthStyledButton, WavelengthTestSnackbar, WavelengthTitleBar, add, ascendingRange, concat, findBestStringMatch, type menuItemProps, range, useOutsideClick, useThemeContext };

package/dist/esm/index.d.ts

@@ -707,8 +707,8 @@ interface PaginationProps {
 }
 declare const range: (start: number, end: number) => number[];
 declare function ascendingRange(start: number, end: number): number[];
-declare function DefaultPagination({ totalPages, currentPageNumber, siblingCount, boundaryCount, style, onPageChange }: PaginationProps): react_jsx_runtime.JSX.Element;
-declare namespace DefaultPagination {
+declare function WavelengthDefaultPagination({ totalPages, currentPageNumber, siblingCount, boundaryCount, style, onPageChange }: PaginationProps): react_jsx_runtime.JSX.Element;
+declare namespace WavelengthDefaultPagination {
     var displayName: string;
 }
 
@@ -845,9 +845,10 @@ interface AutocompleteProps {
     focusedLabelColor?: string;
     id?: string;
     name?: string;
+    placeholder?: string;
 }
 declare const WavelengthAutoComplete: {
-    ({ floatLabel, data, height, width, inputBorderStyle, inputFocusBorderColor, onDataChange, autoBackGroundColor, labelColor, focusedLabelColor, id, name, }: AutocompleteProps): react_jsx_runtime.JSX.Element;
+    ({ floatLabel, data, height, width, inputBorderStyle, inputFocusBorderColor, onDataChange, autoBackGroundColor, labelColor, focusedLabelColor, id, name, placeholder, }: AutocompleteProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
@@ -916,4 +917,4 @@ interface MultiSelectAutocompleteProps {
 }
 declare const WavelengthMultiSelectAutocomplete: React__default.FC<MultiSelectAutocompleteProps>;
 
-export { ButtonIcon, ButtonMenu, ChildDataTable, DefaultCarousel, DefaultPagination, NestedDataTable, SampleComponent, type SearchProps, type SearchResult, SliderCardCarousel, type StyledButtonPropsTwo, type ThemeProperties, WavelengthAccessAlert, WavelengthAlert, WavelengthAppLogo, WavelengthAppTheme, WavelengthAutoComplete, WavelengthAutocomplete, WavelengthBanner, WavelengthBox, WavelengthButton, WavelengthCommentDisplay, WavelengthConfirmationModal, WavelengthContentModal, WavelengthContentPlaceholder, WavelengthDataTable, WavelengthDatePicker, WavelengthDefaultIcon, WavelengthDragAndDrop, WavelengthDropdown, WavelengthDropdownButton, WavelengthExampleComponent, WavelengthFileDownloader, WavelengthFooter, WavelengthForm, WavelengthInput, WavelengthManyPlanes, WavelengthMultiSelectAutocomplete, WavelengthNotAvailablePage, WavelengthPermissionAlert, WavelengthPlaneTrail, WavelengthPopUpMenu, WavelengthProgressBar, WavelengthSearch, WavelengthSearchTextField, WavelengthSideBar, WavelengthSlider, WavelengthSnackbar, WavelengthSpinningLogo, WavelengthSpinningOuterCircle, WavelengthStandardSnackbar, WavelengthStyledButton, WavelengthTestSnackbar, WavelengthTitleBar, add, ascendingRange, concat, findBestStringMatch, type menuItemProps, range, useOutsideClick, useThemeContext };
+export { ButtonIcon, ButtonMenu, ChildDataTable, DefaultCarousel, NestedDataTable, SampleComponent, type SearchProps, type SearchResult, SliderCardCarousel, type StyledButtonPropsTwo, type ThemeProperties, WavelengthAccessAlert, WavelengthAlert, WavelengthAppLogo, WavelengthAppTheme, WavelengthAutoComplete, WavelengthAutocomplete, WavelengthBanner, WavelengthBox, WavelengthButton, WavelengthCommentDisplay, WavelengthConfirmationModal, WavelengthContentModal, WavelengthContentPlaceholder, WavelengthDataTable, WavelengthDatePicker, WavelengthDefaultIcon, WavelengthDefaultPagination, WavelengthDragAndDrop, WavelengthDropdown, WavelengthDropdownButton, WavelengthExampleComponent, WavelengthFileDownloader, WavelengthFooter, WavelengthForm, WavelengthInput, WavelengthManyPlanes, WavelengthMultiSelectAutocomplete, WavelengthNotAvailablePage, WavelengthPermissionAlert, WavelengthPlaneTrail, WavelengthPopUpMenu, WavelengthProgressBar, WavelengthSearch, WavelengthSearchTextField, WavelengthSideBar, WavelengthSlider, WavelengthSnackbar, WavelengthSpinningLogo, WavelengthSpinningOuterCircle, WavelengthStandardSnackbar, WavelengthStyledButton, WavelengthTestSnackbar, WavelengthTitleBar, add, ascendingRange, concat, findBestStringMatch, type menuItemProps, range, useOutsideClick, useThemeContext };

package/dist/esm/index.js

@@ -6450,23 +6450,10 @@ function WavelengthButtonPagination({ totalPages, current, handleChangePage, ite
     }
   };
   const dropstyles = {
-    dropcenter: {
-      position: "relative",
-      left: "-40px",
-      top: "-20px"
-    },
-    mydrop: {
-      position: "absolute",
-      zIndex: "3",
-      maxHeight: "200px",
-      overflow: "scroll"
-    },
-    rangenumbers: {
-      display: "flex"
-    },
-    butPagCompDivStyle: {
-      display: "flex"
-    }
+    dropcenter: { position: "relative", left: "-40px", top: "-20px" },
+    mydrop: { position: "absolute", zIndex: "3", maxHeight: "200px", overflow: "scroll" },
+    rangenumbers: { display: "flex" },
+    butPagCompDivStyle: { display: "flex" }
   };
   const WLButtonPagStyle = {
     background: "white",
@@ -6479,15 +6466,9 @@ function WavelengthButtonPagination({ totalPages, current, handleChangePage, ite
     boxshadow: "4px 2px 4px darkslategray",
     borderRadius: "50%",
     margin: "3px",
-    "&:hover": {
-      background: "#49baf7"
-    },
-    "&:disabled": {
-      background: "rgb(226, 223, 223)"
-    },
-    "&.active": {
-      background: "#8FD8FF"
-    }
+    "&:hover": { background: "#49baf7" },
+    "&:disabled": { background: "rgb(226, 223, 223)" },
+    "&.active": { background: "#8FD8FF" }
   };
   return /* @__PURE__ */ jsxs28("div", { style: dropstyles.butPagCompDivStyle, children: [
     /* @__PURE__ */ jsx38(Button5, { onClick: () => handleChangePage(current - 1), disabled: current === 1, sx: WLButtonPagStyle, children: /* @__PURE__ */ jsx38(ArrowBackIosNewIcon, {}) }),
@@ -6639,7 +6620,7 @@ function ascendingRange(start, end) {
   }
   return result;
 }
-function DefaultPagination({ totalPages, currentPageNumber, siblingCount = 1, boundaryCount = 1, style: style3, onPageChange }) {
+function WavelengthDefaultPagination({ totalPages, currentPageNumber, siblingCount = 1, boundaryCount = 1, style: style3, onPageChange }) {
   const [current, setCurrent] = useState8(currentPageNumber);
   const startPages = range(1, Math.min(boundaryCount, totalPages));
   const endPages = range(Math.max(totalPages - boundaryCount + 1, boundaryCount + 1), totalPages);
@@ -6727,8 +6708,8 @@ function DefaultPagination({ totalPages, currentPageNumber, siblingCount = 1, bo
     );
   }
 }
-DefaultPagination.displayName = "DefaultPagination";
-var WavelengthDefaultPagination_default = DefaultPagination;
+WavelengthDefaultPagination.displayName = "WavelengthDefaultPagination";
+var WavelengthDefaultPagination_default = WavelengthDefaultPagination;
 
 // src/components/TextField/WavelengthInput.tsx
 import { useRef as useRef8, useEffect as useEffect9, forwardRef, useImperativeHandle as useImperativeHandle2 } from "react";
@@ -7809,12 +7790,13 @@ var WavelengthAutoComplete = ({
   labelColor,
   focusedLabelColor,
   id,
-  name
+  name,
+  placeholder
 }) => {
   const inputRef = useRef11(null);
   const listRef = useRef11(null);
   const noItemListRef = useRef11(null);
-  const [inputValue, setInputValue] = useState12("");
+  const [inputValue, setInputValue] = useState12(placeholder ?? data[0]);
   const [suggestions, setSuggestions] = useState12([]);
   const [isDropdownVisible, setIsDropdownVisible] = useState12(false);
   const suggestHasItems = suggestions.length > 0;
@@ -8166,7 +8148,6 @@ export {
   ButtonMenu,
   ChildDataTable,
   DefaultCarousel,
-  DefaultPagination,
   NestedDataTable,
   SampleComponent,
   SampleComponent2 as SampleComponentElement,
@@ -8190,6 +8171,7 @@ export {
   WavelengthDatePicker,
   WavelengthDatePicker2 as WavelengthDatePickerElement,
   WavelengthDefaultIcon,
+  WavelengthDefaultPagination,
   WavelengthDragAndDrop,
   WavelengthDropdown,
   WavelengthDropdownButton,

package/package.json

@@ -2,7 +2,7 @@
   "name": "@wavelengthusaf/components",
   "author": "563 EWS - Wavelength",
   "license": "MIT",
-  "version": "4.1.0",
+  "version": "4.1.2",
   "description": "Common component library used by Wavelength developers",
   "main": "/dist/cjs/index.cjs",
   "module": "/dist/esm/index.js",
@@ -67,7 +67,7 @@
     "@emotion/styled": "^11.11.0",
     "@mui/icons-material": "^5.16.5",
     "@mui/material": "^5.15.7",
-    "@wavelengthusaf/web-components": "^1.0.1",
+    "@wavelengthusaf/web-components": "^1.1.0",
     "react": "^18.2.0",
     "react-router-dom": "^6.26.2",
     "styled-components": "^6.1.12",