@trackunit/react-modal 0.0.56 → 0.0.59

package/index.cjs.js

@@ -1,7 +1,5 @@
 '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');
@@ -10,10 +8,7 @@ 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;
+function _interopNamespaceDefault(e) {
   var n = Object.create(null);
   if (e) {
     Object.keys(e).forEach(function (k) {
@@ -26,12 +21,11 @@ function _interopNamespace(e) {
       }
     });
   }
-  n["default"] = e;
+  n.default = e;
   return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
-var usePortal__default = /*#__PURE__*/_interopDefaultLegacy(usePortal);
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 
 var defaultTranslations = {
 	
@@ -175,7 +169,7 @@ Modal.displayName = "Modal";
  */
 const useModal = ({ closeOnOutsideClick } = {}) => {
     const modalRef = React.useRef(null);
-    const { isOpen, togglePortal, openPortal, closePortal, Portal } = usePortal__default["default"]({
+    const { isOpen, togglePortal, openPortal, closePortal, Portal } = usePortal({
         closeOnOutsideClick,
         onPortalClick: ({ target }) => {
             var _a;
@@ -189,7 +183,7 @@ const useModal = ({ closeOnOutsideClick } = {}) => {
             }
         },
     });
-    const PortalWrapper = (props) => (jsxRuntime.jsx(Portal, { children: jsxRuntime.jsx(Modal, Object.assign({ isOpen: isOpen, ref: modalRef }, props)) }));
+    const PortalWrapper = (props) => (jsxRuntime.jsx(Portal, { children: jsxRuntime.jsx(Modal, { isOpen: isOpen, ref: modalRef, ...props }) }));
     PortalWrapper.displayName = "Modal";
     const WrappedModal = React.useCallback(PortalWrapper, [Portal, isOpen]);
     return {

package/index.esm.js

@@ -163,7 +163,7 @@ const useModal = ({ closeOnOutsideClick } = {}) => {
             }
         },
     });
-    const PortalWrapper = (props) => (jsx(Portal, { children: jsx(Modal, Object.assign({ isOpen: isOpen, ref: modalRef }, props)) }));
+    const PortalWrapper = (props) => (jsx(Portal, { children: jsx(Modal, { isOpen: isOpen, ref: modalRef, ...props }) }));
     PortalWrapper.displayName = "Modal";
     const WrappedModal = useCallback(PortalWrapper, [Portal, isOpen]);
     return {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-modal",
-  "version": "0.0.56",
+  "version": "0.0.59",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
@@ -9,11 +9,12 @@
   "dependencies": {
     "@trackunit/i18n-library-translation": "*",
     "@trackunit/react-components": "*",
-    "react": "^18.2.0",
+    "react": "18.3.1",
     "@trackunit/css-class-variance-utilities": "*",
     "react-useportal": "1.0.18",
     "@trackunit/react-core-hooks": "*"
   },
   "module": "./index.esm.js",
-  "main": "./index.cjs.js"
-}
+  "main": "./index.cjs.js",
+  "types": "./index.esm.d.ts"
+}

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

@@ -1,15 +1,14 @@
-/// <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 packageName: () => import("react/jsx-runtime").JSX.Element;
+export declare const OverviewTemplate: (props: ModalProps) => import("react/jsx-runtime").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;
+export declare const IncorrectUsageErrorModal: (closeOnOutsideClick: true) => import("react/jsx-runtime").JSX.Element;
+export declare const CorrectUsagePrimaryAction: (closeOnOutsideClick: true) => import("react/jsx-runtime").JSX.Element;
+export declare const IncorrectUsageLongText: (closeOnOutsideClick: true) => import("react/jsx-runtime").JSX.Element;
+export declare const CorrectUsageImportantAction: (closeOnOutsideClick: true) => import("react/jsx-runtime").JSX.Element;
+export declare const IncorrectAccessibility: (closeOnOutsideClick: false) => import("react/jsx-runtime").JSX.Element;
+export declare const CorrectAccessibility: (closeOnOutsideClick: true) => import("react/jsx-runtime").JSX.Element;

package/src/modal/ModalBackdrop.d.ts

@@ -11,4 +11,4 @@ export interface ModalBackdropProps {
  * @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;
+export declare const ModalBackdrop: ({ children, isVisible, onClick, noShadow }: ModalBackdropProps) => import("react/jsx-runtime").JSX.Element;

package/src/modal/useModal.d.ts

@@ -11,7 +11,7 @@ export interface UseModalProps {
  */
 export declare const useModal: ({ closeOnOutsideClick }?: UseModalProps) => {
     Modal: {
-        (props: ModalProps): JSX.Element;
+        (props: ModalProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     toggleModal: (e?: BaseSyntheticEvent) => void;

package/src/translation.d.ts

@@ -1,4 +1,3 @@
-/// <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 */
@@ -27,7 +26,7 @@ export type TranslationFunction = TransForLibs<TranslationKeys>;
 /**
  * Trans for this specific library.
  */
-export declare const Trans: (props: NamespaceTransProps<TranslationKeys>) => JSX.Element;
+export declare const Trans: (props: NamespaceTransProps<TranslationKeys>) => import("react/jsx-runtime").JSX.Element;
 /**
  * Registers the translations for this library
  */

package/translation.cjs.js

@@ -4,4 +4,4 @@ var translation = {
 	
 };
 
-exports["default"] = translation;
+exports.default = translation;

package/translation.cjs10.js

@@ -4,4 +4,4 @@ var translation = {
 	
 };
 
-exports["default"] = translation;
+exports.default = translation;

package/translation.cjs11.js

@@ -4,4 +4,4 @@ var translation = {
 	
 };
 
-exports["default"] = translation;
+exports.default = translation;

package/translation.cjs12.js

@@ -4,4 +4,4 @@ var translation = {
 	
 };
 
-exports["default"] = translation;
+exports.default = translation;

package/translation.cjs13.js

@@ -4,4 +4,4 @@ var translation = {
 	
 };
 
-exports["default"] = translation;
+exports.default = translation;

package/translation.cjs14.js

@@ -4,4 +4,4 @@ var translation = {
 	
 };
 
-exports["default"] = translation;
+exports.default = translation;

package/translation.cjs15.js

@@ -4,4 +4,4 @@ var translation = {
 	
 };
 
-exports["default"] = translation;
+exports.default = translation;

package/translation.cjs16.js

@@ -4,4 +4,4 @@ var translation = {
 	
 };
 
-exports["default"] = translation;
+exports.default = translation;

package/translation.cjs17.js

@@ -4,4 +4,4 @@ var translation = {
 	
 };
 
-exports["default"] = translation;
+exports.default = translation;

package/translation.cjs2.js

@@ -4,4 +4,4 @@ var translation = {
 	
 };
 
-exports["default"] = translation;
+exports.default = translation;

package/translation.cjs3.js

@@ -4,4 +4,4 @@ var translation = {
 	
 };
 
-exports["default"] = translation;
+exports.default = translation;

package/translation.cjs4.js

@@ -4,4 +4,4 @@ var translation = {
 	
 };
 
-exports["default"] = translation;
+exports.default = translation;

package/translation.cjs5.js

@@ -4,4 +4,4 @@ var translation = {
 	
 };
 
-exports["default"] = translation;
+exports.default = translation;

package/translation.cjs6.js

@@ -4,4 +4,4 @@ var translation = {
 	
 };
 
-exports["default"] = translation;
+exports.default = translation;

package/translation.cjs7.js

@@ -4,4 +4,4 @@ var translation = {
 	
 };
 
-exports["default"] = translation;
+exports.default = translation;

package/translation.cjs8.js

@@ -4,4 +4,4 @@ var translation = {
 	
 };
 
-exports["default"] = translation;
+exports.default = translation;

package/translation.cjs9.js

@@ -4,4 +4,4 @@ var translation = {
 	
 };
 
-exports["default"] = translation;
+exports.default = translation;