@tap-payments/os-micro-frontend-shared 0.1.291-test.1-test.2-test.3-test.4-test.5-test.6-test.7-test.8-test.9 → 0.1.291-test.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 (26) hide show
  1. package/build/components/TableCells/CustomCells/BrandsCell/BrandsCell.js +4 -5
  2. package/build/components/TableCells/CustomCells/BrandsCell/style.d.ts +9 -2
  3. package/build/components/TableCells/CustomCells/BrandsCell/style.js +16 -13
  4. package/build/components/TableCells/CustomCells/EntityCell/EntityCell.js +4 -5
  5. package/build/components/TableCells/CustomCells/EntityCell/style.d.ts +10 -2
  6. package/build/components/TableCells/CustomCells/EntityCell/style.js +12 -16
  7. package/build/components/TableCells/CustomCells/PayoutReportCell/PayoutReportCell.js +6 -5
  8. package/build/components/TableCells/CustomCells/PayoutReportCell/style.d.ts +1 -274
  9. package/build/components/TableCells/CustomCells/PayoutReportCell/style.js +1 -2
  10. package/build/components/index.d.ts +0 -2
  11. package/build/components/index.js +0 -2
  12. package/package.json +2 -2
  13. package/build/components/AmountConversionFilter/AmountConversionFilter.d.ts +0 -19
  14. package/build/components/AmountConversionFilter/AmountConversionFilter.js +0 -18
  15. package/build/components/AmountConversionFilter/MultiSelectCurrencyFilter.d.ts +0 -9
  16. package/build/components/AmountConversionFilter/MultiSelectCurrencyFilter.js +0 -39
  17. package/build/components/AmountConversionFilter/index.d.ts +0 -1
  18. package/build/components/AmountConversionFilter/index.js +0 -1
  19. package/build/components/AmountConversionFilter/style.d.ts +0 -7
  20. package/build/components/AmountConversionFilter/style.js +0 -47
  21. package/build/components/AnimatedSpinnerIcon/AnimatedSpinnerIcon.d.ts +0 -8
  22. package/build/components/AnimatedSpinnerIcon/AnimatedSpinnerIcon.js +0 -7
  23. package/build/components/AnimatedSpinnerIcon/index.d.ts +0 -2
  24. package/build/components/AnimatedSpinnerIcon/index.js +0 -2
  25. package/build/components/AnimatedSpinnerIcon/style.d.ts +0 -280
  26. package/build/components/AnimatedSpinnerIcon/style.js +0 -8
package/build/components/TableCells/CustomCells/BrandsCell/BrandsCell.js CHANGED
@@ -10,14 +10,13 @@ var __rest = (this && this.__rest) || function (s, e) {
10
10
  return t;
11
11
  };
12
12
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
13
- import TableCell from '../../TableCell';
14
- import { BrandsWrapper, Label } from './style';
15
- import { verificationIcon } from './constants';
16
13
  import Tooltip from '../../../Tooltip';
17
- import { Box } from '@mui/material';
18
14
  import IconWithBadge from '../../../IconWithBadge';
15
+ import TableCell from '../../TableCell';
16
+ import { BrandsWrapper, BrandsWrapperContent, Label } from './style';
17
+ import { verificationIcon } from './constants';
19
18
  export default function BrandsCell(_a) {
20
19
  var { brand, verificationStatus, hideStatus } = _a, props = __rest(_a, ["brand", "verificationStatus", "hideStatus"]);
21
20
  const icon = verificationIcon[verificationStatus !== null && verificationStatus !== void 0 ? verificationStatus : 'incomplete'];
22
- return (_jsx(TableCell, Object.assign({}, props, { children: _jsx(Tooltip, Object.assign({ title: brand.name }, { children: _jsx(BrandsWrapper, Object.assign({ sx: { cursor: props.onClick ? 'pointer' : 'default' } }, { children: _jsxs(Box, Object.assign({ display: "flex", alignItems: "center", gap: '5px', sx: { overflow: 'hidden', width: '100%' } }, { children: [_jsx(IconWithBadge, { mainIcon: brand.logo, mainIconSize: 16, containerSize: 16, borderColor: "transparent" }), _jsx(Label, Object.assign({ sx: Object.assign({}, (!brand.name && { color: '#B1B1B1' })) }, { children: brand.name || 'Not Available' })), !hideStatus && (_jsx(IconWithBadge, { mainIcon: icon, mainIconSize: 10, containerSize: 10, borderColor: "transparent", containerSx: { marginLeft: 'auto' } }))] })) })) })) })));
21
+ return (_jsx(TableCell, Object.assign({}, props, { children: _jsx(Tooltip, Object.assign({ title: brand.name }, { children: _jsx(BrandsWrapper, Object.assign({ hasClick: !!props.onClick }, { children: _jsxs(BrandsWrapperContent, { children: [_jsx(IconWithBadge, { mainIcon: brand.logo, mainIconSize: 16, containerSize: 16, borderColor: "transparent" }), _jsx(Label, Object.assign({ brandName: brand.name }, { children: brand.name || 'Not Available' })), !hideStatus && (_jsx(IconWithBadge, { mainIcon: icon, mainIconSize: 10, containerSize: 10, borderColor: "transparent", containerSx: { marginLeft: 'auto' } }))] }) })) })) })));
23
22
  }
package/build/components/TableCells/CustomCells/BrandsCell/style.d.ts CHANGED
@@ -1,5 +1,12 @@
1
1
  /// <reference types="react" />
2
- export declare const BrandsWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
2
+ export declare const BrandsWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
3
+ hasClick?: boolean | undefined;
4
+ }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
5
+ export declare const BrandsWrapperContent: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
6
+ ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
7
+ }, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
3
8
  export declare const BrandName: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
4
9
  export declare const VerificationIcon: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
5
- export declare const Label: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
10
+ export declare const Label: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
11
+ brandName?: string | undefined;
12
+ }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
package/build/components/TableCells/CustomCells/BrandsCell/style.js CHANGED
@@ -1,12 +1,21 @@
1
1
  import { styled } from '@mui/material';
2
- export const BrandsWrapper = styled('div')(({ theme }) => ({
2
+ import Box from '@mui/material/Box';
3
+ export const BrandsWrapper = styled('div', { shouldForwardProp: (props) => !['hasClick'].includes(props) })(({ theme, hasClick }) => ({
3
4
  display: 'flex',
4
5
  alignItems: 'center',
5
6
  gap: theme.spacing(1),
6
7
  border: '1px solid #F2F2F2',
7
8
  borderRadius: '44px',
8
- padding: '4px 8px',
9
- lineHeight: '120%',
9
+ padding: '3.5px 5px',
10
+ height: '24px',
11
+ cursor: hasClick ? 'pointer' : 'default',
12
+ }));
13
+ export const BrandsWrapperContent = styled(Box)(() => ({
14
+ display: 'flex',
15
+ alignItems: 'center',
16
+ gap: '4px',
17
+ overflow: 'hidden',
18
+ width: '100%',
10
19
  }));
11
20
  export const BrandName = styled('div')(({ theme }) => ({
12
21
  fontSize: '14px',
@@ -17,13 +26,7 @@ export const VerificationIcon = styled('img')(() => ({
17
26
  width: '8px',
18
27
  height: '8px',
19
28
  }));
20
- export const Label = styled('p')(({ theme }) => ({
21
- fontSize: '14px',
22
- fontWeight: 400,
23
- color: theme.palette.text.primary,
24
- overflow: 'hidden',
25
- textOverflow: 'ellipsis',
26
- whiteSpace: 'nowrap',
27
- width: '74px',
28
- margin: '0',
29
- }));
29
+ export const Label = styled('p', { shouldForwardProp: (props) => !['brandName'].includes(props) })(({ theme, brandName }) => (Object.assign({ fontSize: '14px', fontWeight: 400, color: theme.palette.text.primary, overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap', width: '74px', margin: '0' }, (!brandName && {
30
+ color: '#B1B1B1',
31
+ width: '84px',
32
+ }))));
package/build/components/TableCells/CustomCells/EntityCell/EntityCell.js CHANGED
@@ -10,15 +10,14 @@ var __rest = (this && this.__rest) || function (s, e) {
10
10
  return t;
11
11
  };
12
12
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
13
- import TableCell from '../../TableCell';
14
- import { EntityName, EntityWrapper, VerificationIcon, VerificationContainer } from './style';
15
- import { verificationIcon } from './constants';
16
13
  import Tooltip from '../../../Tooltip';
17
14
  import { CountryFlag } from '../../../index.js';
18
15
  import { getCountryNameByISO } from '../../../../utils/index.js';
19
- import { Box } from '@mui/material';
16
+ import TableCell from '../../TableCell';
17
+ import { EntityName, EntityWrapper, VerificationIcon, VerificationContainer, EntityWrapperContent } from './style';
18
+ import { verificationIcon } from './constants';
20
19
  export default function EntityCell(_a) {
21
20
  var { entity, country, verificationStatus, licenseNumber, hideStatus } = _a, props = __rest(_a, ["entity", "country", "verificationStatus", "licenseNumber", "hideStatus"]);
22
21
  const icon = verificationIcon[verificationStatus !== null && verificationStatus !== void 0 ? verificationStatus : 'incomplete'];
23
- return (_jsx(TableCell, Object.assign({}, props, { sx: { cursor: (props === null || props === void 0 ? void 0 : props.onClick) ? 'pointer' : 'default' } }, { children: _jsx(Tooltip, Object.assign({ title: entity }, { children: _jsx(EntityWrapper, Object.assign({ sx: { cursor: props.onClick ? 'pointer' : 'default' } }, { children: _jsxs(Box, Object.assign({ display: "flex", alignItems: "center", gap: '5px', sx: { overflow: 'hidden', width: '100%' } }, { children: [_jsx(Tooltip, Object.assign({ title: getCountryNameByISO(country) }, { children: _jsx(CountryFlag, { countryCode: country }) })), _jsx(EntityName, Object.assign({ sx: Object.assign({}, (!licenseNumber && { color: '#B1B1B1' })) }, { children: licenseNumber || 'Not Available' })), !hideStatus && (_jsx(VerificationContainer, { children: _jsx(VerificationIcon, { src: icon }) }))] })) })) })) })));
22
+ return (_jsx(TableCell, Object.assign({}, props, { sx: { cursor: (props === null || props === void 0 ? void 0 : props.onClick) ? 'pointer' : 'default' } }, { children: _jsx(Tooltip, Object.assign({ title: entity }, { children: _jsx(EntityWrapper, Object.assign({ hasClick: !!(props === null || props === void 0 ? void 0 : props.onClick), licenseNumber: licenseNumber }, { children: _jsxs(EntityWrapperContent, { children: [_jsx(Tooltip, Object.assign({ title: getCountryNameByISO(country) }, { children: _jsx(CountryFlag, { countryCode: country }) })), _jsx(EntityName, Object.assign({ licenseNumber: licenseNumber }, { children: licenseNumber || 'Not Available' })), !hideStatus && (_jsx(VerificationContainer, { children: _jsx(VerificationIcon, { src: icon }) }))] }) })) })) })));
24
23
  }
package/build/components/TableCells/CustomCells/EntityCell/style.d.ts CHANGED
@@ -1,6 +1,14 @@
1
1
  /// <reference types="react" />
2
- export declare const EntityWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
2
+ export declare const EntityWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
3
+ licenseNumber?: string | undefined;
4
+ hasClick?: boolean | undefined;
5
+ }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
6
+ export declare const EntityWrapperContent: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
7
+ ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
8
+ }, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
3
9
  export declare const EntityIcon: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
4
- export declare const EntityName: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
10
+ export declare const EntityName: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
11
+ licenseNumber?: string | undefined;
12
+ }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
5
13
  export declare const VerificationIcon: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
6
14
  export declare const VerificationContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
package/build/components/TableCells/CustomCells/EntityCell/style.js CHANGED
@@ -1,27 +1,23 @@
1
1
  import { styled } from '@mui/material';
2
- export const EntityWrapper = styled('div')(({ theme }) => ({
2
+ import Box from '@mui/material/Box';
3
+ export const EntityWrapper = styled('div', { shouldForwardProp: (props) => !['licenseNumber', 'hasClick'].includes(props) })(({ theme, licenseNumber, hasClick }) => (Object.assign({ display: 'flex', alignItems: 'center', gap: theme.spacing(1), border: '1px solid #F2F2F2', borderRadius: '44px', padding: '3.5px 5px', height: '24px', cursor: hasClick ? 'pointer' : 'default' }, (licenseNumber && {
4
+ padding: '3.5px 8px',
5
+ }))));
6
+ export const EntityWrapperContent = styled(Box)(() => ({
3
7
  display: 'flex',
4
8
  alignItems: 'center',
5
- gap: theme.spacing(1),
6
- border: '1px solid #F2F2F2',
7
- borderRadius: '44px',
8
- padding: '4px 8px',
9
- lineHeight: '120%',
9
+ gap: '4px',
10
+ overflow: 'hidden',
11
+ width: '100%',
10
12
  }));
11
13
  export const EntityIcon = styled('img')(() => ({
12
14
  width: '16px',
13
15
  height: '11.73px',
14
16
  }));
15
- export const EntityName = styled('div')(({ theme }) => ({
16
- fontSize: '14px',
17
- fontWeight: 400,
18
- color: theme.palette.text.primary,
19
- overflow: 'hidden',
20
- textOverflow: 'ellipsis',
21
- whiteSpace: 'nowrap',
22
- maxWidth: '100%',
23
- margin: '0',
24
- }));
17
+ export const EntityName = styled('div', { shouldForwardProp: (props) => !['licenseNumber'].includes(props) })(({ theme, licenseNumber }) => (Object.assign({ fontSize: '14px', fontWeight: 400, color: theme.palette.text.primary, overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap', margin: '0', width: '74px' }, (!licenseNumber && {
18
+ color: '#B1B1B1',
19
+ width: '84px',
20
+ }))));
25
21
  export const VerificationIcon = styled('img')(() => ({
26
22
  width: '10.5px',
27
23
  height: '10.5px',
package/build/components/TableCells/CustomCells/PayoutReportCell/PayoutReportCell.js CHANGED
@@ -1,13 +1,14 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import { useMemo } from 'react';
3
- import { AnimatePresence } from 'framer-motion';
4
3
  import Tooltip from '../../../Tooltip';
5
- import { AnimatedSpinnerIcon } from '../../../index.js';
6
- import { actionFailIcon, actionSuccessIcon, fileDownloadBlueIcon, fileDownloadGreyIcon } from '../../../../constants/index.js';
4
+ import { actionFailIcon, actionSuccessIcon, spinnerLoadingIcon, fileDownloadBlueIcon, fileDownloadGreyIcon } from '../../../../constants/index.js';
7
5
  import { StyledDownloadFileImage, StyledDownloadFileImageWrapper } from './style';
8
6
  export const PayoutReportCell = ({ onClick, isSettlementsAvailable, isDownloadError, isDownloadLoading, isDownloadSuccess }) => {
9
7
  const isDownloadInProgress = useMemo(() => isDownloadLoading || isDownloadSuccess || isDownloadError, [isDownloadLoading, isDownloadSuccess, isDownloadError]);
10
8
  const icon = useMemo(() => {
9
+ if (isDownloadLoading) {
10
+ return spinnerLoadingIcon;
11
+ }
11
12
  if (isDownloadSuccess) {
12
13
  return actionSuccessIcon;
13
14
  }
@@ -15,6 +16,6 @@ export const PayoutReportCell = ({ onClick, isSettlementsAvailable, isDownloadEr
15
16
  return actionFailIcon;
16
17
  }
17
18
  return fileDownloadBlueIcon;
18
- }, [isDownloadSuccess, isDownloadError]);
19
- return (_jsx(Tooltip, Object.assign({ title: !isSettlementsAvailable ? 'Pending' : '' }, { children: _jsx(StyledDownloadFileImageWrapper, Object.assign({ onClick: () => isSettlementsAvailable && !isDownloadInProgress && onClick() }, { children: _jsx(AnimatePresence, Object.assign({ mode: "wait", initial: false }, { children: isDownloadLoading ? (_jsx(AnimatedSpinnerIcon, {}, "spinner")) : (_jsx(StyledDownloadFileImage, { src: isSettlementsAvailable ? icon : fileDownloadGreyIcon, alt: "Download Report", initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, transition: { duration: 0.2 } }, "download-icon")) })) })) })));
19
+ }, [isDownloadLoading, isDownloadSuccess, isDownloadError]);
20
+ return (_jsx(Tooltip, Object.assign({ title: !isSettlementsAvailable ? 'Pending' : '' }, { children: _jsx(StyledDownloadFileImageWrapper, Object.assign({ onClick: () => isSettlementsAvailable && !isDownloadInProgress && onClick() }, { children: _jsx(StyledDownloadFileImage, { src: isSettlementsAvailable ? icon : fileDownloadGreyIcon, alt: "Download Report" }) })) })));
20
21
  };
package/build/components/TableCells/CustomCells/PayoutReportCell/style.d.ts CHANGED
@@ -2,277 +2,4 @@
2
2
  export declare const StyledDownloadFileImageWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
3
3
  isTextShown?: boolean | undefined;
4
4
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
5
- export declare const StyledDownloadFileImage: import("@emotion/styled").StyledComponent<{
6
- width?: string | number | undefined;
7
- height?: string | number | undefined;
8
- hidden?: boolean | undefined;
9
- color?: string | undefined;
10
- content?: string | undefined;
11
- translate?: "yes" | "no" | undefined;
12
- id?: string | undefined;
13
- defaultChecked?: boolean | undefined;
14
- defaultValue?: string | number | readonly string[] | undefined;
15
- suppressContentEditableWarning?: boolean | undefined;
16
- suppressHydrationWarning?: boolean | undefined;
17
- accessKey?: string | undefined;
18
- autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
19
- autoFocus?: boolean | undefined;
20
- className?: string | undefined;
21
- contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
22
- contextMenu?: string | undefined;
23
- dir?: string | undefined;
24
- draggable?: (boolean | "false" | "true") | undefined;
25
- enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
26
- lang?: string | undefined;
27
- nonce?: string | undefined;
28
- slot?: string | undefined;
29
- spellCheck?: (boolean | "false" | "true") | undefined;
30
- tabIndex?: number | undefined;
31
- title?: string | undefined;
32
- radioGroup?: string | undefined;
33
- role?: import("react").AriaRole | undefined;
34
- about?: string | undefined;
35
- datatype?: string | undefined;
36
- inlist?: any;
37
- prefix?: string | undefined;
38
- property?: string | undefined;
39
- rel?: string | undefined;
40
- resource?: string | undefined;
41
- rev?: string | undefined;
42
- typeof?: string | undefined;
43
- vocab?: string | undefined;
44
- autoCorrect?: string | undefined;
45
- autoSave?: string | undefined;
46
- itemProp?: string | undefined;
47
- itemScope?: boolean | undefined;
48
- itemType?: string | undefined;
49
- itemID?: string | undefined;
50
- itemRef?: string | undefined;
51
- results?: number | undefined;
52
- security?: string | undefined;
53
- unselectable?: "off" | "on" | undefined;
54
- inputMode?: "none" | "text" | "email" | "search" | "numeric" | "url" | "tel" | "decimal" | undefined;
55
- is?: string | undefined;
56
- exportparts?: string | undefined;
57
- part?: string | undefined;
58
- "aria-activedescendant"?: string | undefined;
59
- "aria-atomic"?: (boolean | "false" | "true") | undefined;
60
- "aria-autocomplete"?: "none" | "list" | "both" | "inline" | undefined;
61
- "aria-braillelabel"?: string | undefined;
62
- "aria-brailleroledescription"?: string | undefined;
63
- "aria-busy"?: (boolean | "false" | "true") | undefined;
64
- "aria-checked"?: boolean | "false" | "true" | "mixed" | undefined;
65
- "aria-colcount"?: number | undefined;
66
- "aria-colindex"?: number | undefined;
67
- "aria-colindextext"?: string | undefined;
68
- "aria-colspan"?: number | undefined;
69
- "aria-controls"?: string | undefined;
70
- "aria-current"?: boolean | "page" | "date" | "false" | "true" | "time" | "step" | "location" | undefined;
71
- "aria-describedby"?: string | undefined;
72
- "aria-description"?: string | undefined;
73
- "aria-details"?: string | undefined;
74
- "aria-disabled"?: (boolean | "false" | "true") | undefined;
75
- "aria-dropeffect"?: "none" | "copy" | "link" | "move" | "execute" | "popup" | undefined;
76
- "aria-errormessage"?: string | undefined;
77
- "aria-expanded"?: (boolean | "false" | "true") | undefined;
78
- "aria-flowto"?: string | undefined;
79
- "aria-grabbed"?: (boolean | "false" | "true") | undefined;
80
- "aria-haspopup"?: boolean | "grid" | "false" | "true" | "dialog" | "listbox" | "menu" | "tree" | undefined;
81
- "aria-hidden"?: (boolean | "false" | "true") | undefined;
82
- "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
83
- "aria-keyshortcuts"?: string | undefined;
84
- "aria-label"?: string | undefined;
85
- "aria-labelledby"?: string | undefined;
86
- "aria-level"?: number | undefined;
87
- "aria-live"?: "off" | "assertive" | "polite" | undefined;
88
- "aria-modal"?: (boolean | "false" | "true") | undefined;
89
- "aria-multiline"?: (boolean | "false" | "true") | undefined;
90
- "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
91
- "aria-orientation"?: "horizontal" | "vertical" | undefined;
92
- "aria-owns"?: string | undefined;
93
- "aria-placeholder"?: string | undefined;
94
- "aria-posinset"?: number | undefined;
95
- "aria-pressed"?: boolean | "false" | "true" | "mixed" | undefined;
96
- "aria-readonly"?: (boolean | "false" | "true") | undefined;
97
- "aria-relevant"?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
98
- "aria-required"?: (boolean | "false" | "true") | undefined;
99
- "aria-roledescription"?: string | undefined;
100
- "aria-rowcount"?: number | undefined;
101
- "aria-rowindex"?: number | undefined;
102
- "aria-rowindextext"?: string | undefined;
103
- "aria-rowspan"?: number | undefined;
104
- "aria-selected"?: (boolean | "false" | "true") | undefined;
105
- "aria-setsize"?: number | undefined;
106
- "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
107
- "aria-valuemax"?: number | undefined;
108
- "aria-valuemin"?: number | undefined;
109
- "aria-valuenow"?: number | undefined;
110
- "aria-valuetext"?: string | undefined;
111
- dangerouslySetInnerHTML?: {
112
- __html: string | TrustedHTML;
113
- } | undefined;
114
- onCopy?: import("react").ClipboardEventHandler<HTMLImageElement> | undefined;
115
- onCopyCapture?: import("react").ClipboardEventHandler<HTMLImageElement> | undefined;
116
- onCut?: import("react").ClipboardEventHandler<HTMLImageElement> | undefined;
117
- onCutCapture?: import("react").ClipboardEventHandler<HTMLImageElement> | undefined;
118
- onPaste?: import("react").ClipboardEventHandler<HTMLImageElement> | undefined;
119
- onPasteCapture?: import("react").ClipboardEventHandler<HTMLImageElement> | undefined;
120
- onCompositionEnd?: import("react").CompositionEventHandler<HTMLImageElement> | undefined;
121
- onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLImageElement> | undefined;
122
- onCompositionStart?: import("react").CompositionEventHandler<HTMLImageElement> | undefined;
123
- onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLImageElement> | undefined;
124
- onCompositionUpdate?: import("react").CompositionEventHandler<HTMLImageElement> | undefined;
125
- onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLImageElement> | undefined;
126
- onFocus?: import("react").FocusEventHandler<HTMLImageElement> | undefined;
127
- onFocusCapture?: import("react").FocusEventHandler<HTMLImageElement> | undefined;
128
- onBlur?: import("react").FocusEventHandler<HTMLImageElement> | undefined;
129
- onBlurCapture?: import("react").FocusEventHandler<HTMLImageElement> | undefined;
130
- onChange?: import("react").FormEventHandler<HTMLImageElement> | undefined;
131
- onChangeCapture?: import("react").FormEventHandler<HTMLImageElement> | undefined;
132
- onBeforeInput?: import("react").InputEventHandler<HTMLImageElement> | undefined;
133
- onBeforeInputCapture?: import("react").FormEventHandler<HTMLImageElement> | undefined;
134
- onInput?: import("react").FormEventHandler<HTMLImageElement> | undefined;
135
- onInputCapture?: import("react").FormEventHandler<HTMLImageElement> | undefined;
136
- onReset?: import("react").FormEventHandler<HTMLImageElement> | undefined;
137
- onResetCapture?: import("react").FormEventHandler<HTMLImageElement> | undefined;
138
- onSubmit?: import("react").FormEventHandler<HTMLImageElement> | undefined;
139
- onSubmitCapture?: import("react").FormEventHandler<HTMLImageElement> | undefined;
140
- onInvalid?: import("react").FormEventHandler<HTMLImageElement> | undefined;
141
- onInvalidCapture?: import("react").FormEventHandler<HTMLImageElement> | undefined;
142
- onLoad?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
143
- onLoadCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
144
- onError?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
145
- onErrorCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
146
- onKeyDown?: import("react").KeyboardEventHandler<HTMLImageElement> | undefined;
147
- onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLImageElement> | undefined;
148
- onKeyPress?: import("react").KeyboardEventHandler<HTMLImageElement> | undefined;
149
- onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLImageElement> | undefined;
150
- onKeyUp?: import("react").KeyboardEventHandler<HTMLImageElement> | undefined;
151
- onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLImageElement> | undefined;
152
- onAbort?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
153
- onAbortCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
154
- onCanPlay?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
155
- onCanPlayCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
156
- onCanPlayThrough?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
157
- onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
158
- onDurationChange?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
159
- onDurationChangeCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
160
- onEmptied?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
161
- onEmptiedCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
162
- onEncrypted?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
163
- onEncryptedCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
164
- onEnded?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
165
- onEndedCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
166
- onLoadedData?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
167
- onLoadedDataCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
168
- onLoadedMetadata?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
169
- onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
170
- onLoadStart?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
171
- onLoadStartCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
172
- onPause?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
173
- onPauseCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
174
- onPlay?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
175
- onPlayCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
176
- onPlaying?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
177
- onPlayingCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
178
- onProgress?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
179
- onProgressCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
180
- onRateChange?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
181
- onRateChangeCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
182
- onSeeked?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
183
- onSeekedCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
184
- onSeeking?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
185
- onSeekingCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
186
- onStalled?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
187
- onStalledCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
188
- onSuspend?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
189
- onSuspendCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
190
- onTimeUpdate?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
191
- onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
192
- onVolumeChange?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
193
- onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
194
- onWaiting?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
195
- onWaitingCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
196
- onAuxClick?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
197
- onAuxClickCapture?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
198
- onClick?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
199
- onClickCapture?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
200
- onContextMenu?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
201
- onContextMenuCapture?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
202
- onDoubleClick?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
203
- onDoubleClickCapture?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
204
- onDragCapture?: import("react").DragEventHandler<HTMLImageElement> | undefined;
205
- onDragEndCapture?: import("react").DragEventHandler<HTMLImageElement> | undefined;
206
- onDragEnter?: import("react").DragEventHandler<HTMLImageElement> | undefined;
207
- onDragEnterCapture?: import("react").DragEventHandler<HTMLImageElement> | undefined;
208
- onDragExit?: import("react").DragEventHandler<HTMLImageElement> | undefined;
209
- onDragExitCapture?: import("react").DragEventHandler<HTMLImageElement> | undefined;
210
- onDragLeave?: import("react").DragEventHandler<HTMLImageElement> | undefined;
211
- onDragLeaveCapture?: import("react").DragEventHandler<HTMLImageElement> | undefined;
212
- onDragOver?: import("react").DragEventHandler<HTMLImageElement> | undefined;
213
- onDragOverCapture?: import("react").DragEventHandler<HTMLImageElement> | undefined;
214
- onDragStartCapture?: import("react").DragEventHandler<HTMLImageElement> | undefined;
215
- onDrop?: import("react").DragEventHandler<HTMLImageElement> | undefined;
216
- onDropCapture?: import("react").DragEventHandler<HTMLImageElement> | undefined;
217
- onMouseDown?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
218
- onMouseDownCapture?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
219
- onMouseEnter?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
220
- onMouseLeave?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
221
- onMouseMove?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
222
- onMouseMoveCapture?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
223
- onMouseOut?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
224
- onMouseOutCapture?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
225
- onMouseOver?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
226
- onMouseOverCapture?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
227
- onMouseUp?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
228
- onMouseUpCapture?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
229
- onSelect?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
230
- onSelectCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
231
- onTouchCancel?: import("react").TouchEventHandler<HTMLImageElement> | undefined;
232
- onTouchCancelCapture?: import("react").TouchEventHandler<HTMLImageElement> | undefined;
233
- onTouchEnd?: import("react").TouchEventHandler<HTMLImageElement> | undefined;
234
- onTouchEndCapture?: import("react").TouchEventHandler<HTMLImageElement> | undefined;
235
- onTouchMove?: import("react").TouchEventHandler<HTMLImageElement> | undefined;
236
- onTouchMoveCapture?: import("react").TouchEventHandler<HTMLImageElement> | undefined;
237
- onTouchStart?: import("react").TouchEventHandler<HTMLImageElement> | undefined;
238
- onTouchStartCapture?: import("react").TouchEventHandler<HTMLImageElement> | undefined;
239
- onPointerDown?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
240
- onPointerDownCapture?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
241
- onPointerMove?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
242
- onPointerMoveCapture?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
243
- onPointerUp?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
244
- onPointerUpCapture?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
245
- onPointerCancel?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
246
- onPointerCancelCapture?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
247
- onPointerEnter?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
248
- onPointerLeave?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
249
- onPointerOver?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
250
- onPointerOverCapture?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
251
- onPointerOut?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
252
- onPointerOutCapture?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
253
- onGotPointerCapture?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
254
- onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
255
- onLostPointerCapture?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
256
- onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
257
- onScroll?: import("react").UIEventHandler<HTMLImageElement> | undefined;
258
- onScrollCapture?: import("react").UIEventHandler<HTMLImageElement> | undefined;
259
- onWheel?: import("react").WheelEventHandler<HTMLImageElement> | undefined;
260
- onWheelCapture?: import("react").WheelEventHandler<HTMLImageElement> | undefined;
261
- onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLImageElement> | undefined;
262
- onAnimationEnd?: import("react").AnimationEventHandler<HTMLImageElement> | undefined;
263
- onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLImageElement> | undefined;
264
- onAnimationIteration?: import("react").AnimationEventHandler<HTMLImageElement> | undefined;
265
- onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLImageElement> | undefined;
266
- onTransitionEnd?: import("react").TransitionEventHandler<HTMLImageElement> | undefined;
267
- onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLImageElement> | undefined;
268
- referrerPolicy?: import("react").HTMLAttributeReferrerPolicy | undefined;
269
- useMap?: string | undefined;
270
- crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
271
- sizes?: string | undefined;
272
- src?: string | undefined;
273
- alt?: string | undefined;
274
- decoding?: "auto" | "async" | "sync" | undefined;
275
- loading?: "eager" | "lazy" | undefined;
276
- fetchPriority?: "auto" | "high" | "low" | undefined;
277
- srcSet?: string | undefined;
278
- } & import("framer-motion").MotionProps & import("react").RefAttributes<HTMLImageElement> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
5
+ export declare const StyledDownloadFileImage: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
package/build/components/TableCells/CustomCells/PayoutReportCell/style.js CHANGED
@@ -1,4 +1,3 @@
1
- import { motion } from 'framer-motion';
2
1
  import { styled } from '@mui/material/styles';
3
2
  export const StyledDownloadFileImageWrapper = styled('span')(({ theme }) => ({
4
3
  border: `1px solid ${theme.palette.divider}`,
@@ -12,7 +11,7 @@ export const StyledDownloadFileImageWrapper = styled('span')(({ theme }) => ({
12
11
  minWidth: '36px',
13
12
  cursor: 'pointer',
14
13
  }));
15
- export const StyledDownloadFileImage = styled(motion.img)(() => ({
14
+ export const StyledDownloadFileImage = styled('img')(() => ({
16
15
  width: '16px',
17
16
  height: '16px',
18
17
  }));
package/build/components/index.d.ts CHANGED
@@ -63,7 +63,6 @@ export { default as ImageWrapper } from './ImageWrapper';
63
63
  export { default as Input } from './Input';
64
64
  export { default as IconGallery, type IconGalleryProps } from './IconGallery';
65
65
  export { default as Icon, type IconProps } from './Icon';
66
- export { default as AnimatedSpinnerIcon } from './AnimatedSpinnerIcon';
67
66
  export { default as IOSSwitch } from './IOSSwitch';
68
67
  export { default as HeatMap, type Data, type HeatMapProps } from './HeatMap';
69
68
  export { default as FlippingCard } from './FlippingCard';
@@ -147,4 +146,3 @@ export * from './TableReports';
147
146
  export * from './PaymentSourceFilter';
148
147
  export * from './DateFilter';
149
148
  export * from './CurrencyFilter';
150
- export * from './AmountConversionFilter';
package/build/components/index.js CHANGED
@@ -63,7 +63,6 @@ export { default as ImageWrapper } from './ImageWrapper';
63
63
  export { default as Input } from './Input';
64
64
  export { default as IconGallery } from './IconGallery';
65
65
  export { default as Icon } from './Icon';
66
- export { default as AnimatedSpinnerIcon } from './AnimatedSpinnerIcon';
67
66
  export { default as IOSSwitch } from './IOSSwitch';
68
67
  export { default as HeatMap } from './HeatMap';
69
68
  export { default as FlippingCard } from './FlippingCard';
@@ -147,4 +146,3 @@ export * from './TableReports';
147
146
  export * from './PaymentSourceFilter';
148
147
  export * from './DateFilter';
149
148
  export * from './CurrencyFilter';
150
- export * from './AmountConversionFilter';
package/package.json CHANGED
@@ -1,8 +1,8 @@
1
1
  {
2
2
  "name": "@tap-payments/os-micro-frontend-shared",
3
3
  "description": "Shared components and utilities for Tap Payments micro frontends",
4
- "version": "0.1.291-test.1-test.2-test.3-test.4-test.5-test.6-test.7-test.8-test.9",
5
- "testVersion": 9,
4
+ "version": "0.1.291-test.5",
5
+ "testVersion": 5,
6
6
  "type": "module",
7
7
  "main": "build/index.js",
8
8
  "module": "build/index.js",
package/build/components/AmountConversionFilter/AmountConversionFilter.d.ts DELETED
@@ -1,19 +0,0 @@
1
- import { CustomColumnFilterProps } from '../VirtualTables';
2
- export interface AmountConversionFilterProps extends CustomColumnFilterProps {
3
- options: {
4
- value: string;
5
- label: string;
6
- }[];
7
- label: string;
8
- onConfirm: () => void;
9
- onClear: () => void;
10
- selectedCurrencies: string[];
11
- onCurrenciesChange: (currencies: string[]) => void;
12
- selectedRadioValue: string;
13
- onRadioButtonChange: (val: string) => void;
14
- showCurrencyMenu: boolean;
15
- merchantCurrencies: {
16
- currencyCode: string;
17
- }[];
18
- }
19
- export default function AmountConversionFilter({ anchorEl, onCloseDropdown, options, label, onConfirm, onClear, selectedCurrencies, onCurrenciesChange, selectedRadioValue, onRadioButtonChange, showCurrencyMenu, merchantCurrencies, }: Readonly<AmountConversionFilterProps>): import("react/jsx-runtime").JSX.Element;
package/build/components/AmountConversionFilter/AmountConversionFilter.js DELETED
@@ -1,18 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { useTranslation } from 'react-i18next';
3
- import { FilterCancelButton, FilterFooter, FilterOkayButton, FilterTitle, ViewColumnRadioFilter } from '../index.js';
4
- import { FilterMenu } from './style';
5
- import MultiSelectCurrencyFilter from './MultiSelectCurrencyFilter';
6
- export default function AmountConversionFilter({ anchorEl, onCloseDropdown, options, label, onConfirm, onClear, selectedCurrencies, onCurrenciesChange, selectedRadioValue, onRadioButtonChange, showCurrencyMenu, merchantCurrencies, }) {
7
- const open = Boolean(anchorEl);
8
- const { t } = useTranslation();
9
- const handleOkButtonClick = (e) => {
10
- onConfirm();
11
- onCloseDropdown(e);
12
- };
13
- const onCancel = (e) => {
14
- onClear();
15
- onCloseDropdown(e);
16
- };
17
- return (_jsxs(FilterMenu, Object.assign({ open: open, anchorEl: anchorEl }, { children: [_jsx(FilterTitle, Object.assign({ component: "span" }, { children: t('filterBy') })), _jsx(ViewColumnRadioFilter, { menuLabel: label, options: options, selectedValue: selectedRadioValue, onValueChange: onRadioButtonChange }), showCurrencyMenu && (_jsx(MultiSelectCurrencyFilter, { selectedCurrencies: selectedCurrencies, onCurrenciesChange: onCurrenciesChange, merchantCurrencies: merchantCurrencies })), _jsxs(FilterFooter, { children: [_jsx(FilterCancelButton, Object.assign({ onClick: onCancel }, { children: t('cancel') })), _jsx(FilterOkayButton, Object.assign({ onClick: handleOkButtonClick }, { children: t('okay') }))] })] })));
18
- }
package/build/components/AmountConversionFilter/MultiSelectCurrencyFilter.d.ts DELETED
@@ -1,9 +0,0 @@
1
- interface CurrencyFilterProps {
2
- selectedCurrencies?: string[];
3
- onCurrenciesChange: (currencies: string[]) => void;
4
- merchantCurrencies: {
5
- currencyCode: string;
6
- }[];
7
- }
8
- export default function MultiSelectCurrencyFilter({ selectedCurrencies, onCurrenciesChange, merchantCurrencies: merchantCurrencyList, }: Readonly<CurrencyFilterProps>): import("react/jsx-runtime").JSX.Element;
9
- export {};
package/build/components/AmountConversionFilter/MultiSelectCurrencyFilter.js DELETED
@@ -1,39 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { useTranslation } from 'react-i18next';
3
- import { useState, useRef, useMemo } from 'react';
4
- import { rightArrow } from '../../constants/index.js';
5
- import { CountryFlag } from '../index.js';
6
- import { CurrencySubMenu, FilterMenuItem, CurrencyMenuItem } from './style';
7
- export default function MultiSelectCurrencyFilter({ selectedCurrencies = [], onCurrenciesChange, merchantCurrencies: merchantCurrencyList, }) {
8
- const { t } = useTranslation();
9
- const [submenuAnchorElCurrency, setSubmenuAnchorElCurrency] = useState(null);
10
- const menuItemRefCurrency = useRef(null);
11
- const merchantCurrencies = useMemo(() => {
12
- const uniqueCurrencies = [...new Set(merchantCurrencyList.map((item) => item.currencyCode))];
13
- return uniqueCurrencies;
14
- }, [merchantCurrencyList]);
15
- const onOpenCurrency = (event) => {
16
- setSubmenuAnchorElCurrency(event.currentTarget);
17
- };
18
- const onCloseCurrency = () => {
19
- setSubmenuAnchorElCurrency(null);
20
- };
21
- const onSubmenuMouseEnter = () => {
22
- // Keep the submenu open when hovering over it
23
- if (menuItemRefCurrency.current) {
24
- setSubmenuAnchorElCurrency(menuItemRefCurrency.current);
25
- }
26
- };
27
- const handleCurrencyChange = (currencyCode) => {
28
- const newCurrencies = selectedCurrencies.includes(currencyCode)
29
- ? selectedCurrencies.filter((c) => c !== currencyCode)
30
- : [...selectedCurrencies, currencyCode];
31
- const finalCurrencies = newCurrencies.length > 0 ? newCurrencies : [];
32
- onCurrenciesChange(finalCurrencies);
33
- };
34
- const isCurrencySelected = (currencyCode) => selectedCurrencies.includes(currencyCode);
35
- return (_jsxs(FilterMenuItem, Object.assign({ ref: menuItemRefCurrency, onMouseEnter: onOpenCurrency, onMouseLeave: onCloseCurrency, hideCheckbox: true }, { children: [_jsx("span", Object.assign({ className: "label" }, { children: t('Currency') })), _jsx("img", { src: rightArrow, alt: "arrow", style: { height: 12 } }), _jsx(CurrencySubMenu, Object.assign({ open: Boolean(submenuAnchorElCurrency), anchorEl: submenuAnchorElCurrency, placement: "right-start", onMouseEnter: onSubmenuMouseEnter, onMouseLeave: onCloseCurrency }, { children: merchantCurrencies.map((currencyCode) => (_jsxs(CurrencyMenuItem, Object.assign({ isSelected: isCurrencySelected(currencyCode), onClick: (e) => {
36
- e.stopPropagation();
37
- handleCurrencyChange(currencyCode);
38
- } }, { children: [_jsx(CountryFlag, { currencyCode: currencyCode }), currencyCode] }), currencyCode))) }))] })));
39
- }
package/build/components/AmountConversionFilter/index.d.ts DELETED
@@ -1 +0,0 @@
1
- export { default as AmountConversionFilter, type AmountConversionFilterProps } from './AmountConversionFilter';
package/build/components/AmountConversionFilter/index.js DELETED
@@ -1 +0,0 @@
1
- export { default as AmountConversionFilter } from './AmountConversionFilter';
package/build/components/AmountConversionFilter/style.d.ts DELETED
@@ -1,7 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const MenuItemStyled: import("@emotion/styled").StyledComponent<import("../MenuItem/MenuItem").MenuItemProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
3
- export declare const FilterMenu: import("@emotion/styled").StyledComponent<Omit<import("../Menu/Menu").MenuProps, "ref"> & import("react").RefAttributes<HTMLDivElement> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
4
- export declare const SubMenu: import("@emotion/styled").StyledComponent<Omit<import("../Menu/Menu").MenuProps, "ref"> & import("react").RefAttributes<HTMLDivElement> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
5
- export declare const CurrencySubMenu: import("@emotion/styled").StyledComponent<Omit<import("../Menu/Menu").MenuProps, "ref"> & import("react").RefAttributes<HTMLDivElement> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
6
- export declare const FilterMenuItem: import("@emotion/styled").StyledComponent<import("../MenuItem/MenuItem").MenuItemProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
7
- export declare const CurrencyMenuItem: import("@emotion/styled").StyledComponent<import("../MenuItem/MenuItem").MenuItemProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
package/build/components/AmountConversionFilter/style.js DELETED
@@ -1,47 +0,0 @@
1
- import { styled } from '@mui/material/styles';
2
- import { MenuItem, Menu } from '../index.js';
3
- export const MenuItemStyled = styled(MenuItem)(({ theme }) => ({
4
- height: 40,
5
- flex: 'unset',
6
- paddingTop: 0,
7
- paddingBottom: 0,
8
- borderBottom: `1px solid ${theme.palette.divider}`,
9
- '.label': {
10
- flexGrow: 1,
11
- },
12
- }));
13
- export const FilterMenu = styled(Menu)(() => ({
14
- marginBottom: '8px',
15
- }));
16
- export const SubMenu = styled(Menu)(() => ({
17
- marginTop: '-1px',
18
- '&:hover': {
19
- boxShadow: '0px 0px 16px 0px #00000021',
20
- },
21
- }));
22
- export const CurrencySubMenu = styled(Menu)(() => ({
23
- '& .MuiMenuItem-root:hover': {
24
- boxShadow: '0px 0px 16px 0px #00000021',
25
- },
26
- }));
27
- export const FilterMenuItem = styled(MenuItem)(({ theme }) => ({
28
- height: 40,
29
- flex: 'unset',
30
- paddingTop: 0,
31
- paddingBottom: 0,
32
- borderBottom: `1px solid ${theme.palette.divider}`,
33
- paddingLeft: '16px',
34
- maxHeight: '35px',
35
- '.label': {
36
- flexGrow: 1,
37
- },
38
- }));
39
- export const CurrencyMenuItem = styled(MenuItemStyled)(() => ({
40
- gap: '8px',
41
- paddingInline: '16px',
42
- paddingY: '8px',
43
- maxHeight: '35px',
44
- '&:hover': {
45
- boxShadow: '0px 0px 16px 0px #00000021',
46
- },
47
- }));
package/build/components/AnimatedSpinnerIcon/AnimatedSpinnerIcon.d.ts DELETED
@@ -1,8 +0,0 @@
1
- import { SxProps, Theme } from '@mui/material';
2
- type AnimatedSpinnerIconProps = {
3
- width?: string;
4
- height?: string;
5
- sx?: SxProps<Theme>;
6
- };
7
- declare const AnimatedSpinnerIcon: ({ width, height, sx }?: AnimatedSpinnerIconProps) => import("react/jsx-runtime").JSX.Element;
8
- export default AnimatedSpinnerIcon;
package/build/components/AnimatedSpinnerIcon/AnimatedSpinnerIcon.js DELETED
@@ -1,7 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { spinnerLoadingIcon } from '../../constants/index.js';
3
- import { StyledAnimatedSpinner } from './style';
4
- const AnimatedSpinnerIcon = ({ width, height, sx } = {}) => {
5
- return (_jsx(StyledAnimatedSpinner, { src: spinnerLoadingIcon, alt: "Loading", className: "spinner-loader", width: width, height: height, sx: sx, initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, transition: { duration: 0.2 } }));
6
- };
7
- export default AnimatedSpinnerIcon;
package/build/components/AnimatedSpinnerIcon/index.d.ts DELETED
@@ -1,2 +0,0 @@
1
- import AnimatedSpinnerIcon from './AnimatedSpinnerIcon';
2
- export default AnimatedSpinnerIcon;
package/build/components/AnimatedSpinnerIcon/index.js DELETED
@@ -1,2 +0,0 @@
1
- import AnimatedSpinnerIcon from './AnimatedSpinnerIcon';
2
- export default AnimatedSpinnerIcon;
package/build/components/AnimatedSpinnerIcon/style.d.ts DELETED
@@ -1,280 +0,0 @@
1
- /// <reference types="react" />
2
- type AnimatedSpinnerIconProps = {
3
- width?: string;
4
- height?: string;
5
- };
6
- export declare const StyledAnimatedSpinner: import("@emotion/styled").StyledComponent<{
7
- width?: string | number | undefined;
8
- height?: string | number | undefined;
9
- hidden?: boolean | undefined;
10
- color?: string | undefined;
11
- content?: string | undefined;
12
- translate?: "yes" | "no" | undefined;
13
- id?: string | undefined;
14
- defaultChecked?: boolean | undefined;
15
- defaultValue?: string | number | readonly string[] | undefined;
16
- suppressContentEditableWarning?: boolean | undefined;
17
- suppressHydrationWarning?: boolean | undefined;
18
- accessKey?: string | undefined;
19
- autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
20
- autoFocus?: boolean | undefined;
21
- className?: string | undefined;
22
- contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
23
- contextMenu?: string | undefined;
24
- dir?: string | undefined;
25
- draggable?: (boolean | "false" | "true") | undefined;
26
- enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
27
- lang?: string | undefined;
28
- nonce?: string | undefined;
29
- slot?: string | undefined;
30
- spellCheck?: (boolean | "false" | "true") | undefined;
31
- tabIndex?: number | undefined;
32
- title?: string | undefined;
33
- radioGroup?: string | undefined;
34
- role?: import("react").AriaRole | undefined;
35
- about?: string | undefined;
36
- datatype?: string | undefined;
37
- inlist?: any;
38
- prefix?: string | undefined;
39
- property?: string | undefined;
40
- rel?: string | undefined;
41
- resource?: string | undefined;
42
- rev?: string | undefined;
43
- typeof?: string | undefined;
44
- vocab?: string | undefined;
45
- autoCorrect?: string | undefined;
46
- autoSave?: string | undefined;
47
- itemProp?: string | undefined;
48
- itemScope?: boolean | undefined;
49
- itemType?: string | undefined;
50
- itemID?: string | undefined;
51
- itemRef?: string | undefined;
52
- results?: number | undefined;
53
- security?: string | undefined;
54
- unselectable?: "off" | "on" | undefined;
55
- inputMode?: "none" | "text" | "email" | "search" | "numeric" | "url" | "tel" | "decimal" | undefined;
56
- is?: string | undefined;
57
- exportparts?: string | undefined;
58
- part?: string | undefined;
59
- "aria-activedescendant"?: string | undefined;
60
- "aria-atomic"?: (boolean | "false" | "true") | undefined;
61
- "aria-autocomplete"?: "none" | "list" | "both" | "inline" | undefined;
62
- "aria-braillelabel"?: string | undefined;
63
- "aria-brailleroledescription"?: string | undefined;
64
- "aria-busy"?: (boolean | "false" | "true") | undefined;
65
- "aria-checked"?: boolean | "false" | "true" | "mixed" | undefined;
66
- "aria-colcount"?: number | undefined;
67
- "aria-colindex"?: number | undefined;
68
- "aria-colindextext"?: string | undefined;
69
- "aria-colspan"?: number | undefined;
70
- "aria-controls"?: string | undefined;
71
- "aria-current"?: boolean | "page" | "date" | "false" | "true" | "time" | "step" | "location" | undefined;
72
- "aria-describedby"?: string | undefined;
73
- "aria-description"?: string | undefined;
74
- "aria-details"?: string | undefined;
75
- "aria-disabled"?: (boolean | "false" | "true") | undefined;
76
- "aria-dropeffect"?: "none" | "copy" | "link" | "move" | "execute" | "popup" | undefined;
77
- "aria-errormessage"?: string | undefined;
78
- "aria-expanded"?: (boolean | "false" | "true") | undefined;
79
- "aria-flowto"?: string | undefined;
80
- "aria-grabbed"?: (boolean | "false" | "true") | undefined;
81
- "aria-haspopup"?: boolean | "grid" | "false" | "true" | "dialog" | "listbox" | "menu" | "tree" | undefined;
82
- "aria-hidden"?: (boolean | "false" | "true") | undefined;
83
- "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
84
- "aria-keyshortcuts"?: string | undefined;
85
- "aria-label"?: string | undefined;
86
- "aria-labelledby"?: string | undefined;
87
- "aria-level"?: number | undefined;
88
- "aria-live"?: "off" | "assertive" | "polite" | undefined;
89
- "aria-modal"?: (boolean | "false" | "true") | undefined;
90
- "aria-multiline"?: (boolean | "false" | "true") | undefined;
91
- "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
92
- "aria-orientation"?: "horizontal" | "vertical" | undefined;
93
- "aria-owns"?: string | undefined;
94
- "aria-placeholder"?: string | undefined;
95
- "aria-posinset"?: number | undefined;
96
- "aria-pressed"?: boolean | "false" | "true" | "mixed" | undefined;
97
- "aria-readonly"?: (boolean | "false" | "true") | undefined;
98
- "aria-relevant"?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
99
- "aria-required"?: (boolean | "false" | "true") | undefined;
100
- "aria-roledescription"?: string | undefined;
101
- "aria-rowcount"?: number | undefined;
102
- "aria-rowindex"?: number | undefined;
103
- "aria-rowindextext"?: string | undefined;
104
- "aria-rowspan"?: number | undefined;
105
- "aria-selected"?: (boolean | "false" | "true") | undefined;
106
- "aria-setsize"?: number | undefined;
107
- "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
108
- "aria-valuemax"?: number | undefined;
109
- "aria-valuemin"?: number | undefined;
110
- "aria-valuenow"?: number | undefined;
111
- "aria-valuetext"?: string | undefined;
112
- dangerouslySetInnerHTML?: {
113
- __html: string | TrustedHTML;
114
- } | undefined;
115
- onCopy?: import("react").ClipboardEventHandler<HTMLImageElement> | undefined;
116
- onCopyCapture?: import("react").ClipboardEventHandler<HTMLImageElement> | undefined;
117
- onCut?: import("react").ClipboardEventHandler<HTMLImageElement> | undefined;
118
- onCutCapture?: import("react").ClipboardEventHandler<HTMLImageElement> | undefined;
119
- onPaste?: import("react").ClipboardEventHandler<HTMLImageElement> | undefined;
120
- onPasteCapture?: import("react").ClipboardEventHandler<HTMLImageElement> | undefined;
121
- onCompositionEnd?: import("react").CompositionEventHandler<HTMLImageElement> | undefined;
122
- onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLImageElement> | undefined;
123
- onCompositionStart?: import("react").CompositionEventHandler<HTMLImageElement> | undefined;
124
- onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLImageElement> | undefined;
125
- onCompositionUpdate?: import("react").CompositionEventHandler<HTMLImageElement> | undefined;
126
- onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLImageElement> | undefined;
127
- onFocus?: import("react").FocusEventHandler<HTMLImageElement> | undefined;
128
- onFocusCapture?: import("react").FocusEventHandler<HTMLImageElement> | undefined;
129
- onBlur?: import("react").FocusEventHandler<HTMLImageElement> | undefined;
130
- onBlurCapture?: import("react").FocusEventHandler<HTMLImageElement> | undefined;
131
- onChange?: import("react").FormEventHandler<HTMLImageElement> | undefined;
132
- onChangeCapture?: import("react").FormEventHandler<HTMLImageElement> | undefined;
133
- onBeforeInput?: import("react").InputEventHandler<HTMLImageElement> | undefined;
134
- onBeforeInputCapture?: import("react").FormEventHandler<HTMLImageElement> | undefined;
135
- onInput?: import("react").FormEventHandler<HTMLImageElement> | undefined;
136
- onInputCapture?: import("react").FormEventHandler<HTMLImageElement> | undefined;
137
- onReset?: import("react").FormEventHandler<HTMLImageElement> | undefined;
138
- onResetCapture?: import("react").FormEventHandler<HTMLImageElement> | undefined;
139
- onSubmit?: import("react").FormEventHandler<HTMLImageElement> | undefined;
140
- onSubmitCapture?: import("react").FormEventHandler<HTMLImageElement> | undefined;
141
- onInvalid?: import("react").FormEventHandler<HTMLImageElement> | undefined;
142
- onInvalidCapture?: import("react").FormEventHandler<HTMLImageElement> | undefined;
143
- onLoad?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
144
- onLoadCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
145
- onError?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
146
- onErrorCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
147
- onKeyDown?: import("react").KeyboardEventHandler<HTMLImageElement> | undefined;
148
- onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLImageElement> | undefined;
149
- onKeyPress?: import("react").KeyboardEventHandler<HTMLImageElement> | undefined;
150
- onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLImageElement> | undefined;
151
- onKeyUp?: import("react").KeyboardEventHandler<HTMLImageElement> | undefined;
152
- onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLImageElement> | undefined;
153
- onAbort?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
154
- onAbortCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
155
- onCanPlay?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
156
- onCanPlayCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
157
- onCanPlayThrough?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
158
- onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
159
- onDurationChange?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
160
- onDurationChangeCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
161
- onEmptied?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
162
- onEmptiedCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
163
- onEncrypted?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
164
- onEncryptedCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
165
- onEnded?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
166
- onEndedCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
167
- onLoadedData?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
168
- onLoadedDataCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
169
- onLoadedMetadata?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
170
- onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
171
- onLoadStart?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
172
- onLoadStartCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
173
- onPause?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
174
- onPauseCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
175
- onPlay?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
176
- onPlayCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
177
- onPlaying?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
178
- onPlayingCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
179
- onProgress?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
180
- onProgressCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
181
- onRateChange?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
182
- onRateChangeCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
183
- onSeeked?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
184
- onSeekedCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
185
- onSeeking?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
186
- onSeekingCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
187
- onStalled?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
188
- onStalledCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
189
- onSuspend?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
190
- onSuspendCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
191
- onTimeUpdate?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
192
- onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
193
- onVolumeChange?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
194
- onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
195
- onWaiting?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
196
- onWaitingCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
197
- onAuxClick?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
198
- onAuxClickCapture?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
199
- onClick?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
200
- onClickCapture?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
201
- onContextMenu?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
202
- onContextMenuCapture?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
203
- onDoubleClick?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
204
- onDoubleClickCapture?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
205
- onDragCapture?: import("react").DragEventHandler<HTMLImageElement> | undefined;
206
- onDragEndCapture?: import("react").DragEventHandler<HTMLImageElement> | undefined;
207
- onDragEnter?: import("react").DragEventHandler<HTMLImageElement> | undefined;
208
- onDragEnterCapture?: import("react").DragEventHandler<HTMLImageElement> | undefined;
209
- onDragExit?: import("react").DragEventHandler<HTMLImageElement> | undefined;
210
- onDragExitCapture?: import("react").DragEventHandler<HTMLImageElement> | undefined;
211
- onDragLeave?: import("react").DragEventHandler<HTMLImageElement> | undefined;
212
- onDragLeaveCapture?: import("react").DragEventHandler<HTMLImageElement> | undefined;
213
- onDragOver?: import("react").DragEventHandler<HTMLImageElement> | undefined;
214
- onDragOverCapture?: import("react").DragEventHandler<HTMLImageElement> | undefined;
215
- onDragStartCapture?: import("react").DragEventHandler<HTMLImageElement> | undefined;
216
- onDrop?: import("react").DragEventHandler<HTMLImageElement> | undefined;
217
- onDropCapture?: import("react").DragEventHandler<HTMLImageElement> | undefined;
218
- onMouseDown?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
219
- onMouseDownCapture?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
220
- onMouseEnter?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
221
- onMouseLeave?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
222
- onMouseMove?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
223
- onMouseMoveCapture?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
224
- onMouseOut?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
225
- onMouseOutCapture?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
226
- onMouseOver?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
227
- onMouseOverCapture?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
228
- onMouseUp?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
229
- onMouseUpCapture?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
230
- onSelect?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
231
- onSelectCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
232
- onTouchCancel?: import("react").TouchEventHandler<HTMLImageElement> | undefined;
233
- onTouchCancelCapture?: import("react").TouchEventHandler<HTMLImageElement> | undefined;
234
- onTouchEnd?: import("react").TouchEventHandler<HTMLImageElement> | undefined;
235
- onTouchEndCapture?: import("react").TouchEventHandler<HTMLImageElement> | undefined;
236
- onTouchMove?: import("react").TouchEventHandler<HTMLImageElement> | undefined;
237
- onTouchMoveCapture?: import("react").TouchEventHandler<HTMLImageElement> | undefined;
238
- onTouchStart?: import("react").TouchEventHandler<HTMLImageElement> | undefined;
239
- onTouchStartCapture?: import("react").TouchEventHandler<HTMLImageElement> | undefined;
240
- onPointerDown?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
241
- onPointerDownCapture?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
242
- onPointerMove?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
243
- onPointerMoveCapture?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
244
- onPointerUp?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
245
- onPointerUpCapture?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
246
- onPointerCancel?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
247
- onPointerCancelCapture?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
248
- onPointerEnter?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
249
- onPointerLeave?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
250
- onPointerOver?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
251
- onPointerOverCapture?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
252
- onPointerOut?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
253
- onPointerOutCapture?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
254
- onGotPointerCapture?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
255
- onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
256
- onLostPointerCapture?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
257
- onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
258
- onScroll?: import("react").UIEventHandler<HTMLImageElement> | undefined;
259
- onScrollCapture?: import("react").UIEventHandler<HTMLImageElement> | undefined;
260
- onWheel?: import("react").WheelEventHandler<HTMLImageElement> | undefined;
261
- onWheelCapture?: import("react").WheelEventHandler<HTMLImageElement> | undefined;
262
- onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLImageElement> | undefined;
263
- onAnimationEnd?: import("react").AnimationEventHandler<HTMLImageElement> | undefined;
264
- onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLImageElement> | undefined;
265
- onAnimationIteration?: import("react").AnimationEventHandler<HTMLImageElement> | undefined;
266
- onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLImageElement> | undefined;
267
- onTransitionEnd?: import("react").TransitionEventHandler<HTMLImageElement> | undefined;
268
- onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLImageElement> | undefined;
269
- referrerPolicy?: import("react").HTMLAttributeReferrerPolicy | undefined;
270
- useMap?: string | undefined;
271
- crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
272
- sizes?: string | undefined;
273
- src?: string | undefined;
274
- alt?: string | undefined;
275
- decoding?: "auto" | "async" | "sync" | undefined;
276
- loading?: "eager" | "lazy" | undefined;
277
- fetchPriority?: "auto" | "high" | "low" | undefined;
278
- srcSet?: string | undefined;
279
- } & import("framer-motion").MotionProps & import("react").RefAttributes<HTMLImageElement> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & AnimatedSpinnerIconProps, {}, {}>;
280
- export {};
package/build/components/AnimatedSpinnerIcon/style.js DELETED
@@ -1,8 +0,0 @@
1
- import { motion } from 'framer-motion';
2
- import { styled } from '@mui/material/styles';
3
- export const StyledAnimatedSpinner = styled(motion.img, {
4
- shouldForwardProp: (prop) => prop !== 'width' && prop !== 'height',
5
- })(({ width, height }) => ({
6
- width: width || '16px',
7
- height: height || '16px',
8
- }));