@onepercentio/one-ui 0.2.0 → 0.2.3

package/dist/components/Header/Header.js

@@ -1,75 +1,75 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
-const OneUIProvider_1 = require("../../context/OneUIProvider");
-const Collapsable_1 = __importDefault(require("../Collapsable"));
-const Text_1 = __importDefault(require("../Text"));
-const Header_module_scss_1 = __importDefault(require("./Header.module.scss"));
-/**
- * A generic header implementation
- **/
-function Header(props) {
-    const { user, moreOptions } = props;
-    const [showMoreOptions, setShowMoreOptions] = (0, react_1.useState)(false);
-    const { LogoImage = () => null, MoreOptions = () => react_1.default.createElement("div", null, "v") } = (0, OneUIProvider_1.useOneUIContext)().component.header;
-    (0, react_1.useEffect)(() => {
-        if (showMoreOptions) {
-            const close = () => setShowMoreOptions(false);
-            window.addEventListener("click", close);
-            return () => {
-                window.removeEventListener("click", close);
-            };
-        }
-    }, [showMoreOptions]);
-    return (react_1.default.createElement("header", { className: `${Header_module_scss_1.default.header} ${Header_module_scss_1.default[`options-${props.optionsAlignment || "left"}`]}` },
-        react_1.default.createElement("div", { className: Header_module_scss_1.default.logo },
-            react_1.default.createElement(LogoImage, null),
-            react_1.default.createElement("div", { className: Header_module_scss_1.default.logoDivider })),
-        react_1.default.createElement(Controls, Object.assign({}, props, { mode: "desktop" })),
-        user ? (user.profilePicture ? (react_1.default.createElement("img", { className: Header_module_scss_1.default.profile, "data-testid": "profile-container", src: user.profilePicture })) : (react_1.default.createElement("div", { className: Header_module_scss_1.default.profile, "data-testid": "profile-container" }, user.name
-            .split(" ")
-            .slice(0, 2)
-            .map((a) => a.charAt(0).toUpperCase())
-            .join("")))) : null,
-        user ? react_1.default.createElement("p", { className: Header_module_scss_1.default.profileName }, user.name) : null,
-        react_1.default.createElement(Collapsable_1.default, { title: react_1.default.createElement("div", { className: `${Header_module_scss_1.default.indicator} ${moreOptions ? Header_module_scss_1.default.withMoreOptions : ""}` },
-                react_1.default.createElement(MoreOptions, { open: showMoreOptions })), "data-testid": "more-options-container", open: showMoreOptions, onToggleOpen: setShowMoreOptions, mode: "float", contentClassName: Header_module_scss_1.default.headerOptions },
-            react_1.default.createElement(Controls, Object.assign({}, props, { mode: "mobile" })),
-            moreOptions
-                ? moreOptions.map((opt) => (react_1.default.createElement(Text_1.default, { type: "link", onClick: opt.onClick }, opt.label)))
-                : null)));
-}
-exports.default = Header;
-function Controls({ options, children, mode, }) {
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        options.map((option, i) => (react_1.default.createElement(Text_1.default, { type: "link", key: option.label, "data-testid": `option-${i}`, onClick: option.onClick, className: `${Header_module_scss_1.default.option} ${mode === "desktop" ? Header_module_scss_1.default.desktopOnly : Header_module_scss_1.default.mobileOnly}` }, option.label))),
-        react_1.default.createElement("div", { className: Header_module_scss_1.default.sectionDivider }),
-        children && (react_1.default.createElement("div", { className: `${Header_module_scss_1.default.children} ${mode === "desktop" ? Header_module_scss_1.default.desktopOnly : Header_module_scss_1.default.mobileOnly}` }, children))));
-}
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const OneUIProvider_1 = require("../../context/OneUIProvider");
+const Collapsable_1 = __importDefault(require("../Collapsable"));
+const Text_1 = __importDefault(require("../Text"));
+const Header_module_scss_1 = __importDefault(require("./Header.module.scss"));
+/**
+ * A generic header implementation
+ **/
+function Header(props) {
+    const { user, moreOptions } = props;
+    const [showMoreOptions, setShowMoreOptions] = (0, react_1.useState)(false);
+    const { LogoImage = () => null, MoreOptions = () => react_1.default.createElement("div", null, "v") } = (0, OneUIProvider_1.useOneUIContext)().component.header;
+    (0, react_1.useEffect)(() => {
+        if (showMoreOptions) {
+            const close = () => setShowMoreOptions(false);
+            window.addEventListener("click", close);
+            return () => {
+                window.removeEventListener("click", close);
+            };
+        }
+    }, [showMoreOptions]);
+    return (react_1.default.createElement("header", { className: `${Header_module_scss_1.default.header} ${Header_module_scss_1.default[`options-${props.optionsAlignment || "left"}`]}` },
+        react_1.default.createElement("div", { className: Header_module_scss_1.default.logo },
+            react_1.default.createElement(LogoImage, null),
+            react_1.default.createElement("div", { className: Header_module_scss_1.default.logoDivider })),
+        react_1.default.createElement(Controls, Object.assign({}, props, { mode: "desktop" })),
+        user ? (user.profilePicture ? (react_1.default.createElement("img", { className: Header_module_scss_1.default.profile, "data-testid": "profile-container", src: user.profilePicture })) : (react_1.default.createElement("div", { className: Header_module_scss_1.default.profile, "data-testid": "profile-container" }, user.name
+            .split(" ")
+            .slice(0, 2)
+            .map((a) => a.charAt(0).toUpperCase())
+            .join("")))) : null,
+        user ? react_1.default.createElement("p", { className: Header_module_scss_1.default.profileName }, user.name) : null,
+        react_1.default.createElement(Collapsable_1.default, { title: react_1.default.createElement("div", { className: `${Header_module_scss_1.default.indicator} ${moreOptions ? Header_module_scss_1.default.withMoreOptions : ""}` },
+                react_1.default.createElement(MoreOptions, { open: showMoreOptions })), "data-testid": "more-options-container", open: showMoreOptions, onToggleOpen: setShowMoreOptions, mode: "float", contentClassName: Header_module_scss_1.default.headerOptions },
+            react_1.default.createElement(Controls, Object.assign({}, props, { mode: "mobile" })),
+            moreOptions
+                ? moreOptions.map((opt) => (react_1.default.createElement(Text_1.default, { type: "link", onClick: opt.onClick }, opt.label)))
+                : null)));
+}
+exports.default = Header;
+function Controls({ options, children, mode, }) {
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        options.map((option, i) => (react_1.default.createElement(Text_1.default, { type: "link", key: option.label, "data-testid": `option-${i}`, onClick: option.onClick, className: `${Header_module_scss_1.default.option} ${mode === "desktop" ? Header_module_scss_1.default.desktopOnly : Header_module_scss_1.default.mobileOnly}` }, option.label))),
+        react_1.default.createElement("div", { className: Header_module_scss_1.default.sectionDivider }),
+        children && (react_1.default.createElement("div", { className: `${Header_module_scss_1.default.children} ${mode === "desktop" ? Header_module_scss_1.default.desktopOnly : Header_module_scss_1.default.mobileOnly}` }, children))));
+}
 //# sourceMappingURL=Header.js.map

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

@@ -1,28 +1,28 @@
-import React from "react";
-import Header from "./Header";
-declare const _default: {
-    component: typeof Header;
-    title: string;
-};
-export default _default;
-export declare const InitialImplementation: {
-    (args: any): JSX.Element;
-    args: Partial<{
-        optionsAlignment?: "left" | "right" | undefined;
-        user?: {
-            name: string;
-            profilePicture?: string | undefined;
-        } | undefined;
-        options: {
-            label: string;
-            onClick: () => void;
-        }[];
-        moreOptions?: {
-            label: string;
-            onClick: () => void;
-        }[] | undefined;
-        responsive?: boolean | undefined;
-    } & {
-        children?: React.ReactNode;
-    }>;
-};
+import React from "react";
+import Header from "./Header";
+declare const _default: {
+    component: typeof Header;
+    title: string;
+};
+export default _default;
+export declare const InitialImplementation: {
+    (args: any): JSX.Element;
+    args: Partial<{
+        optionsAlignment?: "left" | "right" | undefined;
+        user?: {
+            name: string;
+            profilePicture?: string | undefined;
+        } | undefined;
+        options: {
+            label: string;
+            onClick: () => void;
+        }[];
+        moreOptions?: {
+            label: string;
+            onClick: () => void;
+        }[] | undefined;
+        responsive?: boolean | undefined;
+    } & {
+        children?: React.ReactNode;
+    }>;
+};

package/dist/components/Header/Header.stories.js

@@ -1,41 +1,41 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.InitialImplementation = void 0;
-const react_1 = __importDefault(require("react"));
-const OneUIProvider_1 = __importDefault(require("../../context/OneUIProvider"));
-const Header_1 = __importDefault(require("./Header"));
-exports.default = {
-    component: Header_1.default,
-    title: "Header",
-};
-const InitialImplementation = (args) => (react_1.default.createElement(OneUIProvider_1.default, { config: {
-        component: {
-            header: {
-                LogoImage: () => (react_1.default.createElement("div", { style: { color: "white", fontWeight: "bold", fontSize: "24px" } }, "Example logo el")),
-                MoreOptions: () => react_1.default.createElement("div", null, "V"),
-            },
-        },
-    } },
-    react_1.default.createElement(Header_1.default, Object.assign({}, args))));
-exports.InitialImplementation = InitialImplementation;
-exports.InitialImplementation.args = {
-    user: {
-        name: "Murilo Araujo",
-    },
-    options: [
-        {
-            label: "Dashboard",
-            onClick: () => { },
-        },
-    ],
-    moreOptions: [
-        {
-            label: "Option 1",
-            onClick: () => { },
-        },
-    ],
-};
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InitialImplementation = void 0;
+const react_1 = __importDefault(require("react"));
+const OneUIProvider_1 = __importDefault(require("../../context/OneUIProvider"));
+const Header_1 = __importDefault(require("./Header"));
+exports.default = {
+    component: Header_1.default,
+    title: "Header",
+};
+const InitialImplementation = (args) => (react_1.default.createElement(OneUIProvider_1.default, { config: {
+        component: {
+            header: {
+                LogoImage: () => (react_1.default.createElement("div", { style: { color: "white", fontWeight: "bold", fontSize: "24px" } }, "Example logo el")),
+                MoreOptions: () => react_1.default.createElement("div", null, "V"),
+            },
+        },
+    } },
+    react_1.default.createElement(Header_1.default, Object.assign({}, args))));
+exports.InitialImplementation = InitialImplementation;
+exports.InitialImplementation.args = {
+    user: {
+        name: "Murilo Araujo",
+    },
+    options: [
+        {
+            label: "Dashboard",
+            onClick: () => { },
+        },
+    ],
+    moreOptions: [
+        {
+            label: "Option 1",
+            onClick: () => { },
+        },
+    ],
+};
 //# sourceMappingURL=Header.stories.js.map

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

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

package/dist/components/Header/Header.test.js

@@ -1,100 +1,100 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const react_2 = require("@testing-library/react");
-const Hook = __importStar(require("../../context/OneUIProvider"));
-const Header_1 = __importDefault(require("./Header"));
-jest.mock("../../context/OneUIProvider");
-const MockedHook = Hook;
-MockedHook.setupMock({
-    component: { header: { LogoImage: () => react_1.default.createElement("div", { "data-testid": "logo-img" }) } },
-});
-function renderScreen(props) {
-    return (0, react_2.render)(react_1.default.createElement(Header_1.default, Object.assign({}, props)));
-}
-it("Should at least render :)", () => {
-    renderScreen({ moreOptions: [], options: [] });
-});
-it.each([
-    [true, "/some/path/profile.png"],
-    [true, undefined],
-    [false, undefined],
-])("Should display the profile data correctly 'when there is a user' = %s, 'the profile picture is' = %s and", (shouldHaveABasicUser, profileUrl) => {
-    const wrapper = renderScreen({
-        user: shouldHaveABasicUser
-            ? {
-                name: "Mocked user",
-                profilePicture: profileUrl,
-            }
-            : undefined,
-        moreOptions: [],
-        options: [],
-    });
-    const el = wrapper.queryByTestId("profile-container");
-    if (shouldHaveABasicUser)
-        expect(wrapper.container.textContent).toContain("Mocked user");
-    if (!shouldHaveABasicUser) {
-        expect(el).toBeNull();
-    }
-    else if (profileUrl) {
-        expect(el === null || el === void 0 ? void 0 : el.tagName).toBe("IMG");
-        expect(el === null || el === void 0 ? void 0 : el.getAttribute("src")).toBe(profileUrl);
-    }
-    else {
-        expect(el === null || el === void 0 ? void 0 : el.tagName).toBe("DIV");
-        expect(el === null || el === void 0 ? void 0 : el.textContent).toBe("MU");
-    }
-});
-it("Should trigger the option click when interacted", () => {
-    const cb = jest.fn();
-    const wrapper = renderScreen({
-        options: [
-            {
-                label: "One option",
-                onClick: cb,
-            },
-        ],
-        moreOptions: [],
-    });
-    expect(cb).toHaveBeenCalledTimes(0);
-    wrapper.getByTestId("option-0").click();
-    expect(cb).toHaveBeenCalledTimes(1);
-});
-it.each([true, false])("Should show more options only when provided = %s", (providedMoreOptions) => {
-    const wrapper = renderScreen({
-        options: [],
-        moreOptions: providedMoreOptions ? [] : undefined,
-    });
-    const el = wrapper.queryByTestId("more-options-container");
-    if (providedMoreOptions)
-        expect(el).not.toBeNull();
-    else
-        expect(el).toBeNull();
-});
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const react_2 = require("@testing-library/react");
+const Hook = __importStar(require("../../context/OneUIProvider"));
+const Header_1 = __importDefault(require("./Header"));
+jest.mock("../../context/OneUIProvider");
+const MockedHook = Hook;
+MockedHook.setupMock({
+    component: { header: { LogoImage: () => react_1.default.createElement("div", { "data-testid": "logo-img" }) } },
+});
+function renderScreen(props) {
+    return (0, react_2.render)(react_1.default.createElement(Header_1.default, Object.assign({}, props)));
+}
+it("Should at least render :)", () => {
+    renderScreen({ moreOptions: [], options: [] });
+});
+it.each([
+    [true, "/some/path/profile.png"],
+    [true, undefined],
+    [false, undefined],
+])("Should display the profile data correctly 'when there is a user' = %s, 'the profile picture is' = %s and", (shouldHaveABasicUser, profileUrl) => {
+    const wrapper = renderScreen({
+        user: shouldHaveABasicUser
+            ? {
+                name: "Mocked user",
+                profilePicture: profileUrl,
+            }
+            : undefined,
+        moreOptions: [],
+        options: [],
+    });
+    const el = wrapper.queryByTestId("profile-container");
+    if (shouldHaveABasicUser)
+        expect(wrapper.container.textContent).toContain("Mocked user");
+    if (!shouldHaveABasicUser) {
+        expect(el).toBeNull();
+    }
+    else if (profileUrl) {
+        expect(el === null || el === void 0 ? void 0 : el.tagName).toBe("IMG");
+        expect(el === null || el === void 0 ? void 0 : el.getAttribute("src")).toBe(profileUrl);
+    }
+    else {
+        expect(el === null || el === void 0 ? void 0 : el.tagName).toBe("DIV");
+        expect(el === null || el === void 0 ? void 0 : el.textContent).toBe("MU");
+    }
+});
+it("Should trigger the option click when interacted", () => {
+    const cb = jest.fn();
+    const wrapper = renderScreen({
+        options: [
+            {
+                label: "One option",
+                onClick: cb,
+            },
+        ],
+        moreOptions: [],
+    });
+    expect(cb).toHaveBeenCalledTimes(0);
+    wrapper.getByTestId("option-0").click();
+    expect(cb).toHaveBeenCalledTimes(1);
+});
+it.each([true, false])("Should show more options only when provided = %s", (providedMoreOptions) => {
+    const wrapper = renderScreen({
+        options: [],
+        moreOptions: providedMoreOptions ? [] : undefined,
+    });
+    const el = wrapper.queryByTestId("more-options-container");
+    if (providedMoreOptions)
+        expect(el).not.toBeNull();
+    else
+        expect(el).toBeNull();
+});
 //# sourceMappingURL=Header.test.js.map

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

@@ -1 +1 @@
-export { default } from './Header';
+export { default } from './Header';

package/dist/components/Header/index.js

@@ -1,9 +1,9 @@
-"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 Header_1 = require("./Header");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Header_1).default; } });
+"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 Header_1 = require("./Header");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Header_1).default; } });
 //# sourceMappingURL=index.js.map

package/dist/components/HeaderCloseBtn/HeaderCloseBtn.d.ts

@@ -1,8 +1,8 @@
-/**
- * A simple close button implemented with pure HTML and CSS
- **/
-export default function HeaderButton({ mode, hidden, onClick, }: {
-    mode: "back" | "close";
-    hidden: boolean;
-    onClick: () => void;
-}): JSX.Element;
+/**
+ * A simple close button implemented with pure HTML and CSS
+ **/
+export default function HeaderButton({ mode, hidden, onClick, }: {
+    mode: "back" | "close";
+    hidden: boolean;
+    onClick: () => void;
+}): JSX.Element;

package/dist/components/HeaderCloseBtn/HeaderCloseBtn.js

@@ -1,17 +1,17 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const HeaderCloseBtn_module_scss_1 = __importDefault(require("./HeaderCloseBtn.module.scss"));
-/**
- * A simple close button implemented with pure HTML and CSS
- **/
-function HeaderButton({ mode, hidden, onClick, }) {
-    return (react_1.default.createElement("div", { "data-testid": "header-control-back", className: `${HeaderCloseBtn_module_scss_1.default.headerButton} ${HeaderCloseBtn_module_scss_1.default[mode]} ${hidden ? HeaderCloseBtn_module_scss_1.default.pointOfNoReturn : ""}`, onClick: onClick },
-        react_1.default.createElement("div", null),
-        react_1.default.createElement("div", null)));
-}
-exports.default = HeaderButton;
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const HeaderCloseBtn_module_scss_1 = __importDefault(require("./HeaderCloseBtn.module.scss"));
+/**
+ * A simple close button implemented with pure HTML and CSS
+ **/
+function HeaderButton({ mode, hidden, onClick, }) {
+    return (react_1.default.createElement("div", { "data-testid": "header-control-back", className: `${HeaderCloseBtn_module_scss_1.default.headerButton} ${HeaderCloseBtn_module_scss_1.default[mode]} ${hidden ? HeaderCloseBtn_module_scss_1.default.pointOfNoReturn : ""}`, onClick: onClick },
+        react_1.default.createElement("div", null),
+        react_1.default.createElement("div", null)));
+}
+exports.default = HeaderButton;
 //# sourceMappingURL=HeaderCloseBtn.js.map

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

@@ -1,14 +1,14 @@
-import HeaderCloseBtn from "./HeaderCloseBtn";
-declare const _default: {
-    component: typeof HeaderCloseBtn;
-    title: string;
-};
-export default _default;
-export declare const InitialImplementation: {
-    (args: any): JSX.Element;
-    args: Partial<{
-        mode: "close" | "back";
-        hidden: boolean;
-        onClick: () => void;
-    }>;
-};
+import HeaderCloseBtn from "./HeaderCloseBtn";
+declare const _default: {
+    component: typeof HeaderCloseBtn;
+    title: string;
+};
+export default _default;
+export declare const InitialImplementation: {
+    (args: any): JSX.Element;
+    args: Partial<{
+        mode: "close" | "back";
+        hidden: boolean;
+        onClick: () => void;
+    }>;
+};

package/dist/components/HeaderCloseBtn/HeaderCloseBtn.stories.js

@@ -1,16 +1,16 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.InitialImplementation = void 0;
-const react_1 = __importDefault(require("react"));
-const HeaderCloseBtn_1 = __importDefault(require("./HeaderCloseBtn"));
-exports.default = {
-    component: HeaderCloseBtn_1.default,
-    title: "Header Close Btn"
-};
-const InitialImplementation = (args) => react_1.default.createElement(HeaderCloseBtn_1.default, Object.assign({}, args));
-exports.InitialImplementation = InitialImplementation;
-exports.InitialImplementation.args = {};
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InitialImplementation = void 0;
+const react_1 = __importDefault(require("react"));
+const HeaderCloseBtn_1 = __importDefault(require("./HeaderCloseBtn"));
+exports.default = {
+    component: HeaderCloseBtn_1.default,
+    title: "Header Close Btn"
+};
+const InitialImplementation = (args) => react_1.default.createElement(HeaderCloseBtn_1.default, Object.assign({}, args));
+exports.InitialImplementation = InitialImplementation;
+exports.InitialImplementation.args = {};
 //# sourceMappingURL=HeaderCloseBtn.stories.js.map

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

@@ -1 +1 @@
-export { default } from './HeaderCloseBtn';
+export { default } from './HeaderCloseBtn';