@tap-payments/os-micro-frontend-shared 0.1.60-test.3 → 0.1.60-test.3-test.4

package/build/constants/assets.js

@@ -107,7 +107,6 @@ export const checkIcon = `${appBaseUrl}/check.svg`;
 export const closeXIcon = `${appBaseUrl}/closeX.svg`;
 export const dragIcon = `${appBaseUrl}/drag.svg`;
 export const checkboxIcon = `${appBaseUrl}/checkboxIcon.svg`;
-export const whitePlusIcon = `${lightUrl}/plusWhite.svg`;
 export const protectIcon = `${appBaseUrl}/checkboxIcon.svg`;
 export const unisoIcon = `${lightUrl}/Uniso.svg`;
 export const addidasIcon = `${lightUrl}/addidas.svg`;

package/build/types/user.d.ts

@@ -2,6 +2,7 @@ import { UserApp } from './apps';
 import { Brand } from './brand';
 import { Entity } from './entity';
 import { Merchant } from './merchant';
+import { ACCOUNT_SECTION } from './account';
 import { Country } from './appConfig';
 export interface TextAndLang {
     lang: string;
@@ -160,7 +161,7 @@ export interface SegmentRole {
     role_id: string;
 }
 export interface UserSection {
-    id: string;
+    id: ACCOUNT_SECTION;
     title?: string;
     icon?: string;
 }

package/build/utils/style.d.ts

@@ -14,11 +14,9 @@ interface GetSelectionStylesParams {
 type SelectionStyles = Record<string, string | Record<string, string>>;
 export declare const getSelectionStyles: ({ isSelected, isCellSelected, isColumnSelected, isRowSelected, isLastRow, }: GetSelectionStylesParams) => SelectionStyles;
 interface GetRowSelectionBorderStylesParams {
-    isCellSelected: boolean;
-    isNextCellSelected: boolean;
-    effectiveLast: boolean;
+    effectiveFirst: boolean;
+    isPinnedStart: boolean;
     isPinnedEnd: boolean;
-    colIndex: number;
 }
-export declare const getRowSelectionBorderStyles: ({ isCellSelected, isNextCellSelected, effectiveLast, isPinnedEnd, colIndex, }: GetRowSelectionBorderStylesParams) => SelectionStyles;
+export declare const getRowSelectionBorderStyles: ({ effectiveFirst, isPinnedStart, isPinnedEnd }: GetRowSelectionBorderStylesParams) => SelectionStyles;
 export {};

package/build/utils/style.js

@@ -37,16 +37,13 @@ const getRowSelectionStyles = () => ({
     },
 });
 const getSingleCellSelectionStyles = () => ({
-    border: `1.5px solid ${SELECTION_COLORS.primary}`,
+    border: `${BORDER_STYLES.thin} solid ${SELECTION_COLORS.primary}`,
     backgroundColor: SELECTION_COLORS.background,
     color: SELECTION_COLORS.primary,
     borderRadius: '2px',
-    '&:before': {
-        border: `1.5px solid ${SELECTION_COLORS.primary}`,
-    },
 });
 const getColumnSelectionStyles = (isLastRow) => {
-    const borderWidth = getBorderWidthForColumn(isLastRow);
+    const borderWidth = getBorderWidthForColumn();
     const borderBottom = getBorderBottomForColumn(isLastRow);
     return {
         borderWidth,
@@ -57,31 +54,18 @@ const getColumnSelectionStyles = (isLastRow) => {
         minHeight: CELL_DIMENSIONS.minHeight,
         display: 'flex',
         alignItems: 'center',
-        '&:before': {
-            borderWidth,
-            borderBottom: isLastRow
-                ? `${BORDER_STYLES.thick} solid ${SELECTION_COLORS.primary}`
-                : `${BORDER_STYLES.thin} solid ${SELECTION_COLORS.transparent}`,
-        },
     };
 };
-const getBorderWidthForColumn = (isLastRow) => {
-    const { none, thick } = BORDER_STYLES;
-    return isLastRow ? `${none} ${thick} ${thick} ${thick}` : `${none} ${thick} ${none} ${thick}`;
+const getBorderWidthForColumn = () => {
+    const { none, thin } = BORDER_STYLES;
+    return `${none} ${thin} ${thin} ${thin}`;
 };
 const getBorderBottomForColumn = (isLastRow) => {
     return isLastRow ? `${BORDER_STYLES.thick} solid ${SELECTION_COLORS.primary}` : `${BORDER_STYLES.thin} solid ${SELECTION_COLORS.border}`;
 };
-export const getRowSelectionBorderStyles = ({ isCellSelected, isNextCellSelected, effectiveLast, isPinnedEnd, colIndex, }) => (Object.assign(Object.assign(Object.assign({ borderRadius: '0px', '&:before': {
-        border: 'none',
-    }, '&:after': {
-        border: 'none',
-    }, border: `1.5px solid ${SELECTION_COLORS.primary}` }, (isCellSelected && Object.assign({ border: `1.5px solid ${SELECTION_COLORS.primary}` }, (isNextCellSelected && {
-    borderRight: `1.5px solid ${SELECTION_COLORS.primary}`,
-})))), (isCellSelected &&
-    colIndex > 0 && {
-    borderLeft: `1.5px solid ${SELECTION_COLORS.primary}`,
-})), (effectiveLast &&
-    isPinnedEnd && {
-    borderRight: `2.5px solid ${SELECTION_COLORS.primary}`,
-})));
+export const getRowSelectionBorderStyles = ({ effectiveFirst, isPinnedStart, isPinnedEnd }) => ({
+    borderTop: `${BORDER_STYLES.thin} solid ${SELECTION_COLORS.primary}`,
+    borderBottom: `${BORDER_STYLES.thin} solid ${SELECTION_COLORS.primary}`,
+    borderRight: isPinnedEnd ? `${BORDER_STYLES.thin} solid ${SELECTION_COLORS.primary}` : 'none',
+    borderLeft: isPinnedStart && effectiveFirst ? `${BORDER_STYLES.thin} solid ${SELECTION_COLORS.primary}` : 'none',
+});

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@tap-payments/os-micro-frontend-shared",
   "description": "Shared components and utilities for Tap Payments micro frontends",
-  "version": "0.1.60-test.3",
-  "testVersion": 3,
+  "version": "0.1.60-test.3-test.4",
+  "testVersion": 4,
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",