krl-alfred 1.77.29 → 1.77.30

package/dist/components/InstallmentBox/InstallmentBox.js

@@ -19,7 +19,7 @@ var props_1 = require("./props");
 var InstallmentBox_styled_1 = require("./InstallmentBox.styled");
 var RadioButton_1 = __importDefault(require("../RadioButton"));
 var InstallmentBox = function (_a) {
-    var _b = _a.label, label = _b === void 0 ? props_1.InstallmentBoxDefault.label : _b, _c = _a.id, id = _c === void 0 ? props_1.InstallmentBoxDefault.id : _c, _d = _a.installmentPrice, installmentPrice = _d === void 0 ? props_1.InstallmentBoxDefault.installmentPrice : _d, _e = _a.totalPrice, totalPrice = _e === void 0 ? props_1.InstallmentBoxDefault.totalPrice : _e, _f = _a.checked, checked = _f === void 0 ? props_1.InstallmentBoxDefault.checked : _f, _g = _a.isEqualPrice, isEqualPrice = _g === void 0 ? props_1.InstallmentBoxDefault.isEqualPrice : _g, _h = _a.onClick, onClick = _h === void 0 ? props_1.InstallmentBoxDefault.onClick : _h, _j = _a.onChange, onChange = _j === void 0 ? props_1.InstallmentBoxDefault.onChange : _j, _k = _a.installmentCount, installmentCount = _k === void 0 ? props_1.InstallmentBoxDefault.installmentCount : _k, _l = _a.name, name = _l === void 0 ? props_1.InstallmentBoxDefault.name : _l;
-    return ((0, jsx_runtime_1.jsx)(InstallmentBox_styled_1.InstallmentBoxStyled, __assign({ checked: checked }, { children: (0, jsx_runtime_1.jsx)("label", { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: "inner" }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: "leftContent" }, { children: (0, jsx_runtime_1.jsx)(RadioButton_1.default, { id: id, onClick: onClick, onChange: onChange, layout: "basic", hasNoneClick: true, label: ((0, jsx_runtime_1.jsxs)("div", __assign({ className: "installmentLabelWrapper" }, { children: [label, (0, jsx_runtime_1.jsx)("div", __assign({ className: "titlesWrapper" }, { children: isEqualPrice && (0, jsx_runtime_1.jsx)("strong", __assign({ className: "advance" }, { children: "Pe\u015Fin fiyat\u0131na" })) }))] }))), checked: checked, name: name, labelOffset: "1rem" }) })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: "rightContent" }, { children: [(0, jsx_runtime_1.jsxs)("strong", __assign({ className: "price" }, { children: [(installmentCount !== 1 ? "".concat(installmentCount, " x") : null), " ", installmentPrice] })), (0, jsx_runtime_1.jsxs)("strong", __assign({ className: "totalPrice" }, { children: [(0, jsx_runtime_1.jsx)("span", __assign({ className: "total" }, { children: "Toplam:" })), " ", totalPrice] }))] }))] })) }) })));
+    var _b = _a.label, label = _b === void 0 ? props_1.InstallmentBoxDefault.label : _b, _c = _a.id, id = _c === void 0 ? props_1.InstallmentBoxDefault.id : _c, _d = _a.installmentPrice, installmentPrice = _d === void 0 ? props_1.InstallmentBoxDefault.installmentPrice : _d, _e = _a.totalPrice, totalPrice = _e === void 0 ? props_1.InstallmentBoxDefault.totalPrice : _e, _f = _a.checked, checked = _f === void 0 ? props_1.InstallmentBoxDefault.checked : _f, _g = _a.isEqualPrice, isEqualPrice = _g === void 0 ? props_1.InstallmentBoxDefault.isEqualPrice : _g, _h = _a.onClick, onClick = _h === void 0 ? props_1.InstallmentBoxDefault.onClick : _h, _j = _a.onChange, onChange = _j === void 0 ? props_1.InstallmentBoxDefault.onChange : _j, _k = _a.installmentCount, installmentCount = _k === void 0 ? props_1.InstallmentBoxDefault.installmentCount : _k, _l = _a.name, name = _l === void 0 ? props_1.InstallmentBoxDefault.name : _l, _m = _a.value, value = _m === void 0 ? props_1.InstallmentBoxDefault.value : _m;
+    return ((0, jsx_runtime_1.jsx)(InstallmentBox_styled_1.InstallmentBoxStyled, __assign({ checked: checked }, { children: (0, jsx_runtime_1.jsx)("label", { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: "inner" }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: "leftContent" }, { children: (0, jsx_runtime_1.jsx)(RadioButton_1.default, { id: id, onClick: onClick, onChange: onChange, layout: "basic", hasNoneClick: true, label: ((0, jsx_runtime_1.jsxs)("div", __assign({ className: "installmentLabelWrapper" }, { children: [label, (0, jsx_runtime_1.jsx)("div", __assign({ className: "titlesWrapper" }, { children: isEqualPrice && (0, jsx_runtime_1.jsx)("strong", __assign({ className: "advance" }, { children: "Pe\u015Fin fiyat\u0131na" })) }))] }))), checked: checked, name: name, value: value, labelOffset: "1rem" }) })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: "rightContent" }, { children: [(0, jsx_runtime_1.jsxs)("strong", __assign({ className: "price" }, { children: [(installmentCount !== 1 ? "".concat(installmentCount, " x") : null), " ", installmentPrice] })), (0, jsx_runtime_1.jsxs)("strong", __assign({ className: "totalPrice" }, { children: [(0, jsx_runtime_1.jsx)("span", __assign({ className: "total" }, { children: "Toplam:" })), " ", totalPrice] }))] }))] })) }) })));
 };
 exports.default = InstallmentBox;

package/dist/components/InstallmentBox/props.js

@@ -12,4 +12,5 @@ exports.InstallmentBoxDefault = {
     onChange: null,
     installmentCount: null,
     name: null,
+    value: null,
 };

package/dist/components/Toast/Toast.js

@@ -14,6 +14,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Toaster = exports.toast = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var props_1 = require("./props");
@@ -21,18 +22,31 @@ var Toast_styled_1 = require("./Toast.styled");
 var react_dom_1 = __importDefault(require("react-dom"));
 var Icon_1 = __importDefault(require("../Icon/Icon"));
 var Button_1 = __importDefault(require("../Button"));
-var Toast = function (_a) {
-    var _b = _a.size, size = _b === void 0 ? props_1.ToastDefault.size : _b, _c = _a.alignment, alignment = _c === void 0 ? props_1.ToastDefault.alignment : _c, _d = _a.variant, variant = _d === void 0 ? props_1.ToastDefault.variant : _d, _e = _a.show, show = _e === void 0 ? props_1.ToastDefault.show : _e, _f = _a.title, title = _f === void 0 ? props_1.ToastDefault.title : _f, _g = _a.children, children = _g === void 0 ? props_1.ToastDefault.children : _g, _h = _a.showPrimaryButton, showPrimaryButton = _h === void 0 ? props_1.ToastDefault.showPrimaryButton : _h, _j = _a.onPrimaryAction, onPrimaryAction = _j === void 0 ? props_1.ToastDefault.onPrimaryAction : _j, _k = _a.setShow, setShow = _k === void 0 ? props_1.ToastDefault.setShow : _k, _l = _a.primaryButtonText, primaryButtonText = _l === void 0 ? props_1.ToastDefault.primaryButtonText : _l, _m = _a.isPrimaryButtonLoading, isPrimaryButtonLoading = _m === void 0 ? props_1.ToastDefault.isPrimaryButtonLoading : _m, _o = _a.isPrimaryButtonDisabled, isPrimaryButtonDisabled = _o === void 0 ? props_1.ToastDefault.isPrimaryButtonDisabled : _o, _p = _a.icon, icon = _p === void 0 ? props_1.ToastDefault.icon : _p, _q = _a.timer, timer = _q === void 0 ? props_1.ToastDefault.timer : _q;
+var state_1 = require("./core/state");
+Object.defineProperty(exports, "toast", { enumerable: true, get: function () { return state_1.toast; } });
+var Toaster = function (_a) {
+    var _b = _a.size, size = _b === void 0 ? props_1.ToastDefault.size : _b, _c = _a.alignment, alignment = _c === void 0 ? props_1.ToastDefault.alignment : _c, _d = _a.variant, variant = _d === void 0 ? props_1.ToastDefault.variant : _d, _e = _a.show, show = _e === void 0 ? props_1.ToastDefault.show : _e, _f = _a.title, title = _f === void 0 ? props_1.ToastDefault.title : _f, _g = _a.children, children = _g === void 0 ? props_1.ToastDefault.children : _g, _h = _a.showPrimaryButton, showPrimaryButton = _h === void 0 ? props_1.ToastDefault.showPrimaryButton : _h, _j = _a.onPrimaryAction, onPrimaryAction = _j === void 0 ? props_1.ToastDefault.onPrimaryAction : _j, _k = _a.primaryButtonText, primaryButtonText = _k === void 0 ? props_1.ToastDefault.primaryButtonText : _k, _l = _a.isPrimaryButtonLoading, isPrimaryButtonLoading = _l === void 0 ? props_1.ToastDefault.isPrimaryButtonLoading : _l, _m = _a.isPrimaryButtonDisabled, isPrimaryButtonDisabled = _m === void 0 ? props_1.ToastDefault.isPrimaryButtonDisabled : _m, _o = _a.icon, icon = _o === void 0 ? props_1.ToastDefault.icon : _o;
+    var _p = (0, react_1.useState)(show), isShowToast = _p[0], setIsShowToast = _p[1];
+    var _q = (0, react_1.useState)({}), toastProps = _q[0], setToastProps = _q[1];
     (0, react_1.useEffect)(function () {
-        if (show) {
+        return state_1.ToastState.subscribe(function (toast) {
+            setToastProps(toast);
+        });
+    }, []);
+    (0, react_1.useEffect)(function () {
+        if (isShowToast) {
             setTimeout(function () {
-                setShow(false);
+                setIsShowToast(false);
+                setToastProps(props_1.ToastDefault);
                 document.body.classList.remove('hasToast');
-            }, timer);
+            }, toastProps.timer || props_1.ToastDefault.timer);
             document.body.classList.add('hasToast');
         }
-    }, [show]);
-    return (show &&
-        react_dom_1.default.createPortal((0, jsx_runtime_1.jsx)(Toast_styled_1.OverlayStyled, { children: (0, jsx_runtime_1.jsx)(Toast_styled_1.ToastStyled, __assign({ "$size": size, "$alignment": alignment, "$variant": variant }, { children: (0, jsx_runtime_1.jsxs)("div", { children: [icon && ((0, jsx_runtime_1.jsx)("div", __assign({ className: "icon" }, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { name: icon, width: "24px", height: "24px" }) }))), title && ((0, jsx_runtime_1.jsx)("h5", { className: "title", dangerouslySetInnerHTML: { __html: title } })), (0, jsx_runtime_1.jsx)("div", __assign({ className: "content" }, { children: children })), showPrimaryButton && ((0, jsx_runtime_1.jsx)("div", __assign({ className: "bottom" }, { children: (0, jsx_runtime_1.jsx)(Button_1.default, __assign({ onClick: onPrimaryAction, size: "big", variant: "primary", width: "100%", isLoading: isPrimaryButtonLoading, disabled: isPrimaryButtonDisabled }, { children: primaryButtonText })) })))] }) })) }), document.body));
+    }, [isShowToast]);
+    (0, react_1.useEffect)(function () {
+        setIsShowToast(toastProps.show);
+    }, [toastProps]);
+    return (isShowToast &&
+        react_dom_1.default.createPortal((0, jsx_runtime_1.jsx)(Toast_styled_1.OverlayStyled, { children: (0, jsx_runtime_1.jsx)(Toast_styled_1.ToastStyled, __assign({ "$size": toastProps.size || size, "$alignment": toastProps.alignment || alignment, "$variant": toastProps.variant || variant }, { children: (0, jsx_runtime_1.jsxs)("div", { children: [(toastProps.icon || icon) && ((0, jsx_runtime_1.jsx)("div", __assign({ className: "icon" }, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { name: toastProps.icon || icon, width: "24px", height: "24px" }) }))), (toastProps.title || title) && ((0, jsx_runtime_1.jsx)("h5", { className: "title", dangerouslySetInnerHTML: { __html: toastProps.title || title } })), (0, jsx_runtime_1.jsx)("div", __assign({ className: "content" }, { children: toastProps.children || children })), (toastProps.showPrimaryButton || showPrimaryButton) && ((0, jsx_runtime_1.jsx)("div", __assign({ className: "bottom" }, { children: (0, jsx_runtime_1.jsx)(Button_1.default, __assign({ onClick: toastProps.onPrimaryAction || onPrimaryAction, size: "big", variant: "primary", width: "100%", isLoading: toastProps.isPrimaryButtonLoading || isPrimaryButtonLoading, disabled: toastProps.isPrimaryButtonDisabled || isPrimaryButtonDisabled }, { children: toastProps.primaryButtonText || primaryButtonText })) })))] }) })) }), document.body));
 };
-exports.default = Toast;
+exports.Toaster = Toaster;

package/dist/components/Toast/core/state.js

@@ -0,0 +1,41 @@
+"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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.toast = exports.ToastState = void 0;
+var Observer = /** @class */ (function () {
+    function Observer() {
+        var _this = this;
+        // We use arrow functions to maintain the correct `this` reference
+        this.subscribe = function (subscriber) {
+            _this.subscribers.push(subscriber);
+            return function () {
+                var index = _this.subscribers.indexOf(subscriber);
+                _this.subscribers.splice(index, 1);
+            };
+        };
+        this.publish = function (data) {
+            _this.subscribers.forEach(function (subscriber) { return subscriber(data); });
+        };
+        this.addToast = function (data) {
+            _this.publish(data);
+        };
+        this.subscribers = [];
+    }
+    return Observer;
+}());
+exports.ToastState = new Observer();
+var toastFunction = function (data) {
+    exports.ToastState.addToast(__assign(__assign({}, data), { show: true }));
+};
+var basicToast = toastFunction;
+exports.toast = Object.assign(basicToast);

package/dist/components/Toast/index.js

@@ -1,8 +1,6 @@
 "use strict";
-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.toast = exports.Toaster = void 0;
 var Toast_1 = require("./Toast");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Toast_1).default; } });
+Object.defineProperty(exports, "Toaster", { enumerable: true, get: function () { return Toast_1.Toaster; } });
+Object.defineProperty(exports, "toast", { enumerable: true, get: function () { return Toast_1.toast; } });

package/dist/components/Toast/props.js

@@ -7,11 +7,11 @@ exports.alignment = ['left', 'center'];
 exports.variant = ['success', 'warning'];
 exports.iconNames = Object.keys(Icon_1.iconList);
 exports.ToastDefault = {
-    size: null,
+    size: "medium",
     alignment: null,
     variant: null,
     show: null,
-    title: "Title",
+    title: null,
     children: null,
     showPrimaryButton: false,
     onPrimaryAction: null,
@@ -20,5 +20,5 @@ exports.ToastDefault = {
     isPrimaryButtonLoading: false,
     isPrimaryButtonDisabled: false,
     icon: "CheckMark",
-    timer: 1000,
+    timer: 2000,
 };

package/dist/components/Toast/stories/Toast.stories.js

@@ -1,16 +1,31 @@
 "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.Default = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
-var Toast_1 = __importDefault(require("../Toast"));
+var Toast_1 = require("../Toast");
 var props_1 = require("../../Toast/props");
 var Icon_1 = require("../../Icon");
+var Button_1 = __importDefault(require("../../Button"));
 exports.default = {
     title: 'Components/Toast',
-    component: Toast_1.default,
+    component: function (props) {
+        var handleShowToast = function () { return (0, Toast_1.toast)(props); };
+        return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(Toast_1.Toaster, {}), (0, jsx_runtime_1.jsx)(Button_1.default, __assign({ size: "big", variant: "primary", onClick: handleShowToast }, { children: "Show Toast" }))] }));
+    },
     tags: ['autodocs'],
     argTypes: {
         size: { control: 'select', options: props_1.sizes },
@@ -27,9 +42,8 @@ exports.default = {
 };
 exports.Default = {
     args: {
-        show: true,
         title: 'Title',
-        timer: 999999,
+        timer: 2000,
         showPrimaryButton: true,
         primaryButtonText: 'Primary Action',
         children: (0, jsx_runtime_1.jsx)("div", { children: "Content" })

package/dist/index.js

@@ -3,7 +3,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.OptionMenu = exports.ProductCardCheckbox = exports.PaymentCart = exports.Tabs = 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.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.ProductCardCheckbox = exports.PaymentCart = exports.Tabs = 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.OptionMenu = 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; } });
@@ -49,8 +50,9 @@ var Divider_1 = __importDefault(require("./components/Divider"));
 exports.Divider = Divider_1.default;
 var Accordion_1 = __importDefault(require("./components/Accordion"));
 exports.Accordion = Accordion_1.default;
-var Toast_1 = __importDefault(require("./components/Toast"));
-exports.Toast = Toast_1.default;
+var Toast_1 = require("./components/Toast");
+Object.defineProperty(exports, "toast", { enumerable: true, get: function () { return Toast_1.toast; } });
+Object.defineProperty(exports, "Toaster", { enumerable: true, get: function () { return Toast_1.Toaster; } });
 var SuggestBox_1 = __importDefault(require("./components/SuggestBox"));
 exports.SuggestBox = SuggestBox_1.default;
 var Badges_1 = __importDefault(require("./components/Badges"));

package/package.json

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