@tap-payments/os-micro-frontend-shared 0.0.47 → 0.0.49

package/build/components/Chip/GroupIconChips.js

@@ -24,7 +24,11 @@ const GroupIconChips = ({ children, className, getSourceAnimation, expandDirecti
             getSourceAnimation,
             expandDirection }));
     }), [children, getSourceAnimation, sourceCount, expandDirection]);
-    return (_jsx(StyledSourceCell, Object.assign({ "data-testid": "styled-source-cell", sx: Object.assign({}, cellDimentions) }, { children: _jsx(SourcesContainer, Object.assign({ ref: animationContainerRef, id: "test", layout: true, className: className, whileHover: "animate", animate: "start", sourcesCount: sourceCount, variants: { animate: { width: sourceCount * (6 + 32) } }, style: {
+    return (_jsx(StyledSourceCell, Object.assign({ "data-testid": "styled-source-cell", sx: Object.assign({}, cellDimentions) }, { children: _jsx(SourcesContainer, Object.assign({ ref: animationContainerRef, layout: true, className: className, whileHover: "animate", animate: "start", sourcesCount: sourceCount, variants: {
+                animate: {
+                    width: sourceCount * (6 + 32),
+                },
+            }, style: {
                 zIndex: 29,
             } }, { children: overrideChildren })) })));
 };

package/build/components/Chip/style.js

@@ -39,7 +39,7 @@ export const StyledSourceCell = styled('span')(({ theme }) => ({
     gap: theme.spacing(1),
     position: 'relative',
 }));
-export const SourcesContainer = styled(motion.span)(({ theme, sourcesCount }) => ({
+export const SourcesContainer = styled(motion.span)(({ sourcesCount }) => ({
     display: 'flex',
     alignItems: 'center',
     justifyContent: 'flex-start',
@@ -47,7 +47,7 @@ export const SourcesContainer = styled(motion.span)(({ theme, sourcesCount }) =>
     minWidth: `${sourcesCount * 6 + 36}px `,
     minHeight: '24px',
     cursor: 'pointer',
-    backgroundColor: theme.palette.background.paper,
+    backgroundColor: 'transparent',
     borderRadius: '16px',
 }));
 export const defaultGetSourceAnimation = (params) => {

package/build/components/TableHeader_V2/index.d.ts

@@ -1,4 +1,5 @@
 export { default as TableHeader } from './TableHeader';
 export * from './style';
+export * from './type';
 export { FiltersRow } from './FiltersRow';
 export * from './components';

package/build/components/TableHeader_V2/index.js

@@ -1,4 +1,5 @@
 export { default as TableHeader } from './TableHeader';
 export * from './style';
+export * from './type';
 export { FiltersRow } from './FiltersRow';
 export * from './components';

package/build/components/TableHeader_V2/type.d.ts

@@ -9,8 +9,8 @@ declare const viewsOptions: {
     custom: {};
 };
 export type View = keyof typeof viewsOptions;
-export type AvailableStatus = StatusButtonProps & {
-    status: TableHeaderStatus | TableHeaderStatus[];
+export type AvailableStatus<T = undefined> = StatusButtonProps & {
+    status: T | TableHeaderStatus | (TableHeaderStatus | T)[];
 };
 export interface TableHeaderProps {
     availableStatuses?: AvailableStatus[];

package/build/constants/assets.d.ts

@@ -473,3 +473,4 @@ export declare const babyBlueCheckIcon: string;
 export declare const digitalReceiptIcon: string;
 export declare const bankNoteIcon: string;
 export declare const terminalDeviceFrame: string;
+export declare const blackBrushIcon: string;

package/build/constants/assets.js

@@ -477,3 +477,4 @@ export const babyBlueCheckIcon = `${lightUrl}/babyBlueCheckIcon.svg`;
 export const digitalReceiptIcon = `${lightUrl}/digitalReceiptIcon.svg`;
 export const bankNoteIcon = `${lightUrl}/bankNoteIcon.svg`;
 export const terminalDeviceFrame = `${lightUrl}/terminalDeviceFrame.svg`;
+export const blackBrushIcon = `${lightUrl}/blackBrushIcon.svg`;

package/build/types/table.d.ts

@@ -17,7 +17,7 @@ export interface TableStatus<T> {
     filterStatus: T;
     totalCount?: number;
 }
-export type TableHeaderStatus = 'all' | 'initiated' | 'captured' | 'unCaptured' | 'inProgress' | 'abandoned' | 'cancelled' | 'reversed' | 'unsettled' | 'unauthorized' | 'completed' | 'authorized' | 'refunded' | 'paidOut' | 'pending' | 'cleared' | 'open' | 'revered' | 'unauthenticated' | 'authenticated' | 'issued' | 'drafted' | 'scheduled' | 'paid' | 'outstanding' | 'draft' | 'expired' | 'transacted' | 'settled' | 'unSettled' | 'summary' | 'chargeSettlements' | 'refundSettlements' | 'destinationSettlements' | 'chargebackSettlements' | 'used' | 'active' | 'expired' | 'consumed' | 'notActive' | 'signedUp' | undefined;
+export type TableHeaderStatus = 'all' | 'initiated' | 'captured' | 'unCaptured' | 'inProgress' | 'abandoned' | 'cancelled' | 'reversed' | 'unsettled' | 'unauthorized' | 'completed' | 'authorized' | 'refunded' | 'paidOut' | 'pending' | 'cleared' | 'open' | 'revered' | 'unauthenticated' | 'authenticated' | 'issued' | 'drafted' | 'scheduled' | 'paid' | 'outstanding' | 'draft' | 'expired' | 'transacted' | 'settled' | 'unSettled' | 'summary' | 'chargeSettlements' | 'refundSettlements' | 'destinationSettlements' | 'chargebackSettlements' | 'used' | 'active' | 'expired' | 'consumed' | 'notActive' | 'signedUp' | (string & {}) | undefined;
 export interface IColumnProps<R = any> {
     header?: string | (() => React.ReactNode);
     render?: (props: IRenderAttr<R, IColumnProps<R>>) => React.ReactNode;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tap-payments/os-micro-frontend-shared",
   "description": "Shared components and utilities for Tap Payments micro frontends",
-  "version": "0.0.47",
+  "version": "0.0.49",
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",