@trackunit/react-compound-components 0.0.1

package/README.md

@@ -0,0 +1,26 @@
+> **⚠️ Beta**
+>
+> This is a beta version and subject to change without notice.
+
+# Trackunit compound-components
+
+The `@trackunit/compound-components` package is the home of Trackunit's public components that are a combination of other React components and often include some special concerns to make them fully functional in Iris Apps. 
+This could include components like Dialogs, Toasts, Modals, and more...
+
+This library is exposed publicly for use in the the Trackunit [Iris App SDK](https://www.npmjs.com/package/@trackunit/iris-app).
+
+To browse all avaliable components visit our [Public Storybook](https://apps.iris.trackunit.com/storybook/).
+
+For more info and a full guide on Iris App SDK Development, please visit our [Developer Hub](https://developers.trackunit.com/).
+
+## Development
+
+At this point this library is only developed by Trackunit Employees.  
+For development related information see the [development readme](https://github.com/Trackunit/manager/blob/master/libs/react/components/DEVELOPMENT.md).
+
+## Trackunit
+
+This package was developed by Trackunit ApS.
+Trackunit is the leading SaaS-based IoT solution for the construction industry, offering an ecosystem of hardware, fleet management software & telematics.
+
+![The Trackunit logo](https://trackunit.com/wp-content/uploads/2022/03/top-logo.svg)

package/index.cjs.d.ts

@@ -0,0 +1 @@
+export * from "./src/index";

package/index.cjs.js

@@ -0,0 +1,172 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var i18nLibraryTranslation = require('@trackunit/i18n-library-translation');
+var reactCoreHooks = require('@trackunit/react-core-hooks');
+var React = require('react');
+var reactComponents = require('@trackunit/react-components');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var defaultTranslations = {
+	"confirmationDialog.default.message": "Are you certain that you wish to proceed with this course of action?",
+	"confirmationDialog.default.primarybutton": "Confirm",
+	"confirmationDialog.default.secondarybutton": "Cancel",
+	"confirmationDialog.default.title": "Please confirm this action"
+};
+
+/** The translation namespace for this library */
+const namespace = "react.compound-components";
+/**
+ * The TranslationResource for this Library.
+ * Holds lazy loaded imports for all languages supported by the library.
+ *
+ * This is used to register the translations for this library before initializing i18next.
+ */
+const translations = {
+    ns: namespace,
+    default: defaultTranslations,
+    languages: {
+        de: () => Promise.resolve().then(function () { return require('./translation.cjs.js'); }),
+        da: () => Promise.resolve().then(function () { return require('./translation.cjs2.js'); }),
+        cs: () => Promise.resolve().then(function () { return require('./translation.cjs3.js'); }),
+        nl: () => Promise.resolve().then(function () { return require('./translation.cjs4.js'); }),
+        fr: () => Promise.resolve().then(function () { return require('./translation.cjs5.js'); }),
+        fi: () => Promise.resolve().then(function () { return require('./translation.cjs6.js'); }),
+        hu: () => Promise.resolve().then(function () { return require('./translation.cjs7.js'); }),
+        it: () => Promise.resolve().then(function () { return require('./translation.cjs8.js'); }),
+        nb: () => Promise.resolve().then(function () { return require('./translation.cjs9.js'); }),
+        pl: () => Promise.resolve().then(function () { return require('./translation.cjs10.js'); }),
+        pt: () => Promise.resolve().then(function () { return require('./translation.cjs11.js'); }),
+        ru: () => Promise.resolve().then(function () { return require('./translation.cjs12.js'); }),
+        ro: () => Promise.resolve().then(function () { return require('./translation.cjs13.js'); }),
+        es: () => Promise.resolve().then(function () { return require('./translation.cjs14.js'); }),
+        sv: () => Promise.resolve().then(function () { return require('./translation.cjs15.js'); }),
+        ja: () => Promise.resolve().then(function () { return require('./translation.cjs16.js'); }),
+        th: () => Promise.resolve().then(function () { return require('./translation.cjs17.js'); }),
+    },
+};
+/**
+ *  Local useTranslation for this specific library
+ */
+const useTranslation = () => i18nLibraryTranslation.useNamespaceTranslation(namespace);
+/**
+ * Registers the translations for this library
+ */
+const setupLibraryTranslations = () => {
+    i18nLibraryTranslation.registerTranslations(translations);
+};
+
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+
+function __rest(s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}
+
+function __awaiter(thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+}
+
+/**
+ *
+ */
+const ConfirmationDialogModal = (_a) => {
+    var { isOpen, title, handleDismiss, message, handlePrimaryActionClick, handleSecondaryActionClick, secondaryActionLabel, primaryActionType, primaryActionLabel } = _a, rest = __rest(_a, ["isOpen", "title", "handleDismiss", "message", "handlePrimaryActionClick", "handleSecondaryActionClick", "secondaryActionLabel", "primaryActionType", "primaryActionLabel"]);
+    return (jsxRuntime.jsx(reactComponents.Modal, Object.assign({ className: "max-w-xl", isOpen: isOpen, onDismissClick: handleDismiss }, rest, { children: jsxRuntime.jsxs(reactComponents.Card, { role: "dialog", "aria-labelledby": "dialogTitle", "aria-describedby": "dialogDesc", children: [jsxRuntime.jsx(reactComponents.CardHeader, { id: "dialogTitle", heading: title, headingVariant: "secondary", onClose: handleDismiss }), jsxRuntime.jsx(reactComponents.CardBody, { className: "bg-secondary-50", id: "dialogDesc", children: message }), jsxRuntime.jsxs(reactComponents.CardFooter, { hideSeparator: true, className: "bg-secondary-50", children: [jsxRuntime.jsx(reactComponents.Button, { variant: "secondary", onClick: handleSecondaryActionClick, dataTestId: "secondaryAction", children: secondaryActionLabel }), jsxRuntime.jsx(reactComponents.Button, { variant: primaryActionType, onClick: handlePrimaryActionClick, dataTestId: "primaryAction", children: primaryActionLabel })] })] }) })));
+};
+
+/**
+ *
+ */
+const ConfirmationDialogContextProvider = ({ children }) => {
+    const [isOpen, setIsOpen] = React.useState(false);
+    const [t] = useTranslation();
+    const [resolveAction, setResolveAction] = React.useState(null);
+    const [confirmationDialogProps, setConfirmationDialogProps] = React.useState({
+        title: t("confirmationDialog.default.title"),
+        primaryActionType: "primary",
+        primaryActionLabel: t("confirmationDialog.default.primarybutton"),
+        secondaryActionLabel: t("confirmationDialog.default.secondarybutton"),
+        message: t("confirmationDialog.default.message"),
+    });
+    const closeModal = React__namespace.useCallback(() => {
+        setIsOpen(false);
+    }, []);
+    const confirmationDialogModalProps = React__namespace.useMemo(() => (Object.assign(Object.assign({}, confirmationDialogProps), { isOpen, handleDismiss: () => {
+            resolveAction === null || resolveAction === void 0 ? void 0 : resolveAction("CLOSE");
+            closeModal();
+        }, handlePrimaryActionClick: () => {
+            resolveAction === null || resolveAction === void 0 ? void 0 : resolveAction("PRIMARY");
+            closeModal();
+        }, handleSecondaryActionClick: () => {
+            resolveAction === null || resolveAction === void 0 ? void 0 : resolveAction("SECONDARY");
+            closeModal();
+        } })), [confirmationDialogProps, isOpen, resolveAction, closeModal]);
+    const confirm = React__namespace.useCallback((props) => __awaiter(void 0, void 0, void 0, function* () {
+        setConfirmationDialogProps(props);
+        setIsOpen(true);
+        return new Promise(resolve => {
+            setResolveAction(() => resolve);
+        });
+    }), []);
+    const value = React__namespace.useMemo(() => ({ confirm }), [confirm]);
+    return (jsxRuntime.jsxs(reactCoreHooks.ConfirmationDialogProvider, { value: value, children: [children, resolveAction ? jsxRuntime.jsx(ConfirmationDialogModal, Object.assign({}, confirmationDialogModalProps)) : null] }));
+};
+
+/*
+ * ----------------------------
+ * | SETUP TRANSLATIONS START |
+ * ----------------------------
+ * This import and function call is needed to register translations for this library.
+ * Do not remove this if this library has translations.
+ */
+setupLibraryTranslations();
+
+exports.ConfirmationDialogContextProvider = ConfirmationDialogContextProvider;

package/index.esm.js

@@ -0,0 +1,149 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { registerTranslations, useNamespaceTranslation } from '@trackunit/i18n-library-translation';
+import { ConfirmationDialogProvider } from '@trackunit/react-core-hooks';
+import * as React from 'react';
+import { useState } from 'react';
+import { Modal, Card, CardHeader, CardBody, CardFooter, Button } from '@trackunit/react-components';
+
+var defaultTranslations = {
+	"confirmationDialog.default.message": "Are you certain that you wish to proceed with this course of action?",
+	"confirmationDialog.default.primarybutton": "Confirm",
+	"confirmationDialog.default.secondarybutton": "Cancel",
+	"confirmationDialog.default.title": "Please confirm this action"
+};
+
+/** The translation namespace for this library */
+const namespace = "react.compound-components";
+/**
+ * The TranslationResource for this Library.
+ * Holds lazy loaded imports for all languages supported by the library.
+ *
+ * This is used to register the translations for this library before initializing i18next.
+ */
+const translations = {
+    ns: namespace,
+    default: defaultTranslations,
+    languages: {
+        de: () => import('./translation.esm.js'),
+        da: () => import('./translation.esm2.js'),
+        cs: () => import('./translation.esm3.js'),
+        nl: () => import('./translation.esm4.js'),
+        fr: () => import('./translation.esm5.js'),
+        fi: () => import('./translation.esm6.js'),
+        hu: () => import('./translation.esm7.js'),
+        it: () => import('./translation.esm8.js'),
+        nb: () => import('./translation.esm9.js'),
+        pl: () => import('./translation.esm10.js'),
+        pt: () => import('./translation.esm11.js'),
+        ru: () => import('./translation.esm12.js'),
+        ro: () => import('./translation.esm13.js'),
+        es: () => import('./translation.esm14.js'),
+        sv: () => import('./translation.esm15.js'),
+        ja: () => import('./translation.esm16.js'),
+        th: () => import('./translation.esm17.js'),
+    },
+};
+/**
+ *  Local useTranslation for this specific library
+ */
+const useTranslation = () => useNamespaceTranslation(namespace);
+/**
+ * Registers the translations for this library
+ */
+const setupLibraryTranslations = () => {
+    registerTranslations(translations);
+};
+
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+
+function __rest(s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}
+
+function __awaiter(thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+}
+
+/**
+ *
+ */
+const ConfirmationDialogModal = (_a) => {
+    var { isOpen, title, handleDismiss, message, handlePrimaryActionClick, handleSecondaryActionClick, secondaryActionLabel, primaryActionType, primaryActionLabel } = _a, rest = __rest(_a, ["isOpen", "title", "handleDismiss", "message", "handlePrimaryActionClick", "handleSecondaryActionClick", "secondaryActionLabel", "primaryActionType", "primaryActionLabel"]);
+    return (jsx(Modal, Object.assign({ className: "max-w-xl", isOpen: isOpen, onDismissClick: handleDismiss }, rest, { children: jsxs(Card, { role: "dialog", "aria-labelledby": "dialogTitle", "aria-describedby": "dialogDesc", children: [jsx(CardHeader, { id: "dialogTitle", heading: title, headingVariant: "secondary", onClose: handleDismiss }), jsx(CardBody, { className: "bg-secondary-50", id: "dialogDesc", children: message }), jsxs(CardFooter, { hideSeparator: true, className: "bg-secondary-50", children: [jsx(Button, { variant: "secondary", onClick: handleSecondaryActionClick, dataTestId: "secondaryAction", children: secondaryActionLabel }), jsx(Button, { variant: primaryActionType, onClick: handlePrimaryActionClick, dataTestId: "primaryAction", children: primaryActionLabel })] })] }) })));
+};
+
+/**
+ *
+ */
+const ConfirmationDialogContextProvider = ({ children }) => {
+    const [isOpen, setIsOpen] = useState(false);
+    const [t] = useTranslation();
+    const [resolveAction, setResolveAction] = useState(null);
+    const [confirmationDialogProps, setConfirmationDialogProps] = useState({
+        title: t("confirmationDialog.default.title"),
+        primaryActionType: "primary",
+        primaryActionLabel: t("confirmationDialog.default.primarybutton"),
+        secondaryActionLabel: t("confirmationDialog.default.secondarybutton"),
+        message: t("confirmationDialog.default.message"),
+    });
+    const closeModal = React.useCallback(() => {
+        setIsOpen(false);
+    }, []);
+    const confirmationDialogModalProps = React.useMemo(() => (Object.assign(Object.assign({}, confirmationDialogProps), { isOpen, handleDismiss: () => {
+            resolveAction === null || resolveAction === void 0 ? void 0 : resolveAction("CLOSE");
+            closeModal();
+        }, handlePrimaryActionClick: () => {
+            resolveAction === null || resolveAction === void 0 ? void 0 : resolveAction("PRIMARY");
+            closeModal();
+        }, handleSecondaryActionClick: () => {
+            resolveAction === null || resolveAction === void 0 ? void 0 : resolveAction("SECONDARY");
+            closeModal();
+        } })), [confirmationDialogProps, isOpen, resolveAction, closeModal]);
+    const confirm = React.useCallback((props) => __awaiter(void 0, void 0, void 0, function* () {
+        setConfirmationDialogProps(props);
+        setIsOpen(true);
+        return new Promise(resolve => {
+            setResolveAction(() => resolve);
+        });
+    }), []);
+    const value = React.useMemo(() => ({ confirm }), [confirm]);
+    return (jsxs(ConfirmationDialogProvider, { value: value, children: [children, resolveAction ? jsx(ConfirmationDialogModal, Object.assign({}, confirmationDialogModalProps)) : null] }));
+};
+
+/*
+ * ----------------------------
+ * | SETUP TRANSLATIONS START |
+ * ----------------------------
+ * This import and function call is needed to register translations for this library.
+ * Do not remove this if this library has translations.
+ */
+setupLibraryTranslations();
+
+export { ConfirmationDialogContextProvider };

package/package.json

@@ -0,0 +1,19 @@
+{
+  "name": "@trackunit/react-compound-components",
+  "version": "0.0.1",
+  "repository": "https://github.com/Trackunit/manager",
+  "license": "SEE LICENSE IN LICENSE.txt",
+  "dependencies": {
+    "@trackunit/react-core-contexts-api": "*",
+    "@trackunit/react-core-hooks": "*",
+    "react": "^18.2.0",
+    "@trackunit/react-components": "*",
+    "@trackunit/i18n-library-translation": "*"
+  },
+  "engines": {
+    "node": ">=18.x",
+    "yarn": "3.7.0"
+  },
+  "module": "./index.esm.js",
+  "main": "./index.cjs.js"
+}

package/src/ConfirmationDialog/ConfirmationDialogContextProvider.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+export interface ConfirmationDialogProviderProps {
+    children: React.ReactNode;
+}
+/**
+ *
+ */
+export declare const ConfirmationDialogContextProvider: ({ children }: ConfirmationDialogProviderProps) => JSX.Element;

package/src/ConfirmationDialog/ConfirmationDialogModal.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { CommonProps } from "@trackunit/react-components";
+import { ConfirmationDialogProps } from "./useConfirmationDialog.demo";
+export interface ConfirmationDialogModalProps extends Pick<ConfirmationDialogProps, "title" | "message" | "primaryActionLabel" | "secondaryActionLabel" | "primaryActionType">, CommonProps {
+    isOpen: boolean;
+    handleDismiss: () => void;
+    handlePrimaryActionClick: () => void;
+    handleSecondaryActionClick: () => void;
+}
+/**
+ *
+ */
+export declare const ConfirmationDialogModal: ({ isOpen, title, handleDismiss, message, handlePrimaryActionClick, handleSecondaryActionClick, secondaryActionLabel, primaryActionType, primaryActionLabel, ...rest }: ConfirmationDialogModalProps) => JSX.Element;

package/src/ConfirmationDialog/useConfirmationDialog.demo.d.ts

@@ -0,0 +1,41 @@
+/// <reference types="react" />
+import { ConfirmationDialogProps as ConfirmationDialogPropsActual } from "@trackunit/react-core-contexts-api";
+export interface ConfirmationDialogProps extends ConfirmationDialogPropsActual {
+    /**
+     * The heading of the modal.
+     */
+    title: string;
+    /**
+     * The content to show in the modal.
+     */
+    message: string;
+    /**
+     * The type of the primary action button.
+     * For actions like delete, the primary action button should be primary-danger.
+     */
+    primaryActionType: "primary" | "primary-danger";
+    /**
+     * The label of the primary action button.
+     * For example, "Delete user".
+     */
+    primaryActionLabel: string;
+    /**
+     * The label of the secondary action button.
+     * For example, "Cancel".
+     */
+    secondaryActionLabel: string;
+}
+/**
+ * The useConfirmationDialog hook is used to show a confirmation dialog in the _**Manager**_ or _**Iris Apps**_.
+ *
+ * It returns a function that can be called with a ConfirmationDialogProps object.
+ *
+ * The function returns a promise that resolves to a UserInteractionType.
+ *
+ * The UserInteractionType is either "PRIMARY", "SECONDARY" or "CLOSE".
+ *
+ * The promise resolves when the user clicks the primary, secondary, or close button. (CLOSE is also triggered when the modal is dismissed in other ways.)
+ *
+ * **ATTENTION:** In the Manager and Iris Apps, this hook will "just work". If you are using the hook in a custom setup, you need to wrap your app in the ConfirmationDialogContextProvider.
+ */
+export declare const UseTableSelectionDemoComponent: (props: ConfirmationDialogProps) => JSX.Element;

package/src/ConfirmationDialog/useConfirmationDialog.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from "@storybook/react";
+import { useConfirmationDialog } from "@trackunit/react-core-hooks";
+import { UseTableSelectionDemoComponent } from "./useConfirmationDialog.demo";
+type Story = StoryObj<typeof UseTableSelectionDemoComponent>;
+declare const meta: Meta<typeof useConfirmationDialog>;
+export default meta;
+export declare const packageName: () => JSX.Element;
+export declare const Default: Story;

package/src/index.d.ts

@@ -0,0 +1 @@
+export * from "./ConfirmationDialog/ConfirmationDialogContextProvider";

package/src/translation.d.ts

@@ -0,0 +1,34 @@
+/// <reference types="react" />
+import { NamespaceTransProps, TransForLibs, TranslationResource } from "@trackunit/i18n-library-translation";
+import defaultTranslations from "./locales/en/translation.json";
+/** A type for all available translation keys in this library */
+export type TranslationKeys = keyof typeof defaultTranslations;
+/** The translation namespace for this library */
+export declare const namespace = "react.compound-components";
+/**
+ * The TranslationResource for this Library.
+ * Holds lazy loaded imports for all languages supported by the library.
+ *
+ * This is used to register the translations for this library before initializing i18next.
+ */
+export declare const translations: TranslationResource<TranslationKeys>;
+/**
+ *  Local useTranslation for this specific library
+ */
+export declare const useTranslation: () => [TransForLibs<"confirmationDialog.default.message" | "confirmationDialog.default.primarybutton" | "confirmationDialog.default.secondarybutton" | "confirmationDialog.default.title">, import("i18next").i18n, boolean] & {
+    t: TransForLibs<"confirmationDialog.default.message" | "confirmationDialog.default.primarybutton" | "confirmationDialog.default.secondarybutton" | "confirmationDialog.default.title">;
+    i18n: import("i18next").i18n;
+    ready: boolean;
+};
+/**
+ * Type of the t function for the local useTranslation for this specific library
+ */
+export type TranslationFunction = TransForLibs<TranslationKeys>;
+/**
+ * Trans for this specific library.
+ */
+export declare const Trans: (props: NamespaceTransProps<TranslationKeys>) => JSX.Element;
+/**
+ * Registers the translations for this library
+ */
+export declare const setupLibraryTranslations: () => void;

package/translation.cjs.js

@@ -0,0 +1,7 @@
+'use strict';
+
+var translation = {
+	
+};
+
+exports["default"] = translation;

package/translation.cjs10.js

@@ -0,0 +1,7 @@
+'use strict';
+
+var translation = {
+	
+};
+
+exports["default"] = translation;

package/translation.cjs11.js

@@ -0,0 +1,7 @@
+'use strict';
+
+var translation = {
+	
+};
+
+exports["default"] = translation;

package/translation.cjs12.js

@@ -0,0 +1,7 @@
+'use strict';
+
+var translation = {
+	
+};
+
+exports["default"] = translation;

package/translation.cjs13.js

@@ -0,0 +1,7 @@
+'use strict';
+
+var translation = {
+	
+};
+
+exports["default"] = translation;

package/translation.cjs14.js

@@ -0,0 +1,7 @@
+'use strict';
+
+var translation = {
+	
+};
+
+exports["default"] = translation;

package/translation.cjs15.js

@@ -0,0 +1,7 @@
+'use strict';
+
+var translation = {
+	
+};
+
+exports["default"] = translation;

package/translation.cjs16.js

@@ -0,0 +1,7 @@
+'use strict';
+
+var translation = {
+	
+};
+
+exports["default"] = translation;

package/translation.cjs17.js

@@ -0,0 +1,7 @@
+'use strict';
+
+var translation = {
+	
+};
+
+exports["default"] = translation;

package/translation.cjs2.js

@@ -0,0 +1,7 @@
+'use strict';
+
+var translation = {
+	
+};
+
+exports["default"] = translation;

package/translation.cjs3.js

@@ -0,0 +1,7 @@
+'use strict';
+
+var translation = {
+	
+};
+
+exports["default"] = translation;

package/translation.cjs4.js

@@ -0,0 +1,7 @@
+'use strict';
+
+var translation = {
+	
+};
+
+exports["default"] = translation;

package/translation.cjs5.js

@@ -0,0 +1,7 @@
+'use strict';
+
+var translation = {
+	
+};
+
+exports["default"] = translation;

package/translation.cjs6.js

@@ -0,0 +1,7 @@
+'use strict';
+
+var translation = {
+	
+};
+
+exports["default"] = translation;

package/translation.cjs7.js

@@ -0,0 +1,7 @@
+'use strict';
+
+var translation = {
+	
+};
+
+exports["default"] = translation;

package/translation.cjs8.js

@@ -0,0 +1,7 @@
+'use strict';
+
+var translation = {
+	
+};
+
+exports["default"] = translation;

package/translation.cjs9.js

@@ -0,0 +1,7 @@
+'use strict';
+
+var translation = {
+	
+};
+
+exports["default"] = translation;

package/translation.esm.js

@@ -0,0 +1,5 @@
+var translation = {
+	
+};
+
+export { translation as default };

package/translation.esm10.js

@@ -0,0 +1,5 @@
+var translation = {
+	
+};
+
+export { translation as default };

package/translation.esm11.js

@@ -0,0 +1,5 @@
+var translation = {
+	
+};
+
+export { translation as default };

package/translation.esm12.js

@@ -0,0 +1,5 @@
+var translation = {
+	
+};
+
+export { translation as default };

package/translation.esm13.js

@@ -0,0 +1,5 @@
+var translation = {
+	
+};
+
+export { translation as default };

package/translation.esm14.js

@@ -0,0 +1,5 @@
+var translation = {
+	
+};
+
+export { translation as default };

package/translation.esm15.js

@@ -0,0 +1,5 @@
+var translation = {
+	
+};
+
+export { translation as default };

package/translation.esm16.js

@@ -0,0 +1,5 @@
+var translation = {
+	
+};
+
+export { translation as default };

package/translation.esm17.js

@@ -0,0 +1,5 @@
+var translation = {
+	
+};
+
+export { translation as default };

package/translation.esm2.js

@@ -0,0 +1,5 @@
+var translation = {
+	
+};
+
+export { translation as default };

package/translation.esm3.js

@@ -0,0 +1,5 @@
+var translation = {
+	
+};
+
+export { translation as default };

package/translation.esm4.js

@@ -0,0 +1,5 @@
+var translation = {
+	
+};
+
+export { translation as default };

package/translation.esm5.js

@@ -0,0 +1,5 @@
+var translation = {
+	
+};
+
+export { translation as default };

package/translation.esm6.js

@@ -0,0 +1,5 @@
+var translation = {
+	
+};
+
+export { translation as default };

package/translation.esm7.js

@@ -0,0 +1,5 @@
+var translation = {
+	
+};
+
+export { translation as default };

package/translation.esm8.js

@@ -0,0 +1,5 @@
+var translation = {
+	
+};
+
+export { translation as default };

package/translation.esm9.js

@@ -0,0 +1,5 @@
+var translation = {
+	
+};
+
+export { translation as default };