@wavelengthusaf/components 2.3.4 → 2.3.5

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 (14) hide show
  1. package/README.md +11 -4
  2. package/dist/cjs/index.cjs +83 -27
  3. package/dist/cjs/index.cjs.map +1 -1
  4. package/dist/cjs/index.d.cts +6 -4
  5. package/dist/components/modals/WavelengthDropdown.d.ts +1 -1
  6. package/dist/components/modals/WavelengthDropdown.d.ts.map +1 -1
  7. package/dist/components/modals/WavelengthPopUpMenu.d.ts +3 -2
  8. package/dist/components/modals/WavelengthPopUpMenu.d.ts.map +1 -1
  9. package/dist/components/search/WavelengthSearch.d.ts +2 -1
  10. package/dist/components/search/WavelengthSearch.d.ts.map +1 -1
  11. package/dist/esm/index.d.ts +6 -4
  12. package/dist/esm/index.js +93 -37
  13. package/dist/esm/index.js.map +1 -1
  14. package/package.json +1 -1
package/dist/cjs/index.d.cts CHANGED
@@ -124,6 +124,7 @@ interface SearchProps {
124
124
  mode: "automatic" | "manual";
125
125
  type?: "text-box" | "search-bar";
126
126
  iconPos?: "start" | "end";
127
+ clearIconMarginRight?: string;
127
128
  borderRadius?: number | string;
128
129
  label?: string;
129
130
  width?: string;
@@ -141,7 +142,7 @@ interface SearchProps {
141
142
  onChange?: React__default.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement>;
142
143
  onSearchItemSelected?: (selectedItem: SearchResult | string) => void;
143
144
  }
144
- declare function WavelengthSearch({ id, mode, type, width, height, label, size, borderRadius, children, placeholder, onEnter, onSearchItemSelected, options, onChange, borderColor, hoverColor, textColor, fontSize, backgroundColor, iconPos, }: SearchProps): react_jsx_runtime.JSX.Element | undefined;
145
+ declare function WavelengthSearch({ id, mode, type, width, height, label, size, borderRadius, children, placeholder, onEnter, onSearchItemSelected, options, onChange, borderColor, hoverColor, textColor, fontSize, backgroundColor, iconPos, clearIconMarginRight, }: SearchProps): react_jsx_runtime.JSX.Element | undefined;
145
146
 
146
147
  declare function SearchTextField(): react_jsx_runtime.JSX.Element;
147
148
 
@@ -281,6 +282,7 @@ interface menuItemProps {
281
282
  link?: string;
282
283
  end?: boolean;
283
284
  email?: string;
285
+ hoverColor?: string;
284
286
  }
285
287
  interface PopUPMenuProps {
286
288
  menuItems: menuItemProps[];
@@ -288,10 +290,10 @@ interface PopUPMenuProps {
288
290
  width?: string;
289
291
  menuDirection?: "top" | "bottom";
290
292
  color?: string;
291
- emailHoverColor?: string;
293
+ border?: string;
292
294
  id?: string;
293
295
  }
294
- declare function WavelengthPopUpMenu({ menuItems, customIcon, width, menuDirection, color, emailHoverColor, id }: PopUPMenuProps): react_jsx_runtime.JSX.Element;
296
+ declare function WavelengthPopUpMenu({ menuItems, customIcon, width, menuDirection, color, id, border }: PopUPMenuProps): react_jsx_runtime.JSX.Element;
295
297
 
296
298
  interface DropdownProps {
297
299
  id?: string;
@@ -313,7 +315,7 @@ interface MenuSxProps {
313
315
  width?: string;
314
316
  boxShadow?: string;
315
317
  }
316
- declare function WavelengthDropdown({ id, options, buttonSx, width, buttonText, menuSx, palette }: DropdownProps): react_jsx_runtime.JSX.Element;
318
+ declare function WavelengthDropdown({ id, options, buttonSx, width, buttonText, menuSx, palette, }: DropdownProps): react_jsx_runtime.JSX.Element;
317
319
 
318
320
  interface ConfirmationSnackbarProps {
319
321
  show: boolean;
package/dist/components/modals/WavelengthDropdown.d.ts CHANGED
@@ -20,7 +20,7 @@ interface MenuSxProps {
20
20
  width?: string;
21
21
  boxShadow?: string;
22
22
  }
23
- export declare function WavelengthDropdown({ id, options, buttonSx, width, buttonText, menuSx, palette }: DropdownProps): import("react/jsx-runtime").JSX.Element;
23
+ export declare function WavelengthDropdown({ id, options, buttonSx, width, buttonText, menuSx, palette, }: DropdownProps): import("react/jsx-runtime").JSX.Element;
24
24
  declare const WavelengthDropdownStyled: import("@emotion/styled").StyledComponent<DropdownProps & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;
25
25
  export default WavelengthDropdownStyled;
26
26
  //# sourceMappingURL=WavelengthDropdown.d.ts.map
package/dist/components/modals/WavelengthDropdown.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"WavelengthDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/modals/WavelengthDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAmC,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAMhF,UAAU,aAAa;IACrB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC;IACtC,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,UAAU,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC;AACD,UAAU,WAAW;IACnB,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,aAAa,CAAC,GAAG,SAAS,CAAC;CAC9D;AACD,UAAU,WAAW;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AACD,wBAAgB,kBAAkB,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,aAAa,2CAiH9G;AAED,QAAA,MAAM,wBAAwB,sHAA+B,CAAC;AAC9D,eAAe,wBAAwB,CAAC"}
1
+ {"version":3,"file":"WavelengthDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/modals/WavelengthDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAmC,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAMhF,UAAU,aAAa;IACrB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC;IACtC,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,UAAU,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC;AACD,UAAU,WAAW;IACnB,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,aAAa,CAAC,GAAG,SAAS,CAAC;CAC9D;AACD,UAAU,WAAW;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AACD,wBAAgB,kBAAkB,CAAC,EACjC,EAAE,EACF,OAAO,EACP,QAAQ,EACR,KAAe,EACf,UAAU,EACV,MAA+F,EAC/F,OAAO,GACR,EAAE,aAAa,2CAiHf;AAED,QAAA,MAAM,wBAAwB,sHAA+B,CAAC;AAC9D,eAAe,wBAAwB,CAAC"}
package/dist/components/modals/WavelengthPopUpMenu.d.ts CHANGED
@@ -5,6 +5,7 @@ export interface menuItemProps {
5
5
  link?: string;
6
6
  end?: boolean;
7
7
  email?: string;
8
+ hoverColor?: string;
8
9
  }
9
10
  interface PopUPMenuProps {
10
11
  menuItems: menuItemProps[];
@@ -12,9 +13,9 @@ interface PopUPMenuProps {
12
13
  width?: string;
13
14
  menuDirection?: "top" | "bottom";
14
15
  color?: string;
15
- emailHoverColor?: string;
16
+ border?: string;
16
17
  id?: string;
17
18
  }
18
- export declare function WavelengthPopUpMenu({ menuItems, customIcon, width, menuDirection, color, emailHoverColor, id }: PopUPMenuProps): import("react/jsx-runtime").JSX.Element;
19
+ export declare function WavelengthPopUpMenu({ menuItems, customIcon, width, menuDirection, color, id, border }: PopUPMenuProps): import("react/jsx-runtime").JSX.Element;
19
20
  export default WavelengthPopUpMenu;
20
21
  //# sourceMappingURL=WavelengthPopUpMenu.d.ts.map
package/dist/components/modals/WavelengthPopUpMenu.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"WavelengthPopUpMenu.d.ts","sourceRoot":"","sources":["../../../src/components/modals/WavelengthPopUpMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAYzC,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;IAChD,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AACD,UAAU,cAAc;IACtB,SAAS,EAAE,aAAa,EAAE,CAAC;IAC3B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAUD,wBAAgB,mBAAmB,CAAC,EAAE,SAAS,EAAE,UAAkB,EAAE,KAAK,EAAE,aAAqB,EAAE,KAAK,EAAE,eAAwB,EAAE,EAAE,EAAE,EAAE,cAAc,2CA8JvJ;AAED,eAAe,mBAAmB,CAAC"}
1
+ {"version":3,"file":"WavelengthPopUpMenu.d.ts","sourceRoot":"","sources":["../../../src/components/modals/WavelengthPopUpMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAYzC,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;IAChD,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AACD,UAAU,cAAc;IACtB,SAAS,EAAE,aAAa,EAAE,CAAC;IAC3B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAUD,wBAAgB,mBAAmB,CAAC,EAAE,SAAS,EAAE,UAAkB,EAAE,KAAK,EAAE,aAAqB,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,cAAc,2CAoLrI;AAED,eAAe,mBAAmB,CAAC"}
package/dist/components/search/WavelengthSearch.d.ts CHANGED
@@ -10,6 +10,7 @@ interface SearchProps {
10
10
  mode: "automatic" | "manual";
11
11
  type?: "text-box" | "search-bar";
12
12
  iconPos?: "start" | "end";
13
+ clearIconMarginRight?: string;
13
14
  borderRadius?: number | string;
14
15
  label?: string;
15
16
  width?: string;
@@ -27,6 +28,6 @@ interface SearchProps {
27
28
  onChange?: React.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement>;
28
29
  onSearchItemSelected?: (selectedItem: SearchResult | string) => void;
29
30
  }
30
- export declare function WavelengthSearch({ id, mode, type, width, height, label, size, borderRadius, children, placeholder, onEnter, onSearchItemSelected, options, onChange, borderColor, hoverColor, textColor, fontSize, backgroundColor, iconPos, }: SearchProps): import("react/jsx-runtime").JSX.Element | undefined;
31
+ export declare function WavelengthSearch({ id, mode, type, width, height, label, size, borderRadius, children, placeholder, onEnter, onSearchItemSelected, options, onChange, borderColor, hoverColor, textColor, fontSize, backgroundColor, iconPos, clearIconMarginRight, }: SearchProps): import("react/jsx-runtime").JSX.Element | undefined;
31
32
  export default WavelengthSearch;
32
33
  //# sourceMappingURL=WavelengthSearch.d.ts.map
package/dist/components/search/WavelengthSearch.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"WavelengthSearch.d.ts","sourceRoot":"","sources":["../../../src/components/search/WavelengthSearch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAclC,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,UAAU,WAAW;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,WAAW,GAAG,QAAQ,CAAC;IAC7B,IAAI,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACjC,OAAO,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,GAAG,KAAK,GAAG,CAAC;IAC9B,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,GAAG,mBAAmB,CAAC,CAAC;IAC5E,oBAAoB,CAAC,EAAE,CAAC,YAAY,EAAE,YAAY,GAAG,MAAM,KAAK,IAAI,CAAC;CACtE;AAuCD,wBAAgB,gBAAgB,CAAC,EAC/B,EAAE,EACF,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,MAAM,EACN,KAAK,EACL,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,WAAW,EACX,OAAO,EACP,oBAAoB,EACpB,OAAO,EACP,QAAQ,EACR,WAAW,EACX,UAAU,EACV,SAAS,EACT,QAAQ,EACR,eAAe,EACf,OAAe,GAChB,EAAE,WAAW,uDAoeb;AAED,eAAe,gBAAgB,CAAC"}
1
+ {"version":3,"file":"WavelengthSearch.d.ts","sourceRoot":"","sources":["../../../src/components/search/WavelengthSearch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAelC,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,UAAU,WAAW;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,WAAW,GAAG,QAAQ,CAAC;IAC7B,IAAI,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACjC,OAAO,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAC1B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,GAAG,KAAK,GAAG,CAAC;IAC9B,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,GAAG,mBAAmB,CAAC,CAAC;IAC5E,oBAAoB,CAAC,EAAE,CAAC,YAAY,EAAE,YAAY,GAAG,MAAM,KAAK,IAAI,CAAC;CACtE;AA8CD,wBAAgB,gBAAgB,CAAC,EAC/B,EAAE,EACF,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,MAAM,EACN,KAAK,EACL,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,WAAW,EACX,OAAO,EACP,oBAAoB,EACpB,OAAO,EACP,QAAQ,EACR,WAAW,EACX,UAAU,EACV,SAAS,EACT,QAAQ,EACR,eAAe,EACf,OAAe,EACf,oBAAoB,GACrB,EAAE,WAAW,uDAugBb;AAED,eAAe,gBAAgB,CAAC"}
package/dist/esm/index.d.ts CHANGED
@@ -124,6 +124,7 @@ interface SearchProps {
124
124
  mode: "automatic" | "manual";
125
125
  type?: "text-box" | "search-bar";
126
126
  iconPos?: "start" | "end";
127
+ clearIconMarginRight?: string;
127
128
  borderRadius?: number | string;
128
129
  label?: string;
129
130
  width?: string;
@@ -141,7 +142,7 @@ interface SearchProps {
141
142
  onChange?: React__default.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement>;
142
143
  onSearchItemSelected?: (selectedItem: SearchResult | string) => void;
143
144
  }
144
- declare function WavelengthSearch({ id, mode, type, width, height, label, size, borderRadius, children, placeholder, onEnter, onSearchItemSelected, options, onChange, borderColor, hoverColor, textColor, fontSize, backgroundColor, iconPos, }: SearchProps): react_jsx_runtime.JSX.Element | undefined;
145
+ declare function WavelengthSearch({ id, mode, type, width, height, label, size, borderRadius, children, placeholder, onEnter, onSearchItemSelected, options, onChange, borderColor, hoverColor, textColor, fontSize, backgroundColor, iconPos, clearIconMarginRight, }: SearchProps): react_jsx_runtime.JSX.Element | undefined;
145
146
 
146
147
  declare function SearchTextField(): react_jsx_runtime.JSX.Element;
147
148
 
@@ -281,6 +282,7 @@ interface menuItemProps {
281
282
  link?: string;
282
283
  end?: boolean;
283
284
  email?: string;
285
+ hoverColor?: string;
284
286
  }
285
287
  interface PopUPMenuProps {
286
288
  menuItems: menuItemProps[];
@@ -288,10 +290,10 @@ interface PopUPMenuProps {
288
290
  width?: string;
289
291
  menuDirection?: "top" | "bottom";
290
292
  color?: string;
291
- emailHoverColor?: string;
293
+ border?: string;
292
294
  id?: string;
293
295
  }
294
- declare function WavelengthPopUpMenu({ menuItems, customIcon, width, menuDirection, color, emailHoverColor, id }: PopUPMenuProps): react_jsx_runtime.JSX.Element;
296
+ declare function WavelengthPopUpMenu({ menuItems, customIcon, width, menuDirection, color, id, border }: PopUPMenuProps): react_jsx_runtime.JSX.Element;
295
297
 
296
298
  interface DropdownProps {
297
299
  id?: string;
@@ -313,7 +315,7 @@ interface MenuSxProps {
313
315
  width?: string;
314
316
  boxShadow?: string;
315
317
  }
316
- declare function WavelengthDropdown({ id, options, buttonSx, width, buttonText, menuSx, palette }: DropdownProps): react_jsx_runtime.JSX.Element;
318
+ declare function WavelengthDropdown({ id, options, buttonSx, width, buttonText, menuSx, palette, }: DropdownProps): react_jsx_runtime.JSX.Element;
317
319
 
318
320
  interface ConfirmationSnackbarProps {
319
321
  show: boolean;
package/dist/esm/index.js CHANGED
@@ -2996,6 +2996,7 @@ import ListItem from "@mui/material/ListItem";
2996
2996
  import Popper from "@mui/material/Popper";
2997
2997
  import Autocomplete2 from "@mui/material/Autocomplete";
2998
2998
  import ListItemText from "@mui/material/ListItemText";
2999
+ import styled3 from "styled-components";
2999
3000
  import { Fragment as Fragment4, jsx as jsx8 } from "react/jsx-runtime";
3000
3001
  import { createElement } from "react";
3001
3002
  var CustomPopper = (props) => {
@@ -3035,6 +3036,12 @@ var CustomPopper = (props) => {
3035
3036
  }
3036
3037
  );
3037
3038
  };
3039
+ var AutocompleteCustomEndAdornment = styled3("div")({
3040
+ position: "absolute",
3041
+ right: "12px",
3042
+ top: "50%",
3043
+ transform: "translate(0, -50%)"
3044
+ });
3038
3045
  function WavelengthSearch({
3039
3046
  id,
3040
3047
  mode,
@@ -3055,7 +3062,8 @@ function WavelengthSearch({
3055
3062
  textColor,
3056
3063
  fontSize,
3057
3064
  backgroundColor: backgroundColor2,
3058
- iconPos = "end"
3065
+ iconPos = "end",
3066
+ clearIconMarginRight
3059
3067
  }) {
3060
3068
  const palette2 = getPalette();
3061
3069
  borderColor2 = borderColor2 ? borderColor2 : "#2D3140";
@@ -3083,7 +3091,12 @@ function WavelengthSearch({
3083
3091
  return returnVal;
3084
3092
  },
3085
3093
  options,
3086
- sx: { width: width2 },
3094
+ sx: {
3095
+ width: width2,
3096
+ "&.MuiAutocomplete-hasClearIcon .MuiOutlinedInput-root": {
3097
+ paddingRight: clearIconMarginRight ? clearIconMarginRight : "45px"
3098
+ }
3099
+ },
3087
3100
  renderOption: (props, options2) => /* @__PURE__ */ createElement(ListItem, { ...props, key: options2.id }, /* @__PURE__ */ jsx8(ListItemText, { primary: options2.title, secondary: options2.subtitle })),
3088
3101
  renderInput: (params) => /* @__PURE__ */ jsx8(
3089
3102
  TextField2,
@@ -3095,7 +3108,7 @@ function WavelengthSearch({
3095
3108
  ...params.InputProps,
3096
3109
  style: { borderRadius: borderRadius2, color: textColor, backgroundColor: backgroundColor2, height: height2, fontSize },
3097
3110
  type: "search",
3098
- endAdornment: /* @__PURE__ */ jsx8(InputAdornment, { position: "end", children: /* @__PURE__ */ jsx8(IconButton, { sx: { color: textColor }, children }) })
3111
+ endAdornment: /* @__PURE__ */ jsx8(AutocompleteCustomEndAdornment, { children: /* @__PURE__ */ jsx8(IconButton, { sx: { color: "white" }, children }) })
3099
3112
  },
3100
3113
  sx: {
3101
3114
  "& .MuiInputBase-root": {
@@ -3148,7 +3161,12 @@ function WavelengthSearch({
3148
3161
  return returnVal;
3149
3162
  },
3150
3163
  options,
3151
- sx: { width: width2 },
3164
+ sx: {
3165
+ width: width2,
3166
+ "&.MuiAutocomplete-hasClearIcon .MuiOutlinedInput-root": {
3167
+ paddingRight: clearIconMarginRight ? clearIconMarginRight : "15px"
3168
+ }
3169
+ },
3152
3170
  renderOption: (props, results) => /* @__PURE__ */ createElement(ListItem, { ...props, key: results.id }, /* @__PURE__ */ jsx8(ListItemText, { primary: results.title, secondary: results.subtitle })),
3153
3171
  renderInput: (params) => /* @__PURE__ */ jsx8(
3154
3172
  TextField2,
@@ -3160,6 +3178,7 @@ function WavelengthSearch({
3160
3178
  ...params.InputProps,
3161
3179
  style: { borderRadius: borderRadius2, color: textColor, backgroundColor: backgroundColor2, height: height2, fontSize },
3162
3180
  type: "search",
3181
+ endAdornment: null,
3163
3182
  startAdornment: /* @__PURE__ */ jsx8(InputAdornment, { position: "start", children: /* @__PURE__ */ jsx8(Icon, { sx: { color: textColor, paddingRight: "0px" }, children }) })
3164
3183
  },
3165
3184
  sx: {
@@ -3213,7 +3232,12 @@ function WavelengthSearch({
3213
3232
  return returnVal;
3214
3233
  },
3215
3234
  options,
3216
- sx: { width: width2 },
3235
+ sx: {
3236
+ width: width2,
3237
+ "&.MuiAutocomplete-hasClearIcon .MuiOutlinedInput-root": {
3238
+ paddingRight: clearIconMarginRight ? clearIconMarginRight : "50px"
3239
+ }
3240
+ },
3217
3241
  renderOption: (props, options2) => /* @__PURE__ */ createElement(ListItem, { ...props, key: options2.id }, /* @__PURE__ */ jsx8(ListItemText, { primary: options2.title, secondary: options2.subtitle })),
3218
3242
  renderInput: (params) => /* @__PURE__ */ jsx8(
3219
3243
  TextField2,
@@ -3233,7 +3257,7 @@ function WavelengthSearch({
3233
3257
  ...params.InputProps,
3234
3258
  style: { borderRadius: borderRadius2, color: textColor, fontSize },
3235
3259
  type: "search",
3236
- endAdornment: /* @__PURE__ */ jsx8(InputAdornment, { position: "end", children: /* @__PURE__ */ jsx8(
3260
+ endAdornment: /* @__PURE__ */ jsx8(AutocompleteCustomEndAdornment, { children: /* @__PURE__ */ jsx8(
3237
3261
  IconButton,
3238
3262
  {
3239
3263
  sx: { color: textColor },
@@ -3295,7 +3319,12 @@ function WavelengthSearch({
3295
3319
  return returnVal;
3296
3320
  },
3297
3321
  options,
3298
- sx: { width: width2 },
3322
+ sx: {
3323
+ width: width2,
3324
+ "&.MuiAutocomplete-hasClearIcon .MuiOutlinedInput-root": {
3325
+ paddingRight: clearIconMarginRight ? clearIconMarginRight : "15px"
3326
+ }
3327
+ },
3299
3328
  renderOption: (props, options2) => /* @__PURE__ */ createElement(ListItem, { ...props, key: options2.id }, /* @__PURE__ */ jsx8(ListItemText, { primary: options2.title, secondary: options2.subtitle })),
3300
3329
  renderInput: (params) => /* @__PURE__ */ jsx8(
3301
3330
  TextField2,
@@ -3315,6 +3344,7 @@ function WavelengthSearch({
3315
3344
  ...params.InputProps,
3316
3345
  style: { borderRadius: borderRadius2, color: textColor, fontSize },
3317
3346
  type: "search",
3347
+ endAdornment: null,
3318
3348
  startAdornment: /* @__PURE__ */ jsx8(InputAdornment, { position: "start", children: /* @__PURE__ */ jsx8(
3319
3349
  IconButton,
3320
3350
  {
@@ -3380,7 +3410,12 @@ function WavelengthSearch({
3380
3410
  return returnVal;
3381
3411
  },
3382
3412
  options,
3383
- sx: { width: width2 },
3413
+ sx: {
3414
+ width: width2,
3415
+ "&.MuiAutocomplete-hasClearIcon .MuiOutlinedInput-root": {
3416
+ paddingRight: clearIconMarginRight ? clearIconMarginRight : "15px"
3417
+ }
3418
+ },
3384
3419
  renderOption: (props, results) => /* @__PURE__ */ createElement(ListItem, { ...props, key: results.id }, /* @__PURE__ */ jsx8(ListItemText, { primary: results.title, secondary: results.subtitle })),
3385
3420
  renderInput: (params) => /* @__PURE__ */ jsx8(
3386
3421
  TextField2,
@@ -3397,6 +3432,9 @@ function WavelengthSearch({
3397
3432
  "& .MuiInputBase-root": {
3398
3433
  height: height2
3399
3434
  },
3435
+ "& .MuiAutocomplete-endAdornment": {
3436
+ display: "none"
3437
+ },
3400
3438
  "&.MuiTextField-root": {
3401
3439
  "& label": { color: `${textColor}` },
3402
3440
  "& label.Mui-focused": {
@@ -3444,7 +3482,12 @@ function WavelengthSearch({
3444
3482
  return returnVal;
3445
3483
  },
3446
3484
  options,
3447
- sx: { width: width2 },
3485
+ sx: {
3486
+ width: width2,
3487
+ "&.MuiAutocomplete-hasClearIcon .MuiOutlinedInput-root": {
3488
+ paddingRight: clearIconMarginRight ? clearIconMarginRight : "15px"
3489
+ }
3490
+ },
3448
3491
  renderOption: (props, options2) => /* @__PURE__ */ createElement(ListItem, { ...props, key: options2.id }, /* @__PURE__ */ jsx8(ListItemText, { primary: options2.title, secondary: options2.subtitle })),
3449
3492
  renderInput: (params) => /* @__PURE__ */ jsx8(
3450
3493
  TextField2,
@@ -3462,6 +3505,7 @@ function WavelengthSearch({
3462
3505
  size,
3463
3506
  InputProps: {
3464
3507
  ...params.InputProps,
3508
+ endAdornment: null,
3465
3509
  style: { borderRadius: borderRadius2, color: textColor, fontSize },
3466
3510
  type: "search"
3467
3511
  },
@@ -3498,12 +3542,12 @@ function WavelengthSearch({
3498
3542
  }
3499
3543
 
3500
3544
  // src/components/search/SearchTextField.tsx
3501
- import styled3 from "@emotion/styled";
3545
+ import styled4 from "@emotion/styled";
3502
3546
  import TextField3 from "@mui/material/TextField";
3503
3547
  import { jsx as jsx9 } from "react/jsx-runtime";
3504
3548
  function SearchTextField() {
3505
3549
  const palette2 = getPalette();
3506
- const SearchTextFields = styled3(TextField3)(() => ({
3550
+ const SearchTextFields = styled4(TextField3)(() => ({
3507
3551
  "&.MuiTextField-root": {
3508
3552
  "& label.Mui-focused": {
3509
3553
  color: `${palette2.primary}`
@@ -4434,7 +4478,7 @@ import MenuItem from "@mui/material/MenuItem";
4434
4478
  import Box3 from "@mui/material/Box";
4435
4479
  import Slide from "@mui/material/Slide";
4436
4480
  import { HelpOutline } from "@mui/icons-material";
4437
- import styled4 from "styled-components";
4481
+ import styled5 from "styled-components";
4438
4482
  import IconButton3 from "@mui/material/IconButton";
4439
4483
  import Divider2 from "@mui/material/Divider";
4440
4484
  import { Fragment as Fragment11, jsx as jsx23, jsxs as jsxs16 } from "react/jsx-runtime";
@@ -4445,18 +4489,17 @@ var emailStyle = {
4445
4489
  marginTop: 8,
4446
4490
  marginBottom: 8
4447
4491
  };
4448
- function WavelengthPopUpMenu({ menuItems, customIcon = false, width: width2, menuDirection = "top", color: color2, emailHoverColor = "blue", id }) {
4449
- const NavLink = styled4.a``;
4450
- const Links = styled4(NavLink)`
4492
+ function WavelengthPopUpMenu({ menuItems, customIcon = false, width: width2, menuDirection = "top", color: color2, id, border: border2 }) {
4493
+ const Links = styled5.a`
4451
4494
  color: inherit;
4452
- textdecoration: none;
4495
+ text-decoration: none;
4453
4496
 
4454
4497
  &:hover,
4455
4498
  &:focus {
4456
- color: ${emailHoverColor};
4499
+ color: ${({ hoverColor }) => hoverColor || "inherit"};
4457
4500
  }
4458
4501
  &:active {
4459
- color: ${emailHoverColor};
4502
+ color: ${({ hoverColor }) => hoverColor || "inherit"};
4460
4503
  }
4461
4504
  `;
4462
4505
  const [anchorEl, setAnchorEl] = React4.useState(null);
@@ -4482,7 +4525,12 @@ function WavelengthPopUpMenu({ menuItems, customIcon = false, width: width2, men
4482
4525
  {
4483
4526
  id,
4484
4527
  open,
4485
- sx: { width: width2 },
4528
+ sx: {
4529
+ width: width2,
4530
+ "& .MuiPaper-root": {
4531
+ border: border2
4532
+ }
4533
+ },
4486
4534
  onClose: handleClose,
4487
4535
  anchorEl,
4488
4536
  TransitionComponent: Slide,
@@ -4494,7 +4542,7 @@ function WavelengthPopUpMenu({ menuItems, customIcon = false, width: width2, men
4494
4542
  if (items.itemType === "header") {
4495
4543
  if (items.link) {
4496
4544
  return /* @__PURE__ */ jsxs16(Box3, { children: [
4497
- /* @__PURE__ */ jsx23(MenuItem, { children: /* @__PURE__ */ jsx23("a", { style: { textDecoration: "!important", color: "inherit" }, href: items.link, children: /* @__PURE__ */ jsx23("span", { style: { fontWeight: "bold" }, children: items.label }) }) }),
4545
+ /* @__PURE__ */ jsx23(MenuItem, { children: /* @__PURE__ */ jsx23("a", { style: { textDecoration: "none", color: "inherit" }, href: items.link, children: /* @__PURE__ */ jsx23("span", { style: { fontWeight: "bold" }, children: items.label }) }) }),
4498
4546
  /* @__PURE__ */ jsx23(Divider2, {})
4499
4547
  ] }, index);
4500
4548
  } else {
@@ -4505,13 +4553,13 @@ function WavelengthPopUpMenu({ menuItems, customIcon = false, width: width2, men
4505
4553
  }
4506
4554
  } else if (items.itemType === "link") {
4507
4555
  return /* @__PURE__ */ jsxs16(Box3, { children: [
4508
- /* @__PURE__ */ jsx23(MenuItem, { children: /* @__PURE__ */ jsx23("a", { style: { textDecoration: "!important", color: "inherit" }, href: items.link, children: items.label }) }),
4556
+ /* @__PURE__ */ jsx23(MenuItem, { children: /* @__PURE__ */ jsx23(Links, { href: items.link, hoverColor: items.hoverColor, children: items.label }, index) }),
4509
4557
  /* @__PURE__ */ jsx23(Divider2, {})
4510
4558
  ] }, index);
4511
4559
  } else {
4512
4560
  if (items.link) {
4513
4561
  return /* @__PURE__ */ jsxs16(Box3, { children: [
4514
- /* @__PURE__ */ jsx23(MenuItem, { children: /* @__PURE__ */ jsx23("a", { style: { textDecoration: "!important", color: "inherit" }, href: items.link, children: items.label }) }),
4562
+ /* @__PURE__ */ jsx23(MenuItem, { children: /* @__PURE__ */ jsx23("a", { style: { textDecoration: "none", color: "inherit" }, href: items.link, children: items.label }) }),
4515
4563
  /* @__PURE__ */ jsx23(Divider2, {})
4516
4564
  ] }, index);
4517
4565
  } else {
@@ -4531,18 +4579,18 @@ function WavelengthPopUpMenu({ menuItems, customIcon = false, width: width2, men
4531
4579
  } else if (items.end === void 0 || items.end === false || items.end === null) {
4532
4580
  if (items.itemType === "header") {
4533
4581
  if (items.link) {
4534
- return /* @__PURE__ */ jsx23(MenuItem, { children: items.label }, index);
4582
+ return /* @__PURE__ */ jsx23(MenuItem, { children: /* @__PURE__ */ jsx23(Links, { href: items.link, hoverColor: items.hoverColor, children: items.label }) }, index);
4535
4583
  } else {
4536
4584
  return /* @__PURE__ */ jsx23("p", { style: customStyle, children: items.label }, index);
4537
4585
  }
4538
4586
  } else if (items.itemType === "link") {
4539
- return /* @__PURE__ */ jsx23(MenuItem, { children: items.label }, index);
4587
+ return /* @__PURE__ */ jsx23(MenuItem, { style: { textDecoration: "none" }, children: /* @__PURE__ */ jsx23(Links, { href: items.link, hoverColor: "", children: items.label }) }, index);
4540
4588
  } else {
4541
4589
  if (items.link) {
4542
- return /* @__PURE__ */ jsx23(MenuItem, { children: items.label }, index);
4590
+ return /* @__PURE__ */ jsx23(MenuItem, { href: items.link, children: items.label }, index);
4543
4591
  } else {
4544
4592
  if (items.email) {
4545
- return /* @__PURE__ */ jsx23(Links, { style: emailStyle, href: items.email, children: items.label }, index);
4593
+ return /* @__PURE__ */ jsx23("p", { style: emailStyle, children: /* @__PURE__ */ jsx23(Links, { href: items.email, hoverColor: items.hoverColor || "blue", children: items.label }) }, index);
4546
4594
  } else {
4547
4595
  return /* @__PURE__ */ jsx23("p", { style: customStyle, children: items.label }, index);
4548
4596
  }
@@ -4559,10 +4607,18 @@ function WavelengthPopUpMenu({ menuItems, customIcon = false, width: width2, men
4559
4607
  // src/components/modals/WavelengthDropdown.tsx
4560
4608
  import React5 from "react";
4561
4609
  import { Menu as MuiMenu } from "@mui/material";
4562
- import { MenuItem as MuiMenuItem, styled as styled5 } from "@mui/material";
4610
+ import { MenuItem as MuiMenuItem, styled as styled6 } from "@mui/material";
4563
4611
  import Grow from "@mui/material/Grow";
4564
4612
  import { Fragment as Fragment12, jsx as jsx24, jsxs as jsxs17 } from "react/jsx-runtime";
4565
- function WavelengthDropdown({ id, options, buttonSx, width: width2, buttonText, menuSx, palette: palette2 }) {
4613
+ function WavelengthDropdown({
4614
+ id,
4615
+ options,
4616
+ buttonSx,
4617
+ width: width2 = "190px",
4618
+ buttonText,
4619
+ menuSx = { backgroundColor: "#FCFAF8", borderColor: "blue", width: "190px", boxShadow: "none" },
4620
+ palette: palette2
4621
+ }) {
4566
4622
  const [anchorEl, setAnchorEl] = React5.useState(null);
4567
4623
  const open = Boolean(anchorEl);
4568
4624
  const handleClick = (event) => {
@@ -4606,7 +4662,7 @@ function WavelengthDropdown({ id, options, buttonSx, width: width2, buttonText,
4606
4662
  myButtonSx = buttonSx;
4607
4663
  myMenusx = defaultsx;
4608
4664
  }
4609
- const MenuItem2 = styled5(MuiMenuItem)({
4665
+ const MenuItem2 = styled6(MuiMenuItem)({
4610
4666
  "&.MuiMenuItem-root": {
4611
4667
  "&.Mui-selected": {
4612
4668
  backgroundColor: `${myMenusx.backgroundColor}`
@@ -4616,7 +4672,7 @@ function WavelengthDropdown({ id, options, buttonSx, width: width2, buttonText,
4616
4672
  }
4617
4673
  }
4618
4674
  });
4619
- const MyMenu = styled5(MuiMenu)({
4675
+ const MyMenu = styled6(MuiMenu)({
4620
4676
  top: "-7px",
4621
4677
  left: "0px",
4622
4678
  boxSizing: "border-box",
@@ -4659,7 +4715,7 @@ function WavelengthDropdown({ id, options, buttonSx, width: width2, buttonText,
4659
4715
  )
4660
4716
  ] });
4661
4717
  }
4662
- var WavelengthDropdownStyled = styled5(WavelengthDropdown)``;
4718
+ var WavelengthDropdownStyled = styled6(WavelengthDropdown)``;
4663
4719
 
4664
4720
  // src/components/snackbars/WavelengthSnackbar.tsx
4665
4721
  import Snackbar from "@mui/material/Snackbar";
@@ -4753,8 +4809,8 @@ function WavelengthStandardSnackbar({ type, show, icon, horryAlign, vertyAlign,
4753
4809
  width: width2
4754
4810
  },
4755
4811
  children: [
4756
- /* @__PURE__ */ jsxs19("div", { style: { marginTop: 4, gridColumnStart: 2, gridColumnEnd: 5, textAlign: "center", display: "flex", flexDirection: "row", justifyContent: "center" }, id: "snackbar", children: [
4757
- /* @__PURE__ */ jsx26("div", { children: sIcon }),
4812
+ /* @__PURE__ */ jsxs19("div", { style: { gridColumnStart: 2, gridColumnEnd: 5, textAlign: "center", display: "flex", flexDirection: "row", justifyContent: "center", alignItems: "center" }, id: "snackbar", children: [
4813
+ /* @__PURE__ */ jsx26("div", { style: { marginTop: "5px" }, children: sIcon }),
4758
4814
  /* @__PURE__ */ jsx26("div", { style: { fontSize: "1rem", marginLeft: "10px" }, children: message ? message : "Insert Message Here" })
4759
4815
  ] }),
4760
4816
  /* @__PURE__ */ jsx26("div", { style: { gridColumnStart: 6 }, onClick: handleClose, children: closeIcon })
@@ -5016,9 +5072,9 @@ import { useState as useState5 } from "react";
5016
5072
  import Button6 from "@mui/material/Button";
5017
5073
  import ArrowBackIosNewIcon from "@mui/icons-material/ArrowBackIosNew";
5018
5074
  import ArrowForwardIosIcon from "@mui/icons-material/ArrowForwardIos";
5019
- import styled6 from "styled-components";
5075
+ import styled7 from "styled-components";
5020
5076
  import { jsx as jsx31, jsxs as jsxs23 } from "react/jsx-runtime";
5021
- var MyDroplistItems = styled6("li")`
5077
+ var MyDroplistItems = styled7("li")`
5022
5078
  background-color: white;
5023
5079
  color: #000000;
5024
5080
  padding: 10px 30px;
@@ -5127,12 +5183,12 @@ import { useState as useState6 } from "react";
5127
5183
  import Button7 from "@mui/material/Button";
5128
5184
  import ArrowBackIosNewIcon2 from "@mui/icons-material/ArrowBackIosNew";
5129
5185
  import ArrowForwardIosIcon2 from "@mui/icons-material/ArrowForwardIos";
5130
- import styled7 from "styled-components";
5186
+ import styled8 from "styled-components";
5131
5187
  import { jsx as jsx32, jsxs as jsxs24 } from "react/jsx-runtime";
5132
5188
  function VariationPagination({ totalPages, current, variant, handleChangePage, itemList, firstEllipseList, secondEllipseList }) {
5133
5189
  const [isOpen, setIsOpen] = useState6(false);
5134
5190
  const [isSecOpen, setIsSecOpen] = useState6(false);
5135
- const MyDroplistItems2 = styled7("li")`
5191
+ const MyDroplistItems2 = styled8("li")`
5136
5192
  background-color: white;
5137
5193
  color: #000000;
5138
5194
  padding: 10px 30px;