@cripty2001/utils 0.0.121 → 0.0.123

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

@@ -0,0 +1,5 @@
+export type CopiableProps = {
+    value: string;
+    className?: string;
+};
+export default function Copiable({ value, className }: CopiableProps): import("react/jsx-runtime").JSX.Element;

package/dist/react-ui/copiable.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = Copiable;
+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");
+function Copiable({ value, className }) {
+    const [copying, setCopying] = (0, react_1.useState)(false);
+    const copy = (0, react_1.useCallback)(() => {
+        (0, utils_1.copyToClipboard)(value);
+        setCopying(true);
+        setTimeout(() => {
+            setCopying(false);
+        }, 1000);
+    }, [value, setCopying]);
+    return ((0, jsx_runtime_1.jsxs)("div", { onClick: copy, className: `flex flex-row items-center justify-between gap-2 cursor-pointer ${className}`, children: [(0, jsx_runtime_1.jsx)("span", { children: value }), copying ?
+                (0, jsx_runtime_1.jsx)(lucide_react_1.CheckCircle2, { className: "w-4 h-4" }) :
+                (0, jsx_runtime_1.jsx)(lucide_react_1.CopyIcon, { className: "w-4 h-4" })] }));
+}

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

@@ -1,7 +1,8 @@
 import BaseButton, { type ButtonProps as BaseButtonProps } from './button';
+import BaseCopiable, { type CopiableProps as BaseCopiableProps } from './copiable';
 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, BaseModal, BaseModalProps, BaseTable, BaseTableProps };
+export { BaseButton, BaseButtonProps, BaseCopiable, BaseCopiableProps, BaseForm, BaseFormProps, BaseInput, BaseInputProps, BaseLoader, BaseLoaderProps, BaseModal, BaseModalProps, BaseTable, BaseTableProps };

package/dist/react-ui/index.js

@@ -3,9 +3,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.BaseTable = exports.BaseModal = exports.BaseLoader = exports.BaseInput = exports.BaseForm = exports.BaseButton = void 0;
+exports.BaseTable = exports.BaseModal = exports.BaseLoader = exports.BaseInput = exports.BaseForm = exports.BaseCopiable = exports.BaseButton = void 0;
 const button_1 = __importDefault(require("./button"));
 exports.BaseButton = button_1.default;
+const copiable_1 = __importDefault(require("./copiable"));
+exports.BaseCopiable = copiable_1.default;
 const form_1 = __importDefault(require("./form"));
 exports.BaseForm = form_1.default;
 const input_1 = __importDefault(require("./input"));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cripty2001/utils",
-  "version": "0.0.121",
+  "version": "0.0.123",
   "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": {