krl-alfred 1.73.2 → 1.73.4

package/dist/components/ActionButton/ActionButton.js

@@ -20,7 +20,9 @@ var ActionButton_styled_1 = require("./ActionButton.styled");
 var Icon_1 = __importDefault(require("../Icon/Icon"));
 var Button_1 = __importDefault(require("../Button"));
 var date_fns_1 = require("date-fns");
+var react_i18next_1 = require("react-i18next");
 var ActionButton = function (props) {
+    var t = (0, react_i18next_1.useTranslation)().t;
     var _a = (0, react_1.useState)(0), days = _a[0], setDays = _a[1];
     var _b = (0, react_1.useState)(0), minutes = _b[0], setMinutes = _b[1];
     var _c = (0, react_1.useState)(0), hours = _c[0], setHours = _c[1];
@@ -43,7 +45,7 @@ var ActionButton = function (props) {
     (0, react_1.useEffect)(function () {
         count();
     }, [props.date]);
-    return (0, jsx_runtime_1.jsxs)(ActionButton_styled_1.ActionButtonStyled, __assign({}, props, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "top", children: [(0, jsx_runtime_1.jsx)("div", { className: "icon", children: (0, jsx_runtime_1.jsx)(Icon_1.default, { name: props.icon, width: "45px", height: "45px" }) }), (0, jsx_runtime_1.jsx)("strong", { className: "title body-bold-14-17", children: props.title })] }), (0, jsx_runtime_1.jsxs)("div", { className: "bottom", children: [(0, jsx_runtime_1.jsx)("div", {}), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", { className: "timer", children: [(0, jsx_runtime_1.jsxs)("div", { className: "box", children: [(0, jsx_runtime_1.jsx)("div", { className: "title-extra-bold-16-19", children: days }), (0, jsx_runtime_1.jsx)("div", { className: "caption-regular-10-12", children: "G\u00FCn" })] }), (0, jsx_runtime_1.jsx)("div", { className: "dots caption-bold-12-15", children: ":" }), (0, jsx_runtime_1.jsxs)("div", { className: "box", children: [(0, jsx_runtime_1.jsx)("div", { className: "title-extra-bold-16-19", children: hours.toString().padStart(2, '0') }), (0, jsx_runtime_1.jsx)("div", { className: "caption-regular-10-12", children: "Saat" })] }), (0, jsx_runtime_1.jsx)("div", { className: "dots caption-bold-12-15", children: ":" }), (0, jsx_runtime_1.jsxs)("div", { className: "box", children: [(0, jsx_runtime_1.jsx)("div", { className: "title-extra-bold-16-19", children: minutes.toString().padStart(2, '0') }), (0, jsx_runtime_1.jsx)("div", { className: "caption-regular-10-12", children: "Dk." })] })] }), (0, jsx_runtime_1.jsx)(Button_1.default, { size: "xsmall", width: "32px", icon: "ArrowMediumRight", variant: "primary" })] })] })] }));
+    return (0, jsx_runtime_1.jsxs)(ActionButton_styled_1.ActionButtonStyled, __assign({}, props, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "top", children: [(0, jsx_runtime_1.jsx)("div", { className: "icon", children: (0, jsx_runtime_1.jsx)(Icon_1.default, { name: props.icon, width: "45px", height: "45px" }) }), (0, jsx_runtime_1.jsx)("strong", { className: "title body-bold-14-17", children: props.title })] }), (0, jsx_runtime_1.jsxs)("div", { className: "bottom", children: [(0, jsx_runtime_1.jsx)("div", {}), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", { className: "timer", children: [(0, jsx_runtime_1.jsxs)("div", { className: "box", children: [(0, jsx_runtime_1.jsx)("div", { className: "title-extra-bold-16-19", children: days }), (0, jsx_runtime_1.jsx)("div", { className: "caption-regular-10-12", children: t('day') })] }), (0, jsx_runtime_1.jsx)("div", { className: "dots caption-bold-12-15", children: ":" }), (0, jsx_runtime_1.jsxs)("div", { className: "box", children: [(0, jsx_runtime_1.jsx)("div", { className: "title-extra-bold-16-19", children: hours.toString().padStart(2, '0') }), (0, jsx_runtime_1.jsx)("div", { className: "caption-regular-10-12", children: t('hour') })] }), (0, jsx_runtime_1.jsx)("div", { className: "dots caption-bold-12-15", children: ":" }), (0, jsx_runtime_1.jsxs)("div", { className: "box", children: [(0, jsx_runtime_1.jsx)("div", { className: "title-extra-bold-16-19", children: minutes.toString().padStart(2, '0') }), (0, jsx_runtime_1.jsx)("div", { className: "caption-regular-10-12", children: t('minute') })] })] }), (0, jsx_runtime_1.jsx)(Button_1.default, { size: "xsmall", width: "32px", icon: "ArrowMediumRight", variant: "primary" })] })] })] }));
 };
 ActionButton.defaultProps = {
     title: "Title",

package/dist/components/Button/Button.js

@@ -25,8 +25,8 @@ var Children = function (props) {
 };
 var Button = function (props) {
     var _a, _b, _c, _d, _e, _f;
-    var isLoading = props.isLoading, onClick = props.onClick, disabled = props.disabled, size = props.size, variant = props.variant, width = props.width, icon = props.icon, children = props.children;
-    return ((0, jsx_runtime_1.jsx)(Button_styled_1.ButtonStyled, { className: (0, classnames_1.default)((_a = {}, _a["loading"] = isLoading, _a), (_b = {}, _b["caption-bold-12-15"] = size === 'xsmall' && variant !== 'ghost', _b), (_c = {}, _c["body-bold-13-16"] = size === 'xsmall' && variant === 'ghost', _c), (_d = {}, _d["body-bold-13-16"] = size === 'small', _d), (_e = {}, _e["body-bold-14-17"] = size === 'big', _e), (_f = {}, _f["body-bold-14-17"] = size === 'medium', _f)), onClick: onClick, disabled: disabled || isLoading, size: size, variant: variant, width: width, icon: icon, children: isLoading ? (0, jsx_runtime_1.jsx)(Loader_1.default, { width: size === "big" ? "24px" : "16px", height: size === "big" ? "24px" : "16px", variant: variant === 'primary' ? 'secondary' : 'primary' }) :
+    var type = props.type, isLoading = props.isLoading, onClick = props.onClick, disabled = props.disabled, size = props.size, variant = props.variant, width = props.width, icon = props.icon, children = props.children;
+    return ((0, jsx_runtime_1.jsx)(Button_styled_1.ButtonStyled, { className: (0, classnames_1.default)((_a = {}, _a["loading"] = isLoading, _a), (_b = {}, _b["caption-bold-12-15"] = size === 'xsmall' && variant !== 'ghost', _b), (_c = {}, _c["body-bold-13-16"] = size === 'xsmall' && variant === 'ghost', _c), (_d = {}, _d["body-bold-13-16"] = size === 'small', _d), (_e = {}, _e["body-bold-14-17"] = size === 'big', _e), (_f = {}, _f["body-bold-14-17"] = size === 'medium', _f)), onClick: onClick, disabled: disabled || isLoading, size: size, variant: variant, width: width, icon: icon, type: type, children: isLoading ? (0, jsx_runtime_1.jsx)(Loader_1.default, { width: size === "big" ? "24px" : "16px", height: size === "big" ? "24px" : "16px", variant: variant === 'primary' ? 'secondary' : 'primary' }) :
             (0, jsx_runtime_1.jsx)(Children, { icon: icon, children: children }) }));
 };
 exports.default = Button;

package/dist/components/Button/props.js

@@ -5,4 +5,4 @@ var Icon_1 = require("../Icon");
 exports.variants = ['primary', 'secondary', 'inverted', 'ghost'];
 exports.sizes = ['big', 'medium', 'small', 'xsmall'];
 exports.iconNames = Object.keys(Icon_1.iconList);
-var ButtonDefault = { size: 'medium', variant: 'primary', isLoading: false, width: "auto" };
+var ButtonDefault = { size: 'medium', variant: 'primary', isLoading: false, width: "auto", type: "button" };

package/dist/components/Button/stories/Button.stories.js

@@ -36,7 +36,8 @@ exports.Default = {
         children: "Button",
         disabled: false,
         isLoading: false,
-        width: "150px"
+        width: "150px",
+        type: "button"
     },
 };
 exports.Icon = {

package/dist/i18n/i18n.js

@@ -0,0 +1,34 @@
+"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.init = void 0;
+var i18next_1 = __importDefault(require("i18next"));
+var react_i18next_1 = require("react-i18next");
+var english_json_1 = __importDefault(require("./locales/english.json"));
+var turkish_json_1 = __importDefault(require("./locales/turkish.json"));
+var init = function (options) {
+    if (options === void 0) { options = {}; }
+    return i18next_1.default.use(react_i18next_1.initReactI18next).init(__assign({ fallbackLng: 'en', lng: 'tr', resources: {
+            en: {
+                translation: __assign({}, english_json_1.default)
+            },
+            tr: {
+                translation: __assign({}, turkish_json_1.default)
+            }
+        }, debug: false }, options));
+};
+exports.init = init;
+exports.default = i18next_1.default;

package/dist/i18n/locales/english.json

@@ -0,0 +1,5 @@
+{
+    "day": "Day",
+    "hour": "Hour",
+    "minute": "Min"
+}

package/dist/i18n/locales/turkish.json

@@ -0,0 +1,5 @@
+{
+    "day": "Gün",
+    "hour": "Saat",
+    "minute": "Dk."
+}

package/dist/index.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.CampaignCard = exports.Dropdown = exports.InlineProgress = exports.Loader = exports.ShoppingCartProduct = exports.CouponCode = exports.InfoBox = exports.ContentBox = exports.ListGroup = exports.InsuranceBox = exports.Tooltip = exports.TextLink = exports.SelectBox = exports.Badges = exports.Carousel = exports.SuggestBox = exports.Toast = exports.Banner = exports.Accordion = exports.Divider = exports.SearchBox = exports.ValueProposition = exports.Textarea = exports.ActionButton = exports.RadioButton = exports.Icon = exports.Agreement = exports.Alert = exports.Stepper = exports.ProductCard = exports.OtpInput = exports.Modal = exports.Input = exports.CircleProgress = exports.Checkbox = exports.CategoryMenu = exports.Breadcrumbs = exports.Button = void 0;
+exports.trLocale = exports.enLocale = exports.initi18n = exports.initReactI18next = exports.CampaignCard = exports.Dropdown = exports.InlineProgress = exports.Loader = exports.ShoppingCartProduct = exports.CouponCode = exports.InfoBox = exports.ContentBox = exports.ListGroup = exports.InsuranceBox = exports.Tooltip = exports.TextLink = exports.SelectBox = exports.Badges = exports.Carousel = exports.SuggestBox = exports.Toast = exports.Banner = exports.Accordion = exports.Divider = exports.SearchBox = exports.ValueProposition = exports.Textarea = exports.ActionButton = exports.RadioButton = exports.Icon = exports.Agreement = exports.Alert = exports.Stepper = exports.ProductCard = exports.OtpInput = exports.Modal = exports.Input = exports.CircleProgress = exports.Checkbox = exports.CategoryMenu = exports.Breadcrumbs = exports.Button = void 0;
 var Button_1 = __importDefault(require("./components/Button"));
 exports.Button = Button_1.default;
 var Breadcrumbs_1 = __importDefault(require("./components/Breadcrumbs"));
@@ -80,3 +80,11 @@ var Dropdown_1 = __importDefault(require("./components/Dropdown"));
 exports.Dropdown = Dropdown_1.default;
 var CampaignCard_1 = __importDefault(require("./components/CampaignCard"));
 exports.CampaignCard = CampaignCard_1.default;
+var react_i18next_1 = require("react-i18next");
+Object.defineProperty(exports, "initReactI18next", { enumerable: true, get: function () { return react_i18next_1.initReactI18next; } });
+var i18n_1 = require("./i18n/i18n");
+Object.defineProperty(exports, "initi18n", { enumerable: true, get: function () { return i18n_1.init; } });
+var english_json_1 = __importDefault(require("./i18n/locales/english.json"));
+exports.enLocale = english_json_1.default;
+var turkish_json_1 = __importDefault(require("./i18n/locales/turkish.json"));
+exports.trLocale = turkish_json_1.default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "krl-alfred",
-  "version": "1.73.2",
+  "version": "1.73.4",
   "files": [
     "dist"
   ],
@@ -24,11 +24,13 @@
     "classnames": "^2.3.2",
     "css-loader": "^6.7.3",
     "date-fns": "^2.30.0",
+    "i18next": "^23.7.6",
     "plop": "^3.1.2",
     "react": "^18.2.0",
     "react-circular-progressbar": "^2.1.0",
     "react-device-detect": "^2.2.3",
     "react-dom": "^18.2.0",
+    "react-i18next": "^13.5.0",
     "react-input-mask": "^2.0.4",
     "react-otp-input": "^3.0.2",
     "react-router-dom": "^6.10.0",
@@ -37,6 +39,7 @@
     "sass": "^1.60.0",
     "sass-loader": "^13.2.2",
     "slick-carousel": "^1.8.1",
+    "storybook-i18n": "^2.0.13",
     "style-loader": "^3.3.2",
     "styled-components": "^5.0.1",
     "typescript": "^5.1.6"
@@ -89,6 +92,7 @@
     "@svgr/cli": "^7.0.0",
     "@svgr/webpack": "^7.0.0",
     "semantic-release": "^21.0.1",
-    "storybook": "7.2.1"
+    "storybook": "7.2.1",
+    "storybook-addon-locale": "^0.3.6"
   }
 }