@apexcura/ui-components 0.0.3 → 0.0.4

package/dist/index.d.mts

@@ -16,6 +16,7 @@ type ElementType = {
     name?: string;
     suffix?: React.ReactNode;
     maxLength?: number;
+    onChange?: (value: string | number | boolean) => void;
 };
 
 declare const TextElement: (props: ElementType) => React$1.JSX.Element;

package/dist/index.d.ts

@@ -16,6 +16,7 @@ type ElementType = {
     name?: string;
     suffix?: React.ReactNode;
     maxLength?: number;
+    onChange?: (value: string | number | boolean) => void;
 };
 
 declare const TextElement: (props: ElementType) => React$1.JSX.Element;

package/dist/index.js

@@ -41,10 +41,14 @@ module.exports = __toCommonJS(src_exports);
 // src/Components/TextElement.tsx
 var import_react = __toESM(require("react"));
 var import_antd = require("antd");
-var onHandleChange = ($event) => {
-  console.log($event);
-};
 var TextElement = (props) => {
+  const [text, setText] = (0, import_react.useState)(props.value || "");
+  const onHandleChange = (e) => {
+    setText(e.target.value);
+    if (props.onChange) {
+      props.onChange(text);
+    }
+  };
   return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("label", { htmlFor: props.name }, props.label), /* @__PURE__ */ import_react.default.createElement(
     import_antd.Input,
     {
@@ -141,28 +145,34 @@ var NumberElement = (props) => {
 var import_react4 = __toESM(require("react"));
 var import_antd4 = require("antd");
 var { TextArea } = import_antd4.Input;
-var onHandleChange2 = ($event) => {
-  console.log($event);
+var TextareaElement = (props) => {
+  const [textarea, setTextarea] = (0, import_react4.useState)(props.value || "");
+  const onHandleChange = (e) => {
+    setTextarea(e.target.value);
+    if (props.onChange) {
+      props.onChange(textarea);
+    }
+  };
+  return /* @__PURE__ */ import_react4.default.createElement(import_antd4.Flex, { vertical: true, gap: 32 }, /* @__PURE__ */ import_react4.default.createElement(
+    TextArea,
+    {
+      placeholder: props.placeholder,
+      allowClear: true,
+      defaultValue: props.defaultValue,
+      disabled: props.disabled,
+      id: props.name,
+      value: props.value,
+      status: props.status,
+      style: props.styles,
+      className: props.classNames,
+      variant: props.variant,
+      name: props.name,
+      showCount: true,
+      maxLength: props.maxLength,
+      onChange: onHandleChange
+    }
+  ));
 };
-var TextareaElement = (props) => /* @__PURE__ */ import_react4.default.createElement(import_antd4.Flex, { vertical: true, gap: 32 }, /* @__PURE__ */ import_react4.default.createElement(
-  TextArea,
-  {
-    placeholder: props.placeholder,
-    allowClear: true,
-    defaultValue: props.defaultValue,
-    disabled: props.disabled,
-    id: props.name,
-    value: props.value,
-    status: props.status,
-    style: props.styles,
-    className: props.classNames,
-    variant: props.variant,
-    name: props.name,
-    showCount: true,
-    maxLength: props.maxLength,
-    onChange: onHandleChange2
-  }
-));
 
 // src/Components/SelectElement.tsx
 var import_react5 = __toESM(require("react"));
@@ -197,6 +207,10 @@ var SelectElement = (props) => /* @__PURE__ */ import_react5.default.createEleme
     options
   }
 );
+
+// src/Components/Button.tsx
+var import_react6 = __toESM(require("react"));
+var import_antd6 = require("antd");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   NumberElement,

package/dist/index.mjs

@@ -1,10 +1,14 @@
 // src/Components/TextElement.tsx
-import React from "react";
+import React, { useState } from "react";
 import { Input as AntInput } from "antd";
-var onHandleChange = ($event) => {
-  console.log($event);
-};
 var TextElement = (props) => {
+  const [text, setText] = useState(props.value || "");
+  const onHandleChange = (e) => {
+    setText(e.target.value);
+    if (props.onChange) {
+      props.onChange(text);
+    }
+  };
   return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("label", { htmlFor: props.name }, props.label), /* @__PURE__ */ React.createElement(
     AntInput,
     {
@@ -28,11 +32,11 @@ var TextElement = (props) => {
 };
 
 // src/Components/PasswordElement.tsx
-import React2, { useState } from "react";
+import React2, { useState as useState2 } from "react";
 import { EyeInvisibleOutlined, EyeTwoTone } from "@ant-design/icons";
 import { Button, Input, Space } from "antd";
 var PasswordElement = ({ inputData }) => {
-  const [passwordVisible, setPasswordVisible] = useState(false);
+  const [passwordVisible, setPasswordVisible] = useState2(false);
   const handleVisibilityToggle = () => {
     setPasswordVisible((prev) => !prev);
   };
@@ -53,7 +57,7 @@ var PasswordElement = ({ inputData }) => {
 };
 
 // src/Components/NumberElement.tsx
-import React3, { useState as useState2 } from "react";
+import React3, { useState as useState3 } from "react";
 import { Input as Input2, Tooltip } from "antd";
 var formatNumber = (value) => new Intl.NumberFormat().format(value);
 var NumericInput = (props) => {
@@ -85,7 +89,7 @@ var NumericInput = (props) => {
   ));
 };
 var NumberElement = (props) => {
-  const [value, setValue] = useState2("");
+  const [value, setValue] = useState3("");
   return /* @__PURE__ */ React3.createElement(
     NumericInput,
     {
@@ -98,31 +102,37 @@ var NumberElement = (props) => {
 };
 
 // src/Components/TextareaElement.tsx
-import React4 from "react";
+import React4, { useState as useState4 } from "react";
 import { Flex, Input as Input3 } from "antd";
 var { TextArea } = Input3;
-var onHandleChange2 = ($event) => {
-  console.log($event);
+var TextareaElement = (props) => {
+  const [textarea, setTextarea] = useState4(props.value || "");
+  const onHandleChange = (e) => {
+    setTextarea(e.target.value);
+    if (props.onChange) {
+      props.onChange(textarea);
+    }
+  };
+  return /* @__PURE__ */ React4.createElement(Flex, { vertical: true, gap: 32 }, /* @__PURE__ */ React4.createElement(
+    TextArea,
+    {
+      placeholder: props.placeholder,
+      allowClear: true,
+      defaultValue: props.defaultValue,
+      disabled: props.disabled,
+      id: props.name,
+      value: props.value,
+      status: props.status,
+      style: props.styles,
+      className: props.classNames,
+      variant: props.variant,
+      name: props.name,
+      showCount: true,
+      maxLength: props.maxLength,
+      onChange: onHandleChange
+    }
+  ));
 };
-var TextareaElement = (props) => /* @__PURE__ */ React4.createElement(Flex, { vertical: true, gap: 32 }, /* @__PURE__ */ React4.createElement(
-  TextArea,
-  {
-    placeholder: props.placeholder,
-    allowClear: true,
-    defaultValue: props.defaultValue,
-    disabled: props.disabled,
-    id: props.name,
-    value: props.value,
-    status: props.status,
-    style: props.styles,
-    className: props.classNames,
-    variant: props.variant,
-    name: props.name,
-    showCount: true,
-    maxLength: props.maxLength,
-    onChange: onHandleChange2
-  }
-));
 
 // src/Components/SelectElement.tsx
 import React5 from "react";
@@ -157,6 +167,10 @@ var SelectElement = (props) => /* @__PURE__ */ React5.createElement(
     options
   }
 );
+
+// src/Components/Button.tsx
+import React6 from "react";
+import { Button as Button2, Flex as Flex2 } from "antd";
 export {
   NumberElement,
   PasswordElement,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apexcura/ui-components",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "description": "Apex cura React components library",
   "keywords" : ["apex cura", "input", "ui", "react", "react-component"],
   "homepage": "https://www.apexcura.com/",