@wavelengthusaf/components 4.5.0 → 4.5.2
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/dist/cjs/index.cjs +52 -1
- package/dist/cjs/index.d.cts +17 -1
- package/dist/esm/index.d.ts +17 -1
- package/dist/esm/index.js +408 -357
- package/package.json +1 -1
package/dist/cjs/index.cjs
CHANGED
|
@@ -4983,6 +4983,56 @@ var WavelengthFileDropZone = ({
|
|
|
4983
4983
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "wavelength-file-drop-zone", { ref, style: mergedStyle, ...rest, children });
|
|
4984
4984
|
};
|
|
4985
4985
|
|
|
4986
|
+
// src/components/SnackBar/WavelengthWebSnackbar.tsx
|
|
4987
|
+
|
|
4988
|
+
|
|
4989
|
+
|
|
4990
|
+
var WavelengthWebSnackbar = ({
|
|
4991
|
+
message,
|
|
4992
|
+
duration,
|
|
4993
|
+
backgroundColor: backgroundColor2,
|
|
4994
|
+
fontColor,
|
|
4995
|
+
fontFamily,
|
|
4996
|
+
fontSize,
|
|
4997
|
+
border: border2,
|
|
4998
|
+
padding: padding2,
|
|
4999
|
+
borderRadius: borderRadius2,
|
|
5000
|
+
width: width2,
|
|
5001
|
+
horizontalAlign,
|
|
5002
|
+
verticalAlign,
|
|
5003
|
+
style: style3,
|
|
5004
|
+
...rest
|
|
5005
|
+
}) => {
|
|
5006
|
+
const ref = _react.useRef.call(void 0, null);
|
|
5007
|
+
_react.useEffect.call(void 0, () => {
|
|
5008
|
+
const el = ref.current;
|
|
5009
|
+
if (!el) return;
|
|
5010
|
+
if (message) {
|
|
5011
|
+
el.removeAttribute("message");
|
|
5012
|
+
requestAnimationFrame(() => {
|
|
5013
|
+
el.setAttribute("message", message);
|
|
5014
|
+
});
|
|
5015
|
+
} else {
|
|
5016
|
+
el.removeAttribute("message");
|
|
5017
|
+
}
|
|
5018
|
+
if (duration !== void 0) el.setAttribute("duration", String(duration));
|
|
5019
|
+
else el.removeAttribute("duration");
|
|
5020
|
+
}, [message, duration]);
|
|
5021
|
+
const mergedStyle = {
|
|
5022
|
+
...style3,
|
|
5023
|
+
"--background-color": backgroundColor2,
|
|
5024
|
+
"--font-color": fontColor,
|
|
5025
|
+
"--font-family": fontFamily,
|
|
5026
|
+
"--font-size": fontSize,
|
|
5027
|
+
"--border": border2,
|
|
5028
|
+
"--padding": padding2,
|
|
5029
|
+
"--border-radius": borderRadius2,
|
|
5030
|
+
"--width": width2,
|
|
5031
|
+
"--justify-content": horizontalAlign
|
|
5032
|
+
};
|
|
5033
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "wavelength-snackbar", { ref, "vertical-align": verticalAlign, style: mergedStyle, ...rest });
|
|
5034
|
+
};
|
|
5035
|
+
|
|
4986
5036
|
// src/components/PageComponents/WavelengthSpinningLogo.tsx
|
|
4987
5037
|
|
|
4988
5038
|
function WavelengthSpinningOuterCircle({ size, id, clip, color: color2, gradient, radius }) {
|
|
@@ -8454,7 +8504,8 @@ var WavelengthMultiSelectAutocomplete = ({ options, placeholder = "Select Option
|
|
|
8454
8504
|
|
|
8455
8505
|
|
|
8456
8506
|
|
|
8457
|
-
|
|
8507
|
+
|
|
8508
|
+
exports.ButtonIcon = ButtonIcon; exports.ButtonMenu = ButtonMenu; exports.ChildDataTable = ChildDataTable2; exports.ChildDataTableElement = _webcomponents.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.WavelengthCheckbox = WavelengthCheckbox; 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.WavelengthFileDropZone = WavelengthFileDropZone; 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.WavelengthNavBar = WavelengthNavBar; exports.WavelengthNotAvailablePage = WavelengthNotAvailablePage; exports.WavelengthNotificationPanel = WavelengthNotificationPanel; 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.WavelengthWebSnackbar = WavelengthWebSnackbar; exports.add = add; exports.ascendingRange = ascendingRange; exports.concat = concat; exports.findBestStringMatch = findBestStringMatch; exports.range = range; exports.useOutsideClick = useOutsideClick; exports.useThemeContext = useThemeContext;
|
|
8458
8509
|
/*! Bundled license information:
|
|
8459
8510
|
|
|
8460
8511
|
react-is/cjs/react-is.production.min.js:
|
package/dist/cjs/index.d.cts
CHANGED
|
@@ -316,6 +316,22 @@ interface WavelengthFileDropZoneProps extends React__default.HTMLAttributes<HTML
|
|
|
316
316
|
}
|
|
317
317
|
declare const WavelengthFileDropZone: React__default.FC<WavelengthFileDropZoneProps>;
|
|
318
318
|
|
|
319
|
+
interface WavelengthWebSnackbarProps extends React__default.HTMLAttributes<HTMLElement> {
|
|
320
|
+
message?: string;
|
|
321
|
+
duration?: number;
|
|
322
|
+
backgroundColor?: string;
|
|
323
|
+
fontColor?: string;
|
|
324
|
+
fontFamily?: string;
|
|
325
|
+
fontSize?: string;
|
|
326
|
+
border?: string;
|
|
327
|
+
padding?: string;
|
|
328
|
+
borderRadius?: string;
|
|
329
|
+
width?: string;
|
|
330
|
+
horizontalAlign?: string;
|
|
331
|
+
verticalAlign?: "top" | "center" | "bottom";
|
|
332
|
+
}
|
|
333
|
+
declare const WavelengthWebSnackbar: React__default.FC<WavelengthWebSnackbarProps>;
|
|
334
|
+
|
|
319
335
|
interface ISpinningSvgProps {
|
|
320
336
|
size: number;
|
|
321
337
|
id: "outer-circle" | "middle-circle" | "inner-circle" | "spinning";
|
|
@@ -1016,4 +1032,4 @@ interface MultiSelectAutocompleteProps {
|
|
|
1016
1032
|
}
|
|
1017
1033
|
declare const WavelengthMultiSelectAutocomplete: React__default.FC<MultiSelectAutocompleteProps>;
|
|
1018
1034
|
|
|
1019
|
-
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, WavelengthMultiSelectAutocomplete, WavelengthNavBar, type WavelengthNavBarProps, WavelengthNotAvailablePage, WavelengthNotificationPanel, WavelengthPermissionAlert, WavelengthPlaneTrail, WavelengthPopUpMenu, WavelengthProgressBar, WavelengthSearch, WavelengthSearchTextField, WavelengthSideBar, WavelengthSlider, WavelengthSnackbar, WavelengthSpinningLogo, WavelengthSpinningOuterCircle, WavelengthStandardSnackbar, WavelengthStyledButton, WavelengthTestSnackbar, WavelengthTitleBar, add, ascendingRange, concat, findBestStringMatch, type menuItemProps, range, useOutsideClick, useThemeContext };
|
|
1035
|
+
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, WavelengthMultiSelectAutocomplete, WavelengthNavBar, type WavelengthNavBarProps, WavelengthNotAvailablePage, WavelengthNotificationPanel, WavelengthPermissionAlert, WavelengthPlaneTrail, WavelengthPopUpMenu, WavelengthProgressBar, WavelengthSearch, WavelengthSearchTextField, WavelengthSideBar, WavelengthSlider, WavelengthSnackbar, WavelengthSpinningLogo, WavelengthSpinningOuterCircle, WavelengthStandardSnackbar, WavelengthStyledButton, WavelengthTestSnackbar, WavelengthTitleBar, WavelengthWebSnackbar, type WavelengthWebSnackbarProps, add, ascendingRange, concat, findBestStringMatch, type menuItemProps, range, useOutsideClick, useThemeContext };
|
package/dist/esm/index.d.ts
CHANGED
|
@@ -316,6 +316,22 @@ interface WavelengthFileDropZoneProps extends React__default.HTMLAttributes<HTML
|
|
|
316
316
|
}
|
|
317
317
|
declare const WavelengthFileDropZone: React__default.FC<WavelengthFileDropZoneProps>;
|
|
318
318
|
|
|
319
|
+
interface WavelengthWebSnackbarProps extends React__default.HTMLAttributes<HTMLElement> {
|
|
320
|
+
message?: string;
|
|
321
|
+
duration?: number;
|
|
322
|
+
backgroundColor?: string;
|
|
323
|
+
fontColor?: string;
|
|
324
|
+
fontFamily?: string;
|
|
325
|
+
fontSize?: string;
|
|
326
|
+
border?: string;
|
|
327
|
+
padding?: string;
|
|
328
|
+
borderRadius?: string;
|
|
329
|
+
width?: string;
|
|
330
|
+
horizontalAlign?: string;
|
|
331
|
+
verticalAlign?: "top" | "center" | "bottom";
|
|
332
|
+
}
|
|
333
|
+
declare const WavelengthWebSnackbar: React__default.FC<WavelengthWebSnackbarProps>;
|
|
334
|
+
|
|
319
335
|
interface ISpinningSvgProps {
|
|
320
336
|
size: number;
|
|
321
337
|
id: "outer-circle" | "middle-circle" | "inner-circle" | "spinning";
|
|
@@ -1016,4 +1032,4 @@ interface MultiSelectAutocompleteProps {
|
|
|
1016
1032
|
}
|
|
1017
1033
|
declare const WavelengthMultiSelectAutocomplete: React__default.FC<MultiSelectAutocompleteProps>;
|
|
1018
1034
|
|
|
1019
|
-
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, WavelengthMultiSelectAutocomplete, WavelengthNavBar, type WavelengthNavBarProps, WavelengthNotAvailablePage, WavelengthNotificationPanel, WavelengthPermissionAlert, WavelengthPlaneTrail, WavelengthPopUpMenu, WavelengthProgressBar, WavelengthSearch, WavelengthSearchTextField, WavelengthSideBar, WavelengthSlider, WavelengthSnackbar, WavelengthSpinningLogo, WavelengthSpinningOuterCircle, WavelengthStandardSnackbar, WavelengthStyledButton, WavelengthTestSnackbar, WavelengthTitleBar, add, ascendingRange, concat, findBestStringMatch, type menuItemProps, range, useOutsideClick, useThemeContext };
|
|
1035
|
+
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, WavelengthMultiSelectAutocomplete, WavelengthNavBar, type WavelengthNavBarProps, WavelengthNotAvailablePage, WavelengthNotificationPanel, WavelengthPermissionAlert, WavelengthPlaneTrail, WavelengthPopUpMenu, WavelengthProgressBar, WavelengthSearch, WavelengthSearchTextField, WavelengthSideBar, WavelengthSlider, WavelengthSnackbar, WavelengthSpinningLogo, WavelengthSpinningOuterCircle, WavelengthStandardSnackbar, WavelengthStyledButton, WavelengthTestSnackbar, WavelengthTitleBar, WavelengthWebSnackbar, type WavelengthWebSnackbarProps, add, ascendingRange, concat, findBestStringMatch, type menuItemProps, range, useOutsideClick, useThemeContext };
|