krl-alfred 2.22.0 → 2.23.0

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

@@ -1,18 +1,24 @@
 import React from 'react';
 declare const _default: {
     title: string;
-    component: ({ label, onRemove, disabled, className, }: import("../props").TagProps) => React.JSX.Element;
+    component: ({ label, onRemove, onClick, hasStar, disabled, className, }: import("../props").TagProps) => React.JSX.Element;
     tags: string[];
     argTypes: {
         label: {
             control: string;
         };
+        hasStar: {
+            control: string;
+        };
         disabled: {
             control: string;
         };
         onRemove: {
             control: boolean;
         };
+        onClick: {
+            control: boolean;
+        };
     };
 };
 export default _default;
@@ -27,6 +33,13 @@ export declare const Removable: {
         onRemove: () => any;
     };
 };
+export declare const WithStar: {
+    args: {
+        label: string;
+        hasStar: boolean;
+        onRemove: () => any;
+    };
+};
 export declare const Disabled: {
     args: {
         label: string;
@@ -34,3 +47,7 @@ export declare const Disabled: {
         onRemove: () => any;
     };
 };
+export declare const ToggleStarOnClick: {
+    name: string;
+    render: () => React.JSX.Element;
+};

package/dist/components/Tag/stories/Tag.stories.js

@@ -1,9 +1,22 @@
 "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 __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Disabled = exports.Removable = exports.Default = void 0;
+exports.ToggleStarOnClick = exports.Disabled = exports.WithStar = exports.Removable = exports.Default = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
 var Tag_1 = __importDefault(require("../Tag"));
 exports.default = {
     title: 'Components/Tag',
@@ -11,8 +24,10 @@ exports.default = {
     tags: ['autodocs'],
     argTypes: {
         label: { control: 'text' },
+        hasStar: { control: 'boolean' },
         disabled: { control: 'boolean' },
         onRemove: { control: false },
+        onClick: { control: false },
     },
 };
 exports.Default = {
@@ -26,6 +41,13 @@ exports.Removable = {
         onRemove: function () { return undefined; },
     },
 };
+exports.WithStar = {
+    args: {
+        label: 'Haftada bir',
+        hasStar: true,
+        onRemove: function () { return undefined; },
+    },
+};
 exports.Disabled = {
     args: {
         label: '1 Kg',
@@ -33,3 +55,20 @@ exports.Disabled = {
         onRemove: function () { return undefined; },
     },
 };
+var ToggleableStarStory = function () {
+    var _a = (0, react_1.useState)({
+        'Haftada bir': true,
+    }), starredTags = _a[0], setStarredTags = _a[1];
+    var labels = ['Haftada bir', 'İki haftada bir', 'Ayda bir'];
+    var toggleStar = function (label) {
+        setStarredTags(function (prev) {
+            var _a;
+            return (__assign(__assign({}, prev), (_a = {}, _a[label] = !prev[label], _a)));
+        });
+    };
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ style: { display: 'flex', gap: '0.75rem', flexWrap: 'wrap' } }, { children: labels.map(function (label) { return ((0, jsx_runtime_1.jsx)(Tag_1.default, { label: label, hasStar: Boolean(starredTags[label]), onClick: function () { return toggleStar(label); }, onRemove: function () { return undefined; } }, label)); }) })));
+};
+exports.ToggleStarOnClick = {
+    name: 'Tıklayınca yıldız aç/kapa',
+    render: function () { return (0, jsx_runtime_1.jsx)(ToggleableStarStory, {}); },
+};

package/dist/index.d.ts

@@ -64,4 +64,5 @@ import CheckboxGroup from "./components/CheckboxGroup";
 import QuantitySelector from "./components/QuantitySelector";
 import Tag from "./components/Tag";
 import TagInput from "./components/TagInput";
-export { Button, Breadcrumbs, CategoryMenu, Checkbox, CircleProgress, Input, Modal, OtpInput, Stepper, Alert, Agreement, Icon, RadioButton, ActionButton, Textarea, SearchBox, Divider, Accordion, toast, Toaster, SuggestBox, Badges, SelectBox, TextLink, Tooltip, InsuranceBox, ListGroup, InfoBox, CouponCode, ShoppingCartProduct, Loader, InlineProgress, Dropdown, CampaignCard, initReactI18next, initi18n, enLocale, trLocale, useTranslation, ReviewCard, AddressCard, InstallmentBox, AutocompleteInput, BannerCard, ProductCardVertical, ProductCardHorizontal, ProductCardHorizontalSm, ProductCardHorizontalMd, ProductCardCheckbox, ProductCardRadio, Tabs, PaymentCart, OptionMenu, DropdownButton, Table, DescriptionCard, Pagination, SkeletonLoader, RadioScale, BlogCard, ReviewBlock, VideoCard, StepSlider, RadioGroup, CheckboxGroup, QuantitySelector, Tag, TagInput };
+import RichTextEditor from "./components/RichTextEditor";
+export { Button, Breadcrumbs, CategoryMenu, Checkbox, CircleProgress, Input, Modal, OtpInput, Stepper, Alert, Agreement, Icon, RadioButton, ActionButton, Textarea, SearchBox, Divider, Accordion, toast, Toaster, SuggestBox, Badges, SelectBox, TextLink, Tooltip, InsuranceBox, ListGroup, InfoBox, CouponCode, ShoppingCartProduct, Loader, InlineProgress, Dropdown, CampaignCard, initReactI18next, initi18n, enLocale, trLocale, useTranslation, ReviewCard, AddressCard, InstallmentBox, AutocompleteInput, BannerCard, ProductCardVertical, ProductCardHorizontal, ProductCardHorizontalSm, ProductCardHorizontalMd, ProductCardCheckbox, ProductCardRadio, Tabs, PaymentCart, OptionMenu, DropdownButton, Table, DescriptionCard, Pagination, SkeletonLoader, RadioScale, BlogCard, ReviewBlock, VideoCard, StepSlider, RadioGroup, CheckboxGroup, QuantitySelector, Tag, TagInput, RichTextEditor };

package/dist/index.js

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ProductCardRadio = exports.ProductCardCheckbox = exports.ProductCardHorizontalMd = exports.ProductCardHorizontalSm = exports.ProductCardHorizontal = exports.ProductCardVertical = exports.BannerCard = exports.AutocompleteInput = exports.InstallmentBox = exports.AddressCard = exports.ReviewCard = exports.useTranslation = exports.trLocale = exports.enLocale = exports.initi18n = exports.initReactI18next = exports.CampaignCard = exports.Dropdown = exports.InlineProgress = exports.Loader = exports.ShoppingCartProduct = exports.CouponCode = exports.InfoBox = exports.ListGroup = exports.InsuranceBox = exports.Tooltip = exports.TextLink = exports.SelectBox = exports.Badges = exports.SuggestBox = exports.Toaster = exports.toast = exports.Accordion = exports.Divider = exports.SearchBox = exports.Textarea = exports.ActionButton = exports.RadioButton = exports.Icon = exports.Agreement = exports.Alert = exports.Stepper = exports.OtpInput = exports.Modal = exports.Input = exports.CircleProgress = exports.Checkbox = exports.CategoryMenu = exports.Breadcrumbs = exports.Button = void 0;
-exports.TagInput = exports.Tag = exports.QuantitySelector = exports.CheckboxGroup = exports.RadioGroup = exports.StepSlider = exports.VideoCard = exports.ReviewBlock = exports.BlogCard = exports.RadioScale = exports.SkeletonLoader = exports.Pagination = exports.DescriptionCard = exports.Table = exports.DropdownButton = exports.OptionMenu = exports.PaymentCart = exports.Tabs = void 0;
+exports.RichTextEditor = exports.TagInput = exports.Tag = exports.QuantitySelector = exports.CheckboxGroup = exports.RadioGroup = exports.StepSlider = exports.VideoCard = exports.ReviewBlock = exports.BlogCard = exports.RadioScale = exports.SkeletonLoader = exports.Pagination = exports.DescriptionCard = exports.Table = exports.DropdownButton = exports.OptionMenu = exports.PaymentCart = exports.Tabs = void 0;
 var react_i18next_1 = require("react-i18next");
 Object.defineProperty(exports, "initReactI18next", { enumerable: true, get: function () { return react_i18next_1.initReactI18next; } });
 Object.defineProperty(exports, "useTranslation", { enumerable: true, get: function () { return react_i18next_1.useTranslation; } });
@@ -139,3 +139,5 @@ var Tag_1 = __importDefault(require("./components/Tag"));
 exports.Tag = Tag_1.default;
 var TagInput_1 = __importDefault(require("./components/TagInput"));
 exports.TagInput = TagInput_1.default;
+var RichTextEditor_1 = __importDefault(require("./components/RichTextEditor"));
+exports.RichTextEditor = RichTextEditor_1.default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "krl-alfred",
-  "version": "2.22.0",
+  "version": "2.23.0",
   "files": [
     "dist"
   ],
@@ -13,6 +13,11 @@
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^14.0.0",
     "@testing-library/user-event": "^14.4.3",
+    "@tiptap/extension-placeholder": "^3.27.3",
+    "@tiptap/extension-underline": "^3.27.3",
+    "@tiptap/pm": "^3.27.3",
+    "@tiptap/react": "^3.27.3",
+    "@tiptap/starter-kit": "^3.27.3",
     "@types/jest": "^29.5.0",
     "@types/node": "^18.15.11",
     "@types/react": "^18.0.33",
@@ -22,6 +27,7 @@
     "css-loader": "^6.7.3",
     "date-fns": "^3.6.0",
     "date-fns-tz": "^3.1.3",
+    "dompurify": "^3.4.11",
     "i18next": "^23.7.6",
     "plop": "^3.1.2",
     "process": "^0.11.10",
@@ -100,6 +106,7 @@
     "@storybook/react-webpack5": "10.2.7",
     "@svgr/cli": "^7.0.0",
     "@svgr/webpack": "^7.0.0",
+    "@types/dompurify": "^3.0.5",
     "next": "^16.0.10",
     "semantic-release": "^21.1.2",
     "storybook": "10.2.7",