@cripty2001/utils 0.0.103 → 0.0.105

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/input.js

@@ -2,16 +2,16 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = InputComponent;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const utils_1 = require("@cripty2001/utils");
 const lucide_react_1 = require("lucide-react");
 const react_1 = require("react");
+const index_1 = require("../index");
 function InputComponent(props) {
     const variant = props.variant;
     const baseClassName = props.variants[variant ?? "default"];
     const [error, setError] = (0, react_1.useState)(null);
     return ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-2", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row justify-between items-center gap-2", children: [props.label &&
                         (0, jsx_runtime_1.jsx)("label", { className: "block mb-1 text-sm font-medium text-gray-700 dark:text-gray-300", children: props.label }), props.copy &&
-                        (0, jsx_runtime_1.jsx)(lucide_react_1.CopyIcon, { className: "w-4 h-4 cursor-pointer", onClick: () => (0, utils_1.copyToClipboard)(props.value) })] }), (0, jsx_runtime_1.jsx)("div", { className: "relative", children: props.children({
+                        (0, jsx_runtime_1.jsx)(lucide_react_1.CopyIcon, { className: "w-4 h-4 cursor-pointer", onClick: () => (0, index_1.copyToClipboard)(props.value) })] }), (0, jsx_runtime_1.jsx)("div", { className: "relative", children: props.children({
                     value: props.value,
                     setValue: (v) => {
                         try {

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

@@ -1,6 +1,6 @@
-import type { AppserverData } from "@cripty2001/utils/appserver/client";
-import type { Dispatcher } from "@cripty2001/utils/dispatcher";
 import type React from "react";
+import type { AppserverData } from "../Appserver/client";
+import type { Dispatcher } from "../Dispatcher";
 export type LoaderProps<T extends AppserverData> = {
     data: Dispatcher<unknown, T>;
     children: (data: T) => React.ReactNode;

package/dist/react-ui/loader.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = Loader;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_whispr_1 = require("@cripty2001/utils/react-whispr");
+const react_whispr_1 = require("../react-whispr");
 function Loader(props) {
     const data = (0, react_whispr_1.useWhisprValue)(props.data.data);
     return ((0, jsx_runtime_1.jsx)("div", { className: "", children: (0, jsx_runtime_1.jsx)(Content, { data: data, children: (data) => props.children(data) }) }));

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.105",
   "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": {