@tap-payments/os-micro-frontend-shared 0.1.58 → 0.1.59-test.1

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.58",
-  "testVersion": 0,
+  "version": "0.1.59-test.1",
+  "testVersion": 1,
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",
@@ -131,4 +131,4 @@
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
   }
-}
+}