@cripty2001/utils 0.0.103 → 0.0.104

package/dist/react/index.d.ts

@@ -1,2 +1 @@
 export { LoggerReactDisplay } from './logger-display';
-export { ModalComponent, ModalComponentProps } from './modal';

package/dist/react/index.js

@@ -1,7 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ModalComponent = exports.LoggerReactDisplay = void 0;
+exports.LoggerReactDisplay = void 0;
 var logger_display_1 = require("./logger-display");
 Object.defineProperty(exports, "LoggerReactDisplay", { enumerable: true, get: function () { return logger_display_1.LoggerReactDisplay; } });
-var modal_1 = require("./modal");
-Object.defineProperty(exports, "ModalComponent", { enumerable: true, get: function () { return modal_1.ModalComponent; } });

package/dist/react-ui/index.d.ts

@@ -2,5 +2,6 @@ import BaseButton, { type ButtonProps as BaseButtonProps } from './button';
 import BaseForm, { type FormComponentProps as BaseFormProps } from './form';
 import BaseInput, { type InputComponentProps as BaseInputProps } from './input';
 import BaseLoader, { type LoaderProps as BaseLoaderProps } from './loader';
+import BaseModal, { type ModalComponentProps as BaseModalProps } from './modal';
 import BaseTable, { type TableProps as BaseTableProps } from './table';
-export { BaseButton, BaseButtonProps, BaseForm, BaseFormProps, BaseInput, BaseInputProps, BaseLoader, BaseLoaderProps, BaseTable, BaseTableProps };
+export { BaseButton, BaseButtonProps, BaseForm, BaseFormProps, BaseInput, BaseInputProps, BaseLoader, BaseLoaderProps, BaseModal, BaseModalProps, BaseTable, BaseTableProps };

package/dist/react-ui/index.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.BaseTable = exports.BaseLoader = exports.BaseInput = exports.BaseForm = exports.BaseButton = void 0;
+exports.BaseTable = exports.BaseModal = exports.BaseLoader = exports.BaseInput = exports.BaseForm = exports.BaseButton = void 0;
 const button_1 = __importDefault(require("./button"));
 exports.BaseButton = button_1.default;
 const form_1 = __importDefault(require("./form"));
@@ -12,5 +12,7 @@ const input_1 = __importDefault(require("./input"));
 exports.BaseInput = input_1.default;
 const loader_1 = __importDefault(require("./loader"));
 exports.BaseLoader = loader_1.default;
+const modal_1 = __importDefault(require("./modal"));
+exports.BaseModal = modal_1.default;
 const table_1 = __importDefault(require("./table"));
 exports.BaseTable = table_1.default;

package/dist/react-ui/modal.d.ts

@@ -0,0 +1,6 @@
+export type ModalComponentProps = {
+    children: React.ReactNode;
+    open: boolean | undefined;
+    setOpen: (open: boolean) => void | undefined;
+};
+export default function ModalComponent(props: ModalComponentProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/react-ui/modal.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = ModalComponent;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_whispr_1 = require("../react-whispr");
+let modalCount = 0;
+function ModalComponent(props) {
+    const zIndex = (0, react_1.useRef)(1000 + modalCount++).current;
+    const id = (0, react_1.useRef)(`modal-${zIndex}`).current;
+    const [open, setOpen] = (0, react_whispr_1.useSynced)(true, props.open, props.setOpen);
+    if (!open)
+        return null;
+    return ((0, jsx_runtime_1.jsx)("div", { id: id, className: "fixed inset-0 bg-black/50 flex items-center justify-center p-6 h-screen w-screen", style: { zIndex: zIndex }, onClick: () => setOpen(false), children: (0, jsx_runtime_1.jsx)("div", { className: "w-full animate-slide-up", onClick: (e) => e.stopPropagation(), children: props.children }) }));
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cripty2001/utils",
-  "version": "0.0.103",
+  "version": "0.0.104",
   "description": "Internal Set of utils. If you need them use them, otherwise go to the next package ;)",
   "homepage": "https://github.com/cripty2001/utils#readme",
   "bugs": {