@apexcura/ui-components 0.0.2 → 0.0.3

package/dist/index.d.mts

@@ -32,6 +32,10 @@ interface PasswordProps {
 }
 declare const PasswordElement: React$1.FC<PasswordProps>;
 
-declare const NumberInput: (props: ElementType) => React$1.JSX.Element;
+declare const NumberElement: (props: ElementType) => React$1.JSX.Element;
 
-export { NumberInput, PasswordElement, TextElement };
+declare const TextareaElement: (props: ElementType) => React$1.JSX.Element;
+
+declare const SelectElement: (props: ElementType) => React$1.JSX.Element;
+
+export { NumberElement, PasswordElement, SelectElement, TextElement, TextareaElement };

package/dist/index.d.ts

@@ -32,6 +32,10 @@ interface PasswordProps {
 }
 declare const PasswordElement: React$1.FC<PasswordProps>;
 
-declare const NumberInput: (props: ElementType) => React$1.JSX.Element;
+declare const NumberElement: (props: ElementType) => React$1.JSX.Element;
 
-export { NumberInput, PasswordElement, TextElement };
+declare const TextareaElement: (props: ElementType) => React$1.JSX.Element;
+
+declare const SelectElement: (props: ElementType) => React$1.JSX.Element;
+
+export { NumberElement, PasswordElement, SelectElement, TextElement, TextareaElement };

package/dist/index.js

@@ -30,9 +30,11 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var src_exports = {};
 __export(src_exports, {
-  NumberInput: () => NumberInput,
+  NumberElement: () => NumberElement,
   PasswordElement: () => PasswordElement,
-  TextElement: () => TextElement
+  SelectElement: () => SelectElement,
+  TextElement: () => TextElement,
+  TextareaElement: () => TextareaElement
 });
 module.exports = __toCommonJS(src_exports);
 
@@ -122,7 +124,7 @@ var NumericInput = (props) => {
     }
   ));
 };
-var NumberInput = (props) => {
+var NumberElement = (props) => {
   const [value, setValue] = (0, import_react3.useState)("");
   return /* @__PURE__ */ import_react3.default.createElement(
     NumericInput,
@@ -134,9 +136,72 @@ var NumberInput = (props) => {
     }
   );
 };
+
+// src/Components/TextareaElement.tsx
+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) => /* @__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"));
+var import_antd5 = require("antd");
+var options = [
+  {
+    value: "male",
+    label: "male"
+  },
+  {
+    value: "female",
+    label: "female"
+  },
+  {
+    value: "other",
+    label: "other"
+  }
+];
+var SelectElement = (props) => /* @__PURE__ */ import_react5.default.createElement(
+  import_antd5.Select,
+  {
+    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,
+    options
+  }
+);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  NumberInput,
+  NumberElement,
   PasswordElement,
-  TextElement
+  SelectElement,
+  TextElement,
+  TextareaElement
 });

package/dist/index.mjs

@@ -84,7 +84,7 @@ var NumericInput = (props) => {
     }
   ));
 };
-var NumberInput = (props) => {
+var NumberElement = (props) => {
   const [value, setValue] = useState2("");
   return /* @__PURE__ */ React3.createElement(
     NumericInput,
@@ -96,8 +96,71 @@ var NumberInput = (props) => {
     }
   );
 };
+
+// src/Components/TextareaElement.tsx
+import React4 from "react";
+import { Flex, Input as Input3 } from "antd";
+var { TextArea } = Input3;
+var onHandleChange2 = ($event) => {
+  console.log($event);
+};
+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";
+import { Select as AntSelect } from "antd";
+var options = [
+  {
+    value: "male",
+    label: "male"
+  },
+  {
+    value: "female",
+    label: "female"
+  },
+  {
+    value: "other",
+    label: "other"
+  }
+];
+var SelectElement = (props) => /* @__PURE__ */ React5.createElement(
+  AntSelect,
+  {
+    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,
+    options
+  }
+);
 export {
-  NumberInput,
+  NumberElement,
   PasswordElement,
-  TextElement
+  SelectElement,
+  TextElement,
+  TextareaElement
 };

package/package.json

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