krl-alfred 2.24.12 → 2.25.0

package/dist/components/LoadingBar/LoadingBar.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { LoadingBarProps } from "./props";
+declare const LoadingBar: ({ title, description, value, total, format, progressText, }: LoadingBarProps) => React.JSX.Element;
+export default LoadingBar;

package/dist/components/LoadingBar/LoadingBar.js

@@ -0,0 +1,28 @@
+"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 });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var props_1 = require("./props");
+var LoadingBar_styled_1 = require("./LoadingBar.styled");
+var progress_1 = require("./utils/progress");
+var LoadingBar = function (_a) {
+    var _b = _a.title, title = _b === void 0 ? props_1.LoadingBarDefault.title : _b, _c = _a.description, description = _c === void 0 ? props_1.LoadingBarDefault.description : _c, _d = _a.value, value = _d === void 0 ? props_1.LoadingBarDefault.value : _d, _e = _a.total, total = _e === void 0 ? props_1.LoadingBarDefault.total : _e, _f = _a.format, format = _f === void 0 ? props_1.LoadingBarDefault.format : _f, _g = _a.progressText, progressText = _g === void 0 ? props_1.LoadingBarDefault.progressText : _g;
+    var titleId = (0, react_1.useId)();
+    var descriptionId = (0, react_1.useId)();
+    var progress = (0, progress_1.getLoadingProgress)(value, total);
+    var current = (0, progress_1.getLoadingCurrent)(value, total);
+    var max = (0, progress_1.getLoadingTotal)(total);
+    return ((0, jsx_runtime_1.jsxs)(LoadingBar_styled_1.LoadingBarStyled, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: "header" }, { children: [title ? ((0, jsx_runtime_1.jsx)("p", __assign({ className: "title", id: titleId }, { children: title }))) : null, (0, jsx_runtime_1.jsx)("p", __assign({ className: "value" }, { children: progressText || (0, progress_1.formatLoadingValue)(value, total, format) }))] })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: "body" }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: "track", role: "progressbar", "aria-valuemin": 0, "aria-valuemax": max, "aria-valuenow": current, "aria-labelledby": title ? titleId : undefined, "aria-describedby": description ? descriptionId : undefined }, { children: (0, jsx_runtime_1.jsx)("div", { className: "fill", style: { width: "".concat(progress, "%") } }) })), description ? ((0, jsx_runtime_1.jsx)("p", __assign({ className: "description", id: descriptionId }, { children: description }))) : null] }))] }));
+};
+exports.default = LoadingBar;

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

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const LoadingBarStyled: 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;

package/dist/components/LoadingBar/LoadingBar.styled.js

@@ -0,0 +1,13 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LoadingBarStyled = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+exports.LoadingBarStyled = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 16px;\n    width: 100%;\n\n    .header {\n        display: flex;\n        align-items: flex-end;\n        justify-content: space-between;\n        gap: 16px;\n        width: 100%;\n    }\n\n    .title {\n        margin: 0;\n        color: var(--dark);\n        font: var(--caption-semi-bold-12-15);\n    }\n\n    .value {\n        margin: 0 0 0 auto;\n        flex-shrink: 0;\n        color: var(--grey-50);\n        font: var(--caption-semi-bold-11-13);\n        white-space: nowrap;\n    }\n\n    .body {\n        display: flex;\n        flex-direction: column;\n        align-items: flex-start;\n        gap: 8px;\n        width: 100%;\n    }\n\n    .track {\n        width: 100%;\n        height: 4px;\n        border-radius: 16px;\n        background-color: var(--dark-opacity-5);\n        overflow: hidden;\n    }\n\n    .fill {\n        height: 4px;\n        border-radius: 16px;\n        background-color: var(--primary);\n        transition: width 0.2s ease;\n    }\n\n    .description {\n        margin: 0;\n        width: 100%;\n        color: var(--dark-opacity-50);\n        font: var(--caption-medium-12-15);\n    }\n"], ["\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 16px;\n    width: 100%;\n\n    .header {\n        display: flex;\n        align-items: flex-end;\n        justify-content: space-between;\n        gap: 16px;\n        width: 100%;\n    }\n\n    .title {\n        margin: 0;\n        color: var(--dark);\n        font: var(--caption-semi-bold-12-15);\n    }\n\n    .value {\n        margin: 0 0 0 auto;\n        flex-shrink: 0;\n        color: var(--grey-50);\n        font: var(--caption-semi-bold-11-13);\n        white-space: nowrap;\n    }\n\n    .body {\n        display: flex;\n        flex-direction: column;\n        align-items: flex-start;\n        gap: 8px;\n        width: 100%;\n    }\n\n    .track {\n        width: 100%;\n        height: 4px;\n        border-radius: 16px;\n        background-color: var(--dark-opacity-5);\n        overflow: hidden;\n    }\n\n    .fill {\n        height: 4px;\n        border-radius: 16px;\n        background-color: var(--primary);\n        transition: width 0.2s ease;\n    }\n\n    .description {\n        margin: 0;\n        width: 100%;\n        color: var(--dark-opacity-50);\n        font: var(--caption-medium-12-15);\n    }\n"])));
+var templateObject_1;

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

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

package/dist/components/LoadingBar/LoadingBar.test.js

@@ -0,0 +1,97 @@
+"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 });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("@testing-library/react");
+var LoadingBar_1 = __importDefault(require("./LoadingBar"));
+var props_1 = require("./props");
+var renderLoadingBar = function (props) {
+    if (props === void 0) { props = {}; }
+    return (0, react_1.render)((0, jsx_runtime_1.jsx)(LoadingBar_1.default, __assign({}, props_1.LoadingBarDefault, props)));
+};
+describe("LoadingBar", function () {
+    it("renders the title, description and fraction label", function () {
+        renderLoadingBar({
+            title: "Ürünler getiriliyor...",
+            description: "Aktarım devam eder.",
+            value: 268,
+            total: 510,
+            format: "fraction",
+        });
+        expect(react_1.screen.getByText("Ürünler getiriliyor...")).toBeInTheDocument();
+        expect(react_1.screen.getByText("Aktarım devam eder.")).toBeInTheDocument();
+        expect(react_1.screen.getByText("268 / 510")).toBeInTheDocument();
+        expect(react_1.screen.getByRole("progressbar")).toHaveAttribute("aria-valuenow", "268");
+        expect(react_1.screen.getByRole("progressbar")).toHaveAttribute("aria-valuemax", "510");
+    });
+    it("renders a percent label", function () {
+        renderLoadingBar({ value: 20, total: 100, format: "percent" });
+        expect(react_1.screen.getByText("%20 / %100")).toBeInTheDocument();
+    });
+    it("clamps the bar when value is outside the total", function () {
+        var container = renderLoadingBar({ value: 800, total: 510, format: "percent" }).container;
+        expect(react_1.screen.getByText("%100 / %100")).toBeInTheDocument();
+        expect(react_1.screen.getByRole("progressbar")).toHaveAttribute("aria-valuenow", "510");
+        expect(container.querySelector(".fill")).toHaveStyle({ width: "100%" });
+    });
+    it("stays at zero when total is not positive", function () {
+        var container = renderLoadingBar({ value: 10, total: 0, format: "fraction" }).container;
+        expect(react_1.screen.getByText("10 / 0")).toBeInTheDocument();
+        expect(react_1.screen.getByRole("progressbar")).toHaveAttribute("aria-valuenow", "0");
+        expect(react_1.screen.getByRole("progressbar")).toHaveAttribute("aria-valuemax", "0");
+        expect(container.querySelector(".fill")).toHaveStyle({ width: "0%" });
+    });
+    it("renders progressText instead of the generated label", function () {
+        renderLoadingBar({
+            value: 268,
+            total: 510,
+            format: "fraction",
+            progressText: "268 ürün",
+        });
+        expect(react_1.screen.getByText("268 ürün")).toBeInTheDocument();
+        expect(react_1.screen.queryByText("268 / 510")).not.toBeInTheDocument();
+    });
+    it("does not execute HTML passed as progressText", function () {
+        renderLoadingBar({
+            progressText: '<script>window.__xssProgress = true</script>%20',
+            value: 20,
+            total: 100,
+        });
+        expect(react_1.screen.getByText(/%20/)).toBeInTheDocument();
+        expect(document.querySelector("script")).not.toBeInTheDocument();
+        expect(window.__xssProgress).toBeUndefined();
+    });
+    it("omits empty title and description", function () {
+        renderLoadingBar({ title: "", description: "", value: 1, total: 4 });
+        expect(react_1.screen.getByText("1 / 4")).toBeInTheDocument();
+        expect(document.querySelector(".title")).not.toBeInTheDocument();
+        expect(document.querySelector(".description")).not.toBeInTheDocument();
+    });
+    it("does not execute HTML passed as title or description", function () {
+        renderLoadingBar({
+            title: '<script>window.__xssTitle = true</script>Başlık',
+            description: '<img src="x" onerror="window.__xssDesc = true" />Açıklama',
+            value: 1,
+            total: 2,
+        });
+        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")).not.toBeInTheDocument();
+        expect(window.__xssTitle).toBeUndefined();
+        expect(window.__xssDesc).toBeUndefined();
+    });
+});

package/dist/components/LoadingBar/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./LoadingBar";

package/dist/components/LoadingBar/index.js

@@ -0,0 +1,8 @@
+"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;
+var LoadingBar_1 = require("./LoadingBar");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(LoadingBar_1).default; } });

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

@@ -0,0 +1,12 @@
+import { LoadingBarFormat } from "./utils/progress";
+export declare const formats: readonly ["fraction", "percent"];
+export interface LoadingBar {
+    title?: string;
+    description?: string;
+    value?: number;
+    total?: number;
+    format?: LoadingBarFormat;
+    progressText?: string;
+}
+export declare const LoadingBarDefault: LoadingBar;
+export type LoadingBarProps = typeof LoadingBarDefault;

package/dist/components/LoadingBar/props.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LoadingBarDefault = exports.formats = void 0;
+exports.formats = ["fraction", "percent"];
+exports.LoadingBarDefault = {
+    title: "",
+    description: "",
+    value: 0,
+    total: 100,
+    format: "fraction",
+    progressText: "",
+};

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

@@ -0,0 +1,78 @@
+import React from "react";
+declare const _default: {
+    title: string;
+    component: (props: any) => React.JSX.Element;
+    tags: string[];
+    argTypes: {
+        title: {
+            control: string;
+        };
+        description: {
+            control: string;
+        };
+        value: {
+            control: string;
+        };
+        total: {
+            control: string;
+        };
+        format: {
+            control: string;
+            options: readonly ["fraction", "percent"];
+        };
+        progressText: {
+            control: string;
+        };
+    };
+};
+export default _default;
+export declare const Default: {
+    args: {
+        title: string;
+        description: string;
+        value: number;
+        total: number;
+        format: "fraction";
+        progressText: string;
+    };
+};
+export declare const Percent: {
+    args: {
+        value: number;
+        total: number;
+        format: string;
+        title: string;
+        description: string;
+        progressText: string;
+    };
+};
+export declare const WithoutDescription: {
+    args: {
+        description: string;
+        title: string;
+        value: number;
+        total: number;
+        format: "fraction";
+        progressText: string;
+    };
+};
+export declare const CustomProgressText: {
+    args: {
+        progressText: string;
+        title: string;
+        description: string;
+        value: number;
+        total: number;
+        format: "fraction";
+    };
+};
+export declare const TitleOnly: {
+    args: {
+        description: string;
+        value: number;
+        total: number;
+        title: string;
+        format: "fraction";
+        progressText: string;
+    };
+};

package/dist/components/LoadingBar/stories/LoadingBar.stories.js

@@ -0,0 +1,56 @@
+"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.TitleOnly = exports.CustomProgressText = exports.WithoutDescription = exports.Percent = exports.Default = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var LoadingBar_1 = __importDefault(require("../LoadingBar"));
+var props_1 = require("../props");
+var baseArgs = {
+    title: "Ürünler getiriliyor...",
+    description: "Bu işlem arka planda çalışıyor. Sayfadan ayrılabilirsin, aktarım devam eder.",
+    value: 268,
+    total: 510,
+    format: "fraction",
+    progressText: "",
+};
+exports.default = {
+    title: "Components/LoadingBar",
+    component: function (props) { return ((0, jsx_runtime_1.jsx)("div", __assign({ style: { width: 920 } }, { children: (0, jsx_runtime_1.jsx)(LoadingBar_1.default, __assign({}, props)) }))); },
+    tags: ["autodocs"],
+    argTypes: {
+        title: { control: "text" },
+        description: { control: "text" },
+        value: { control: "number" },
+        total: { control: "number" },
+        format: { control: "select", options: props_1.formats },
+        progressText: { control: "text" },
+    },
+};
+exports.Default = {
+    args: __assign({}, baseArgs),
+};
+exports.Percent = {
+    args: __assign(__assign({}, baseArgs), { value: 20, total: 100, format: "percent" }),
+};
+exports.WithoutDescription = {
+    args: __assign(__assign({}, baseArgs), { description: "" }),
+};
+exports.CustomProgressText = {
+    args: __assign(__assign({}, baseArgs), { progressText: "268 ürün" }),
+};
+exports.TitleOnly = {
+    args: __assign(__assign({}, baseArgs), { description: "", value: 0, total: 100 }),
+};

package/dist/components/LoadingBar/utils/progress.d.ts

@@ -0,0 +1,5 @@
+export type LoadingBarFormat = "fraction" | "percent";
+export declare const getLoadingTotal: (total: number) => number;
+export declare const getLoadingProgress: (value: number, total: number) => number;
+export declare const getLoadingCurrent: (value: number, total: number) => number;
+export declare const formatLoadingValue: (value: number, total: number, format: LoadingBarFormat) => string;

package/dist/components/LoadingBar/utils/progress.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.formatLoadingValue = exports.getLoadingCurrent = exports.getLoadingProgress = exports.getLoadingTotal = void 0;
+var toFiniteNumber = function (value) { return (Number.isFinite(value) ? value : 0); };
+var getLoadingTotal = function (total) {
+    var safeTotal = toFiniteNumber(total);
+    return safeTotal > 0 ? safeTotal : 0;
+};
+exports.getLoadingTotal = getLoadingTotal;
+var getLoadingProgress = function (value, total) {
+    var safeTotal = (0, exports.getLoadingTotal)(total);
+    if (safeTotal === 0) {
+        return 0;
+    }
+    var ratio = (toFiniteNumber(value) / safeTotal) * 100;
+    return Math.min(100, Math.max(0, ratio));
+};
+exports.getLoadingProgress = getLoadingProgress;
+var getLoadingCurrent = function (value, total) {
+    var safeTotal = (0, exports.getLoadingTotal)(total);
+    if (safeTotal === 0) {
+        return 0;
+    }
+    return Math.min(safeTotal, Math.max(0, toFiniteNumber(value)));
+};
+exports.getLoadingCurrent = getLoadingCurrent;
+var formatLoadingValue = function (value, total, format) {
+    var safeTotal = (0, exports.getLoadingTotal)(total);
+    var safeValue = Math.max(0, toFiniteNumber(value));
+    if (format === "percent") {
+        return "%".concat(Math.round((0, exports.getLoadingProgress)(value, total)), " / %100");
+    }
+    return "".concat(safeValue, " / ").concat(safeTotal);
+};
+exports.formatLoadingValue = formatLoadingValue;

package/dist/index.d.ts

@@ -66,4 +66,5 @@ import Tag from "./components/Tag";
 import TagInput from "./components/TagInput";
 import RichTextEditor from "./components/RichTextEditor";
 import ColorCard from "./components/ColorCard";
-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, ColorCard };
+import LoadingBar from "./components/LoadingBar";
+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, ColorCard, LoadingBar };

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.ColorCard = 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;
+exports.LoadingBar = exports.ColorCard = 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; } });
@@ -143,3 +143,5 @@ var RichTextEditor_1 = __importDefault(require("./components/RichTextEditor"));
 exports.RichTextEditor = RichTextEditor_1.default;
 var ColorCard_1 = __importDefault(require("./components/ColorCard"));
 exports.ColorCard = ColorCard_1.default;
+var LoadingBar_1 = __importDefault(require("./components/LoadingBar"));
+exports.LoadingBar = LoadingBar_1.default;

package/package.json

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