@wavelengthusaf/components 4.1.0 → 4.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +6 -1
- package/dist/cjs/index.cjs +11 -30
- package/dist/cjs/index.d.cts +3 -3
- package/dist/esm/index.d.ts +3 -3
- package/dist/esm/index.js +11 -30
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -14,6 +14,11 @@ npm install @wavelengthusaf/components
|
|
|
14
14
|
|
|
15
15
|
## Release Notes
|
|
16
16
|
|
|
17
|
+
### 4.1.1
|
|
18
|
+
|
|
19
|
+
- 10/27/2025
|
|
20
|
+
- Normalized web component and frontend naming conventions
|
|
21
|
+
|
|
17
22
|
### 4.1.0
|
|
18
23
|
|
|
19
24
|
- 10/22/2025
|
|
@@ -250,7 +255,7 @@ npm install @wavelengthusaf/components
|
|
|
250
255
|
|
|
251
256
|
### 2.3.0
|
|
252
257
|
|
|
253
|
-
- Added `
|
|
258
|
+
- Added `WavelengthDefaultPagination` component to package for numbered pagination navigation, and modified PagePagination for testbed.
|
|
254
259
|
|
|
255
260
|
### 2.2.5
|
|
256
261
|
|
package/dist/cjs/index.cjs
CHANGED
|
@@ -6450,23 +6450,10 @@ function WavelengthButtonPagination({ totalPages, current, handleChangePage, ite
|
|
|
6450
6450
|
}
|
|
6451
6451
|
};
|
|
6452
6452
|
const dropstyles = {
|
|
6453
|
-
dropcenter: {
|
|
6454
|
-
|
|
6455
|
-
|
|
6456
|
-
|
|
6457
|
-
},
|
|
6458
|
-
mydrop: {
|
|
6459
|
-
position: "absolute",
|
|
6460
|
-
zIndex: "3",
|
|
6461
|
-
maxHeight: "200px",
|
|
6462
|
-
overflow: "scroll"
|
|
6463
|
-
},
|
|
6464
|
-
rangenumbers: {
|
|
6465
|
-
display: "flex"
|
|
6466
|
-
},
|
|
6467
|
-
butPagCompDivStyle: {
|
|
6468
|
-
display: "flex"
|
|
6469
|
-
}
|
|
6453
|
+
dropcenter: { position: "relative", left: "-40px", top: "-20px" },
|
|
6454
|
+
mydrop: { position: "absolute", zIndex: "3", maxHeight: "200px", overflow: "scroll" },
|
|
6455
|
+
rangenumbers: { display: "flex" },
|
|
6456
|
+
butPagCompDivStyle: { display: "flex" }
|
|
6470
6457
|
};
|
|
6471
6458
|
const WLButtonPagStyle = {
|
|
6472
6459
|
background: "white",
|
|
@@ -6479,15 +6466,9 @@ function WavelengthButtonPagination({ totalPages, current, handleChangePage, ite
|
|
|
6479
6466
|
boxshadow: "4px 2px 4px darkslategray",
|
|
6480
6467
|
borderRadius: "50%",
|
|
6481
6468
|
margin: "3px",
|
|
6482
|
-
"&:hover": {
|
|
6483
|
-
|
|
6484
|
-
}
|
|
6485
|
-
"&:disabled": {
|
|
6486
|
-
background: "rgb(226, 223, 223)"
|
|
6487
|
-
},
|
|
6488
|
-
"&.active": {
|
|
6489
|
-
background: "#8FD8FF"
|
|
6490
|
-
}
|
|
6469
|
+
"&:hover": { background: "#49baf7" },
|
|
6470
|
+
"&:disabled": { background: "rgb(226, 223, 223)" },
|
|
6471
|
+
"&.active": { background: "#8FD8FF" }
|
|
6491
6472
|
};
|
|
6492
6473
|
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { style: dropstyles.butPagCompDivStyle, children: [
|
|
6493
6474
|
/* @__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) {
|
|
|
6639
6620
|
}
|
|
6640
6621
|
return result;
|
|
6641
6622
|
}
|
|
6642
|
-
function
|
|
6623
|
+
function WavelengthDefaultPagination({ totalPages, currentPageNumber, siblingCount = 1, boundaryCount = 1, style: style3, onPageChange }) {
|
|
6643
6624
|
const [current, setCurrent] = _react.useState.call(void 0, currentPageNumber);
|
|
6644
6625
|
const startPages = range(1, Math.min(boundaryCount, totalPages));
|
|
6645
6626
|
const endPages = range(Math.max(totalPages - boundaryCount + 1, boundaryCount + 1), totalPages);
|
|
@@ -6727,8 +6708,8 @@ function DefaultPagination({ totalPages, currentPageNumber, siblingCount = 1, bo
|
|
|
6727
6708
|
);
|
|
6728
6709
|
}
|
|
6729
6710
|
}
|
|
6730
|
-
|
|
6731
|
-
var WavelengthDefaultPagination_default =
|
|
6711
|
+
WavelengthDefaultPagination.displayName = "WavelengthDefaultPagination";
|
|
6712
|
+
var WavelengthDefaultPagination_default = WavelengthDefaultPagination;
|
|
6732
6713
|
|
|
6733
6714
|
// src/components/TextField/WavelengthInput.tsx
|
|
6734
6715
|
|
|
@@ -8228,7 +8209,7 @@ var WavelengthMultiSelectAutocomplete = ({ options, placeholder = "Select Option
|
|
|
8228
8209
|
|
|
8229
8210
|
|
|
8230
8211
|
|
|
8231
|
-
exports.ButtonIcon = ButtonIcon; exports.ButtonMenu = ButtonMenu; exports.ChildDataTable = ChildDataTable; exports.DefaultCarousel = DefaultCarousel; exports.
|
|
8212
|
+
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;
|
|
8232
8213
|
/*! Bundled license information:
|
|
8233
8214
|
|
|
8234
8215
|
react-is/cjs/react-is.production.min.js:
|
package/dist/cjs/index.d.cts
CHANGED
|
@@ -707,8 +707,8 @@ interface PaginationProps {
|
|
|
707
707
|
}
|
|
708
708
|
declare const range: (start: number, end: number) => number[];
|
|
709
709
|
declare function ascendingRange(start: number, end: number): number[];
|
|
710
|
-
declare function
|
|
711
|
-
declare namespace
|
|
710
|
+
declare function WavelengthDefaultPagination({ totalPages, currentPageNumber, siblingCount, boundaryCount, style, onPageChange }: PaginationProps): react_jsx_runtime.JSX.Element;
|
|
711
|
+
declare namespace WavelengthDefaultPagination {
|
|
712
712
|
var displayName: string;
|
|
713
713
|
}
|
|
714
714
|
|
|
@@ -916,4 +916,4 @@ interface MultiSelectAutocompleteProps {
|
|
|
916
916
|
}
|
|
917
917
|
declare const WavelengthMultiSelectAutocomplete: React__default.FC<MultiSelectAutocompleteProps>;
|
|
918
918
|
|
|
919
|
-
export { ButtonIcon, ButtonMenu, ChildDataTable, DefaultCarousel,
|
|
919
|
+
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
CHANGED
|
@@ -707,8 +707,8 @@ interface PaginationProps {
|
|
|
707
707
|
}
|
|
708
708
|
declare const range: (start: number, end: number) => number[];
|
|
709
709
|
declare function ascendingRange(start: number, end: number): number[];
|
|
710
|
-
declare function
|
|
711
|
-
declare namespace
|
|
710
|
+
declare function WavelengthDefaultPagination({ totalPages, currentPageNumber, siblingCount, boundaryCount, style, onPageChange }: PaginationProps): react_jsx_runtime.JSX.Element;
|
|
711
|
+
declare namespace WavelengthDefaultPagination {
|
|
712
712
|
var displayName: string;
|
|
713
713
|
}
|
|
714
714
|
|
|
@@ -916,4 +916,4 @@ interface MultiSelectAutocompleteProps {
|
|
|
916
916
|
}
|
|
917
917
|
declare const WavelengthMultiSelectAutocomplete: React__default.FC<MultiSelectAutocompleteProps>;
|
|
918
918
|
|
|
919
|
-
export { ButtonIcon, ButtonMenu, ChildDataTable, DefaultCarousel,
|
|
919
|
+
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
CHANGED
|
@@ -6450,23 +6450,10 @@ function WavelengthButtonPagination({ totalPages, current, handleChangePage, ite
|
|
|
6450
6450
|
}
|
|
6451
6451
|
};
|
|
6452
6452
|
const dropstyles = {
|
|
6453
|
-
dropcenter: {
|
|
6454
|
-
|
|
6455
|
-
|
|
6456
|
-
|
|
6457
|
-
},
|
|
6458
|
-
mydrop: {
|
|
6459
|
-
position: "absolute",
|
|
6460
|
-
zIndex: "3",
|
|
6461
|
-
maxHeight: "200px",
|
|
6462
|
-
overflow: "scroll"
|
|
6463
|
-
},
|
|
6464
|
-
rangenumbers: {
|
|
6465
|
-
display: "flex"
|
|
6466
|
-
},
|
|
6467
|
-
butPagCompDivStyle: {
|
|
6468
|
-
display: "flex"
|
|
6469
|
-
}
|
|
6453
|
+
dropcenter: { position: "relative", left: "-40px", top: "-20px" },
|
|
6454
|
+
mydrop: { position: "absolute", zIndex: "3", maxHeight: "200px", overflow: "scroll" },
|
|
6455
|
+
rangenumbers: { display: "flex" },
|
|
6456
|
+
butPagCompDivStyle: { display: "flex" }
|
|
6470
6457
|
};
|
|
6471
6458
|
const WLButtonPagStyle = {
|
|
6472
6459
|
background: "white",
|
|
@@ -6479,15 +6466,9 @@ function WavelengthButtonPagination({ totalPages, current, handleChangePage, ite
|
|
|
6479
6466
|
boxshadow: "4px 2px 4px darkslategray",
|
|
6480
6467
|
borderRadius: "50%",
|
|
6481
6468
|
margin: "3px",
|
|
6482
|
-
"&:hover": {
|
|
6483
|
-
|
|
6484
|
-
}
|
|
6485
|
-
"&:disabled": {
|
|
6486
|
-
background: "rgb(226, 223, 223)"
|
|
6487
|
-
},
|
|
6488
|
-
"&.active": {
|
|
6489
|
-
background: "#8FD8FF"
|
|
6490
|
-
}
|
|
6469
|
+
"&:hover": { background: "#49baf7" },
|
|
6470
|
+
"&:disabled": { background: "rgb(226, 223, 223)" },
|
|
6471
|
+
"&.active": { background: "#8FD8FF" }
|
|
6491
6472
|
};
|
|
6492
6473
|
return /* @__PURE__ */ jsxs28("div", { style: dropstyles.butPagCompDivStyle, children: [
|
|
6493
6474
|
/* @__PURE__ */ jsx38(Button5, { onClick: () => handleChangePage(current - 1), disabled: current === 1, sx: WLButtonPagStyle, children: /* @__PURE__ */ jsx38(ArrowBackIosNewIcon, {}) }),
|
|
@@ -6639,7 +6620,7 @@ function ascendingRange(start, end) {
|
|
|
6639
6620
|
}
|
|
6640
6621
|
return result;
|
|
6641
6622
|
}
|
|
6642
|
-
function
|
|
6623
|
+
function WavelengthDefaultPagination({ totalPages, currentPageNumber, siblingCount = 1, boundaryCount = 1, style: style3, onPageChange }) {
|
|
6643
6624
|
const [current, setCurrent] = useState8(currentPageNumber);
|
|
6644
6625
|
const startPages = range(1, Math.min(boundaryCount, totalPages));
|
|
6645
6626
|
const endPages = range(Math.max(totalPages - boundaryCount + 1, boundaryCount + 1), totalPages);
|
|
@@ -6727,8 +6708,8 @@ function DefaultPagination({ totalPages, currentPageNumber, siblingCount = 1, bo
|
|
|
6727
6708
|
);
|
|
6728
6709
|
}
|
|
6729
6710
|
}
|
|
6730
|
-
|
|
6731
|
-
var WavelengthDefaultPagination_default =
|
|
6711
|
+
WavelengthDefaultPagination.displayName = "WavelengthDefaultPagination";
|
|
6712
|
+
var WavelengthDefaultPagination_default = WavelengthDefaultPagination;
|
|
6732
6713
|
|
|
6733
6714
|
// src/components/TextField/WavelengthInput.tsx
|
|
6734
6715
|
import { useRef as useRef8, useEffect as useEffect9, forwardRef, useImperativeHandle as useImperativeHandle2 } from "react";
|
|
@@ -8166,7 +8147,6 @@ export {
|
|
|
8166
8147
|
ButtonMenu,
|
|
8167
8148
|
ChildDataTable,
|
|
8168
8149
|
DefaultCarousel,
|
|
8169
|
-
DefaultPagination,
|
|
8170
8150
|
NestedDataTable,
|
|
8171
8151
|
SampleComponent,
|
|
8172
8152
|
SampleComponent2 as SampleComponentElement,
|
|
@@ -8190,6 +8170,7 @@ export {
|
|
|
8190
8170
|
WavelengthDatePicker,
|
|
8191
8171
|
WavelengthDatePicker2 as WavelengthDatePickerElement,
|
|
8192
8172
|
WavelengthDefaultIcon,
|
|
8173
|
+
WavelengthDefaultPagination,
|
|
8193
8174
|
WavelengthDragAndDrop,
|
|
8194
8175
|
WavelengthDropdown,
|
|
8195
8176
|
WavelengthDropdownButton,
|
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "@wavelengthusaf/components",
|
|
3
3
|
"author": "563 EWS - Wavelength",
|
|
4
4
|
"license": "MIT",
|
|
5
|
-
"version": "4.1.
|
|
5
|
+
"version": "4.1.1",
|
|
6
6
|
"description": "Common component library used by Wavelength developers",
|
|
7
7
|
"main": "/dist/cjs/index.cjs",
|
|
8
8
|
"module": "/dist/esm/index.js",
|
|
@@ -67,7 +67,7 @@
|
|
|
67
67
|
"@emotion/styled": "^11.11.0",
|
|
68
68
|
"@mui/icons-material": "^5.16.5",
|
|
69
69
|
"@mui/material": "^5.15.7",
|
|
70
|
-
"@wavelengthusaf/web-components": "^1.0
|
|
70
|
+
"@wavelengthusaf/web-components": "^1.1.0",
|
|
71
71
|
"react": "^18.2.0",
|
|
72
72
|
"react-router-dom": "^6.26.2",
|
|
73
73
|
"styled-components": "^6.1.12",
|