krl-alfred 2.23.13 → 2.23.15

package/dist/components/VideoCard/stories/VideoCard.stories.js

@@ -14,19 +14,49 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Default = void 0;
+exports.Complete = exports.VideoGrid = exports.ShortTitle = exports.LongTitle = exports.WithoutPoster = exports.WithoutTitle = exports.Default = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var VideoCard_1 = __importDefault(require("../VideoCard"));
+var samplePoster = "https://www.kiralarsin.com/Banners/kiralama-uzatmain-new.svg";
+var sampleVideo = "https://kiralarsin.s3.eu-central-1.amazonaws.com/video/bugu%CC%88n-kiralarsin-dan-kiraladig%CC%86im-insta360-ile-keyifli-bi-motosiklet-gezisi-yaptim.mp4";
+var baseArgs = {
+    poster: samplePoster,
+    title: "Buharlı temizlik makinesini kullanmaya emin olamıyordum.",
+    videoUrl: sampleVideo,
+};
 exports.default = {
-    title: 'Components/VideoCard',
-    component: function (props) { return (0, jsx_runtime_1.jsx)("div", __assign({ style: { maxWidth: "308px" } }, { children: (0, jsx_runtime_1.jsx)(VideoCard_1.default, __assign({}, props)) })); },
-    tags: ['autodocs'],
-    argTypes: {}
+    title: "Components/VideoCard",
+    component: function (props) { return ((0, jsx_runtime_1.jsx)("div", __assign({ style: { maxWidth: 308 } }, { children: (0, jsx_runtime_1.jsx)(VideoCard_1.default, __assign({}, props)) }))); },
+    tags: ["autodocs"],
+    argTypes: {
+        poster: { control: "text" },
+        title: { control: "text" },
+        videoUrl: { control: "text" },
+    },
 };
 exports.Default = {
-    args: {
-        poster: "https://www.kiralarsin.com/Banners/kiralama-uzatmain-new.svg",
-        title: "Buharlı temizlik makinesini kullanmaya emin olamıyordum. ",
-        videoUrl: "https://kiralarsin.s3.eu-central-1.amazonaws.com/video/bugu%CC%88n-kiralarsin-dan-kiraladig%CC%86im-insta360-ile-keyifli-bi-motosiklet-gezisi-yaptim.mp4"
-    },
+    args: __assign({}, baseArgs),
+};
+exports.WithoutTitle = {
+    args: __assign(__assign({}, baseArgs), { title: null }),
+};
+exports.WithoutPoster = {
+    args: __assign(__assign({}, baseArgs), { poster: null, title: "Poster olmadan video" }),
+};
+exports.LongTitle = {
+    args: __assign(__assign({}, baseArgs), { title: "Çok uzun bir müşteri yorumu başlığı: Bu metin taşma ve satır kırılımını kontrol etmek için kasıtlı olarak uzun tutulmuştur." }),
+};
+exports.ShortTitle = {
+    args: __assign(__assign({}, baseArgs), { title: "Kısa başlık" }),
+};
+exports.VideoGrid = {
+    render: function () { return ((0, jsx_runtime_1.jsxs)("div", __assign({ style: {
+            display: "grid",
+            gridTemplateColumns: "repeat(2, minmax(0, 1fr))",
+            gap: 16,
+            maxWidth: 640,
+        } }, { children: [(0, jsx_runtime_1.jsx)(VideoCard_1.default, __assign({}, baseArgs, { title: "\u0130lk yorum" })), (0, jsx_runtime_1.jsx)(VideoCard_1.default, __assign({}, baseArgs, { title: "\u0130kinci yorum" })), (0, jsx_runtime_1.jsx)(VideoCard_1.default, __assign({}, baseArgs, { title: "\u00DC\u00E7\u00FCnc\u00FC yorum" })), (0, jsx_runtime_1.jsx)(VideoCard_1.default, __assign({}, baseArgs, { title: "D\u00F6rd\u00FCnc\u00FC yorum" }))] }))); },
+};
+exports.Complete = {
+    args: __assign(__assign({}, baseArgs), { title: "Komple VideoCard örneği" }),
 };

package/dist/setupTests.d.ts

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

package/dist/setupTests.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+require("@testing-library/jest-dom");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "krl-alfred",
-  "version": "2.23.13",
+  "version": "2.23.15",
   "files": [
     "dist"
   ],
@@ -14,6 +14,7 @@
     "@testing-library/react": "^14.0.0",
     "@testing-library/user-event": "^14.4.3",
     "@tiptap/extension-placeholder": "^3.27.3",
+    "@tiptap/extension-table": "3.27.3",
     "@tiptap/extension-underline": "^3.27.3",
     "@tiptap/pm": "^3.27.3",
     "@tiptap/react": "^3.27.3",
@@ -67,6 +68,12 @@
   "eslintConfig": {
     "extends": "react-app"
   },
+  "jest": {
+    "moduleNameMapper": {
+      "^@tiptap/pm/(.*)$": "<rootDir>/node_modules/@tiptap/pm/dist/$1/index.cjs",
+      "^@tiptap/core/(jsx-runtime|jsx-dev-runtime)$": "<rootDir>/node_modules/@tiptap/core/$1/index.cjs"
+    }
+  },
   "browserslist": {
     "production": [
       ">0.2%",
@@ -107,6 +114,7 @@
     "@svgr/cli": "^7.0.0",
     "@svgr/webpack": "^7.0.0",
     "@types/dompurify": "^3.0.5",
+    "chromatic": "^18.1.0",
     "next": "^16.0.10",
     "semantic-release": "^21.1.2",
     "storybook": "10.2.7",