krl-alfred 2.22.1 → 2.23.1

package/dist/components/ShoppingCartProduct/ShoppingCartProduct.styled.d.ts

@@ -7,7 +7,11 @@ export declare const ProductImage: import("styled-components/dist/types").IStyle
 export declare const ProductInner: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
 export declare const ProductPriceContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$discountRate"> & Pick<ShoppingCartProductStyledProps, "$discountRate">, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$discountRate"> & Pick<ShoppingCartProductStyledProps, "$discountRate">, never>>> & string;
 export declare const ProductDiscountRate: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const ProductPriceStack: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+export declare const ProductPriceStack: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$hasPriceLoading"> & {
+    $hasPriceLoading?: boolean;
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$hasPriceLoading"> & {
+    $hasPriceLoading?: boolean;
+}, never>>> & string;
 export declare const ProductOldPrice: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
 export declare const ProductOldPriceAmount: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
 export declare const ProductOldPriceSmall: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>>> & string;

package/dist/components/ShoppingCartProduct/ShoppingCartProduct.styled.js

@@ -20,7 +20,7 @@ exports.ProductImage = styled_components_1.default.div(templateObject_4 || (temp
 exports.ProductInner = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    display: grid;\n    grid-template-columns: auto 1fr auto;\n    align-items: center;\n    position: relative;\n    z-index: 5;\n"], ["\n    display: grid;\n    grid-template-columns: auto 1fr auto;\n    align-items: center;\n    position: relative;\n    z-index: 5;\n"])));
 exports.ProductPriceContent = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n    display: grid;\n    align-items: ", ";\n    justify-content: flex-start;\n    grid-template-columns: ", ";\n"], ["\n    display: grid;\n    align-items: ", ";\n    justify-content: flex-start;\n    grid-template-columns: ", ";\n"])), function (props) { return props.$discountRate ? 'center' : 'end'; }, function (props) { return props.$discountRate ? 'auto 1fr' : '1fr'; });
 exports.ProductDiscountRate = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n    margin-right: 0.5rem;\n    width: 48px;\n    height: 36px;\n    border-radius: 0.5rem;\n    background-color: var(--primary-opacity-10);\n    color: var(--primary);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font: var(--body-extra-bold-13-16);\n"], ["\n    margin-right: 0.5rem;\n    width: 48px;\n    height: 36px;\n    border-radius: 0.5rem;\n    background-color: var(--primary-opacity-10);\n    color: var(--primary);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font: var(--body-extra-bold-13-16);\n"])));
-exports.ProductPriceStack = styled_components_1.default.div(templateObject_8 || (templateObject_8 = __makeTemplateObject([""], [""])));
+exports.ProductPriceStack = styled_components_1.default.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n    min-height: ", ";\n"], ["\n    min-height: ", ";\n"])), function (props) { return props.$hasPriceLoading ? '32px' : 'auto'; });
 exports.ProductOldPrice = styled_components_1.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n    display: flex;\n    align-items: end;\n    justify-content: flex-start;\n    color: var(--dark-opacity-25);\n    margin-bottom: 2px;\n"], ["\n    display: flex;\n    align-items: end;\n    justify-content: flex-start;\n    color: var(--dark-opacity-25);\n    margin-bottom: 2px;\n"])));
 exports.ProductOldPriceAmount = styled_components_1.default.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n    margin-right: 4px;\n    white-space: nowrap;\n    text-decoration: line-through;\n    font: var(--caption-semi-bold-11-13);\n"], ["\n    margin-right: 4px;\n    white-space: nowrap;\n    text-decoration: line-through;\n    font: var(--caption-semi-bold-11-13);\n"])));
 exports.ProductOldPriceSmall = styled_components_1.default.small(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n    font: var(--caption-semi-bold-10-12);\n"], ["\n    font: var(--caption-semi-bold-10-12);\n"])));

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.1",
+  "version": "2.23.1",
   "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",