@tap-payments/os-micro-frontend-shared 0.1.111-test.5 → 0.1.111-test.6
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.
|
@@ -8,7 +8,7 @@ import { APP_WINDOW_Z_INDEX } from '../../constants/index.js';
|
|
|
8
8
|
import { useMouseState, useWindowDimensions } from '../../hooks/index.js';
|
|
9
9
|
import { isSafariBrowser } from '../../utils/index.js';
|
|
10
10
|
import JSONTitleBar from './components/ReceiptTitleBar';
|
|
11
|
-
import {
|
|
11
|
+
import { Container, TITLE_BAR_HEIGHT, VIEWER_HEIGHT, FOOTER_HEIGHT } from './style';
|
|
12
12
|
const VIEWER_WIDTH = 502;
|
|
13
13
|
const animationDuration = 0.5;
|
|
14
14
|
export default function ReceiptViewer({ index, isWindowMinimized, windowOrder, onClose }) {
|
|
@@ -91,7 +91,7 @@ export default function ReceiptViewer({ index, isWindowMinimized, windowOrder, o
|
|
|
91
91
|
flex: 1,
|
|
92
92
|
})), (isMaximized && {
|
|
93
93
|
position: 'relative',
|
|
94
|
-
})) }, { children: _jsxs(
|
|
94
|
+
})) }, { children: _jsxs(Container, { children: [_jsx(motion.div, Object.assign({ style: Object.assign({}, (isMaximized && {
|
|
95
95
|
height: TITLE_BAR_HEIGHT,
|
|
96
96
|
position: 'fixed',
|
|
97
97
|
zIndex: 1000,
|
|
@@ -118,7 +118,7 @@ export default function ReceiptViewer({ index, isWindowMinimized, windowOrder, o
|
|
|
118
118
|
background: 'transparent',
|
|
119
119
|
position: 'fixed',
|
|
120
120
|
width: '100%',
|
|
121
|
-
} }, { children: _jsx(Box, Object.assign({ sx: (theme) => ({ background: theme.palette.common.white, width: '100%', height: '100%' }) }, { children: _jsx("
|
|
121
|
+
} }, { children: _jsx(Box, Object.assign({ sx: (theme) => ({ background: theme.palette.common.white, width: '100%', height: '100%' }) }, { children: _jsx(Box, { id: "receipt-content", dangerouslySetInnerHTML: {
|
|
122
122
|
__html: `<!DOCTYPE html>
|
|
123
123
|
<html lang="en">
|
|
124
124
|
<head>
|
|
@@ -4,357 +4,8 @@ export declare const TITLE_BAR_HEIGHT = "32px";
|
|
|
4
4
|
export declare const VIEWER_HEIGHT = 818;
|
|
5
5
|
export declare const StyledPopover: import("@emotion/styled").StyledComponent<import("@mui/material").PopoverProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
6
6
|
export declare const HEADER_HEIGHT = 44;
|
|
7
|
-
export declare const jsonTheme: {
|
|
8
|
-
'--w-rjv-color': string;
|
|
9
|
-
'--w-rjv-key-string': string;
|
|
10
|
-
'--w-rjv-background-color': string;
|
|
11
|
-
'--w-rjv-line-color': string;
|
|
12
|
-
'--w-rjv-arrow-color': string;
|
|
13
|
-
'--w-rjv-edit-color': string;
|
|
14
|
-
'--w-rjv-info-color': string;
|
|
15
|
-
'--w-rjv-update-color': string;
|
|
16
|
-
'--w-rjv-copied-color': string;
|
|
17
|
-
'--w-rjv-copied-success-color': string;
|
|
18
|
-
'--w-rjv-curlybraces-color': string;
|
|
19
|
-
'--w-rjv-colon-color': string;
|
|
20
|
-
'--w-rjv-brackets-color': string;
|
|
21
|
-
'--w-rjv-quotes-color': string;
|
|
22
|
-
'--w-rjv-quotes-string-color': string;
|
|
23
|
-
'--w-rjv-type-string-color': string;
|
|
24
|
-
'--w-rjv-type-int-color': string;
|
|
25
|
-
'--w-rjv-type-float-color': string;
|
|
26
|
-
'--w-rjv-type-bigint-color': string;
|
|
27
|
-
'--w-rjv-type-boolean-color': string;
|
|
28
|
-
'--w-rjv-type-date-color': string;
|
|
29
|
-
'--w-rjv-type-url-color': string;
|
|
30
|
-
'--w-rjv-type-null-color': string;
|
|
31
|
-
'--w-rjv-type-nan-color': string;
|
|
32
|
-
'--w-rjv-type-undefined-color': string;
|
|
33
|
-
padding: string;
|
|
34
|
-
height: string;
|
|
35
|
-
overflow: string;
|
|
36
|
-
};
|
|
37
|
-
export declare const requestJsonTheme: {
|
|
38
|
-
background: string;
|
|
39
|
-
'--w-rjv-line-color': string;
|
|
40
|
-
'--w-rjv-color': string;
|
|
41
|
-
'--w-rjv-key-string': string;
|
|
42
|
-
'--w-rjv-background-color': string;
|
|
43
|
-
'--w-rjv-arrow-color': string;
|
|
44
|
-
'--w-rjv-edit-color': string;
|
|
45
|
-
'--w-rjv-info-color': string;
|
|
46
|
-
'--w-rjv-update-color': string;
|
|
47
|
-
'--w-rjv-copied-color': string;
|
|
48
|
-
'--w-rjv-copied-success-color': string;
|
|
49
|
-
'--w-rjv-curlybraces-color': string;
|
|
50
|
-
'--w-rjv-colon-color': string;
|
|
51
|
-
'--w-rjv-brackets-color': string;
|
|
52
|
-
'--w-rjv-quotes-color': string;
|
|
53
|
-
'--w-rjv-quotes-string-color': string;
|
|
54
|
-
'--w-rjv-type-string-color': string;
|
|
55
|
-
'--w-rjv-type-int-color': string;
|
|
56
|
-
'--w-rjv-type-float-color': string;
|
|
57
|
-
'--w-rjv-type-bigint-color': string;
|
|
58
|
-
'--w-rjv-type-boolean-color': string;
|
|
59
|
-
'--w-rjv-type-date-color': string;
|
|
60
|
-
'--w-rjv-type-url-color': string;
|
|
61
|
-
'--w-rjv-type-null-color': string;
|
|
62
|
-
'--w-rjv-type-nan-color': string;
|
|
63
|
-
'--w-rjv-type-undefined-color': string;
|
|
64
|
-
padding: string;
|
|
65
|
-
height: string;
|
|
66
|
-
overflow: string;
|
|
67
|
-
};
|
|
68
7
|
export declare const StyledAnimatedButton: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
|
|
69
|
-
export declare const StyledCopyButton: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
|
|
70
8
|
export declare const StyledSearchInput: import("@emotion/styled").StyledComponent<import("@mui/material").InputProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
71
|
-
export declare const StyledTitle: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
|
|
72
|
-
ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
|
|
73
|
-
}, "width" | "minHeight" | "height" | "bottom" | "left" | "right" | "top" | "border" | "boxShadow" | "fontWeight" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "visibility" | "whiteSpace" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "style" | "className" | "classes" | "children" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "sx" | "variant" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
74
|
-
export declare const SectionWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
75
|
-
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
76
|
-
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
|
|
77
|
-
isMaximized: boolean;
|
|
78
|
-
isScrollingRequest: boolean;
|
|
79
|
-
isRequestShown?: boolean | undefined;
|
|
80
|
-
}, {}, {}>;
|
|
81
|
-
export declare const FooterWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
82
|
-
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
83
|
-
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
|
|
84
|
-
isMaximized?: boolean | undefined;
|
|
85
|
-
isRequestShown?: boolean | undefined;
|
|
86
|
-
}, {}, {}>;
|
|
87
|
-
export declare const ButtonsWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
88
|
-
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
89
|
-
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
90
|
-
export declare const StyledHeaderWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
91
|
-
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
92
|
-
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
93
|
-
export declare const JSONViewerWrapper: import("@emotion/styled").StyledComponent<{
|
|
94
|
-
hidden?: boolean | undefined;
|
|
95
|
-
id?: string | undefined;
|
|
96
|
-
color?: string | undefined;
|
|
97
|
-
content?: string | undefined;
|
|
98
|
-
translate?: "yes" | "no" | undefined;
|
|
99
|
-
slot?: string | undefined;
|
|
100
|
-
title?: string | undefined;
|
|
101
|
-
className?: string | undefined;
|
|
102
|
-
defaultChecked?: boolean | undefined;
|
|
103
|
-
defaultValue?: string | number | readonly string[] | undefined;
|
|
104
|
-
suppressContentEditableWarning?: boolean | undefined;
|
|
105
|
-
suppressHydrationWarning?: boolean | undefined;
|
|
106
|
-
accessKey?: string | undefined;
|
|
107
|
-
autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
|
|
108
|
-
autoFocus?: boolean | undefined;
|
|
109
|
-
contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
|
|
110
|
-
contextMenu?: string | undefined;
|
|
111
|
-
dir?: string | undefined;
|
|
112
|
-
draggable?: (boolean | "false" | "true") | undefined;
|
|
113
|
-
enterKeyHint?: "search" | "done" | "next" | "enter" | "go" | "previous" | "send" | undefined;
|
|
114
|
-
lang?: string | undefined;
|
|
115
|
-
nonce?: string | undefined;
|
|
116
|
-
spellCheck?: (boolean | "false" | "true") | undefined;
|
|
117
|
-
tabIndex?: number | undefined;
|
|
118
|
-
radioGroup?: string | undefined;
|
|
119
|
-
role?: import("react").AriaRole | undefined;
|
|
120
|
-
about?: string | undefined;
|
|
121
|
-
datatype?: string | undefined;
|
|
122
|
-
inlist?: any;
|
|
123
|
-
prefix?: string | undefined;
|
|
124
|
-
property?: string | undefined;
|
|
125
|
-
rel?: string | undefined;
|
|
126
|
-
resource?: string | undefined;
|
|
127
|
-
rev?: string | undefined;
|
|
128
|
-
typeof?: string | undefined;
|
|
129
|
-
vocab?: string | undefined;
|
|
130
|
-
autoCorrect?: string | undefined;
|
|
131
|
-
autoSave?: string | undefined;
|
|
132
|
-
itemProp?: string | undefined;
|
|
133
|
-
itemScope?: boolean | undefined;
|
|
134
|
-
itemType?: string | undefined;
|
|
135
|
-
itemID?: string | undefined;
|
|
136
|
-
itemRef?: string | undefined;
|
|
137
|
-
results?: number | undefined;
|
|
138
|
-
security?: string | undefined;
|
|
139
|
-
unselectable?: "off" | "on" | undefined;
|
|
140
|
-
inputMode?: "none" | "email" | "search" | "numeric" | "url" | "text" | "tel" | "decimal" | undefined;
|
|
141
|
-
is?: string | undefined;
|
|
142
|
-
exportparts?: string | undefined;
|
|
143
|
-
part?: string | undefined;
|
|
144
|
-
"aria-activedescendant"?: string | undefined;
|
|
145
|
-
"aria-atomic"?: (boolean | "false" | "true") | undefined;
|
|
146
|
-
"aria-autocomplete"?: "none" | "list" | "both" | "inline" | undefined;
|
|
147
|
-
"aria-braillelabel"?: string | undefined;
|
|
148
|
-
"aria-brailleroledescription"?: string | undefined;
|
|
149
|
-
"aria-busy"?: (boolean | "false" | "true") | undefined;
|
|
150
|
-
"aria-checked"?: boolean | "false" | "true" | "mixed" | undefined;
|
|
151
|
-
"aria-colcount"?: number | undefined;
|
|
152
|
-
"aria-colindex"?: number | undefined;
|
|
153
|
-
"aria-colindextext"?: string | undefined;
|
|
154
|
-
"aria-colspan"?: number | undefined;
|
|
155
|
-
"aria-controls"?: string | undefined;
|
|
156
|
-
"aria-current"?: boolean | "page" | "date" | "false" | "true" | "time" | "step" | "location" | undefined;
|
|
157
|
-
"aria-describedby"?: string | undefined;
|
|
158
|
-
"aria-description"?: string | undefined;
|
|
159
|
-
"aria-details"?: string | undefined;
|
|
160
|
-
"aria-disabled"?: (boolean | "false" | "true") | undefined;
|
|
161
|
-
"aria-dropeffect"?: "none" | "copy" | "link" | "move" | "execute" | "popup" | undefined;
|
|
162
|
-
"aria-errormessage"?: string | undefined;
|
|
163
|
-
"aria-expanded"?: (boolean | "false" | "true") | undefined;
|
|
164
|
-
"aria-flowto"?: string | undefined;
|
|
165
|
-
"aria-grabbed"?: (boolean | "false" | "true") | undefined;
|
|
166
|
-
"aria-haspopup"?: boolean | "grid" | "false" | "true" | "dialog" | "menu" | "listbox" | "tree" | undefined;
|
|
167
|
-
"aria-hidden"?: (boolean | "false" | "true") | undefined;
|
|
168
|
-
"aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
|
|
169
|
-
"aria-keyshortcuts"?: string | undefined;
|
|
170
|
-
"aria-label"?: string | undefined;
|
|
171
|
-
"aria-labelledby"?: string | undefined;
|
|
172
|
-
"aria-level"?: number | undefined;
|
|
173
|
-
"aria-live"?: "off" | "assertive" | "polite" | undefined;
|
|
174
|
-
"aria-modal"?: (boolean | "false" | "true") | undefined;
|
|
175
|
-
"aria-multiline"?: (boolean | "false" | "true") | undefined;
|
|
176
|
-
"aria-multiselectable"?: (boolean | "false" | "true") | undefined;
|
|
177
|
-
"aria-orientation"?: "horizontal" | "vertical" | undefined;
|
|
178
|
-
"aria-owns"?: string | undefined;
|
|
179
|
-
"aria-placeholder"?: string | undefined;
|
|
180
|
-
"aria-posinset"?: number | undefined;
|
|
181
|
-
"aria-pressed"?: boolean | "false" | "true" | "mixed" | undefined;
|
|
182
|
-
"aria-readonly"?: (boolean | "false" | "true") | undefined;
|
|
183
|
-
"aria-relevant"?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
|
|
184
|
-
"aria-required"?: (boolean | "false" | "true") | undefined;
|
|
185
|
-
"aria-roledescription"?: string | undefined;
|
|
186
|
-
"aria-rowcount"?: number | undefined;
|
|
187
|
-
"aria-rowindex"?: number | undefined;
|
|
188
|
-
"aria-rowindextext"?: string | undefined;
|
|
189
|
-
"aria-rowspan"?: number | undefined;
|
|
190
|
-
"aria-selected"?: (boolean | "false" | "true") | undefined;
|
|
191
|
-
"aria-setsize"?: number | undefined;
|
|
192
|
-
"aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
|
|
193
|
-
"aria-valuemax"?: number | undefined;
|
|
194
|
-
"aria-valuemin"?: number | undefined;
|
|
195
|
-
"aria-valuenow"?: number | undefined;
|
|
196
|
-
"aria-valuetext"?: string | undefined;
|
|
197
|
-
dangerouslySetInnerHTML?: {
|
|
198
|
-
__html: string | TrustedHTML;
|
|
199
|
-
} | undefined;
|
|
200
|
-
onCopy?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
|
|
201
|
-
onCopyCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
|
|
202
|
-
onCut?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
|
|
203
|
-
onCutCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
|
|
204
|
-
onPaste?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
|
|
205
|
-
onPasteCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
|
|
206
|
-
onCompositionEnd?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
|
|
207
|
-
onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
|
|
208
|
-
onCompositionStart?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
|
|
209
|
-
onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
|
|
210
|
-
onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
|
|
211
|
-
onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
|
|
212
|
-
onFocus?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
|
|
213
|
-
onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
|
|
214
|
-
onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
|
|
215
|
-
onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
|
|
216
|
-
onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
217
|
-
onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
218
|
-
onBeforeInput?: import("react").InputEventHandler<HTMLDivElement> | undefined;
|
|
219
|
-
onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
220
|
-
onInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
221
|
-
onInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
222
|
-
onReset?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
223
|
-
onResetCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
224
|
-
onSubmit?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
225
|
-
onSubmitCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
226
|
-
onInvalid?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
227
|
-
onInvalidCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
228
|
-
onLoad?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
229
|
-
onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
230
|
-
onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
231
|
-
onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
232
|
-
onKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
|
|
233
|
-
onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
|
|
234
|
-
onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
|
|
235
|
-
onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
|
|
236
|
-
onKeyUp?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
|
|
237
|
-
onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
|
|
238
|
-
onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
239
|
-
onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
240
|
-
onCanPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
241
|
-
onCanPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
242
|
-
onCanPlayThrough?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
243
|
-
onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
244
|
-
onDurationChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
245
|
-
onDurationChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
246
|
-
onEmptied?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
247
|
-
onEmptiedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
248
|
-
onEncrypted?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
249
|
-
onEncryptedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
250
|
-
onEnded?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
251
|
-
onEndedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
252
|
-
onLoadedData?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
253
|
-
onLoadedDataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
254
|
-
onLoadedMetadata?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
255
|
-
onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
256
|
-
onLoadStart?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
257
|
-
onLoadStartCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
258
|
-
onPause?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
259
|
-
onPauseCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
260
|
-
onPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
261
|
-
onPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
262
|
-
onPlaying?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
263
|
-
onPlayingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
264
|
-
onProgress?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
265
|
-
onProgressCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
266
|
-
onRateChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
267
|
-
onRateChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
268
|
-
onSeeked?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
269
|
-
onSeekedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
270
|
-
onSeeking?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
271
|
-
onSeekingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
272
|
-
onStalled?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
273
|
-
onStalledCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
274
|
-
onSuspend?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
275
|
-
onSuspendCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
276
|
-
onTimeUpdate?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
277
|
-
onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
278
|
-
onVolumeChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
279
|
-
onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
280
|
-
onWaiting?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
281
|
-
onWaitingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
282
|
-
onAuxClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
283
|
-
onAuxClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
284
|
-
onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
285
|
-
onClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
286
|
-
onContextMenu?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
287
|
-
onContextMenuCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
288
|
-
onDoubleClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
289
|
-
onDoubleClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
290
|
-
onDragCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
291
|
-
onDragEndCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
292
|
-
onDragEnter?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
293
|
-
onDragEnterCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
294
|
-
onDragExit?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
295
|
-
onDragExitCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
296
|
-
onDragLeave?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
297
|
-
onDragLeaveCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
298
|
-
onDragOver?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
299
|
-
onDragOverCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
300
|
-
onDragStartCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
301
|
-
onDrop?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
302
|
-
onDropCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
303
|
-
onMouseDown?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
304
|
-
onMouseDownCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
305
|
-
onMouseEnter?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
306
|
-
onMouseLeave?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
307
|
-
onMouseMove?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
308
|
-
onMouseMoveCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
309
|
-
onMouseOut?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
310
|
-
onMouseOutCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
311
|
-
onMouseOver?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
312
|
-
onMouseOverCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
313
|
-
onMouseUp?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
314
|
-
onMouseUpCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
315
|
-
onSelect?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
316
|
-
onSelectCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
317
|
-
onTouchCancel?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
|
|
318
|
-
onTouchCancelCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
|
|
319
|
-
onTouchEnd?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
|
|
320
|
-
onTouchEndCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
|
|
321
|
-
onTouchMove?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
|
|
322
|
-
onTouchMoveCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
|
|
323
|
-
onTouchStart?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
|
|
324
|
-
onTouchStartCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
|
|
325
|
-
onPointerDown?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
326
|
-
onPointerDownCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
327
|
-
onPointerMove?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
328
|
-
onPointerMoveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
329
|
-
onPointerUp?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
330
|
-
onPointerUpCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
331
|
-
onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
332
|
-
onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
333
|
-
onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
334
|
-
onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
335
|
-
onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
336
|
-
onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
337
|
-
onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
338
|
-
onPointerOutCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
339
|
-
onGotPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
340
|
-
onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
341
|
-
onLostPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
342
|
-
onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
343
|
-
onScroll?: import("react").UIEventHandler<HTMLDivElement> | undefined;
|
|
344
|
-
onScrollCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
|
|
345
|
-
onWheel?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
|
|
346
|
-
onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
|
|
347
|
-
onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
|
|
348
|
-
onAnimationEnd?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
|
|
349
|
-
onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
|
|
350
|
-
onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
|
|
351
|
-
onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
|
|
352
|
-
onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
|
|
353
|
-
onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
|
|
354
|
-
} & import("framer-motion").MotionProps & import("react").RefAttributes<HTMLDivElement> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
|
|
355
|
-
isRequestShown: boolean;
|
|
356
|
-
isMaximized: boolean;
|
|
357
|
-
}, {}, {}>;
|
|
358
9
|
export declare const JSONViewerWrapperRequest: import("@emotion/styled").StyledComponent<{
|
|
359
10
|
hidden?: boolean | undefined;
|
|
360
11
|
id?: string | undefined;
|
|
@@ -626,6 +277,6 @@ export declare const JSONViewerScreenContainer: import("@emotion/styled").Styled
|
|
|
626
277
|
isMaximized: boolean;
|
|
627
278
|
currentHeight: number;
|
|
628
279
|
}, {}, {}>;
|
|
629
|
-
export declare const
|
|
280
|
+
export declare const Container: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
630
281
|
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
631
282
|
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Box, Input, Popover,
|
|
1
|
+
import { Box, Input, Popover, styled } from '@mui/material';
|
|
2
2
|
import { motion } from 'framer-motion';
|
|
3
3
|
export const FOOTER_HEIGHT = 37;
|
|
4
4
|
export const TITLE_BAR_HEIGHT = '32px';
|
|
@@ -11,37 +11,6 @@ export const StyledPopover = styled(Popover)(({ theme }) => ({
|
|
|
11
11
|
},
|
|
12
12
|
}));
|
|
13
13
|
export const HEADER_HEIGHT = 44;
|
|
14
|
-
export const jsonTheme = {
|
|
15
|
-
'--w-rjv-color': '#9cdcfe',
|
|
16
|
-
'--w-rjv-key-string': '#357fb9',
|
|
17
|
-
'--w-rjv-background-color': '#ffffff',
|
|
18
|
-
'--w-rjv-line-color': '#ffffff',
|
|
19
|
-
'--w-rjv-arrow-color': '#116e6bed',
|
|
20
|
-
'--w-rjv-edit-color': '#9cdcfe',
|
|
21
|
-
'--w-rjv-info-color': '#9c9c9c7a',
|
|
22
|
-
'--w-rjv-update-color': '#FFE20B',
|
|
23
|
-
'--w-rjv-copied-color': '#9cdcfe',
|
|
24
|
-
'--w-rjv-copied-success-color': '#28a745',
|
|
25
|
-
'--w-rjv-curlybraces-color': '#000000',
|
|
26
|
-
'--w-rjv-colon-color': '#000000',
|
|
27
|
-
'--w-rjv-brackets-color': '#000000',
|
|
28
|
-
'--w-rjv-quotes-color': '#9cdcfe',
|
|
29
|
-
'--w-rjv-quotes-string-color': '#c27c46',
|
|
30
|
-
'--w-rjv-type-string-color': '#c27c46',
|
|
31
|
-
'--w-rjv-type-int-color': '#956ea5',
|
|
32
|
-
'--w-rjv-type-float-color': '#956ea5',
|
|
33
|
-
'--w-rjv-type-bigint-color': '#956ea5',
|
|
34
|
-
'--w-rjv-type-boolean-color': '#956ea5',
|
|
35
|
-
'--w-rjv-type-date-color': '#956ea5',
|
|
36
|
-
'--w-rjv-type-url-color': '#3b89cf',
|
|
37
|
-
'--w-rjv-type-null-color': '#956ea5',
|
|
38
|
-
'--w-rjv-type-nan-color': '#956ea5',
|
|
39
|
-
'--w-rjv-type-undefined-color': '#956ea5',
|
|
40
|
-
padding: '1rem',
|
|
41
|
-
height: `calc(100% - ${HEADER_HEIGHT + FOOTER_HEIGHT}px`,
|
|
42
|
-
overflow: 'auto',
|
|
43
|
-
};
|
|
44
|
-
export const requestJsonTheme = Object.assign(Object.assign({}, jsonTheme), { background: 'transparent', '--w-rjv-line-color': 'transparent' });
|
|
45
14
|
export const StyledAnimatedButton = styled('button')(({ theme }) => ({
|
|
46
15
|
padding: '0rem',
|
|
47
16
|
borderRadius: '0.25rem',
|
|
@@ -67,20 +36,6 @@ export const StyledAnimatedButton = styled('button')(({ theme }) => ({
|
|
|
67
36
|
height: '24px',
|
|
68
37
|
flexShrink: 0,
|
|
69
38
|
}));
|
|
70
|
-
export const StyledCopyButton = styled('button')(({ theme }) => ({
|
|
71
|
-
outline: 'none',
|
|
72
|
-
cursor: 'pointer',
|
|
73
|
-
border: `1px solid transparent`,
|
|
74
|
-
'&:hover': {
|
|
75
|
-
boxShadow: theme.shadows[8],
|
|
76
|
-
},
|
|
77
|
-
borderRadius: '0.25rem',
|
|
78
|
-
position: 'relative',
|
|
79
|
-
backgroundColor: theme.palette.background.transparent,
|
|
80
|
-
display: 'inline-flex',
|
|
81
|
-
alignItems: 'center',
|
|
82
|
-
justifyContent: 'center',
|
|
83
|
-
}));
|
|
84
39
|
export const StyledSearchInput = styled(Input)(({ theme }) => ({
|
|
85
40
|
border: `1px solid ${theme.palette.grey[100]}`,
|
|
86
41
|
borderRadius: '0.25rem',
|
|
@@ -95,53 +50,6 @@ export const StyledSearchInput = styled(Input)(({ theme }) => ({
|
|
|
95
50
|
border: `1px solid ${theme.palette.info.dark}`,
|
|
96
51
|
},
|
|
97
52
|
}));
|
|
98
|
-
export const StyledTitle = styled(Typography)(() => ({
|
|
99
|
-
border: '1px solid rgba(242, 242, 242, 0.70);',
|
|
100
|
-
display: 'inline-flex',
|
|
101
|
-
height: '24px',
|
|
102
|
-
padding: '0px 8px',
|
|
103
|
-
justifyContent: 'center',
|
|
104
|
-
alignItems: 'center',
|
|
105
|
-
borderRadius: '37.5px',
|
|
106
|
-
backgroundColor: '#fff',
|
|
107
|
-
}));
|
|
108
|
-
export const SectionWrapper = styled(Box, {
|
|
109
|
-
shouldForwardProp: (prop) => !['isMaximized', 'isScrollingRequest', 'isRequestShown'].includes(prop),
|
|
110
|
-
})(({ isScrollingRequest, isMaximized, isRequestShown, theme }) => (Object.assign(Object.assign({ display: 'flex', justifyContent: 'space-between', alignItems: 'center', gap: '4px', paddingBlock: '0px', paddingInlineStart: '12px', paddingInlineEnd: '12px', position: 'sticky', left: 0, right: 0, top: 0, background: '#fff', zIndex: 5 }, (isScrollingRequest && {
|
|
111
|
-
boxShadow: theme.shadows[23],
|
|
112
|
-
})), (isMaximized && Object.assign({ paddingTop: TITLE_BAR_HEIGHT, transition: 'padding 0.3s ease-in-out' }, (isRequestShown && {
|
|
113
|
-
width: '50%',
|
|
114
|
-
}))))));
|
|
115
|
-
export const FooterWrapper = styled(Box, {
|
|
116
|
-
shouldForwardProp: (prop) => !['isMaximized', 'isRequestShown'].includes(prop),
|
|
117
|
-
})(({ isMaximized, isRequestShown }) => (Object.assign({ display: 'flex', justifyContent: 'space-between', alignItems: 'center', gap: '8px', height: FOOTER_HEIGHT, position: 'fixed', bottom: 0, right: 0, left: isMaximized ? '50vw' : 0 }, (!isRequestShown && {
|
|
118
|
-
left: 0,
|
|
119
|
-
}))));
|
|
120
|
-
export const ButtonsWrapper = styled(Box)(() => ({
|
|
121
|
-
display: 'flex',
|
|
122
|
-
justifyContent: 'flex-end',
|
|
123
|
-
alignItems: 'center',
|
|
124
|
-
gap: '4px',
|
|
125
|
-
paddingBlock: '10px',
|
|
126
|
-
paddingInlineStart: '8px',
|
|
127
|
-
paddingInlineEnd: '0px',
|
|
128
|
-
}));
|
|
129
|
-
export const StyledHeaderWrapper = styled(Box)(() => ({
|
|
130
|
-
display: 'flex',
|
|
131
|
-
justifyContent: 'flex-start',
|
|
132
|
-
alignItems: 'center',
|
|
133
|
-
gap: '4px',
|
|
134
|
-
paddingBlock: '10px',
|
|
135
|
-
paddingInlineStart: '0px',
|
|
136
|
-
paddingInlineEnd: '12px',
|
|
137
|
-
}));
|
|
138
|
-
export const JSONViewerWrapper = styled(motion.div, {
|
|
139
|
-
shouldForwardProp: (prop) => !['isRequestShown', 'isMaximized'].includes(prop),
|
|
140
|
-
})(({ isRequestShown, isMaximized }) => (Object.assign({ width: '100%', height: '100%', overflowY: 'auto', background: '#fff', zIndex: 20, position: 'relative', display: 'flex', flexDirection: 'column', borderBottomRightRadius: '12px', borderBottomLeftRadius: isRequestShown ? 0 : '12px' }, (isMaximized && {
|
|
141
|
-
borderBottomLeftRadius: 0,
|
|
142
|
-
borderBottomRightRadius: 0,
|
|
143
|
-
height: '100vh',
|
|
144
|
-
}))));
|
|
145
53
|
export const JSONViewerWrapperRequest = styled(motion.div, {
|
|
146
54
|
shouldForwardProp: (prop) => !['isMaximized', 'currentRequestWidth'].includes(prop),
|
|
147
55
|
})(({ isMaximized, currentRequestWidth }) => ({
|
|
@@ -168,9 +76,12 @@ export const JSONViewerScreenContainer = styled(Box, {
|
|
|
168
76
|
position: 'fixed',
|
|
169
77
|
width: '100%',
|
|
170
78
|
}));
|
|
171
|
-
export const
|
|
79
|
+
export const Container = styled(Box)(() => ({
|
|
172
80
|
position: 'fixed',
|
|
173
81
|
width: '100%',
|
|
174
82
|
background: 'transparent',
|
|
175
83
|
height: '100%',
|
|
84
|
+
'#receipt-content .app-container': {
|
|
85
|
+
transform: 'unset',
|
|
86
|
+
},
|
|
176
87
|
}));
|
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.111-test.
|
|
5
|
-
"testVersion":
|
|
4
|
+
"version": "0.1.111-test.6",
|
|
5
|
+
"testVersion": 6,
|
|
6
6
|
"type": "module",
|
|
7
7
|
"main": "build/index.js",
|
|
8
8
|
"module": "build/index.js",
|