@tap-payments/os-micro-frontend-shared 0.1.153-test.13 → 0.1.153-test.14
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/components/TableCells/CustomCells/ActionCell/ActionCell.d.ts +2 -3
- package/build/components/TableCells/CustomCells/ActionCell/ActionCell.js +2 -3
- package/build/components/TableCells/CustomCells/ActionCell/{ActionIconColumn.d.ts → components/ActionIconColumn.d.ts} +1 -1
- package/build/components/TableCells/CustomCells/ActionCell/{ActionIconColumn.js → components/ActionIconColumn.js} +7 -7
- package/build/components/TableCells/CustomCells/ActionCell/{ActionsColumn.d.ts → components/ActionsColumn.d.ts} +2 -2
- package/build/components/TableCells/CustomCells/ActionCell/{ActionsColumn.js → components/ActionsColumn.js} +7 -7
- package/build/components/TableCells/CustomCells/ActionCell/components/index.d.ts +2 -0
- package/build/components/TableCells/CustomCells/ActionCell/components/index.js +2 -0
- package/build/components/TableCells/CustomCells/ActionCell/index.d.ts +1 -3
- package/build/components/TableCells/CustomCells/ActionCell/index.js +1 -3
- package/build/constants/apps.d.ts +0 -12
- package/build/constants/apps.js +1 -9
- package/package.json +2 -2
|
@@ -3,6 +3,5 @@ import type { ActionCellProps } from '../type';
|
|
|
3
3
|
type Props = Readonly<ActionCellProps> & {
|
|
4
4
|
onJsonViewClick?: () => void;
|
|
5
5
|
};
|
|
6
|
-
declare
|
|
7
|
-
|
|
8
|
-
export default _default;
|
|
6
|
+
export declare const ActionCell: React.MemoExoticComponent<({ flag, actions, flagTooltip, flagsCount, dropdownAction, onCloseDropdown, isDropdownShown, row, showJsonViewer, isTextShown, showIdButton, rowId, onJsonViewClick, renderDropdown, ...props }: Props) => import("react/jsx-runtime").JSX.Element>;
|
|
7
|
+
export {};
|
|
@@ -24,7 +24,7 @@ import { useActionCell } from './hooks/useActionCell';
|
|
|
24
24
|
import { ActionCellContainer, ActionIcon, ActionsIconContainer } from './style';
|
|
25
25
|
import { IDButton } from '../IDButton';
|
|
26
26
|
import { BadgeWrapper, IdButtonContainer, TextLabel, TransparentButton } from '../style';
|
|
27
|
-
|
|
27
|
+
export const ActionCell = memo((_a) => {
|
|
28
28
|
var _b, _c;
|
|
29
29
|
var { flag, actions, flagTooltip, flagsCount, dropdownAction, onCloseDropdown, isDropdownShown = true, row, showJsonViewer = true, isTextShown, showIdButton = true, rowId, onJsonViewClick, renderDropdown } = _a, props = __rest(_a, ["flag", "actions", "flagTooltip", "flagsCount", "dropdownAction", "onCloseDropdown", "isDropdownShown", "row", "showJsonViewer", "isTextShown", "showIdButton", "rowId", "onJsonViewClick", "renderDropdown"]);
|
|
30
30
|
const { t } = useTranslation();
|
|
@@ -91,5 +91,4 @@ function ActionCell(_a) {
|
|
|
91
91
|
(_a = action === null || action === void 0 ? void 0 : action.onRightClick) === null || _a === void 0 ? void 0 : _a.call(action, e);
|
|
92
92
|
handleClose();
|
|
93
93
|
}, icon: (_jsx(ActionIcon, { icon: action.icon, src: actionIcons[action.icon], initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 } }, `action.label-${action.label.trim()}`)) }))) }))] }))] }))] }))] })) })));
|
|
94
|
-
}
|
|
95
|
-
export default memo(ActionCell);
|
|
94
|
+
});
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import type { ActionCellProps } from '
|
|
2
|
+
import type { ActionCellProps } from '../../type';
|
|
3
3
|
type ActionIconColumnProps = Readonly<Pick<ActionCellProps, 'actions' | 'dropdownAction' | 'onCloseDropdown' | 'isDropdownShown' | 'renderDropdown'>>;
|
|
4
4
|
declare function ActionIconColumn({ actions, dropdownAction, onCloseDropdown, isDropdownShown, renderDropdown, ...props }: ActionIconColumnProps): import("react/jsx-runtime").JSX.Element;
|
|
5
5
|
declare const _default: React.MemoExoticComponent<typeof ActionIconColumn>;
|
|
@@ -12,13 +12,13 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
12
12
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
13
|
import { memo } from 'react';
|
|
14
14
|
import { AnimatePresence } from 'framer-motion';
|
|
15
|
-
import Dropdown from '
|
|
16
|
-
import { TableCell } from '
|
|
17
|
-
import ActionIconsVariants from '
|
|
18
|
-
import { actionIcons } from '
|
|
19
|
-
import { useActionCell } from '
|
|
20
|
-
import { ActionIcon, ActionsIconContainer } from '
|
|
21
|
-
import { TransparentButton } from '
|
|
15
|
+
import Dropdown from '../../../../DropdownMenu';
|
|
16
|
+
import { TableCell } from '../../../../TableCells';
|
|
17
|
+
import ActionIconsVariants from '../components/ActionIconsVariants';
|
|
18
|
+
import { actionIcons } from '../constant';
|
|
19
|
+
import { useActionCell } from '../hooks/useActionCell';
|
|
20
|
+
import { ActionIcon, ActionsIconContainer } from '../style';
|
|
21
|
+
import { TransparentButton } from '../../style';
|
|
22
22
|
function ActionIconColumn(_a) {
|
|
23
23
|
var { actions, dropdownAction, onCloseDropdown, isDropdownShown = true, renderDropdown } = _a, props = __rest(_a, ["actions", "dropdownAction", "onCloseDropdown", "isDropdownShown", "renderDropdown"]);
|
|
24
24
|
const { open, anchorEl, filteredActions, isAnyActionLoading, isAnyActionHasError, isAnyActionSuccessful, areThereAnyShownActions, handleClick, handleClose, setAnchorEl, } = useActionCell({ actions, isDropdownShown, onCloseDropdown, renderDropdown });
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import
|
|
3
|
-
import {
|
|
2
|
+
import { TableMode } from '../../../../../types/index.js';
|
|
3
|
+
import type { ActionCellProps } from '../../type';
|
|
4
4
|
type ActionsColumnProps = Readonly<Pick<ActionCellProps, 'flag' | 'flagTooltip' | 'flagsCount' | 'row' | 'showJsonViewer' | 'isTextShown' | 'showIdButton' | 'rowId'>> & {
|
|
5
5
|
onJsonViewClick?: () => void;
|
|
6
6
|
tableMode?: TableMode;
|
|
@@ -12,13 +12,13 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
12
12
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
13
13
|
import { memo } from 'react';
|
|
14
14
|
import { motion } from 'framer-motion';
|
|
15
|
-
import Tooltip from '
|
|
16
|
-
import { TableCell } from '
|
|
17
|
-
import StyledBadge, { BadgeVariants } from '
|
|
18
|
-
import
|
|
19
|
-
import {
|
|
20
|
-
import {
|
|
21
|
-
import
|
|
15
|
+
import Tooltip from '../../../../Tooltip';
|
|
16
|
+
import { TableCell } from '../../../../TableCells';
|
|
17
|
+
import StyledBadge, { BadgeVariants } from '../../../../CountBadge';
|
|
18
|
+
import StatusChip from '../../../../StatusChip';
|
|
19
|
+
import { colorToVariant, flags } from '../constant';
|
|
20
|
+
import { ActionCellContainer, ActionIcon } from '../style';
|
|
21
|
+
import { BadgeWrapper, TextLabel } from '../../style';
|
|
22
22
|
function ActionsColumn(_a) {
|
|
23
23
|
var _b, _c;
|
|
24
24
|
var { flag, flagTooltip, flagsCount, row, showJsonViewer = true, isTextShown, showIdButton = true, rowId, onJsonViewClick, tableMode } = _a, props = __rest(_a, ["flag", "flagTooltip", "flagsCount", "row", "showJsonViewer", "isTextShown", "showIdButton", "rowId", "onJsonViewClick", "tableMode"]);
|
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
export
|
|
2
|
-
export { default as ActionsColumn } from './ActionsColumn';
|
|
3
|
-
export { default as ActionIconColumn } from './ActionIconColumn';
|
|
1
|
+
export * from './ActionCell';
|
|
4
2
|
export * from './components';
|
|
5
3
|
export * from './type';
|
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
export
|
|
2
|
-
export { default as ActionsColumn } from './ActionsColumn';
|
|
3
|
-
export { default as ActionIconColumn } from './ActionIconColumn';
|
|
1
|
+
export * from './ActionCell';
|
|
4
2
|
export * from './components';
|
|
5
3
|
export * from './type';
|
|
@@ -398,9 +398,6 @@ export declare const APP_CODES: {
|
|
|
398
398
|
statement: {
|
|
399
399
|
code: string;
|
|
400
400
|
};
|
|
401
|
-
summary: {
|
|
402
|
-
code: string;
|
|
403
|
-
};
|
|
404
401
|
view: {
|
|
405
402
|
code: string;
|
|
406
403
|
};
|
|
@@ -421,9 +418,6 @@ export declare const APP_CODES: {
|
|
|
421
418
|
statement: {
|
|
422
419
|
code: string;
|
|
423
420
|
};
|
|
424
|
-
summary: {
|
|
425
|
-
code: string;
|
|
426
|
-
};
|
|
427
421
|
view: {
|
|
428
422
|
code: string;
|
|
429
423
|
};
|
|
@@ -444,9 +438,6 @@ export declare const APP_CODES: {
|
|
|
444
438
|
statement: {
|
|
445
439
|
code: string;
|
|
446
440
|
};
|
|
447
|
-
summary: {
|
|
448
|
-
code: string;
|
|
449
|
-
};
|
|
450
441
|
view: {
|
|
451
442
|
code: string;
|
|
452
443
|
};
|
|
@@ -487,9 +478,6 @@ export declare const APP_CODES: {
|
|
|
487
478
|
paymentTechnology: {
|
|
488
479
|
code: string;
|
|
489
480
|
functions: {
|
|
490
|
-
summary: {
|
|
491
|
-
code: string;
|
|
492
|
-
};
|
|
493
481
|
view: {
|
|
494
482
|
code: string;
|
|
495
483
|
};
|
package/build/constants/apps.js
CHANGED
|
@@ -166,24 +166,18 @@ export const APP_CODES = {
|
|
|
166
166
|
code: 'BUSINESS_WALLET',
|
|
167
167
|
functions: Object.assign(Object.assign({}, SERVICE_COMMON_FUNCTIONS), { statement: {
|
|
168
168
|
code: 'STATEMENT',
|
|
169
|
-
}, summary: {
|
|
170
|
-
code: 'SUMMARY',
|
|
171
169
|
} }),
|
|
172
170
|
},
|
|
173
171
|
retailers: {
|
|
174
172
|
code: 'RETAILER_WALLET',
|
|
175
173
|
functions: Object.assign(Object.assign({}, SERVICE_COMMON_FUNCTIONS), { statement: {
|
|
176
174
|
code: 'STATEMENT',
|
|
177
|
-
}, summary: {
|
|
178
|
-
code: 'SUMMARY',
|
|
179
175
|
} }),
|
|
180
176
|
},
|
|
181
177
|
customers: {
|
|
182
178
|
code: 'CUSTOMER_WALLET',
|
|
183
179
|
functions: Object.assign(Object.assign({}, SERVICE_COMMON_FUNCTIONS), { statement: {
|
|
184
180
|
code: 'STATEMENT',
|
|
185
|
-
}, summary: {
|
|
186
|
-
code: 'SUMMARY',
|
|
187
181
|
} }),
|
|
188
182
|
},
|
|
189
183
|
merchants: {
|
|
@@ -196,9 +190,7 @@ export const APP_CODES = {
|
|
|
196
190
|
},
|
|
197
191
|
paymentTechnology: {
|
|
198
192
|
code: 'PAYMENT_TECHNOLOGY_WALLET',
|
|
199
|
-
functions: Object.assign(
|
|
200
|
-
code: 'SUMMARY',
|
|
201
|
-
} }),
|
|
193
|
+
functions: Object.assign({}, SERVICE_COMMON_FUNCTIONS),
|
|
202
194
|
},
|
|
203
195
|
},
|
|
204
196
|
},
|
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.153-test.
|
|
5
|
-
"testVersion":
|
|
4
|
+
"version": "0.1.153-test.14",
|
|
5
|
+
"testVersion": 14,
|
|
6
6
|
"type": "module",
|
|
7
7
|
"main": "build/index.js",
|
|
8
8
|
"module": "build/index.js",
|