@apexcura/ui-components 0.0.3 → 0.0.5

package/dist/index.d.mts

@@ -7,7 +7,7 @@ type ElementType = {
     disabled?: boolean;
     prefix?: React.ReactNode;
     type?: string;
-    value?: string;
+    value?: string | number | boolean | undefined;
     status?: "error" | "warning";
     styles?: React.CSSProperties;
     classNames?: string;
@@ -16,9 +16,13 @@ type ElementType = {
     name?: string;
     suffix?: React.ReactNode;
     maxLength?: number;
+    onChange?: (value: string | number | boolean) => void;
 };
 
-declare const TextElement: (props: ElementType) => React$1.JSX.Element;
+interface ElementExecuterProps$1 extends ElementType {
+    onChange: (value: string | number | boolean) => void;
+}
+declare const TextElement: (props: ElementExecuterProps$1) => React$1.JSX.Element;
 
 interface InputData {
     placeholder?: string;
@@ -34,8 +38,13 @@ declare const PasswordElement: React$1.FC<PasswordProps>;
 
 declare const NumberElement: (props: ElementType) => React$1.JSX.Element;
 
-declare const TextareaElement: (props: ElementType) => React$1.JSX.Element;
+interface ElementExecuterProps extends ElementType {
+    onChange: (value: string | number | boolean) => void;
+}
+declare const TextareaElement: (props: ElementExecuterProps) => React$1.JSX.Element;
 
 declare const SelectElement: (props: ElementType) => React$1.JSX.Element;
 
-export { NumberElement, PasswordElement, SelectElement, TextElement, TextareaElement };
+declare const ButtonElement: () => React$1.JSX.Element;
+
+export { ButtonElement, NumberElement, PasswordElement, SelectElement, TextElement, TextareaElement };

package/dist/index.d.ts

@@ -7,7 +7,7 @@ type ElementType = {
     disabled?: boolean;
     prefix?: React.ReactNode;
     type?: string;
-    value?: string;
+    value?: string | number | boolean | undefined;
     status?: "error" | "warning";
     styles?: React.CSSProperties;
     classNames?: string;
@@ -16,9 +16,13 @@ type ElementType = {
     name?: string;
     suffix?: React.ReactNode;
     maxLength?: number;
+    onChange?: (value: string | number | boolean) => void;
 };
 
-declare const TextElement: (props: ElementType) => React$1.JSX.Element;
+interface ElementExecuterProps$1 extends ElementType {
+    onChange: (value: string | number | boolean) => void;
+}
+declare const TextElement: (props: ElementExecuterProps$1) => React$1.JSX.Element;
 
 interface InputData {
     placeholder?: string;
@@ -34,8 +38,13 @@ declare const PasswordElement: React$1.FC<PasswordProps>;
 
 declare const NumberElement: (props: ElementType) => React$1.JSX.Element;
 
-declare const TextareaElement: (props: ElementType) => React$1.JSX.Element;
+interface ElementExecuterProps extends ElementType {
+    onChange: (value: string | number | boolean) => void;
+}
+declare const TextareaElement: (props: ElementExecuterProps) => React$1.JSX.Element;
 
 declare const SelectElement: (props: ElementType) => React$1.JSX.Element;
 
-export { NumberElement, PasswordElement, SelectElement, TextElement, TextareaElement };
+declare const ButtonElement: () => React$1.JSX.Element;
+
+export { ButtonElement, NumberElement, PasswordElement, SelectElement, TextElement, TextareaElement };

package/dist/index.js

@@ -30,6 +30,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var src_exports = {};
 __export(src_exports, {
+  ButtonElement: () => ButtonElement,
   NumberElement: () => NumberElement,
   PasswordElement: () => PasswordElement,
   SelectElement: () => SelectElement,
@@ -41,9 +42,6 @@ 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) => {
   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,
@@ -56,13 +54,12 @@ var TextElement = (props) => {
       id: props.name,
       prefix: props.prefix,
       type: props.type,
-      value: props.value,
       status: props.status,
       style: props.styles,
       className: props.classNames,
       variant: props.variant,
-      onChange: onHandleChange,
-      name: props.name
+      name: props.name,
+      onChange: (e) => props.onChange(e.target.value)
     }
   ));
 };
@@ -141,64 +138,66 @@ 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) => {
+  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,
+      status: props.status,
+      style: props.styles,
+      className: props.classNames,
+      variant: props.variant,
+      name: props.name,
+      showCount: true,
+      maxLength: props.maxLength,
+      onChange: (e) => props.onChange(e.target.value)
+    }
+  ));
 };
-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"
-  }
+  { label: "female", value: "female" },
+  { label: "male", value: "male" },
+  { label: "other", value: "other" }
 ];
+var labelRender = (props) => {
+  const { label, value } = props;
+  if (label) {
+    return value;
+  }
+  return /* @__PURE__ */ import_react5.default.createElement("span", null, "select gender");
+};
 var SelectElement = (props) => /* @__PURE__ */ import_react5.default.createElement(
   import_antd5.Select,
   {
+    labelRender,
+    options,
     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
+    variant: props.variant
   }
 );
+
+// src/Components/Button.tsx
+var import_react6 = __toESM(require("react"));
+var import_antd6 = require("antd");
+var ButtonElement = () => /* @__PURE__ */ import_react6.default.createElement(import_antd6.Flex, { gap: "small" }, /* @__PURE__ */ import_react6.default.createElement(import_antd6.Button, { type: "primary" }, "Primary Button"));
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  ButtonElement,
   NumberElement,
   PasswordElement,
   SelectElement,

package/dist/index.mjs

@@ -1,9 +1,6 @@
 // src/Components/TextElement.tsx
 import React from "react";
 import { Input as AntInput } from "antd";
-var onHandleChange = ($event) => {
-  console.log($event);
-};
 var TextElement = (props) => {
   return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("label", { htmlFor: props.name }, props.label), /* @__PURE__ */ React.createElement(
     AntInput,
@@ -16,13 +13,12 @@ var TextElement = (props) => {
       id: props.name,
       prefix: props.prefix,
       type: props.type,
-      value: props.value,
       status: props.status,
       style: props.styles,
       className: props.classNames,
       variant: props.variant,
-      onChange: onHandleChange,
-      name: props.name
+      name: props.name,
+      onChange: (e) => props.onChange(e.target.value)
     }
   ));
 };
@@ -101,63 +97,65 @@ var NumberElement = (props) => {
 import React4 from "react";
 import { Flex, Input as Input3 } from "antd";
 var { TextArea } = Input3;
-var onHandleChange2 = ($event) => {
-  console.log($event);
+var TextareaElement = (props) => {
+  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,
+      status: props.status,
+      style: props.styles,
+      className: props.classNames,
+      variant: props.variant,
+      name: props.name,
+      showCount: true,
+      maxLength: props.maxLength,
+      onChange: (e) => props.onChange(e.target.value)
+    }
+  ));
 };
-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";
+import { Select } from "antd";
 var options = [
-  {
-    value: "male",
-    label: "male"
-  },
-  {
-    value: "female",
-    label: "female"
-  },
-  {
-    value: "other",
-    label: "other"
-  }
+  { label: "female", value: "female" },
+  { label: "male", value: "male" },
+  { label: "other", value: "other" }
 ];
+var labelRender = (props) => {
+  const { label, value } = props;
+  if (label) {
+    return value;
+  }
+  return /* @__PURE__ */ React5.createElement("span", null, "select gender");
+};
 var SelectElement = (props) => /* @__PURE__ */ React5.createElement(
-  AntSelect,
+  Select,
   {
+    labelRender,
+    options,
     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
+    variant: props.variant
   }
 );
+
+// src/Components/Button.tsx
+import React6 from "react";
+import { Button as Button2, Flex as Flex2 } from "antd";
+var ButtonElement = () => /* @__PURE__ */ React6.createElement(Flex2, { gap: "small" }, /* @__PURE__ */ React6.createElement(Button2, { type: "primary" }, "Primary Button"));
 export {
+  ButtonElement,
   NumberElement,
   PasswordElement,
   SelectElement,

package/package.json

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