@ludo.ninja/components 2.1.13 → 2.1.15

package/build/system/Cards/CreationCard/index.js

@@ -110,7 +110,7 @@ const CreationCard = ({ creationName, creation, isNeedHeight, likesDynamicInfo,
     const HideLink = isHide ? react_1.default.Fragment : link_1.default;
     const getLink = (href) => {
         if (creation.getItemType() === ItemType_1.LabelKeys.asset) {
-            return `${ludoDomains_1.ludoDomains[NEXT_PUBLIC_ENV_VALUE]["asset"]}/${href.replace(`${ItemType_1.LabelKeys.asset}/`, "")}`;
+            return `${ludoDomains_1.ludoDomains[NEXT_PUBLIC_ENV_VALUE]["asset"]}/${href.replace(`/${ItemType_1.LabelKeys.asset}/`, "")}`;
         }
         return href;
     };

package/build/system/Cards/Styles/Headicons.js

@@ -13,6 +13,7 @@ const StyledHeadIcons = styled_components_1.default.div `
   opacity: 0;
 
   &:before {
+    pointer-events: none;
     content: '';
     position: absolute;
     top: 0;

package/build/system/Img/Userpic/UserPic.test.js

@@ -10,12 +10,14 @@ require("jest-styled-components");
 const store_1 = require("../../../modules/user/store");
 const index_1 = __importDefault(require("./index"));
 const useFetchUserPic_1 = __importDefault(require("../../../api/server-medias/queries/useFetchUserPic"));
+const env_1 = require("../../../store/env");
 jest.mock('@/modules/user/store');
 jest.mock('@/api/server-medias/queries/useFetchUserPic');
 jest.mock('@/utils/env', () => ({
     getMediaENVDomain: jest.fn().mockReturnValue('https://media.ludo.ninja'),
 }));
 jest.mock('@/public/defaultUserpics/defaultUserpic.svg', () => 'div');
+jest.mock('@/store/env');
 describe('UserPic Component', () => {
     beforeEach(() => {
         store_1.useUserStore.mockReturnValue({
@@ -23,6 +25,7 @@ describe('UserPic Component', () => {
             isLoadingProfileData: false,
             profileData: null,
         });
+        env_1.useEnvStore.mockReturnValue(jest.fn());
         useFetchUserPic_1.default.mockReturnValue({
             load: jest.fn(),
             userPic: 'fetched-user-pic.svg',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ludo.ninja/components",
-  "version": "2.1.13",
+  "version": "2.1.15",
   "private": false,
   "main": "build/index.js",
   "types": "build/index.d.ts",
@@ -17,6 +17,8 @@
     "check-format": "prettier --check .",
     "check-lint": "eslint . --ext ts --ext tsx --ext js",
     "lint": "npm run check-format && npm run check-lint && npm run check-types && npm run test && npm run build",
+    "test": "jest",
+    "test:watch": "jest --watch",
     "build": "npm run check-types && npm run build:tsc && npm run svgPublic && npm run replaceImports",
     "publish": "npm publish --access public -workspace @ludo.ninja/components"
   },

package/build/system/Cards/CardCheckbox/CardCheckbox.test.d.ts

@@ -1 +0,0 @@
-import '@testing-library/jest-dom/extend-expect';

package/build/system/Cards/CardCheckbox/CardCheckbox.test.js

@@ -1,35 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-require("@testing-library/jest-dom/extend-expect");
-const react_1 = require("@testing-library/react");
-const index_1 = __importDefault(require("./index"));
-const getCheckbox = () => react_1.screen.getByTestId('container')?.children[0].querySelector('input');
-describe('CardCheckBox Component', () => {
-    const handleChange = jest.fn();
-    const renderComponent = (isActiveCheckbox = false) => {
-        return (0, react_1.render)((0, jsx_runtime_1.jsx)("div", { "data-testid": 'container', children: (0, jsx_runtime_1.jsx)(index_1.default, { isActiveCheckbox: isActiveCheckbox, onChange: handleChange }) }));
-    };
-    test('renders the checkbox correctly', () => {
-        renderComponent(false);
-        const checkbox = getCheckbox();
-        expect(checkbox).toBeInTheDocument();
-        expect(checkbox).not.toBeChecked();
-    });
-    test('checkbox toggles state on click', () => {
-        const { rerender } = renderComponent(false);
-        const checkbox = getCheckbox();
-        expect(checkbox).not.toBeChecked();
-        rerender((0, jsx_runtime_1.jsx)("div", { "data-testid": 'container', children: (0, jsx_runtime_1.jsx)(index_1.default, { isActiveCheckbox: true, onChange: handleChange }) }));
-        expect(checkbox).toBeChecked();
-    });
-    test('calls onChange callback when clicked', () => {
-        renderComponent(false);
-        const checkbox = getCheckbox();
-        react_1.fireEvent.click(checkbox);
-        expect(handleChange).toHaveBeenCalledTimes(1);
-    });
-});