@wavelengthusaf/components 4.8.0 → 4.11.0

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.
Files changed (5) hide show
  1. package/dist/cjs/index.cjs +539 -953
  2. package/dist/cjs/index.d.cts +57 -50
  3. package/dist/esm/index.d.ts +57 -50
  4. package/dist/esm/index.js +809 -1223
  5. package/package.json +2 -2
package/dist/cjs/index.cjs CHANGED
@@ -206,7 +206,7 @@ var require_react_is_development = __commonJS({
206
206
  var ContextProvider = REACT_PROVIDER_TYPE;
207
207
  var Element = REACT_ELEMENT_TYPE;
208
208
  var ForwardRef2 = REACT_FORWARD_REF_TYPE;
209
- var Fragment17 = REACT_FRAGMENT_TYPE;
209
+ var Fragment16 = REACT_FRAGMENT_TYPE;
210
210
  var Lazy = REACT_LAZY_TYPE;
211
211
  var Memo2 = REACT_MEMO_TYPE;
212
212
  var Portal = REACT_PORTAL_TYPE;
@@ -265,7 +265,7 @@ var require_react_is_development = __commonJS({
265
265
  exports.ContextProvider = ContextProvider;
266
266
  exports.Element = Element;
267
267
  exports.ForwardRef = ForwardRef2;
268
- exports.Fragment = Fragment17;
268
+ exports.Fragment = Fragment16;
269
269
  exports.Lazy = Lazy;
270
270
  exports.Memo = Memo2;
271
271
  exports.Portal = Portal;
@@ -3728,564 +3728,85 @@ function WavelengthExampleComponent({ width: width2 = 100, height: height2 = 100
3728
3728
  WavelengthExampleComponent.displayName = "WavelengthExampleComponent";
3729
3729
 
3730
3730
  // src/components/search/WavelengthSearch.tsx
3731
- var _TextField = require('@mui/material/TextField'); var _TextField2 = _interopRequireDefault(_TextField);
3732
- var _InputAdornment = require('@mui/material/InputAdornment'); var _InputAdornment2 = _interopRequireDefault(_InputAdornment);
3733
- var _IconButton = require('@mui/material/IconButton'); var _IconButton2 = _interopRequireDefault(_IconButton);
3734
- var _Icon = require('@mui/material/Icon'); var _Icon2 = _interopRequireDefault(_Icon);
3735
-
3736
- var _ListItem = require('@mui/material/ListItem'); var _ListItem2 = _interopRequireDefault(_ListItem);
3737
- var _Popper = require('@mui/material/Popper'); var _Popper2 = _interopRequireDefault(_Popper);
3738
- var _Autocomplete = require('@mui/material/Autocomplete'); var _Autocomplete2 = _interopRequireDefault(_Autocomplete);
3739
- var _ListItemText = require('@mui/material/ListItemText'); var _ListItemText2 = _interopRequireDefault(_ListItemText);
3740
3731
 
3741
3732
 
3742
-
3743
- var CustomPopper = (props) => {
3744
- return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
3745
- _Popper2.default,
3746
- {
3747
- sx: {
3748
- "&.MuiAutocomplete-popper": {
3749
- zIndex: 5
3750
- }
3751
- },
3752
- ...props,
3753
- placement: "bottom",
3754
- disablePortal: true,
3755
- modifiers: [
3756
- {
3757
- name: "flip",
3758
- enabled: true,
3759
- options: {
3760
- altBoundary: true,
3761
- rootBoundary: "document",
3762
- padding: 8
3763
- }
3764
- },
3765
- {
3766
- name: "preventOverflow",
3767
- enabled: true,
3768
- options: {
3769
- altAxis: false,
3770
- altBoundary: true,
3771
- tether: true,
3772
- rootBoundary: "document",
3773
- padding: 8
3774
- }
3775
- }
3776
- ]
3777
- }
3778
- );
3779
- };
3780
- var AutocompleteCustomEndAdornment = _styledcomponents2.default.call(void 0, "div")({
3781
- position: "absolute",
3782
- right: "12px",
3783
- top: "50%",
3784
- transform: "translate(0, -50%)"
3785
- });
3786
- function WavelengthSearch({
3787
- id,
3788
- mode,
3789
- type,
3733
+ var WavelengthSearch = ({
3734
+ customStyle: customStyle2,
3790
3735
  width: width2,
3736
+ mode,
3737
+ fontSize,
3791
3738
  height: height2,
3792
- label,
3793
- size,
3739
+ borderWidth,
3794
3740
  borderRadius: borderRadius2,
3795
- children,
3796
- placeholder,
3797
- onEnter,
3798
- onSearchItemSelected,
3799
- options,
3800
- onChange,
3801
3741
  borderColor: borderColor2,
3802
- hoverColor,
3803
- textColor,
3804
- fontSize,
3805
3742
  backgroundColor: backgroundColor2,
3806
- iconPos = "end",
3807
- clearIconMarginRight
3808
- }) {
3809
- const palette2 = getPalette();
3810
- borderColor2 = borderColor2 ? borderColor2 : "#2D3140";
3811
- hoverColor = hoverColor ? hoverColor : palette2.primary;
3812
- if (type === "search-bar" || type === void 0) {
3813
- if (mode === "automatic" && iconPos === "end") {
3814
- return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
3815
- _Autocomplete2.default,
3816
- {
3817
- id,
3818
- filterOptions: (x) => x,
3819
- loading: true,
3820
- disableListWrap: true,
3821
- freeSolo: true,
3822
- onChange: (e, value) => {
3823
- if (value !== null) {
3824
- if (typeof value !== "string") {
3825
- if (onSearchItemSelected) onSearchItemSelected(value);
3826
- }
3827
- }
3828
- },
3829
- disableCloseOnSelect: false,
3830
- getOptionLabel: (options2) => {
3831
- const returnVal = typeof options2 === "string" ? options2 : options2.title;
3832
- return returnVal;
3833
- },
3834
- options,
3835
- sx: {
3836
- width: width2,
3837
- "&.MuiAutocomplete-hasClearIcon .MuiOutlinedInput-root": {
3838
- paddingRight: clearIconMarginRight ? clearIconMarginRight : "45px"
3839
- }
3840
- },
3841
- renderOption: (props, options2) => /* @__PURE__ */ _react.createElement.call(void 0, _ListItem2.default, { ...props, key: options2.id }, /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _ListItemText2.default, { primary: options2.title, secondary: options2.subtitle })),
3842
- renderInput: (params) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
3843
- _TextField2.default,
3844
- {
3845
- placeholder,
3846
- ...params,
3847
- size,
3848
- InputProps: {
3849
- ...params.InputProps,
3850
- style: { borderRadius: borderRadius2, color: textColor, backgroundColor: backgroundColor2, height: height2, fontSize },
3851
- type: "search",
3852
- endAdornment: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, AutocompleteCustomEndAdornment, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _IconButton2.default, { sx: { color: "white" }, children }) })
3853
- },
3854
- sx: {
3855
- "& .MuiInputBase-root": {
3856
- height: height2
3857
- },
3858
- "&.MuiTextField-root": {
3859
- "& label": { color: `${textColor}` },
3860
- "& label.Mui-focused": {
3861
- color: `${hoverColor}`
3862
- },
3863
- "& .MuiOutlinedInput-root": {
3864
- "& fieldset": {
3865
- borderColor: `${borderColor2}`
3866
- },
3867
- "&:hover fieldset": {
3868
- borderColor: `${hoverColor}`
3869
- },
3870
- "&.Mui-focused fieldset": {
3871
- borderColor: `${hoverColor}`
3872
- }
3873
- }
3874
- }
3875
- },
3876
- label,
3877
- onChange
3878
- }
3879
- ),
3880
- PopperComponent: CustomPopper
3881
- }
3882
- ) });
3883
- } else if (mode === "automatic" && iconPos === "start") {
3884
- return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
3885
- _Autocomplete2.default,
3886
- {
3887
- id,
3888
- filterOptions: (x) => x,
3889
- loading: true,
3890
- disableListWrap: true,
3891
- freeSolo: true,
3892
- onChange: (e, value) => {
3893
- if (value !== null) {
3894
- if (typeof value !== "string") {
3895
- if (onSearchItemSelected) onSearchItemSelected(value);
3896
- }
3897
- }
3898
- },
3899
- disableCloseOnSelect: false,
3900
- getOptionLabel: (options2) => {
3901
- const returnVal = typeof options2 === "string" ? options2 : options2.title;
3902
- return returnVal;
3903
- },
3904
- options,
3905
- sx: {
3906
- width: width2,
3907
- "&.MuiAutocomplete-hasClearIcon .MuiOutlinedInput-root": {
3908
- paddingRight: clearIconMarginRight ? clearIconMarginRight : "15px"
3909
- }
3910
- },
3911
- renderOption: (props, results) => /* @__PURE__ */ _react.createElement.call(void 0, _ListItem2.default, { ...props, key: results.id }, /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _ListItemText2.default, { primary: results.title, secondary: results.subtitle })),
3912
- renderInput: (params) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
3913
- _TextField2.default,
3914
- {
3915
- placeholder,
3916
- ...params,
3917
- size,
3918
- InputProps: {
3919
- ...params.InputProps,
3920
- style: { borderRadius: borderRadius2, color: textColor, backgroundColor: backgroundColor2, height: height2, fontSize },
3921
- type: "search",
3922
- endAdornment: null,
3923
- startAdornment: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _InputAdornment2.default, { position: "start", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Icon2.default, { sx: { color: textColor, paddingRight: "0px" }, children }) })
3924
- },
3925
- sx: {
3926
- "& .MuiInputBase-root": {
3927
- height: height2
3928
- },
3929
- "&.MuiTextField-root": {
3930
- "& label": { color: `${textColor}` },
3931
- "& label.Mui-focused": {
3932
- color: `${hoverColor}`
3933
- },
3934
- "& .MuiOutlinedInput-root": {
3935
- "& fieldset": {
3936
- borderColor: `${borderColor2}`
3937
- },
3938
- "&:hover fieldset": {
3939
- borderColor: `${hoverColor}`
3940
- },
3941
- "&.Mui-focused fieldset": {
3942
- borderColor: `${hoverColor}`
3943
- }
3944
- }
3945
- }
3946
- },
3947
- label,
3948
- onChange
3949
- }
3950
- ),
3951
- PopperComponent: CustomPopper
3952
- }
3953
- ) });
3954
- } else if (mode === "manual" && iconPos === "end") {
3955
- const textRef = _react.useRef.call(void 0, );
3956
- return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
3957
- _Autocomplete2.default,
3958
- {
3959
- id,
3960
- filterOptions: (x) => x,
3961
- loading: true,
3962
- freeSolo: true,
3963
- onChange: (e, value) => {
3964
- if (value !== null) {
3965
- if (typeof value !== "string") {
3966
- if (onSearchItemSelected) onSearchItemSelected(value);
3967
- }
3968
- }
3969
- },
3970
- disableCloseOnSelect: false,
3971
- getOptionLabel: (options2) => {
3972
- const returnVal = typeof options2 === "string" ? options2 : options2.title;
3973
- return returnVal;
3974
- },
3975
- options,
3976
- sx: {
3977
- width: width2,
3978
- "&.MuiAutocomplete-hasClearIcon .MuiOutlinedInput-root": {
3979
- paddingRight: clearIconMarginRight ? clearIconMarginRight : "50px"
3980
- }
3981
- },
3982
- renderOption: (props, options2) => /* @__PURE__ */ _react.createElement.call(void 0, _ListItem2.default, { ...props, key: options2.id }, /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _ListItemText2.default, { primary: options2.title, secondary: options2.subtitle })),
3983
- renderInput: (params) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
3984
- _TextField2.default,
3985
- {
3986
- inputRef: textRef,
3987
- placeholder,
3988
- onKeyDown: (e) => {
3989
- if (e.key === "Enter") {
3990
- if (textRef.current && onEnter) {
3991
- onEnter(textRef.current.value);
3992
- }
3993
- }
3994
- },
3995
- ...params,
3996
- size,
3997
- InputProps: {
3998
- ...params.InputProps,
3999
- style: { borderRadius: borderRadius2, color: textColor, fontSize },
4000
- type: "search",
4001
- endAdornment: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, AutocompleteCustomEndAdornment, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
4002
- _IconButton2.default,
4003
- {
4004
- sx: { color: textColor },
4005
- onClick: () => {
4006
- if (textRef.current && onEnter) {
4007
- onEnter(textRef.current.value);
4008
- }
4009
- },
4010
- children
4011
- }
4012
- ) })
4013
- },
4014
- sx: {
4015
- "& .MuiInputBase-root": {
4016
- height: height2
4017
- },
4018
- "&.MuiTextField-root": {
4019
- "& label": { color: `${textColor}`, verticalAlign: "bottom" },
4020
- "& label.Mui-focused": {
4021
- color: `${hoverColor}`
4022
- },
4023
- "& .MuiOutlinedInput-root": {
4024
- "& fieldset": {
4025
- borderColor: `${borderColor2}`
4026
- },
4027
- "&:hover fieldset": {
4028
- borderColor: `${hoverColor}`
4029
- },
4030
- "&.Mui-focused fieldset": {
4031
- borderColor: `${hoverColor}`
4032
- }
4033
- }
4034
- }
4035
- },
4036
- label
4037
- }
4038
- )
4039
- }
4040
- ) });
4041
- } else if (mode === "manual" && iconPos === "start") {
4042
- const textRef = _react.useRef.call(void 0, );
4043
- return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
4044
- _Autocomplete2.default,
4045
- {
4046
- id,
4047
- filterOptions: (x) => x,
4048
- loading: true,
4049
- freeSolo: true,
4050
- onChange: (e, value) => {
4051
- if (value !== null) {
4052
- if (typeof value !== "string") {
4053
- if (onSearchItemSelected) onSearchItemSelected(value);
4054
- }
4055
- }
4056
- },
4057
- disableCloseOnSelect: false,
4058
- getOptionLabel: (options2) => {
4059
- const returnVal = typeof options2 === "string" ? options2 : options2.title;
4060
- return returnVal;
4061
- },
4062
- options,
4063
- sx: {
4064
- width: width2,
4065
- "&.MuiAutocomplete-hasClearIcon .MuiOutlinedInput-root": {
4066
- paddingRight: clearIconMarginRight ? clearIconMarginRight : "15px"
4067
- }
4068
- },
4069
- renderOption: (props, options2) => /* @__PURE__ */ _react.createElement.call(void 0, _ListItem2.default, { ...props, key: options2.id }, /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _ListItemText2.default, { primary: options2.title, secondary: options2.subtitle })),
4070
- renderInput: (params) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
4071
- _TextField2.default,
4072
- {
4073
- inputRef: textRef,
4074
- placeholder,
4075
- onKeyDown: (e) => {
4076
- if (e.key === "Enter") {
4077
- if (textRef.current && onEnter) {
4078
- onEnter(textRef.current.value);
4079
- }
4080
- }
4081
- },
4082
- ...params,
4083
- size,
4084
- InputProps: {
4085
- ...params.InputProps,
4086
- style: { borderRadius: borderRadius2, color: textColor, fontSize },
4087
- type: "search",
4088
- endAdornment: null,
4089
- startAdornment: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _InputAdornment2.default, { position: "start", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
4090
- _IconButton2.default,
4091
- {
4092
- sx: { color: textColor, paddingRight: "0px" },
4093
- onClick: () => {
4094
- if (textRef.current && onEnter) {
4095
- onEnter(textRef.current.value);
4096
- }
4097
- },
4098
- children
4099
- }
4100
- ) })
4101
- },
4102
- sx: {
4103
- "& .MuiInputBase-root": {
4104
- height: height2
4105
- },
4106
- "&.MuiTextField-root": {
4107
- "& label": { color: `${textColor}`, verticalAlign: "bottom" },
4108
- "& label.Mui-focused": {
4109
- color: `${hoverColor}`
4110
- },
4111
- "& .MuiOutlinedInput-root": {
4112
- "& fieldset": {
4113
- borderColor: `${borderColor2}`
4114
- },
4115
- "&:hover fieldset": {
4116
- borderColor: `${hoverColor}`
4117
- },
4118
- "&.Mui-focused fieldset": {
4119
- borderColor: `${hoverColor}`
4120
- }
4121
- }
4122
- }
4123
- },
4124
- label
4125
- }
4126
- )
4127
- }
4128
- ) });
4129
- }
4130
- } else if (type === "text-box") {
4131
- if (mode === "automatic") {
4132
- return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
4133
- _Autocomplete2.default,
4134
- {
4135
- id,
4136
- filterOptions: (x) => x,
4137
- loading: true,
4138
- disableListWrap: true,
4139
- freeSolo: true,
4140
- disableClearable: true,
4141
- onChange: (e, value) => {
4142
- if (value !== null) {
4143
- if (typeof value !== "string") {
4144
- if (onSearchItemSelected) onSearchItemSelected(value);
4145
- }
4146
- }
4147
- },
4148
- disableCloseOnSelect: false,
4149
- getOptionLabel: (options2) => {
4150
- const returnVal = typeof options2 === "string" ? options2 : options2.title;
4151
- return returnVal;
4152
- },
4153
- options,
4154
- sx: {
4155
- width: width2,
4156
- "&.MuiAutocomplete-hasClearIcon .MuiOutlinedInput-root": {
4157
- paddingRight: clearIconMarginRight ? clearIconMarginRight : "15px"
4158
- }
4159
- },
4160
- renderOption: (props, results) => /* @__PURE__ */ _react.createElement.call(void 0, _ListItem2.default, { ...props, key: results.id }, /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _ListItemText2.default, { primary: results.title, secondary: results.subtitle })),
4161
- renderInput: (params) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
4162
- _TextField2.default,
4163
- {
4164
- placeholder,
4165
- ...params,
4166
- size,
4167
- InputProps: {
4168
- ...params.InputProps,
4169
- style: { borderRadius: borderRadius2, color: textColor, backgroundColor: backgroundColor2, height: height2, fontSize },
4170
- type: "search"
4171
- },
4172
- sx: {
4173
- "& .MuiInputBase-root": {
4174
- height: height2
4175
- },
4176
- "& .MuiAutocomplete-endAdornment": {
4177
- display: "none"
4178
- },
4179
- "&.MuiTextField-root": {
4180
- "& label": { color: `${textColor}` },
4181
- "& label.Mui-focused": {
4182
- color: `${hoverColor}`
4183
- },
4184
- "& .MuiOutlinedInput-root": {
4185
- "& fieldset": {
4186
- borderColor: `${borderColor2}`
4187
- },
4188
- "&:hover fieldset": {
4189
- borderColor: `${hoverColor}`
4190
- },
4191
- "&.Mui-focused fieldset": {
4192
- borderColor: `${hoverColor}`
4193
- }
4194
- }
4195
- }
4196
- },
4197
- label,
4198
- onChange
4199
- }
4200
- ),
4201
- PopperComponent: CustomPopper
4202
- }
4203
- ) });
4204
- } else if (mode === "manual") {
4205
- const textRef = _react.useRef.call(void 0, );
4206
- return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
4207
- _Autocomplete2.default,
4208
- {
4209
- id,
4210
- filterOptions: (x) => x,
4211
- loading: true,
4212
- freeSolo: true,
4213
- onChange: (e, value) => {
4214
- if (value !== null) {
4215
- if (typeof value !== "string") {
4216
- if (onSearchItemSelected) onSearchItemSelected(value);
4217
- }
4218
- }
4219
- },
4220
- disableCloseOnSelect: false,
4221
- getOptionLabel: (options2) => {
4222
- const returnVal = typeof options2 === "string" ? options2 : options2.title;
4223
- return returnVal;
4224
- },
4225
- options,
4226
- sx: {
4227
- width: width2,
4228
- "&.MuiAutocomplete-hasClearIcon .MuiOutlinedInput-root": {
4229
- paddingRight: clearIconMarginRight ? clearIconMarginRight : "15px"
4230
- }
4231
- },
4232
- renderOption: (props, options2) => /* @__PURE__ */ _react.createElement.call(void 0, _ListItem2.default, { ...props, key: options2.id }, /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _ListItemText2.default, { primary: options2.title, secondary: options2.subtitle })),
4233
- renderInput: (params) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
4234
- _TextField2.default,
4235
- {
4236
- placeholder,
4237
- inputRef: textRef,
4238
- onKeyDown: (e) => {
4239
- if (e.key === "Enter") {
4240
- if (textRef.current && onEnter) {
4241
- onEnter(textRef.current.value);
4242
- }
4243
- }
4244
- },
4245
- ...params,
4246
- size,
4247
- InputProps: {
4248
- ...params.InputProps,
4249
- endAdornment: null,
4250
- style: { borderRadius: borderRadius2, color: textColor, fontSize },
4251
- type: "search"
4252
- },
4253
- sx: {
4254
- "& .MuiInputBase-root": {
4255
- height: height2
4256
- },
4257
- "&.MuiTextField-root": {
4258
- "& label": { color: `${textColor}`, verticalAlign: "bottom" },
4259
- "& label.Mui-focused": {
4260
- color: `${hoverColor}`
4261
- },
4262
- "& .MuiOutlinedInput-root": {
4263
- "& fieldset": {
4264
- borderColor: `${borderColor2}`
4265
- },
4266
- "&:hover fieldset": {
4267
- borderColor: `${hoverColor}`
4268
- },
4269
- "&.Mui-focused fieldset": {
4270
- borderColor: `${hoverColor}`
4271
- }
4272
- }
4273
- }
4274
- },
4275
- label
4276
- }
4277
- )
4278
- }
4279
- ) });
3743
+ iconPos,
3744
+ hoverColor,
3745
+ options,
3746
+ placeholder,
3747
+ placeholderColor,
3748
+ placeholderFont,
3749
+ inputColor,
3750
+ inputFont,
3751
+ ...rest
3752
+ // This rest operator includes className, style, onClick, etc.
3753
+ }) => {
3754
+ const ref = _react.useRef.call(void 0, null);
3755
+ const syncAttribute = (attribute, value) => {
3756
+ const el = ref.current;
3757
+ if (!el) return;
3758
+ if (value !== void 0) {
3759
+ el.setAttribute(attribute, value);
3760
+ } else {
3761
+ el.removeAttribute(attribute);
4280
3762
  }
4281
- }
4282
- return void 0;
4283
- }
3763
+ };
3764
+ _react.useEffect.call(void 0, () => {
3765
+ const el = ref.current;
3766
+ if (!el) return;
3767
+ el.customStyles = customStyle2;
3768
+ syncAttribute("width", width2);
3769
+ syncAttribute("mode", mode);
3770
+ syncAttribute("font-size", fontSize);
3771
+ syncAttribute("height", height2);
3772
+ syncAttribute("border-width", borderWidth);
3773
+ syncAttribute("border-radius", borderRadius2);
3774
+ syncAttribute("border-color", borderColor2);
3775
+ syncAttribute("background-color", backgroundColor2);
3776
+ syncAttribute("hover-color", hoverColor);
3777
+ syncAttribute("options", options);
3778
+ syncAttribute("icon-pos", iconPos);
3779
+ syncAttribute("placeholder", placeholder);
3780
+ syncAttribute("placeholder-color", placeholderColor);
3781
+ syncAttribute("placeholder-font", placeholderFont);
3782
+ syncAttribute("input-color", inputColor);
3783
+ syncAttribute("input-font", inputFont);
3784
+ }, [
3785
+ customStyle2,
3786
+ width2,
3787
+ mode,
3788
+ fontSize,
3789
+ height2,
3790
+ borderWidth,
3791
+ borderRadius2,
3792
+ borderColor2,
3793
+ backgroundColor2,
3794
+ iconPos,
3795
+ hoverColor,
3796
+ options,
3797
+ placeholder,
3798
+ placeholderColor,
3799
+ placeholderFont,
3800
+ inputColor,
3801
+ inputFont
3802
+ ]);
3803
+ return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "wavelength-search", { ref, ...rest });
3804
+ };
4284
3805
  WavelengthSearch.displayName = "WavelengthSearch";
4285
3806
 
4286
3807
  // src/components/search/WavelengthSearchTextField.tsx
4287
3808
 
4288
-
3809
+ var _TextField = require('@mui/material/TextField'); var _TextField2 = _interopRequireDefault(_TextField);
4289
3810
 
4290
3811
  function WavelengthSearchTextField() {
4291
3812
  const palette2 = getPalette();
@@ -4781,7 +4302,7 @@ WavelengthNotAvailablePage.displayName = "WavelengthNotAvailablePage";
4781
4302
 
4782
4303
  var _reactrouterdom = require('react-router-dom');
4783
4304
  var _iconsmaterial = require('@mui/icons-material');
4784
-
4305
+ var _ListItem = require('@mui/material/ListItem'); var _ListItem2 = _interopRequireDefault(_ListItem);
4785
4306
  var _Typography = require('@mui/material/Typography'); var _Typography2 = _interopRequireDefault(_Typography);
4786
4307
  var _Collapse = require('@mui/material/Collapse'); var _Collapse2 = _interopRequireDefault(_Collapse);
4787
4308
  var _List = require('@mui/material/List'); var _List2 = _interopRequireDefault(_List);
@@ -6019,7 +5540,7 @@ var _MenuItem = require('@mui/material/MenuItem'); var _MenuItem2 = _interopRequ
6019
5540
  var _Slide = require('@mui/material/Slide'); var _Slide2 = _interopRequireDefault(_Slide);
6020
5541
 
6021
5542
 
6022
-
5543
+ var _IconButton = require('@mui/material/IconButton'); var _IconButton2 = _interopRequireDefault(_IconButton);
6023
5544
  var _Divider = require('@mui/material/Divider'); var _Divider2 = _interopRequireDefault(_Divider);
6024
5545
 
6025
5546
  var customStyle = { marginLeft: 16, marginRight: 16, marginTop: 8, marginBottom: 8 };
@@ -6282,413 +5803,123 @@ var WavelengthMenu = ({
6282
5803
  };
6283
5804
  WavelengthMenu.displayName = "WavelengthMenu";
6284
5805
 
6285
- // src/components/snackbars/WavelengthSnackbar.tsx
6286
- var _Snackbar = require('@mui/material/Snackbar'); var _Snackbar2 = _interopRequireDefault(_Snackbar);
6287
- var _SnackbarContent = require('@mui/material/SnackbarContent'); var _SnackbarContent2 = _interopRequireDefault(_SnackbarContent);
6288
-
5806
+ // src/components/modals/WavelengthPagination.tsx
6289
5807
 
6290
5808
 
6291
- function WavelengthSnackbar({ show, setShow, closeIcon, message, snackBarColor, textColor, horryAlign, vertyAlign, durationSb, width: width2, icon, id }) {
6292
- const handleClose = () => {
6293
- setShow(false);
5809
+ var WavelengthPagination = ({
5810
+ testProp,
5811
+ children,
5812
+ // Style argument
5813
+ customStyle: customStyle2,
5814
+ variant,
5815
+ textColor,
5816
+ font,
5817
+ fontSize,
5818
+ border: border2,
5819
+ borderRadius: borderRadius2,
5820
+ padding: padding2,
5821
+ totalPages,
5822
+ currentPage,
5823
+ activeColor,
5824
+ activeTextColor,
5825
+ backgroundColor: backgroundColor2,
5826
+ disabledColor,
5827
+ onPageChange,
5828
+ ...rest
5829
+ // This rest operator includes className, style, onClick, etc.
5830
+ }) => {
5831
+ const ref = _react.useRef.call(void 0, null);
5832
+ const syncAttribute = (attribute, value) => {
5833
+ const el = ref.current;
5834
+ if (!el) return;
5835
+ el.setAttribute(attribute, value);
6294
5836
  };
6295
- const defaultIcon = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.IconButton, { size: "small", "aria-label": "close", color: "inherit", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Close2.default, { fontSize: "small" }) });
6296
- const palette2 = getPalette();
6297
- const durationMs = durationSb ? durationSb * 1e3 : 4e3;
6298
- return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
6299
- _Snackbar2.default,
6300
- {
6301
- id,
6302
- open: show,
6303
- onClose: handleClose,
6304
- autoHideDuration: durationMs,
6305
- anchorOrigin: {
6306
- vertical: vertyAlign ? vertyAlign : "bottom",
6307
- horizontal: horryAlign ? horryAlign : "center"
6308
- },
6309
- children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
6310
- _SnackbarContent2.default,
6311
- {
6312
- style: {
6313
- backgroundColor: snackBarColor ? snackBarColor : palette2.primary,
6314
- color: textColor ? textColor : palette2.secondary,
6315
- display: "flex",
6316
- width: width2
6317
- },
6318
- message: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
6319
- /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: icon }),
6320
- /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { id: "snackbar", children: message ? message : "Insert Message Here" })
6321
- ] }),
6322
- action: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { style: { display: "flex", justifyContent: "center" }, onClick: handleClose, children: closeIcon ? closeIcon : defaultIcon })
6323
- }
6324
- )
6325
- }
6326
- );
6327
- }
6328
- WavelengthSnackbar.displayName = "WavelengthSnackbar";
6329
-
6330
- // src/components/snackbars/WavelengthStandardSnackbar.tsx
6331
-
6332
-
6333
-
6334
- function WavelengthStandardSnackbar({ type, show, icon, horryAlign, vertyAlign, durationSb, width: width2, message, customVertyAlign, toggleShow, closeIcon, id }) {
6335
- const handleClose = () => {
6336
- toggleShow(false);
6337
- };
6338
- const durationMs = durationSb ? durationSb * 1e3 : 4e3;
6339
- let bgColor = "";
6340
- if (type === "success") {
6341
- bgColor = "#25ab21";
6342
- } else if (type === "error") {
6343
- bgColor = "#FF4646";
6344
- } else if (type === "disabled") {
6345
- bgColor = "#737373";
6346
- }
6347
- const sIcon = icon ? icon : "";
6348
- return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
6349
- _Snackbar2.default,
6350
- {
6351
- id,
6352
- sx: { marginTop: customVertyAlign ? `${customVertyAlign}` : "", zIndex: 1400 },
6353
- open: show,
6354
- onClose: handleClose,
6355
- autoHideDuration: durationMs,
6356
- anchorOrigin: {
6357
- vertical: vertyAlign ? vertyAlign : "top",
6358
- horizontal: horryAlign ? horryAlign : "center"
6359
- },
6360
- children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
6361
- _SnackbarContent2.default,
6362
- {
6363
- style: {
6364
- backgroundColor: bgColor,
6365
- borderRadius: "1px"
6366
- //color: props.textColor ? props.textColor : palette.secondary,
6367
- },
6368
- sx: { paddingTop: "0px", paddingBottom: "0px" },
6369
- message: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
6370
- "div",
6371
- {
6372
- style: {
6373
- display: "grid",
6374
- gridTemplateColumns: "1fr 1fr 1fr 1fr 1fr",
6375
- width: width2
6376
- },
6377
- children: [
6378
- /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { style: { gridColumnStart: 2, gridColumnEnd: 5, textAlign: "center", display: "flex", flexDirection: "row", justifyContent: "center", alignItems: "center" }, id: "snackbar", children: [
6379
- /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { style: { marginTop: "5px" }, children: sIcon }),
6380
- /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { style: { fontSize: "1rem", marginLeft: "10px" }, children: message ? message : "Insert Message Here" })
6381
- ] }),
6382
- /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { style: { gridColumnStart: 6 }, onClick: handleClose, children: closeIcon })
6383
- ]
6384
- }
6385
- )
6386
- }
6387
- )
6388
- }
6389
- );
6390
- }
6391
- WavelengthStandardSnackbar.displayName = "WavelengthStandardSnackbar";
6392
-
6393
- // src/components/snackbars/WavelengthTestSnackbar.tsx
6394
-
6395
-
6396
-
6397
-
6398
- var useOutsideClick = (callback) => {
6399
- const ref = _react.useRef.call(void 0, null);
6400
5837
  _react.useEffect.call(void 0, () => {
6401
- const handleClickOutside = (event) => {
6402
- if (ref.current && !ref.current.contains(event.target)) {
6403
- callback();
5838
+ const el = ref.current;
5839
+ if (!el) return;
5840
+ el.customStyles = customStyle2;
5841
+ syncAttribute("variant", variant || "");
5842
+ syncAttribute("text-color", textColor || "");
5843
+ syncAttribute("font", font || "");
5844
+ syncAttribute("font-size", fontSize || "");
5845
+ syncAttribute("border", border2 || "");
5846
+ syncAttribute("border-radius", borderRadius2 || "");
5847
+ syncAttribute("padding", padding2 || "");
5848
+ syncAttribute("active-color", activeColor || "");
5849
+ syncAttribute("active-text-color", activeTextColor || "");
5850
+ syncAttribute("background-color", backgroundColor2 || "");
5851
+ syncAttribute("disabled-color", disabledColor || "");
5852
+ syncAttribute("total-pages", _optionalChain([totalPages, 'optionalAccess', _39 => _39.toString, 'call', _40 => _40()]) || "");
5853
+ syncAttribute("current-page", _optionalChain([currentPage, 'optionalAccess', _41 => _41.toString, 'call', _42 => _42()]) || "");
5854
+ const handlePageChange = (e) => {
5855
+ if (onPageChange) {
5856
+ onPageChange(e.detail.page);
6404
5857
  }
6405
5858
  };
6406
- document.addEventListener("mouseup", handleClickOutside);
6407
- document.addEventListener("touchend", handleClickOutside);
5859
+ el.addEventListener("page-change", handlePageChange);
6408
5860
  return () => {
6409
- document.removeEventListener("mouseup", handleClickOutside);
6410
- document.removeEventListener("touchend", handleClickOutside);
5861
+ el.removeEventListener("page-change", handlePageChange);
6411
5862
  };
6412
- }, [callback]);
6413
- return ref;
5863
+ }, [testProp, textColor, font, fontSize, border2, borderRadius2, padding2, variant, totalPages, currentPage, activeColor, activeTextColor, backgroundColor2, disabledColor, onPageChange]);
5864
+ return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "wavelength-pagination", { ref, variant, "total-pages": totalPages, "current-page": currentPage, ...rest });
6414
5865
  };
6415
- function WavelengthTestSnackbar({ isPopUpOpen, toggleOpen, type, message, customVertyAlign, width: width2, img, id }) {
6416
- const ref = useOutsideClick(() => {
6417
- toggleOpen(false);
6418
- });
6419
- let bgColor = "";
6420
- if (type === "success") {
6421
- bgColor = "#25ab21";
6422
- } else if (type === "error") {
6423
- bgColor = "#FF4646";
6424
- } else if (type === "disabled") {
6425
- bgColor = "#737373";
6426
- }
6427
- return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: isPopUpOpen && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
6428
- _Box2.default,
6429
- {
6430
- id,
6431
- sx: { position: "fixed", right: "auto", top: "24px", left: "50%", transform: "translateX(-50%)" },
6432
- ref,
6433
- style: {
6434
- height: "50px",
6435
- width: width2,
6436
- backgroundColor: bgColor,
6437
- borderRadius: "1px",
6438
- display: "flex",
6439
- justifyContent: "space-between",
6440
- alignItems: "center",
6441
- paddingRight: "20px",
6442
- paddingLeft: "20px",
6443
- zIndex: 2800,
6444
- marginTop: customVertyAlign ? `${customVertyAlign}` : ""
6445
- },
6446
- children: [
6447
- /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { style: { backgroundColor: "red" } }),
6448
- /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { style: { color: "white", fontSize: "1rem" }, children: message }),
6449
- /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
6450
- _Button2.default,
6451
- {
6452
- variant: "text",
6453
- onClick: () => {
6454
- toggleOpen(false);
6455
- },
6456
- children: img
6457
- }
6458
- )
6459
- ]
6460
- }
6461
- ) });
6462
- }
6463
- WavelengthTestSnackbar.displayName = "WavelengthTestSnackbar";
5866
+ WavelengthPagination.displayName = "WavelengthPagination";
6464
5867
 
6465
- // src/components/sliders/WavelengthSlider.tsx
5868
+ // src/index.ts
6466
5869
 
6467
- var _Slider = require('@mui/material/Slider'); var _Slider2 = _interopRequireDefault(_Slider);
6468
5870
 
6469
- function WavelengthSlider({ width: width2 = "300px", color: color2, valueDisplayed, marks, labelColor, value, id, maxVal = 100, minVal, step = 1, labelFunc, handleChange }) {
6470
- const on = valueDisplayed ? "on" : "off";
6471
- return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Box2.default, { sx: { width: width2 }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
6472
- _Slider2.default,
6473
- {
6474
- id,
6475
- "aria-label": "Custom marks",
6476
- value,
6477
- getAriaValueText: labelFunc,
6478
- step,
6479
- marks,
6480
- valueLabelDisplay: on,
6481
- max: maxVal,
6482
- min: minVal,
6483
- onChange: handleChange,
6484
- sx: {
6485
- color: color2,
6486
- "& .MuiSlider-markLabel": {
6487
- color: labelColor
6488
- }
6489
- }
6490
- }
6491
- ) });
6492
- }
6493
- WavelengthSlider.displayName = "WavelengthSlider";
5871
+ // src/components/pagination/WavelengthDefaultPagination.tsx
6494
5872
 
6495
- // src/components/carousels/WavelengthDefaultCarousel.tsx
6496
5873
 
5874
+ // src/components/pagination/WavelengthButtonPagination.tsx
6497
5875
 
6498
- var _NavigateBefore = require('@mui/icons-material/NavigateBefore'); var _NavigateBefore2 = _interopRequireDefault(_NavigateBefore);
6499
- var _NavigateNext = require('@mui/icons-material/NavigateNext'); var _NavigateNext2 = _interopRequireDefault(_NavigateNext);
6500
5876
 
5877
+ var _ArrowBackIosNew = require('@mui/icons-material/ArrowBackIosNew'); var _ArrowBackIosNew2 = _interopRequireDefault(_ArrowBackIosNew);
5878
+ var _ArrowForwardIos = require('@mui/icons-material/ArrowForwardIos'); var _ArrowForwardIos2 = _interopRequireDefault(_ArrowForwardIos);
6501
5879
 
6502
- var _Card = require('@mui/material/Card'); var _Card2 = _interopRequireDefault(_Card);
6503
- var _CardContent = require('@mui/material/CardContent'); var _CardContent2 = _interopRequireDefault(_CardContent);
6504
- var _CardMedia = require('@mui/material/CardMedia'); var _CardMedia2 = _interopRequireDefault(_CardMedia);
6505
- var _CardActionArea = require('@mui/material/CardActionArea'); var _CardActionArea2 = _interopRequireDefault(_CardActionArea);
6506
5880
 
6507
- var DefaultCarousel = ({ items, buttonSize, imageHeight, imageWidth, cardHeight, cardWidth, id, name }) => {
6508
- const [currentIndex, setCurrentIndex] = _react.useState.call(void 0, 0);
6509
- const adjustButtonSize = buttonSize !== void 0 ? buttonSize : 70;
6510
- const adjustImageHeight = imageHeight !== void 0 ? imageHeight : 250;
6511
- const adjustImageWidth = imageWidth !== void 0 ? imageWidth : 300;
6512
- const adjustCardHeight = cardHeight !== void 0 ? cardHeight : 345;
6513
- const adjustCardWidth = cardWidth !== void 0 ? cardWidth : 300;
6514
- const handleNext = () => {
6515
- setCurrentIndex((prevIndex) => (prevIndex + 1) % items.length);
5881
+ var MyDroplistItems = _styledcomponents2.default.call(void 0, "li")`
5882
+ background-color: white;
5883
+ color: #000000;
5884
+ padding: 10px 30px;
5885
+ textdecoration: none;
5886
+ display: block;
5887
+ width: 80px;
5888
+
5889
+ &:hover {
5890
+ background-color: lightgray;
5891
+ }
5892
+ `;
5893
+ function WavelengthButtonPagination({ totalPages, current, handleChangePage, itemList, firstEllipseList, secondEllipseList, id }) {
5894
+ const [isOpen, setIsOpen] = _react.useState.call(void 0, false);
5895
+ const [isSecOpen, setIsSecOpen] = _react.useState.call(void 0, false);
5896
+ const toggleDropdown = (index) => {
5897
+ if (index === 1) {
5898
+ setIsOpen(!isOpen);
5899
+ } else {
5900
+ setIsSecOpen(!isSecOpen);
5901
+ }
6516
5902
  };
6517
- const handlePrev = () => {
6518
- setCurrentIndex((prevIndex) => (prevIndex - 1 + items.length) % items.length);
5903
+ const dropstyles = {
5904
+ dropcenter: { position: "relative", left: "-40px", top: "-20px" },
5905
+ mydrop: { position: "absolute", zIndex: "3", maxHeight: "200px", overflow: "scroll" },
5906
+ rangenumbers: { display: "flex" },
5907
+ butPagCompDivStyle: { display: "flex" }
6519
5908
  };
6520
- const handleClick = () => {
6521
- window.open(items[currentIndex].path, "_blank");
6522
- };
6523
- return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
6524
- _Grid2.default,
6525
- {
6526
- container: true,
6527
- spacing: 1,
6528
- sx: {
6529
- alignItems: "center"
6530
- },
6531
- children: [
6532
- /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _IconButton2.default, { onClick: handlePrev, sx: { margin: 1, color: "white" }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _NavigateBefore2.default, { style: { fontSize: adjustButtonSize } }) }) }),
6533
- /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
6534
- _Card2.default,
6535
- {
6536
- sx: {
6537
- maxWidth: adjustCardWidth,
6538
- maxHeight: adjustCardHeight
6539
- },
6540
- children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _CardActionArea2.default, { onClick: handleClick, children: [
6541
- /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _CardMedia2.default, { sx: { height: adjustImageHeight, width: adjustImageWidth }, image: items[currentIndex].image }),
6542
- /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _CardContent2.default, { children: [
6543
- /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Typography2.default, { variant: "h4", children: items[currentIndex].title }),
6544
- /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Typography2.default, { variant: "body1", children: items[currentIndex].description })
6545
- ] })
6546
- ] })
6547
- }
6548
- ),
6549
- /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _IconButton2.default, { onClick: handleNext, sx: { margin: 1, color: "white" }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _NavigateNext2.default, { style: { fontSize: adjustButtonSize } }) }) })
6550
- ]
6551
- }
6552
- ) }) });
6553
- };
6554
- DefaultCarousel.displayName = "DefaultCarousel";
6555
-
6556
- // src/components/carousels/WavelengthSliderCarousel.tsx
6557
-
6558
-
6559
-
6560
-
6561
-
6562
-
6563
-
6564
- var delay = 2500;
6565
- var SliderCardCarousel = ({ items, cardHeight, cardWidth, contHeight, contWidth }) => {
6566
- const [index, setIndex] = _react.useState.call(void 0, 0);
6567
- const [isHovered, setIsHovered] = _react.useState.call(void 0, false);
6568
- _react.useEffect.call(void 0, () => {
6569
- setTimeout(() => setIndex((prevIndex) => prevIndex === items.length - 1 ? 0 : prevIndex + 1), delay);
6570
- return () => {
6571
- };
6572
- }, [index]);
6573
- const carouselCardWidth = items.length > 0 ? `calc(35% * ${items.length})` : "200%";
6574
- const adjustContHeight = contHeight !== void 0 ? contHeight : "100%";
6575
- const adjustContWidth = contWidth !== void 0 ? contWidth : "200%";
6576
- const adjustCardHeight = cardHeight !== void 0 ? cardHeight : 120;
6577
- const adjustCardWith = cardWidth !== void 0 ? cardWidth : 310;
6578
- const styles = {
6579
- carouselcontainer: {
6580
- overflow: "hidden",
6581
- position: "relative",
6582
- borderColor: "#4b5563",
6583
- height: adjustContHeight,
6584
- width: adjustContWidth,
6585
- minHeight: "280px",
6586
- minWidth: "640px",
6587
- borderRadius: "10px"
6588
- },
6589
- carouselTrackStyle: {
6590
- display: "flex",
6591
- position: "relative",
6592
- justifyContent: "center",
6593
- left: "0",
6594
- alignItems: "center",
6595
- gap: "5px",
6596
- width: carouselCardWidth,
6597
- height: "100%",
6598
- transition: "background-color 0.5s ease-in-out"
6599
- },
6600
- carouselCard: {
6601
- transition: "transform 0.3s ease, box-shadow 0.3s ease",
6602
- transform: isHovered ? "scale(0.9)" : "scale(1)",
6603
- boxShadow: isHovered ? "5px 5px 8px rgba(222, 222, 222, 0.362), 10px 10px 8px rgba(152, 133, 133, 0.392), 15px 15px 8px rgba(139, 154, 139, 0.303)" : "none"
6604
- }
6605
- };
6606
- return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { style: styles.carouselcontainer, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "my-animation", style: styles.carouselTrackStyle, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
6607
- _Grid2.default,
6608
- {
6609
- sx: {
6610
- display: "flex",
6611
- justifyContent: "center",
6612
- alignItems: "center"
6613
- },
6614
- container: true,
6615
- spacing: 0.5,
6616
- children: items.map((card) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
6617
- _Card2.default,
6618
- {
6619
- sx: {
6620
- transition: "transform 0.3s ease, box-shadow 0.3s ease",
6621
- transform: isHovered ? "scale(0.9)" : "scale(1)",
6622
- boxShadow: isHovered ? "5px 5px 8px rgba(222, 222, 222, 0.362), 10px 10px 8px rgba(152, 133, 133, 0.392), 15px 15px 8px rgba(139, 154, 139, 0.303)" : "none"
6623
- },
6624
- onMouseEnter: () => setIsHovered(true),
6625
- onMouseLeave: () => setIsHovered(false),
6626
- children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _CardActionArea2.default, { href: card.path, children: [
6627
- /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _CardMedia2.default, { sx: { height: adjustCardHeight, width: adjustCardWith }, image: card.image }),
6628
- /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _CardContent2.default, { children: [
6629
- /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { children: card.title }),
6630
- /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { children: card.description })
6631
- ] })
6632
- ] })
6633
- }
6634
- ) }, card.title))
6635
- }
6636
- ) }) });
6637
- };
6638
- SliderCardCarousel.displayName = "SliderCardCarousel";
6639
-
6640
- // src/components/pagination/WavelengthDefaultPagination.tsx
6641
-
6642
-
6643
- // src/components/pagination/WavelengthButtonPagination.tsx
6644
-
6645
-
6646
- var _ArrowBackIosNew = require('@mui/icons-material/ArrowBackIosNew'); var _ArrowBackIosNew2 = _interopRequireDefault(_ArrowBackIosNew);
6647
- var _ArrowForwardIos = require('@mui/icons-material/ArrowForwardIos'); var _ArrowForwardIos2 = _interopRequireDefault(_ArrowForwardIos);
6648
-
6649
-
6650
- var MyDroplistItems = _styledcomponents2.default.call(void 0, "li")`
6651
- background-color: white;
6652
- color: #000000;
6653
- padding: 10px 30px;
6654
- textdecoration: none;
6655
- display: block;
6656
- width: 80px;
6657
-
6658
- &:hover {
6659
- background-color: lightgray;
6660
- }
6661
- `;
6662
- function WavelengthButtonPagination({ totalPages, current, handleChangePage, itemList, firstEllipseList, secondEllipseList, id }) {
6663
- const [isOpen, setIsOpen] = _react.useState.call(void 0, false);
6664
- const [isSecOpen, setIsSecOpen] = _react.useState.call(void 0, false);
6665
- const toggleDropdown = (index) => {
6666
- if (index === 1) {
6667
- setIsOpen(!isOpen);
6668
- } else {
6669
- setIsSecOpen(!isSecOpen);
6670
- }
6671
- };
6672
- const dropstyles = {
6673
- dropcenter: { position: "relative", left: "-40px", top: "-20px" },
6674
- mydrop: { position: "absolute", zIndex: "3", maxHeight: "200px", overflow: "scroll" },
6675
- rangenumbers: { display: "flex" },
6676
- butPagCompDivStyle: { display: "flex" }
6677
- };
6678
- const WLButtonPagStyle = {
6679
- background: "white",
6680
- color: "black",
6681
- border: "none",
6682
- padding: "1px",
6683
- fontSize: "16px",
6684
- height: "55px",
6685
- width: "40px",
6686
- boxshadow: "4px 2px 4px darkslategray",
6687
- borderRadius: "50%",
6688
- margin: "3px",
6689
- "&:hover": { background: "#49baf7" },
6690
- "&:disabled": { background: "rgb(226, 223, 223)" },
6691
- "&.active": { background: "#8FD8FF" }
5909
+ const WLButtonPagStyle = {
5910
+ background: "white",
5911
+ color: "black",
5912
+ border: "none",
5913
+ padding: "1px",
5914
+ fontSize: "16px",
5915
+ height: "55px",
5916
+ width: "40px",
5917
+ boxshadow: "4px 2px 4px darkslategray",
5918
+ borderRadius: "50%",
5919
+ margin: "3px",
5920
+ "&:hover": { background: "#49baf7" },
5921
+ "&:disabled": { background: "rgb(226, 223, 223)" },
5922
+ "&.active": { background: "#8FD8FF" }
6692
5923
  };
6693
5924
  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { style: dropstyles.butPagCompDivStyle, id, children: [
6694
5925
  /* @__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, {}) }),
@@ -6936,6 +6167,361 @@ function WavelengthDefaultPagination({ totalPages, currentPageNumber, siblingCou
6936
6167
  WavelengthDefaultPagination.displayName = "WavelengthDefaultPagination";
6937
6168
  var WavelengthDefaultPagination_default = WavelengthDefaultPagination;
6938
6169
 
6170
+ // src/components/snackbars/WavelengthSnackbar.tsx
6171
+ var _Snackbar = require('@mui/material/Snackbar'); var _Snackbar2 = _interopRequireDefault(_Snackbar);
6172
+ var _SnackbarContent = require('@mui/material/SnackbarContent'); var _SnackbarContent2 = _interopRequireDefault(_SnackbarContent);
6173
+
6174
+
6175
+
6176
+ function WavelengthSnackbar({ show, setShow, closeIcon, message, snackBarColor, textColor, horryAlign, vertyAlign, durationSb, width: width2, icon, id }) {
6177
+ const handleClose = () => {
6178
+ setShow(false);
6179
+ };
6180
+ const defaultIcon = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.IconButton, { size: "small", "aria-label": "close", color: "inherit", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Close2.default, { fontSize: "small" }) });
6181
+ const palette2 = getPalette();
6182
+ const durationMs = durationSb ? durationSb * 1e3 : 4e3;
6183
+ return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
6184
+ _Snackbar2.default,
6185
+ {
6186
+ id,
6187
+ open: show,
6188
+ onClose: handleClose,
6189
+ autoHideDuration: durationMs,
6190
+ anchorOrigin: {
6191
+ vertical: vertyAlign ? vertyAlign : "bottom",
6192
+ horizontal: horryAlign ? horryAlign : "center"
6193
+ },
6194
+ children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
6195
+ _SnackbarContent2.default,
6196
+ {
6197
+ style: {
6198
+ backgroundColor: snackBarColor ? snackBarColor : palette2.primary,
6199
+ color: textColor ? textColor : palette2.secondary,
6200
+ display: "flex",
6201
+ width: width2
6202
+ },
6203
+ message: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
6204
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: icon }),
6205
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { id: "snackbar", children: message ? message : "Insert Message Here" })
6206
+ ] }),
6207
+ action: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { style: { display: "flex", justifyContent: "center" }, onClick: handleClose, children: closeIcon ? closeIcon : defaultIcon })
6208
+ }
6209
+ )
6210
+ }
6211
+ );
6212
+ }
6213
+ WavelengthSnackbar.displayName = "WavelengthSnackbar";
6214
+
6215
+ // src/components/snackbars/WavelengthStandardSnackbar.tsx
6216
+
6217
+
6218
+
6219
+ function WavelengthStandardSnackbar({ type, show, icon, horryAlign, vertyAlign, durationSb, width: width2, message, customVertyAlign, toggleShow, closeIcon, id }) {
6220
+ const handleClose = () => {
6221
+ toggleShow(false);
6222
+ };
6223
+ const durationMs = durationSb ? durationSb * 1e3 : 4e3;
6224
+ let bgColor = "";
6225
+ if (type === "success") {
6226
+ bgColor = "#25ab21";
6227
+ } else if (type === "error") {
6228
+ bgColor = "#FF4646";
6229
+ } else if (type === "disabled") {
6230
+ bgColor = "#737373";
6231
+ }
6232
+ const sIcon = icon ? icon : "";
6233
+ return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
6234
+ _Snackbar2.default,
6235
+ {
6236
+ id,
6237
+ sx: { marginTop: customVertyAlign ? `${customVertyAlign}` : "", zIndex: 1400 },
6238
+ open: show,
6239
+ onClose: handleClose,
6240
+ autoHideDuration: durationMs,
6241
+ anchorOrigin: {
6242
+ vertical: vertyAlign ? vertyAlign : "top",
6243
+ horizontal: horryAlign ? horryAlign : "center"
6244
+ },
6245
+ children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
6246
+ _SnackbarContent2.default,
6247
+ {
6248
+ style: {
6249
+ backgroundColor: bgColor,
6250
+ borderRadius: "1px"
6251
+ //color: props.textColor ? props.textColor : palette.secondary,
6252
+ },
6253
+ sx: { paddingTop: "0px", paddingBottom: "0px" },
6254
+ message: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
6255
+ "div",
6256
+ {
6257
+ style: {
6258
+ display: "grid",
6259
+ gridTemplateColumns: "1fr 1fr 1fr 1fr 1fr",
6260
+ width: width2
6261
+ },
6262
+ children: [
6263
+ /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { style: { gridColumnStart: 2, gridColumnEnd: 5, textAlign: "center", display: "flex", flexDirection: "row", justifyContent: "center", alignItems: "center" }, id: "snackbar", children: [
6264
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { style: { marginTop: "5px" }, children: sIcon }),
6265
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { style: { fontSize: "1rem", marginLeft: "10px" }, children: message ? message : "Insert Message Here" })
6266
+ ] }),
6267
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { style: { gridColumnStart: 6 }, onClick: handleClose, children: closeIcon })
6268
+ ]
6269
+ }
6270
+ )
6271
+ }
6272
+ )
6273
+ }
6274
+ );
6275
+ }
6276
+ WavelengthStandardSnackbar.displayName = "WavelengthStandardSnackbar";
6277
+
6278
+ // src/components/snackbars/WavelengthTestSnackbar.tsx
6279
+
6280
+
6281
+
6282
+
6283
+ var useOutsideClick = (callback) => {
6284
+ const ref = _react.useRef.call(void 0, null);
6285
+ _react.useEffect.call(void 0, () => {
6286
+ const handleClickOutside = (event) => {
6287
+ if (ref.current && !ref.current.contains(event.target)) {
6288
+ callback();
6289
+ }
6290
+ };
6291
+ document.addEventListener("mouseup", handleClickOutside);
6292
+ document.addEventListener("touchend", handleClickOutside);
6293
+ return () => {
6294
+ document.removeEventListener("mouseup", handleClickOutside);
6295
+ document.removeEventListener("touchend", handleClickOutside);
6296
+ };
6297
+ }, [callback]);
6298
+ return ref;
6299
+ };
6300
+ function WavelengthTestSnackbar({ isPopUpOpen, toggleOpen, type, message, customVertyAlign, width: width2, img, id }) {
6301
+ const ref = useOutsideClick(() => {
6302
+ toggleOpen(false);
6303
+ });
6304
+ let bgColor = "";
6305
+ if (type === "success") {
6306
+ bgColor = "#25ab21";
6307
+ } else if (type === "error") {
6308
+ bgColor = "#FF4646";
6309
+ } else if (type === "disabled") {
6310
+ bgColor = "#737373";
6311
+ }
6312
+ return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: isPopUpOpen && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
6313
+ _Box2.default,
6314
+ {
6315
+ id,
6316
+ sx: { position: "fixed", right: "auto", top: "24px", left: "50%", transform: "translateX(-50%)" },
6317
+ ref,
6318
+ style: {
6319
+ height: "50px",
6320
+ width: width2,
6321
+ backgroundColor: bgColor,
6322
+ borderRadius: "1px",
6323
+ display: "flex",
6324
+ justifyContent: "space-between",
6325
+ alignItems: "center",
6326
+ paddingRight: "20px",
6327
+ paddingLeft: "20px",
6328
+ zIndex: 2800,
6329
+ marginTop: customVertyAlign ? `${customVertyAlign}` : ""
6330
+ },
6331
+ children: [
6332
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { style: { backgroundColor: "red" } }),
6333
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { style: { color: "white", fontSize: "1rem" }, children: message }),
6334
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
6335
+ _Button2.default,
6336
+ {
6337
+ variant: "text",
6338
+ onClick: () => {
6339
+ toggleOpen(false);
6340
+ },
6341
+ children: img
6342
+ }
6343
+ )
6344
+ ]
6345
+ }
6346
+ ) });
6347
+ }
6348
+ WavelengthTestSnackbar.displayName = "WavelengthTestSnackbar";
6349
+
6350
+ // src/components/sliders/WavelengthSlider.tsx
6351
+
6352
+ var _Slider = require('@mui/material/Slider'); var _Slider2 = _interopRequireDefault(_Slider);
6353
+
6354
+ function WavelengthSlider({ width: width2 = "300px", color: color2, valueDisplayed, marks, labelColor, value, id, maxVal = 100, minVal, step = 1, labelFunc, handleChange }) {
6355
+ const on = valueDisplayed ? "on" : "off";
6356
+ return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Box2.default, { sx: { width: width2 }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
6357
+ _Slider2.default,
6358
+ {
6359
+ id,
6360
+ "aria-label": "Custom marks",
6361
+ value,
6362
+ getAriaValueText: labelFunc,
6363
+ step,
6364
+ marks,
6365
+ valueLabelDisplay: on,
6366
+ max: maxVal,
6367
+ min: minVal,
6368
+ onChange: handleChange,
6369
+ sx: {
6370
+ color: color2,
6371
+ "& .MuiSlider-markLabel": {
6372
+ color: labelColor
6373
+ }
6374
+ }
6375
+ }
6376
+ ) });
6377
+ }
6378
+ WavelengthSlider.displayName = "WavelengthSlider";
6379
+
6380
+ // src/components/carousels/WavelengthDefaultCarousel.tsx
6381
+
6382
+
6383
+ var _NavigateBefore = require('@mui/icons-material/NavigateBefore'); var _NavigateBefore2 = _interopRequireDefault(_NavigateBefore);
6384
+ var _NavigateNext = require('@mui/icons-material/NavigateNext'); var _NavigateNext2 = _interopRequireDefault(_NavigateNext);
6385
+
6386
+
6387
+ var _Card = require('@mui/material/Card'); var _Card2 = _interopRequireDefault(_Card);
6388
+ var _CardContent = require('@mui/material/CardContent'); var _CardContent2 = _interopRequireDefault(_CardContent);
6389
+ var _CardMedia = require('@mui/material/CardMedia'); var _CardMedia2 = _interopRequireDefault(_CardMedia);
6390
+ var _CardActionArea = require('@mui/material/CardActionArea'); var _CardActionArea2 = _interopRequireDefault(_CardActionArea);
6391
+
6392
+ var DefaultCarousel = ({ items, buttonSize, imageHeight, imageWidth, cardHeight, cardWidth, id, name }) => {
6393
+ const [currentIndex, setCurrentIndex] = _react.useState.call(void 0, 0);
6394
+ const adjustButtonSize = buttonSize !== void 0 ? buttonSize : 70;
6395
+ const adjustImageHeight = imageHeight !== void 0 ? imageHeight : 250;
6396
+ const adjustImageWidth = imageWidth !== void 0 ? imageWidth : 300;
6397
+ const adjustCardHeight = cardHeight !== void 0 ? cardHeight : 345;
6398
+ const adjustCardWidth = cardWidth !== void 0 ? cardWidth : 300;
6399
+ const handleNext = () => {
6400
+ setCurrentIndex((prevIndex) => (prevIndex + 1) % items.length);
6401
+ };
6402
+ const handlePrev = () => {
6403
+ setCurrentIndex((prevIndex) => (prevIndex - 1 + items.length) % items.length);
6404
+ };
6405
+ const handleClick = () => {
6406
+ window.open(items[currentIndex].path, "_blank");
6407
+ };
6408
+ return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
6409
+ _Grid2.default,
6410
+ {
6411
+ container: true,
6412
+ spacing: 1,
6413
+ sx: {
6414
+ alignItems: "center"
6415
+ },
6416
+ children: [
6417
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _IconButton2.default, { onClick: handlePrev, sx: { margin: 1, color: "white" }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _NavigateBefore2.default, { style: { fontSize: adjustButtonSize } }) }) }),
6418
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
6419
+ _Card2.default,
6420
+ {
6421
+ sx: {
6422
+ maxWidth: adjustCardWidth,
6423
+ maxHeight: adjustCardHeight
6424
+ },
6425
+ children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _CardActionArea2.default, { onClick: handleClick, children: [
6426
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _CardMedia2.default, { sx: { height: adjustImageHeight, width: adjustImageWidth }, image: items[currentIndex].image }),
6427
+ /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _CardContent2.default, { children: [
6428
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Typography2.default, { variant: "h4", children: items[currentIndex].title }),
6429
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Typography2.default, { variant: "body1", children: items[currentIndex].description })
6430
+ ] })
6431
+ ] })
6432
+ }
6433
+ ),
6434
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _IconButton2.default, { onClick: handleNext, sx: { margin: 1, color: "white" }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _NavigateNext2.default, { style: { fontSize: adjustButtonSize } }) }) })
6435
+ ]
6436
+ }
6437
+ ) }) });
6438
+ };
6439
+ DefaultCarousel.displayName = "DefaultCarousel";
6440
+
6441
+ // src/components/carousels/WavelengthSliderCarousel.tsx
6442
+
6443
+
6444
+
6445
+
6446
+
6447
+
6448
+
6449
+ var delay = 2500;
6450
+ var SliderCardCarousel = ({ items, cardHeight, cardWidth, contHeight, contWidth }) => {
6451
+ const [index, setIndex] = _react.useState.call(void 0, 0);
6452
+ const [isHovered, setIsHovered] = _react.useState.call(void 0, false);
6453
+ _react.useEffect.call(void 0, () => {
6454
+ setTimeout(() => setIndex((prevIndex) => prevIndex === items.length - 1 ? 0 : prevIndex + 1), delay);
6455
+ return () => {
6456
+ };
6457
+ }, [index]);
6458
+ const carouselCardWidth = items.length > 0 ? `calc(35% * ${items.length})` : "200%";
6459
+ const adjustContHeight = contHeight !== void 0 ? contHeight : "100%";
6460
+ const adjustContWidth = contWidth !== void 0 ? contWidth : "200%";
6461
+ const adjustCardHeight = cardHeight !== void 0 ? cardHeight : 120;
6462
+ const adjustCardWith = cardWidth !== void 0 ? cardWidth : 310;
6463
+ const styles = {
6464
+ carouselcontainer: {
6465
+ overflow: "hidden",
6466
+ position: "relative",
6467
+ borderColor: "#4b5563",
6468
+ height: adjustContHeight,
6469
+ width: adjustContWidth,
6470
+ minHeight: "280px",
6471
+ minWidth: "640px",
6472
+ borderRadius: "10px"
6473
+ },
6474
+ carouselTrackStyle: {
6475
+ display: "flex",
6476
+ position: "relative",
6477
+ justifyContent: "center",
6478
+ left: "0",
6479
+ alignItems: "center",
6480
+ gap: "5px",
6481
+ width: carouselCardWidth,
6482
+ height: "100%",
6483
+ transition: "background-color 0.5s ease-in-out"
6484
+ },
6485
+ carouselCard: {
6486
+ transition: "transform 0.3s ease, box-shadow 0.3s ease",
6487
+ transform: isHovered ? "scale(0.9)" : "scale(1)",
6488
+ boxShadow: isHovered ? "5px 5px 8px rgba(222, 222, 222, 0.362), 10px 10px 8px rgba(152, 133, 133, 0.392), 15px 15px 8px rgba(139, 154, 139, 0.303)" : "none"
6489
+ }
6490
+ };
6491
+ return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { style: styles.carouselcontainer, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "my-animation", style: styles.carouselTrackStyle, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
6492
+ _Grid2.default,
6493
+ {
6494
+ sx: {
6495
+ display: "flex",
6496
+ justifyContent: "center",
6497
+ alignItems: "center"
6498
+ },
6499
+ container: true,
6500
+ spacing: 0.5,
6501
+ children: items.map((card) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
6502
+ _Card2.default,
6503
+ {
6504
+ sx: {
6505
+ transition: "transform 0.3s ease, box-shadow 0.3s ease",
6506
+ transform: isHovered ? "scale(0.9)" : "scale(1)",
6507
+ boxShadow: isHovered ? "5px 5px 8px rgba(222, 222, 222, 0.362), 10px 10px 8px rgba(152, 133, 133, 0.392), 15px 15px 8px rgba(139, 154, 139, 0.303)" : "none"
6508
+ },
6509
+ onMouseEnter: () => setIsHovered(true),
6510
+ onMouseLeave: () => setIsHovered(false),
6511
+ children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _CardActionArea2.default, { href: card.path, children: [
6512
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _CardMedia2.default, { sx: { height: adjustCardHeight, width: adjustCardWith }, image: card.image }),
6513
+ /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _CardContent2.default, { children: [
6514
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { children: card.title }),
6515
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { children: card.description })
6516
+ ] })
6517
+ ] })
6518
+ }
6519
+ ) }, card.title))
6520
+ }
6521
+ ) }) });
6522
+ };
6523
+ SliderCardCarousel.displayName = "SliderCardCarousel";
6524
+
6939
6525
  // src/components/TextField/WavelengthInput.tsx
6940
6526
 
6941
6527
 
@@ -6979,7 +6565,7 @@ var WavelengthInput = _react.forwardRef.call(void 0,
6979
6565
  const internalRef = _react.useRef.call(void 0, null);
6980
6566
  _react.useImperativeHandle.call(void 0, ref, () => ({
6981
6567
  ...internalRef.current,
6982
- validate: () => _optionalChain([internalRef, 'access', _39 => _39.current, 'optionalAccess', _40 => _40.validate, 'optionalCall', _41 => _41(true)])
6568
+ validate: () => _optionalChain([internalRef, 'access', _43 => _43.current, 'optionalAccess', _44 => _44.validate, 'optionalCall', _45 => _45(true)])
6983
6569
  }));
6984
6570
  _react.useEffect.call(void 0, () => {
6985
6571
  const el = internalRef.current;
@@ -7056,7 +6642,7 @@ var WavelengthInput = _react.forwardRef.call(void 0,
7056
6642
  const el = internalRef.current;
7057
6643
  if (!el || !onBlurCallback) return;
7058
6644
  const handler = (e) => {
7059
- const input = _optionalChain([el, 'access', _42 => _42.shadowRoot, 'optionalAccess', _43 => _43.querySelector, 'call', _44 => _44("input")]);
6645
+ const input = _optionalChain([el, 'access', _46 => _46.shadowRoot, 'optionalAccess', _47 => _47.querySelector, 'call', _48 => _48("input")]);
7060
6646
  if (input) {
7061
6647
  onBlurCallback();
7062
6648
  }
@@ -7068,7 +6654,7 @@ var WavelengthInput = _react.forwardRef.call(void 0,
7068
6654
  const el = internalRef.current;
7069
6655
  if (!el || !onChange) return;
7070
6656
  const handler = (e) => {
7071
- const input = _optionalChain([el, 'access', _45 => _45.shadowRoot, 'optionalAccess', _46 => _46.querySelector, 'call', _47 => _47("input")]);
6657
+ const input = _optionalChain([el, 'access', _49 => _49.shadowRoot, 'optionalAccess', _50 => _50.querySelector, 'call', _51 => _51("input")]);
7072
6658
  if (input) {
7073
6659
  const synthetic = {
7074
6660
  ...e,
@@ -7271,7 +6857,7 @@ var WavelengthDataTable = ({ data, columns, itemsPerPage, totalPages, id }) => {
7271
6857
  const [noRowsOpen, setNoRowsOpen] = _react.useState.call(void 0, false);
7272
6858
  const [isModalOpen, setIsModalOpen] = _react.useState.call(void 0, false);
7273
6859
  const [searchItem, setSearchItem] = _react.useState.call(void 0, "");
7274
- const [selectedValue, setSelectedValue] = _react.useState.call(void 0, _optionalChain([columns, 'access', _48 => _48[0], 'optionalAccess', _49 => _49.key]) || "");
6860
+ const [selectedValue, setSelectedValue] = _react.useState.call(void 0, _optionalChain([columns, 'access', _52 => _52[0], 'optionalAccess', _53 => _53.key]) || "");
7275
6861
  const [currentPage, setCurrentPage] = _react.useState.call(void 0, 1);
7276
6862
  const [isOpen, setIsOpen] = _react.useState.call(void 0, false);
7277
6863
  const [editingMenuKey, setEditingMenuKey] = _react.useState.call(void 0, null);
@@ -7425,7 +7011,7 @@ var WavelengthDataTable = ({ data, columns, itemsPerPage, totalPages, id }) => {
7425
7011
  ] }, index)
7426
7012
  ] }, `headCell-${index}`);
7427
7013
  });
7428
- const rows = !_optionalChain([currentPageData, 'optionalAccess', _50 => _50.length]) || noRowsOpen ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tr", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "td", { title: "NoDataRows", colSpan: columns.length, children: "No data" }) }) : _optionalChain([currentPageData, 'optionalAccess', _51 => _51.map, 'call', _52 => _52((item) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tr", { children: columns.map((column, index2) => {
7014
+ const rows = !_optionalChain([currentPageData, 'optionalAccess', _54 => _54.length]) || noRowsOpen ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tr", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "td", { title: "NoDataRows", colSpan: columns.length, children: "No data" }) }) : _optionalChain([currentPageData, 'optionalAccess', _55 => _55.map, 'call', _56 => _56((item) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tr", { children: columns.map((column, index2) => {
7429
7015
  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledTd, { children: editingId === item.id && editedColumnKey === column.key ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
7430
7016
  StyledInput,
7431
7017
  {
@@ -7671,7 +7257,7 @@ var ChildDataTable = ({ data, columns, downloadArrowOnClick, downloadMissionOnCl
7671
7257
  }
7672
7258
  if (sortSubOrder) {
7673
7259
  result.map(
7674
- (item) => _optionalChain([item, 'access', _53 => _53.Details, 'optionalAccess', _54 => _54.fileObjects, 'access', _55 => _55.sort, 'call', _56 => _56((c, d) => {
7260
+ (item) => _optionalChain([item, 'access', _57 => _57.Details, 'optionalAccess', _58 => _58.fileObjects, 'access', _59 => _59.sort, 'call', _60 => _60((c, d) => {
7675
7261
  const valueC = c[sortSubKey];
7676
7262
  const valueD = d[sortSubKey];
7677
7263
  if (typeof valueC === "string" && typeof valueD === "string") {
@@ -7732,24 +7318,24 @@ var ChildDataTable = ({ data, columns, downloadArrowOnClick, downloadMissionOnCl
7732
7318
  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "th", { children: renderSortSubButton(column, sortSubOrder, sortSubKey) }, `SubHeadCell-${index}`);
7733
7319
  });
7734
7320
  const subDataRows = (itemId) => {
7735
- return processedRowData.filter((item) => _optionalChain([item, 'access', _57 => _57.Details, 'optionalAccess', _58 => _58.relationId]) === itemId).map((item) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react.Fragment, { children: _optionalChain([item, 'access', _59 => _59.Details, 'optionalAccess', _60 => _60.fileObjects, 'access', _61 => _61.map, 'call', _62 => _62((fileItem, index) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, SubDataTableBodyRowContainer, { children: [
7321
+ return processedRowData.filter((item) => _optionalChain([item, 'access', _61 => _61.Details, 'optionalAccess', _62 => _62.relationId]) === itemId).map((item) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react.Fragment, { children: _optionalChain([item, 'access', _63 => _63.Details, 'optionalAccess', _64 => _64.fileObjects, 'access', _65 => _65.map, 'call', _66 => _66((fileItem, index) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, SubDataTableBodyRowContainer, { children: [
7736
7322
  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "td", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DownloadArrow, { onClick: downloadArrowOnClick, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { width: "17", height: "16", viewBox: "0 0 17 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
7737
7323
  "path",
7738
7324
  {
7739
7325
  d: "M8.5 12L3.5 7L4.9 5.55L7.5 8.15V0H9.5V8.15L12.1 5.55L13.5 7L8.5 12ZM2.5 16C1.95 16 1.47917 15.8042 1.0875 15.4125C0.695833 15.0208 0.5 14.55 0.5 14V11H2.5V14H14.5V11H16.5V14C16.5 14.55 16.3042 15.0208 15.9125 15.4125C15.5208 15.8042 15.05 16 14.5 16H2.5Z",
7740
7326
  fill: "#1C1B1F"
7741
7327
  }
7742
- ) }) }) }, `td-${_optionalChain([item, 'access', _63 => _63.Details, 'optionalAccess', _64 => _64.relationId])}-${fileItem.id}`),
7328
+ ) }) }) }, `td-${_optionalChain([item, 'access', _67 => _67.Details, 'optionalAccess', _68 => _68.relationId])}-${fileItem.id}`),
7743
7329
  SubDataColumns.map((column) => {
7744
7330
  const columnKey = trimBeforePeriod2(column.key);
7745
7331
  const value = fileItem[columnKey];
7746
7332
  if (value !== void 0) {
7747
- return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SubDataTableCell, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: value }, `span-${_optionalChain([item, 'access', _65 => _65.Details, 'optionalAccess', _66 => _66.relationId])}-${fileItem.id}-${index}-${column.title}`) }, `fileitem-${item}-${_optionalChain([item, 'access', _67 => _67.Details, 'optionalAccess', _68 => _68.relationId])}-${fileItem.id}-${index}-${column.title}`);
7333
+ return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SubDataTableCell, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: value }, `span-${_optionalChain([item, 'access', _69 => _69.Details, 'optionalAccess', _70 => _70.relationId])}-${fileItem.id}-${index}-${column.title}`) }, `fileitem-${item}-${_optionalChain([item, 'access', _71 => _71.Details, 'optionalAccess', _72 => _72.relationId])}-${fileItem.id}-${index}-${column.title}`);
7748
7334
  }
7749
7335
  })
7750
- ] }, `${item}-${_optionalChain([item, 'access', _69 => _69.Details, 'optionalAccess', _70 => _70.relationId])}-${fileItem.id}-${index}`))]) }, `SDR-${item.id}-${_optionalChain([item, 'access', _71 => _71.Details, 'optionalAccess', _72 => _72.relationId])}`));
7336
+ ] }, `${item}-${_optionalChain([item, 'access', _73 => _73.Details, 'optionalAccess', _74 => _74.relationId])}-${fileItem.id}-${index}`))]) }, `SDR-${item.id}-${_optionalChain([item, 'access', _75 => _75.Details, 'optionalAccess', _76 => _76.relationId])}`));
7751
7337
  };
7752
- const dataRows = _optionalChain([processedRowData, 'optionalAccess', _73 => _73.map, 'call', _74 => _74((item, index) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, BodyRowContainer, { children: [
7338
+ const dataRows = _optionalChain([processedRowData, 'optionalAccess', _77 => _77.map, 'call', _78 => _78((item, index) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, BodyRowContainer, { children: [
7753
7339
  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TableRow, { $amountofColumns: HeadColumns.length, children: HeadColumns.map((column) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TableBodyCell, { $primaryBoldState: column.PrimaryBoldText, children: item[column.key] }, `TableBodycell-${item.id}-${column.key}`)) }),
7754
7340
  /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, ButtonStylingRow, { children: [
7755
7341
  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DownloadMissionButton, { onClick: downloadMissionOnClick, children: "Download Mission" }),
@@ -7803,7 +7389,7 @@ var ChildDataTable2 = ({ columns, data, dropdownArrowLocation, sortIcon, dropdow
7803
7389
  root = _client.createRoot.call(void 0, container);
7804
7390
  reactDropdownRoots.current.set(container, root);
7805
7391
  }
7806
- const item = _optionalChain([data, 'optionalAccess', _75 => _75.find, 'call', _76 => _76((item2) => String(item2.id) === String(itemId))]);
7392
+ const item = _optionalChain([data, 'optionalAccess', _79 => _79.find, 'call', _80 => _80((item2) => String(item2.id) === String(itemId))]);
7807
7393
  if (item && item.dropdown && root) {
7808
7394
  root.render(item.dropdown);
7809
7395
  }
@@ -7930,9 +7516,9 @@ var NestedDataTable = ({ data, columns, id }) => {
7930
7516
  const SubDataHeaders = SubDataColumns.map((column, index) => {
7931
7517
  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "th", { children: column.title }, `SubHeadCell-${index}`);
7932
7518
  });
7933
- const subDataRows = !_optionalChain([data, 'optionalAccess', _77 => _77.length]) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tr", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "td", { title: "NoSubDataRows", colSpan: columns.length, children: "No data" }) }) : data.map((item, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SubDataTr, { children: SubDataColumns.map((column, colIndex) => {
7519
+ const subDataRows = !_optionalChain([data, 'optionalAccess', _81 => _81.length]) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tr", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "td", { title: "NoSubDataRows", colSpan: columns.length, children: "No data" }) }) : data.map((item, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SubDataTr, { children: SubDataColumns.map((column, colIndex) => {
7934
7520
  const columnKey = trimBeforePeriod(column.key);
7935
- const value = _optionalChain([item, 'access', _78 => _78.Details, 'optionalAccess', _79 => _79[columnKey]]);
7521
+ const value = _optionalChain([item, 'access', _82 => _82.Details, 'optionalAccess', _83 => _83[columnKey]]);
7936
7522
  console.log("value: ", value);
7937
7523
  if (value !== void 0) {
7938
7524
  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "td", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: value }) }, `Span-${item.id}-${colIndex}`);
@@ -7942,7 +7528,7 @@ var NestedDataTable = ({ data, columns, id }) => {
7942
7528
  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "thead", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tr", { children: SubDataHeaders }) }),
7943
7529
  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tbody", { children: subDataRows })
7944
7530
  ] });
7945
- const rows = !_optionalChain([data, 'optionalAccess', _80 => _80.length]) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tr", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "td", { title: "NoDataRows", colSpan: columns.length, children: "No data" }) }) : _optionalChain([data, 'optionalAccess', _81 => _81.map, 'call', _82 => _82((item, index) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
7531
+ const rows = !_optionalChain([data, 'optionalAccess', _84 => _84.length]) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tr", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "td", { title: "NoDataRows", colSpan: columns.length, children: "No data" }) }) : _optionalChain([data, 'optionalAccess', _85 => _85.map, 'call', _86 => _86((item, index) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
7946
7532
  /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, PrimaryTrRows, { $index: index, children: [
7947
7533
  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DropdownButton, { onClick: () => toggleDropdown(index), children: isAscending && isOpen && primaryRowIndex === index ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: "\u2227" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: "\u2228" }) }),
7948
7534
  HeadColumns.map((column, index2) => {
@@ -8609,7 +8195,7 @@ var WavelengthMultiSelectAutocomplete = ({ options, placeholder = "Select Option
8609
8195
 
8610
8196
 
8611
8197
 
8612
- 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.WavelengthMenu = WavelengthMenu; 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.WavelengthToolTip = WavelengthToolTip; exports.WavelengthWebSnackbar = WavelengthWebSnackbar; exports.add = add; exports.ascendingRange = ascendingRange; exports.concat = concat; exports.findBestStringMatch = findBestStringMatch; exports.range = range; exports.useOutsideClick = useOutsideClick; exports.useThemeContext = useThemeContext;
8198
+ 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.WavelengthMenu = WavelengthMenu; exports.WavelengthMultiSelectAutocomplete = WavelengthMultiSelectAutocomplete; exports.WavelengthMultiSelectAutocompleteElement = _webcomponents.WavelengthMultiSelectAutocomplete; exports.WavelengthNavBar = WavelengthNavBar; exports.WavelengthNotAvailablePage = WavelengthNotAvailablePage; exports.WavelengthNotificationPanel = WavelengthNotificationPanel; exports.WavelengthPagination = WavelengthPagination; exports.WavelengthPaginationElement = _webcomponents.WavelengthPagination; 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.WavelengthToolTip = WavelengthToolTip; exports.WavelengthWebSnackbar = WavelengthWebSnackbar; exports.add = add; exports.concat = concat; exports.findBestStringMatch = findBestStringMatch; exports.useOutsideClick = useOutsideClick; exports.useThemeContext = useThemeContext;
8613
8199
  /*! Bundled license information:
8614
8200
 
8615
8201
  react-is/cjs/react-is.production.min.js: