krl-alfred 2.23.22 → 2.23.23

package/dist/components/InfoBox/InfoBox.js

@@ -56,6 +56,6 @@ var InfoBox = function (_a) {
             }
         });
     }, [description]);
-    return ((0, jsx_runtime_1.jsxs)(InfoBox_styled_1.InfoBoxStyled, __assign({ onClick: onClick, "$radius": radius, "$variant": variant, "$hasLink": !!onClick, "$size": size }, { children: [hasIcon && ((0, jsx_runtime_1.jsx)(InfoBox_styled_1.IconWrapper, __assign({ "$variant": variant }, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { name: variant === "danger" ? "Danger" : icon }) }))), (0, jsx_runtime_1.jsxs)(InfoBox_styled_1.TextWrapper, { children: [title && (0, jsx_runtime_1.jsx)(InfoBox_styled_1.Title, { dangerouslySetInnerHTML: { __html: title } }), description && (0, jsx_runtime_1.jsx)(InfoBox_styled_1.Description, __assign({ "$size": size, ref: descriptionRef }, { children: description })), (0, jsx_runtime_1.jsx)(InfoBox_styled_1.AlertStyled, __assign({ "$visible": alert, "$alertLeft": alertLeft, "$alertTop": alertTop }, { children: t('copied') })), (0, jsx_runtime_1.jsx)(InfoBox_styled_1.Input, { ref: inputRef, id: "infoBoxInput" })] }), !!onClick && ((0, jsx_runtime_1.jsx)(InfoBox_styled_1.LinkIconWrapper, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { name: "ArrowRightBig" }) }))] })));
+    return ((0, jsx_runtime_1.jsxs)(InfoBox_styled_1.InfoBoxStyled, __assign({ onClick: onClick, "$radius": radius, "$variant": variant, "$hasLink": !!onClick, "$size": size }, { children: [hasIcon && ((0, jsx_runtime_1.jsx)(InfoBox_styled_1.IconWrapper, __assign({ "$variant": variant }, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { name: variant === "danger" ? "Danger" : icon }) }))), (0, jsx_runtime_1.jsxs)(InfoBox_styled_1.TextWrapper, { children: [title && (0, jsx_runtime_1.jsx)(InfoBox_styled_1.Title, { children: title }), description && (0, jsx_runtime_1.jsx)(InfoBox_styled_1.Description, __assign({ "$size": size, ref: descriptionRef }, { children: description })), (0, jsx_runtime_1.jsx)(InfoBox_styled_1.AlertStyled, __assign({ "$visible": alert, "$alertLeft": alertLeft, "$alertTop": alertTop }, { children: t('copied') })), (0, jsx_runtime_1.jsx)(InfoBox_styled_1.Input, { ref: inputRef, id: "infoBoxInput" })] }), !!onClick && ((0, jsx_runtime_1.jsx)(InfoBox_styled_1.LinkIconWrapper, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { name: "ArrowRightBig" }) }))] })));
 };
 exports.default = InfoBox;

package/dist/components/InfoBox/InfoBox.test.d.ts

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

package/dist/components/InfoBox/InfoBox.test.js

@@ -0,0 +1,136 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("@testing-library/react");
+var user_event_1 = __importDefault(require("@testing-library/user-event"));
+var InfoBox_1 = __importDefault(require("./InfoBox"));
+var props_1 = require("./props");
+jest.mock('react-i18next', function () { return ({
+    useTranslation: function () { return ({
+        t: function (key) { return key; },
+    }); },
+}); });
+var renderInfoBox = function (props) {
+    if (props === void 0) { props = {}; }
+    return (0, react_1.render)((0, jsx_runtime_1.jsx)(InfoBox_1.default, __assign({}, props_1.InfoBoxDefault, { title: "Info text", description: "A\u00E7\u0131klama" }, props)));
+};
+describe('InfoBox', function () {
+    it('renders string title and description', function () {
+        renderInfoBox();
+        expect(react_1.screen.getByText('Info text')).toBeInTheDocument();
+        expect(react_1.screen.getByText('Açıklama')).toBeInTheDocument();
+    });
+    it('renders title and description as ReactNode', function () {
+        renderInfoBox({
+            title: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("b", { children: "\u00D6nemli" }), " ", (0, jsx_runtime_1.jsx)("span", { children: "ba\u015Fl\u0131k" })] })),
+            description: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("p", { children: "Detay metni" }), (0, jsx_runtime_1.jsx)("img", { src: "/info.png", alt: "Bilgi" })] })),
+        });
+        expect(react_1.screen.getByText('Önemli')).toBeInTheDocument();
+        expect(react_1.screen.getByText('başlık')).toBeInTheDocument();
+        expect(react_1.screen.getByText('Detay metni')).toBeInTheDocument();
+        expect(react_1.screen.getByAltText('Bilgi')).toBeInTheDocument();
+    });
+    it('does not execute HTML strings passed as title or description', function () {
+        renderInfoBox({
+            title: '<script>window.__xssTitle = true</script>Başlık',
+            description: '<img src="x" onerror="window.__xssDesc = true" />Açıklama',
+        });
+        expect(react_1.screen.getByText(/Başlık/)).toBeInTheDocument();
+        expect(react_1.screen.getByText(/Açıklama/)).toBeInTheDocument();
+        expect(document.querySelector('script')).not.toBeInTheDocument();
+        expect(document.querySelector('img[onerror]')).not.toBeInTheDocument();
+        expect(window.__xssTitle).toBeUndefined();
+        expect(window.__xssDesc).toBeUndefined();
+    });
+    it('does not render title or description when they are null', function () {
+        renderInfoBox({ title: null, description: null });
+        expect(react_1.screen.queryByText('Info text')).not.toBeInTheDocument();
+        expect(react_1.screen.queryByText('Açıklama')).not.toBeInTheDocument();
+    });
+    it('calls onClick when the box is clicked', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var onClick, container;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    onClick = jest.fn();
+                    container = renderInfoBox({ onClick: onClick }).container;
+                    return [4 /*yield*/, user_event_1.default.click(container.firstChild)];
+                case 1:
+                    _a.sent();
+                    expect(onClick).toHaveBeenCalledTimes(1);
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('copies digits from a description span click', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    document.execCommand = jest.fn();
+                    renderInfoBox({
+                        description: ((0, jsx_runtime_1.jsx)("div", __assign({ className: "bottom" }, { children: (0, jsx_runtime_1.jsxs)("p", { children: ["Kod: ", (0, jsx_runtime_1.jsx)("span", { children: "567890678" })] }) }))),
+                    });
+                    return [4 /*yield*/, user_event_1.default.click(react_1.screen.getByText('567890678'))];
+                case 1:
+                    _b.sent();
+                    expect(document.execCommand).toHaveBeenCalledWith('copy');
+                    _a = expect;
+                    return [4 /*yield*/, react_1.screen.findByText('copied')];
+                case 2:
+                    _a.apply(void 0, [_b.sent()]).toBeInTheDocument();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+});

package/dist/components/InfoBox/props.d.ts

@@ -6,7 +6,7 @@ type SIZES = typeof sizes[number];
 type VARIANT = typeof variants[number];
 type ICON = typeof iconNames[any];
 export interface InfoBox {
-    title?: string;
+    title?: React.ReactNode;
     description?: React.ReactNode;
     radius?: string;
     size?: SIZES;

package/dist/components/InfoBox/stories/InfoBox.stories.d.ts

@@ -153,6 +153,13 @@ export declare const SimpleDescription: {
         onClick: () => void;
     };
 };
+export declare const ReactNodeTitle: {
+    args: {
+        title: React.JSX.Element;
+        description: string;
+        onClick: any;
+    };
+};
 export declare const ReactNodeDescription: {
     args: {
         title: string;

package/dist/components/InfoBox/stories/InfoBox.stories.js

@@ -14,7 +14,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Empty = exports.Clickable = exports.CustomIcon = exports.WithCustomRadius = exports.ReactNodeDescription = exports.SimpleDescription = exports.Minimal = exports.WithoutDescription = exports.WithoutTitle = exports.WithoutOnClick = exports.AllSizes = exports.AllVariants = exports.Large = exports.Medium = exports.Small = exports.WithoutIcon = exports.Secondary = exports.Warning = exports.Danger = exports.Primary = exports.Default = void 0;
+exports.Empty = exports.Clickable = exports.CustomIcon = exports.WithCustomRadius = exports.ReactNodeDescription = exports.ReactNodeTitle = exports.SimpleDescription = exports.Minimal = exports.WithoutDescription = exports.WithoutTitle = exports.WithoutOnClick = exports.AllSizes = exports.AllVariants = exports.Large = exports.Medium = exports.Small = exports.WithoutIcon = exports.Secondary = exports.Warning = exports.Danger = exports.Primary = exports.Default = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var InfoBox_1 = __importDefault(require("../InfoBox"));
 var props_1 = require("../props");
@@ -93,6 +93,9 @@ exports.Minimal = {
 exports.SimpleDescription = {
     args: __assign(__assign({}, defaultArgs), { title: "Basit bilgi", description: "Bu sadece düz metin açıklamasıdır. HTML veya kopyalanabilir alan içermez." }),
 };
+exports.ReactNodeTitle = {
+    args: __assign(__assign({}, defaultArgs), { title: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("b", { children: "\u00D6nemli" }), " ", (0, jsx_runtime_1.jsx)("span", { children: "bilgi" })] })), description: "Başlık React node olarak geçilebilir.", onClick: undefined }),
+};
 exports.ReactNodeDescription = {
     args: __assign(__assign({}, defaultArgs), { title: "React node açıklama", description: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("p", { children: "\u0130ade g\u00FCn\u00FCn kiralama biti\u015F g\u00FCn\u00FCnd\u00FCr." }), (0, jsx_runtime_1.jsxs)("p", { children: ["Detaylar i\u00E7in ", (0, jsx_runtime_1.jsx)("b", { children: "info@kiralarsin.com" }), " adresine yazabilirsin."] })] })), onClick: undefined }),
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "krl-alfred",
-  "version": "2.23.22",
+  "version": "2.23.23",
   "files": [
     "dist"
   ],