@tap-payments/os-micro-frontend-shared 0.1.60-test.6 → 0.1.61

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: `${BORDER_STYLES.thin} solid ${isPinnedEnd ? SELECTION_COLORS.primary : 'none'}`,
+    borderLeft: `${BORDER_STYLES.thin} solid ${isPinnedStart && effectiveFirst ? SELECTION_COLORS.primary : 'transparent'}`,
+});

package/package.json

@@ -1,134 +1,134 @@
-{
-  "name": "@tap-payments/os-micro-frontend-shared",
-  "description": "Shared components and utilities for Tap Payments micro frontends",
-  "version": "0.1.60-test.6",
-  "testVersion": 6,
-  "type": "module",
-  "main": "build/index.js",
-  "module": "build/index.js",
-  "types": "build/index.d.ts",
-  "exports": {
-    ".": {
-      "types": "./build/index.d.ts",
-      "import": "./build/index.js",
-      "require": "./build/index.js"
-    },
-    "./constants": {
-      "types": "./build/constants/index.d.ts",
-      "import": "./build/constants/index.js",
-      "require": "./build/constants/index.js"
-    },
-    "./components": {
-      "types": "./build/components/index.d.ts",
-      "import": "./build/components/index.js",
-      "require": "./build/components/index.js"
-    },
-    "./components/*": {
-      "types": "./build/components/*/index.d.ts",
-      "import": "./build/components/*/index.js",
-      "require": "./build/components/*/index.js"
-    },
-    "./hooks": {
-      "types": "./build/hooks/index.d.ts",
-      "import": "./build/hooks/index.js",
-      "require": "./build/hooks/index.js"
-    },
-    "./utils": {
-      "types": "./build/utils/index.d.ts",
-      "import": "./build/utils/index.js",
-      "require": "./build/utils/index.js"
-    },
-    "./theme": {
-      "types": "./build/theme/index.d.ts",
-      "import": "./build/theme/index.js",
-      "require": "./build/theme/index.js"
-    },
-    "./types": {
-      "types": "./build/types/index.d.ts",
-      "import": "./build/types/index.js",
-      "require": "./build/types/index.js"
-    }
-  },
-  "license": "MIT",
-  "author": {
-    "name": "Ahmed Sharkawy",
-    "email": "a.elsharkawy@tap.company"
-  },
-  "files": [
-    "build",
-    "readme.md"
-  ],
-  "scripts": {
-    "ts:build": "rm -rf build && tsc -p tsconfig.npm.json && tsc-alias -p tsconfig.npm.json",
-    "push": "npm run ts:build && npm publish --access public",
-    "push:test": "node scripts/increment-test-version.cjs && npm run ts:build && npm publish --access public --tag test && node scripts/restore-version.cjs",
-    "dev": "vite",
-    "build": "tsc -b && vite build ",
-    "prettier": "prettier --list-different \"src/**/*.{md,mdx,ts,js,tsx,jsx,json}\"",
-    "prettier:fix": "prettier --write \"src/**/*.{ts,tsx,js,jsx,json,md,css,json}\"",
-    "lint": "eslint . --color",
-    "lint:fix": "eslint src --fix --color",
-    "preview": "vite preview",
-    "prepare": "husky"
-  },
-  "dependencies": {
-    "@emotion/react": "^11.11.0",
-    "@emotion/styled": "^11.11.0",
-    "@hookform/resolvers": "^3.3.1",
-    "@mui/material": "^5.12.3",
-    "@uiw/react-json-view": "^2.0.0-alpha.16",
-    "axios": "^1.4.0",
-    "dayjs": "^1.11.8",
-    "framer-motion": "10.11.0",
-    "i18next": "^22.4.15",
-    "memoize-one": "^6.0.0",
-    "re-resizable": "^6.9.9",
-    "react": "^18.2.0",
-    "react-currency-input-field": "^3.6.11",
-    "react-dom": "^18.2.0",
-    "react-draggable": "^4.4.6",
-    "react-dropzone": "^14.2.3",
-    "react-hook-form": "^7.45.4",
-    "react-hot-toast": "^2.4.1",
-    "react-i18next": "^12.2.2",
-    "react-multi-date-picker": "^4.1.2",
-    "react-router-dom": "^7.7.0",
-    "react-virtualized-auto-sizer": "^1.0.20",
-    "react-window": "^1.8.9",
-    "react-window-infinite-loader": "^1.0.9",
-    "react18-input-otp": "^1.1.4",
-    "recharts": "^2.15.1"
-  },
-  "devDependencies": {
-    "@eslint/js": "^9.17.0",
-    "@testing-library/jest-dom": "^5.16.5",
-    "@types/lodash": "^4.17.15",
-    "@types/react": "^18.2.6",
-    "@types/react-dom": "^18.3.5",
-    "@types/react-virtualized-auto-sizer": "^1.0.8",
-    "@types/react-window": "^1.8.5",
-    "@types/react-window-infinite-loader": "^1.0.6",
-    "@vitejs/plugin-react": "^4.3.4",
-    "eslint": "^9.17.0",
-    "eslint-plugin-react-hooks": "^5.0.0",
-    "eslint-plugin-react-refresh": "^0.4.16",
-    "globals": "^15.14.0",
-    "husky": "^8.0.3",
-    "lint-staged": "^13.2.2",
-    "prettier": "^2.8.8",
-    "tsc-alias": "^1.8.16",
-    "typescript": "5.0.2",
-    "typescript-eslint": "^8.18.2",
-    "vite": "6.0.5",
-    "vite-tsconfig-paths": "^4.2.0"
-  },
-  "lint-staged": {
-    "src/**/*.{ts,tsx,json,js,jsx}": [
-      "yarn run prettier:fix",
-      "yarn run lint"
-    ]
-  },
-  "publishConfig": {
-    "registry": "https://registry.npmjs.org/"
-  }
-}
+{
+  "name": "@tap-payments/os-micro-frontend-shared",
+  "description": "Shared components and utilities for Tap Payments micro frontends",
+  "version": "0.1.61",
+  "testVersion": 2,
+  "type": "module",
+  "main": "build/index.js",
+  "module": "build/index.js",
+  "types": "build/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./build/index.d.ts",
+      "import": "./build/index.js",
+      "require": "./build/index.js"
+    },
+    "./constants": {
+      "types": "./build/constants/index.d.ts",
+      "import": "./build/constants/index.js",
+      "require": "./build/constants/index.js"
+    },
+    "./components": {
+      "types": "./build/components/index.d.ts",
+      "import": "./build/components/index.js",
+      "require": "./build/components/index.js"
+    },
+    "./components/*": {
+      "types": "./build/components/*/index.d.ts",
+      "import": "./build/components/*/index.js",
+      "require": "./build/components/*/index.js"
+    },
+    "./hooks": {
+      "types": "./build/hooks/index.d.ts",
+      "import": "./build/hooks/index.js",
+      "require": "./build/hooks/index.js"
+    },
+    "./utils": {
+      "types": "./build/utils/index.d.ts",
+      "import": "./build/utils/index.js",
+      "require": "./build/utils/index.js"
+    },
+    "./theme": {
+      "types": "./build/theme/index.d.ts",
+      "import": "./build/theme/index.js",
+      "require": "./build/theme/index.js"
+    },
+    "./types": {
+      "types": "./build/types/index.d.ts",
+      "import": "./build/types/index.js",
+      "require": "./build/types/index.js"
+    }
+  },
+  "license": "MIT",
+  "author": {
+    "name": "Ahmed Sharkawy",
+    "email": "a.elsharkawy@tap.company"
+  },
+  "files": [
+    "build",
+    "readme.md"
+  ],
+  "scripts": {
+    "ts:build": "rm -rf build && tsc -p tsconfig.npm.json && tsc-alias -p tsconfig.npm.json",
+    "push": "npm run ts:build && npm publish --access public",
+    "push:test": "node scripts/increment-test-version.cjs && npm run ts:build && npm publish --access public --tag test && node scripts/restore-version.cjs",
+    "dev": "vite",
+    "build": "tsc -b && vite build ",
+    "prettier": "prettier --list-different \"src/**/*.{md,mdx,ts,js,tsx,jsx,json}\"",
+    "prettier:fix": "prettier --write \"src/**/*.{ts,tsx,js,jsx,json,md,css,json}\"",
+    "lint": "eslint . --color",
+    "lint:fix": "eslint src --fix --color",
+    "preview": "vite preview",
+    "prepare": "husky"
+  },
+  "dependencies": {
+    "@emotion/react": "^11.11.0",
+    "@emotion/styled": "^11.11.0",
+    "@hookform/resolvers": "^3.3.1",
+    "@mui/material": "^5.12.3",
+    "@uiw/react-json-view": "^2.0.0-alpha.16",
+    "axios": "^1.4.0",
+    "dayjs": "^1.11.8",
+    "framer-motion": "10.11.0",
+    "i18next": "^22.4.15",
+    "memoize-one": "^6.0.0",
+    "re-resizable": "^6.9.9",
+    "react": "^18.2.0",
+    "react-currency-input-field": "^3.6.11",
+    "react-dom": "^18.2.0",
+    "react-draggable": "^4.4.6",
+    "react-dropzone": "^14.2.3",
+    "react-hook-form": "^7.45.4",
+    "react-hot-toast": "^2.4.1",
+    "react-i18next": "^12.2.2",
+    "react-multi-date-picker": "^4.1.2",
+    "react-router-dom": "^7.7.0",
+    "react-virtualized-auto-sizer": "^1.0.20",
+    "react-window": "^1.8.9",
+    "react-window-infinite-loader": "^1.0.9",
+    "react18-input-otp": "^1.1.4",
+    "recharts": "^2.15.1"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.17.0",
+    "@testing-library/jest-dom": "^5.16.5",
+    "@types/lodash": "^4.17.15",
+    "@types/react": "^18.2.6",
+    "@types/react-dom": "^18.3.5",
+    "@types/react-virtualized-auto-sizer": "^1.0.8",
+    "@types/react-window": "^1.8.5",
+    "@types/react-window-infinite-loader": "^1.0.6",
+    "@vitejs/plugin-react": "^4.3.4",
+    "eslint": "^9.17.0",
+    "eslint-plugin-react-hooks": "^5.0.0",
+    "eslint-plugin-react-refresh": "^0.4.16",
+    "globals": "^15.14.0",
+    "husky": "^8.0.3",
+    "lint-staged": "^13.2.2",
+    "prettier": "^2.8.8",
+    "tsc-alias": "^1.8.16",
+    "typescript": "5.0.2",
+    "typescript-eslint": "^8.18.2",
+    "vite": "6.0.5",
+    "vite-tsconfig-paths": "^4.2.0"
+  },
+  "lint-staged": {
+    "src/**/*.{ts,tsx,json,js,jsx}": [
+      "yarn run prettier:fix",
+      "yarn run lint"
+    ]
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  }
+}

package/build/components/WindowBackdrop/WindowBackdrop.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import { BackdropProps as MuiBackdropProps } from '@mui/material/Backdrop';
-export type WindowBackdropProps = MuiBackdropProps;
-declare function WindowBackdrop(props: WindowBackdropProps): import("react").ReactPortal;
-declare const _default: import("react").MemoExoticComponent<typeof WindowBackdrop>;
-export default _default;

package/build/components/WindowBackdrop/WindowBackdrop.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { memo } from 'react';
-import { createPortal } from 'react-dom';
-import Backdrop from '@mui/material/Backdrop';
-import { alpha } from '@mui/material/styles';
-function WindowBackdrop(props) {
-    return createPortal(_jsx(Backdrop, Object.assign({ sx: { zIndex: 1, backgroundColor: (theme) => alpha(theme.palette.common.black, 0.3) } }, props)), document.body);
-}
-export default memo(WindowBackdrop);

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

@@ -1 +0,0 @@
-export { default } from './WindowBackdrop';

package/build/components/WindowBackdrop/index.js

@@ -1 +0,0 @@
-export { default } from './WindowBackdrop';

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

@@ -1,10 +0,0 @@
-export interface Section {
-    id: string;
-    title: string;
-    icon?: string;
-    subSections?: {
-        id: string;
-        title: string;
-        icon?: string;
-    }[];
-}

package/build/components/WindowSideBar/type.js

@@ -1 +0,0 @@
-export {};