@trackunit/react-modal 0.0.1

package/README.md

@@ -0,0 +1,25 @@
+> **⚠️ Beta**
+>
+> This is a beta version and subject to change without notice.
+
+# Trackunit react-modal
+
+The `@trackunit/react-modal` package is the home of Trackunits public react components used for...
+
+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,185 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var i18nLibraryTranslation = require('@trackunit/i18n-library-translation');
+var reactComponents = require('@trackunit/react-components');
+var React = require('react');
+var cssClassVarianceUtilities = require('@trackunit/css-class-variance-utilities');
+var usePortal = require('react-useportal');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+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 usePortal__default = /*#__PURE__*/_interopDefaultLegacy(usePortal);
+
+var defaultTranslations = {
+	
+};
+
+/** The translation namespace for this library */
+const namespace = "react.react-modal";
+/**
+ * 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'); }),
+    },
+};
+/**
+ * Registers the translations for this library
+ */
+const setupLibraryTranslations = () => {
+    i18nLibraryTranslation.registerTranslations(translations);
+};
+
+const cvaModalContainer = cssClassVarianceUtilities.cvaMerge(["h-full", "w-full", "flex", "items-center"]);
+const cvaModalCard = cssClassVarianceUtilities.cvaMerge([
+    "m-auto",
+    "shadow-2xl",
+    "w-[calc(100%-1rem)]",
+    "max-h-[min(100%-1rem,30%+600px)]",
+    "max-w-[min(100%-1rem,30%+600px)]",
+]);
+const cvaModalBackdrop = cssClassVarianceUtilities.cvaMerge([
+    "flex",
+    "justify-center",
+    "items-center",
+    "fixed",
+    "top-0",
+    "left-0",
+    "w-full",
+    "h-full",
+    "z-20",
+    "invisible",
+    "opacity-0",
+    "transition-all",
+], {
+    variants: {
+        show: {
+            true: "animate-modal-fade",
+            false: "",
+        },
+        noShadow: {
+            true: "",
+            false: "bg-black/50",
+        },
+    },
+});
+
+/**
+ * The Backdrop for the modal.
+ 
+ * @param {ModalBackdropProps} props - The props for the ModalBackdrop component
+ * @returns {JSX.Element} ModalBackdrop component
+ */
+const ModalBackdrop = ({ children, isVisible, onClick, noShadow }) => {
+    const ref = React__namespace.useRef(null);
+    return (jsxRuntime.jsx("div", { className: cvaModalBackdrop({ show: isVisible, noShadow }), onMouseDown: e => {
+            // only react on click on backdrop - accessing first child to get around styled element element
+            if (ref.current !== null && e.target === ref.current.children[0]) {
+                onClick();
+            }
+        }, ref: ref, children: children }));
+};
+
+/**
+ * - Modals are used to present critical information or request user input needed to complete a user's workflow.
+ * - Modals interrupt a user's workflow by design.
+ * - The modal component provides a foundation for creating dialogs, lightboxes, etc.
+ 
+ */
+const Modal = React__namespace.forwardRef(({ isOpen, children, dataTestId, className, role = "", noBackdropShadow = false, onDismissClick = () => {
+    return;
+}, }, ref) => {
+    return (jsxRuntime.jsx(ModalBackdrop, { isVisible: isOpen, noShadow: noBackdropShadow, onClick: onDismissClick, children: isOpen ? (jsxRuntime.jsx("div", { className: cvaModalContainer(), ref: ref, role: role, children: jsxRuntime.jsx(reactComponents.Card, { className: cvaModalCard({ className }), dataTestId: dataTestId, children: children }) })) : null }));
+});
+Modal.displayName = "Modal";
+
+/**
+ * The useModal component should be used to inform the user of important information.
+ 
+ * @param {UseModalProps} props - The props for the useModal hook
+ * @returns {*} useModal return
+ */
+const useModal = ({ closeOnOutsideClick } = {}) => {
+    const modalRef = React.useRef(null);
+    const { isOpen, togglePortal, openPortal, closePortal, Portal } = usePortal__default["default"]({
+        closeOnOutsideClick,
+        onPortalClick: ({ target }) => {
+            var _a;
+            if (!closeOnOutsideClick) {
+                return;
+            }
+            // eslint-disable-next-line local-rules/no-typescript-assertion
+            const clickingOutsideModal = !((_a = modalRef.current) === null || _a === void 0 ? void 0 : _a.contains(target));
+            if (clickingOutsideModal) {
+                closePortal();
+            }
+        },
+    });
+    const PortalWrapper = (props) => (jsxRuntime.jsx(Portal, { children: jsxRuntime.jsx(Modal, Object.assign({ isOpen: isOpen, ref: modalRef }, props)) }));
+    PortalWrapper.displayName = "Modal";
+    const WrappedModal = React.useCallback(PortalWrapper, [Portal, isOpen]);
+    return {
+        Modal: WrappedModal,
+        toggleModal: togglePortal,
+        openModal: openPortal,
+        closeModal: closePortal,
+        isOpen,
+    };
+};
+
+/*
+ * ----------------------------
+ * | 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.Modal = Modal;
+exports.ModalBackdrop = ModalBackdrop;
+exports.useModal = useModal;

package/index.esm.d.ts

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

package/index.esm.js

@@ -0,0 +1,157 @@
+import { jsx } from 'react/jsx-runtime';
+import { registerTranslations } from '@trackunit/i18n-library-translation';
+import { Card } from '@trackunit/react-components';
+import * as React from 'react';
+import { useRef, useCallback } from 'react';
+import { cvaMerge } from '@trackunit/css-class-variance-utilities';
+import usePortal from 'react-useportal';
+
+var defaultTranslations = {
+	
+};
+
+/** The translation namespace for this library */
+const namespace = "react.react-modal";
+/**
+ * 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'),
+    },
+};
+/**
+ * Registers the translations for this library
+ */
+const setupLibraryTranslations = () => {
+    registerTranslations(translations);
+};
+
+const cvaModalContainer = cvaMerge(["h-full", "w-full", "flex", "items-center"]);
+const cvaModalCard = cvaMerge([
+    "m-auto",
+    "shadow-2xl",
+    "w-[calc(100%-1rem)]",
+    "max-h-[min(100%-1rem,30%+600px)]",
+    "max-w-[min(100%-1rem,30%+600px)]",
+]);
+const cvaModalBackdrop = cvaMerge([
+    "flex",
+    "justify-center",
+    "items-center",
+    "fixed",
+    "top-0",
+    "left-0",
+    "w-full",
+    "h-full",
+    "z-20",
+    "invisible",
+    "opacity-0",
+    "transition-all",
+], {
+    variants: {
+        show: {
+            true: "animate-modal-fade",
+            false: "",
+        },
+        noShadow: {
+            true: "",
+            false: "bg-black/50",
+        },
+    },
+});
+
+/**
+ * The Backdrop for the modal.
+ 
+ * @param {ModalBackdropProps} props - The props for the ModalBackdrop component
+ * @returns {JSX.Element} ModalBackdrop component
+ */
+const ModalBackdrop = ({ children, isVisible, onClick, noShadow }) => {
+    const ref = React.useRef(null);
+    return (jsx("div", { className: cvaModalBackdrop({ show: isVisible, noShadow }), onMouseDown: e => {
+            // only react on click on backdrop - accessing first child to get around styled element element
+            if (ref.current !== null && e.target === ref.current.children[0]) {
+                onClick();
+            }
+        }, ref: ref, children: children }));
+};
+
+/**
+ * - Modals are used to present critical information or request user input needed to complete a user's workflow.
+ * - Modals interrupt a user's workflow by design.
+ * - The modal component provides a foundation for creating dialogs, lightboxes, etc.
+ 
+ */
+const Modal = React.forwardRef(({ isOpen, children, dataTestId, className, role = "", noBackdropShadow = false, onDismissClick = () => {
+    return;
+}, }, ref) => {
+    return (jsx(ModalBackdrop, { isVisible: isOpen, noShadow: noBackdropShadow, onClick: onDismissClick, children: isOpen ? (jsx("div", { className: cvaModalContainer(), ref: ref, role: role, children: jsx(Card, { className: cvaModalCard({ className }), dataTestId: dataTestId, children: children }) })) : null }));
+});
+Modal.displayName = "Modal";
+
+/**
+ * The useModal component should be used to inform the user of important information.
+ 
+ * @param {UseModalProps} props - The props for the useModal hook
+ * @returns {*} useModal return
+ */
+const useModal = ({ closeOnOutsideClick } = {}) => {
+    const modalRef = useRef(null);
+    const { isOpen, togglePortal, openPortal, closePortal, Portal } = usePortal({
+        closeOnOutsideClick,
+        onPortalClick: ({ target }) => {
+            var _a;
+            if (!closeOnOutsideClick) {
+                return;
+            }
+            // eslint-disable-next-line local-rules/no-typescript-assertion
+            const clickingOutsideModal = !((_a = modalRef.current) === null || _a === void 0 ? void 0 : _a.contains(target));
+            if (clickingOutsideModal) {
+                closePortal();
+            }
+        },
+    });
+    const PortalWrapper = (props) => (jsx(Portal, { children: jsx(Modal, Object.assign({ isOpen: isOpen, ref: modalRef }, props)) }));
+    PortalWrapper.displayName = "Modal";
+    const WrappedModal = useCallback(PortalWrapper, [Portal, isOpen]);
+    return {
+        Modal: WrappedModal,
+        toggleModal: togglePortal,
+        openModal: openPortal,
+        closeModal: closePortal,
+        isOpen,
+    };
+};
+
+/*
+ * ----------------------------
+ * | 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 { Modal, ModalBackdrop, useModal };

package/package.json

@@ -0,0 +1,18 @@
+{
+  "name": "@trackunit/react-modal",
+  "version": "0.0.1",
+  "repository": "https://github.com/Trackunit/manager",
+  "license": "SEE LICENSE IN LICENSE.txt",
+  "engines": {
+    "node": ">=20.x"
+  },
+  "dependencies": {
+    "@trackunit/i18n-library-translation": "*",
+    "@trackunit/react-components": "*",
+    "react": "^18.2.0",
+    "@trackunit/css-class-variance-utilities": "*",
+    "react-useportal": "1.0.18"
+  },
+  "module": "./index.esm.js",
+  "main": "./index.cjs.js"
+}

package/src/index.d.ts

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

package/src/modal/Modal.d.ts

@@ -0,0 +1,35 @@
+import { CommonProps } from "@trackunit/react-components";
+import * as React from "react";
+export interface ModalProps extends CommonProps {
+    /**
+     * Whether modal is open or not.
+     */
+    isOpen?: boolean;
+    /**
+     * Whether modal should be closed when clicked outside of it.
+     */
+    onDismissClick?: () => void;
+    /**
+     * Child elements to be rendered inside the modal.
+     */
+    children: React.ReactNode;
+    /**
+     * Test id to be applied to the modal.
+     */
+    dataTestId?: string;
+    /**
+     * Aria role to be applied to element
+     */
+    role?: string;
+    /**
+     * Whether modal has backdrop shadow or not
+     */
+    noBackdropShadow?: boolean;
+}
+/**
+ * - Modals are used to present critical information or request user input needed to complete a user's workflow.
+ * - Modals interrupt a user's workflow by design.
+ * - The modal component provides a foundation for creating dialogs, lightboxes, etc.
+ 
+ */
+export declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<HTMLDivElement>>;

package/src/modal/Modal.stories.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { Meta, StoryObj } from "@storybook/react";
+import { Modal, ModalProps } from "./Modal";
+type Story = StoryObj<typeof Modal>;
+declare const meta: Meta<typeof Modal>;
+export default meta;
+export declare const packageName: () => JSX.Element;
+export declare const OverviewTemplate: (props: ModalProps) => JSX.Element;
+export declare const Default: Story;
+export declare const IncorrectUsageErrorModal: (closeOnOutsideClick: true) => JSX.Element;
+export declare const CorrectUsagePrimaryAction: (closeOnOutsideClick: true) => JSX.Element;
+export declare const IncorrectUsageLongText: (closeOnOutsideClick: true) => JSX.Element;
+export declare const CorrectUsageImportantAction: (closeOnOutsideClick: true) => JSX.Element;
+export declare const IncorrectAccessibility: (closeOnOutsideClick: false) => JSX.Element;
+export declare const CorrectAccessibility: (closeOnOutsideClick: true) => JSX.Element;

package/src/modal/Modal.variants.d.ts

@@ -0,0 +1,6 @@
+export declare const cvaModalContainer: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
+export declare const cvaModalCard: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
+export declare const cvaModalBackdrop: (props?: ({
+    show?: boolean | null | undefined;
+    noShadow?: boolean | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;

package/src/modal/ModalBackdrop.d.ts

@@ -0,0 +1,14 @@
+import * as React from "react";
+export interface ModalBackdropProps {
+    onClick: () => void;
+    children: React.ReactNode;
+    isVisible?: boolean;
+    noShadow?: boolean;
+}
+/**
+ * The Backdrop for the modal.
+ 
+ * @param {ModalBackdropProps} props - The props for the ModalBackdrop component
+ * @returns {JSX.Element} ModalBackdrop component
+ */
+export declare const ModalBackdrop: ({ children, isVisible, onClick, noShadow }: ModalBackdropProps) => JSX.Element;

package/src/modal/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./Modal";
+export * from "./ModalBackdrop";
+export * from "./useModal";

package/src/modal/useModal.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import { ModalProps } from "./Modal";
+export interface UseModalProps {
+    closeOnOutsideClick?: boolean;
+}
+/**
+ * The useModal component should be used to inform the user of important information.
+ 
+ * @param {UseModalProps} props - The props for the useModal hook
+ * @returns {*} useModal return
+ */
+export declare const useModal: ({ closeOnOutsideClick }?: UseModalProps) => {
+    Modal: {
+        (props: ModalProps): JSX.Element;
+        displayName: string;
+    };
+    toggleModal: any;
+    openModal: any;
+    closeModal: any;
+    isOpen: any;
+};

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.react-modal";
+/**
+ * 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<never>, import("i18next").i18n, boolean] & {
+    t: TransForLibs<never>;
+    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 };