@apexcura/ui-components 0.0.13-Beta18 → 0.0.13-Beta2

package/dist/index.d.mts

@@ -25,8 +25,7 @@ type ElementType = {
     fields?: any[];
     schema?: any[];
     options?: any[];
-    onChange?: (value: string | number | boolean | object | any[] | undefined) => void;
-    onClick?: () => void;
+    onChange?: (value: string | number | boolean | object | any[]) => void;
     dropDownOptions?: any[];
     id?: number;
     thead?: any[];
@@ -57,7 +56,7 @@ type ElementType = {
 };
 
 interface ElementExecuterProps$3 extends ElementType {
-    onChange: (value: string | number | boolean | object | any[] | undefined) => void;
+    onChange: (value: string | number | boolean | object | any[]) => void;
 }
 declare const TextElement: (props: ElementExecuterProps$3) => React$1.JSX.Element;
 
@@ -74,12 +73,12 @@ interface PasswordProps {
 declare const PasswordElement: React$1.FC<PasswordProps>;
 
 interface ElementExecuterProps$2 extends ElementType {
-    onChange: (value: string | number | object | boolean | any[] | undefined) => void;
+    onChange: (value: string | number | object | boolean | any[]) => void;
 }
 declare const NumberElement: (props: ElementExecuterProps$2) => React$1.JSX.Element;
 
 interface ElementExecuterProps$1 extends ElementType {
-    onChange: (value: string | number | boolean | object | any[] | undefined) => void;
+    onChange: (value: string | number | boolean | object | any[]) => void;
 }
 declare const TextareaElement: (props: ElementExecuterProps$1) => React$1.JSX.Element;
 
@@ -90,7 +89,7 @@ declare const RadioElement: (props: ElementType) => React$1.JSX.Element;
 declare const CheckboxElement: (props: ElementType) => React$1.JSX.Element;
 
 interface ElementExecuterProps extends ElementType {
-    onChange: (value: string | number | object | boolean | any[] | undefined) => void;
+    onChange: (value: string | number | object | boolean | any[]) => void;
 }
 declare const CkEditor: (props: ElementExecuterProps) => React$1.JSX.Element;
 
@@ -112,8 +111,4 @@ declare const DatePickerElement: (props: ElementType) => React$1.JSX.Element;
 
 declare const DateRangePickerElement: (props: ElementType) => React$1.JSX.Element;
 
-declare const UploadElement: (props: ElementType) => React$1.JSX.Element;
-
-declare const Image: (props: ElementType) => React$1.JSX.Element;
-
-export { AddMoreTable, ButtonElement, CheckboxElement, CkEditor, DatePickerElement, DateRangePickerElement, Image, MultipleSelectElement, Navbar, NumberElement, PasswordElement, RadioElement, SelectElement, Sidebar, SingleSelectElement, TableElement, TextElement, TextareaElement, UploadElement };
+export { AddMoreTable, ButtonElement, CheckboxElement, CkEditor, DatePickerElement, DateRangePickerElement, MultipleSelectElement, Navbar, NumberElement, PasswordElement, RadioElement, SelectElement, Sidebar, SingleSelectElement, TableElement, TextElement, TextareaElement };

package/dist/index.d.ts

@@ -25,8 +25,7 @@ type ElementType = {
     fields?: any[];
     schema?: any[];
     options?: any[];
-    onChange?: (value: string | number | boolean | object | any[] | undefined) => void;
-    onClick?: () => void;
+    onChange?: (value: string | number | boolean | object | any[]) => void;
     dropDownOptions?: any[];
     id?: number;
     thead?: any[];
@@ -57,7 +56,7 @@ type ElementType = {
 };
 
 interface ElementExecuterProps$3 extends ElementType {
-    onChange: (value: string | number | boolean | object | any[] | undefined) => void;
+    onChange: (value: string | number | boolean | object | any[]) => void;
 }
 declare const TextElement: (props: ElementExecuterProps$3) => React$1.JSX.Element;
 
@@ -74,12 +73,12 @@ interface PasswordProps {
 declare const PasswordElement: React$1.FC<PasswordProps>;
 
 interface ElementExecuterProps$2 extends ElementType {
-    onChange: (value: string | number | object | boolean | any[] | undefined) => void;
+    onChange: (value: string | number | object | boolean | any[]) => void;
 }
 declare const NumberElement: (props: ElementExecuterProps$2) => React$1.JSX.Element;
 
 interface ElementExecuterProps$1 extends ElementType {
-    onChange: (value: string | number | boolean | object | any[] | undefined) => void;
+    onChange: (value: string | number | boolean | object | any[]) => void;
 }
 declare const TextareaElement: (props: ElementExecuterProps$1) => React$1.JSX.Element;
 
@@ -90,7 +89,7 @@ declare const RadioElement: (props: ElementType) => React$1.JSX.Element;
 declare const CheckboxElement: (props: ElementType) => React$1.JSX.Element;
 
 interface ElementExecuterProps extends ElementType {
-    onChange: (value: string | number | object | boolean | any[] | undefined) => void;
+    onChange: (value: string | number | object | boolean | any[]) => void;
 }
 declare const CkEditor: (props: ElementExecuterProps) => React$1.JSX.Element;
 
@@ -112,8 +111,4 @@ declare const DatePickerElement: (props: ElementType) => React$1.JSX.Element;
 
 declare const DateRangePickerElement: (props: ElementType) => React$1.JSX.Element;
 
-declare const UploadElement: (props: ElementType) => React$1.JSX.Element;
-
-declare const Image: (props: ElementType) => React$1.JSX.Element;
-
-export { AddMoreTable, ButtonElement, CheckboxElement, CkEditor, DatePickerElement, DateRangePickerElement, Image, MultipleSelectElement, Navbar, NumberElement, PasswordElement, RadioElement, SelectElement, Sidebar, SingleSelectElement, TableElement, TextElement, TextareaElement, UploadElement };
+export { AddMoreTable, ButtonElement, CheckboxElement, CkEditor, DatePickerElement, DateRangePickerElement, MultipleSelectElement, Navbar, NumberElement, PasswordElement, RadioElement, SelectElement, Sidebar, SingleSelectElement, TableElement, TextElement, TextareaElement };

package/dist/index.js

@@ -36,7 +36,6 @@ __export(src_exports, {
   CkEditor: () => CkEditor,
   DatePickerElement: () => DatePickerElement,
   DateRangePickerElement: () => DateRangePickerElement,
-  Image: () => Image,
   MultipleSelectElement: () => MultipleSelectElement,
   Navbar: () => Navbar,
   NumberElement: () => NumberElement,
@@ -47,8 +46,7 @@ __export(src_exports, {
   SingleSelectElement: () => SingleSelectElement,
   TableElement: () => TableElement,
   TextElement: () => TextElement,
-  TextareaElement: () => TextareaElement,
-  UploadElement: () => UploadElement
+  TextareaElement: () => TextareaElement
 });
 module.exports = __toCommonJS(src_exports);
 
@@ -217,6 +215,7 @@ var RadioElement = (props) => {
       value: selectedValue
     },
     props.options && props.options.map((option) => {
+      console.log(option);
       return /* @__PURE__ */ import_react6.default.createElement(
         import_antd6.Radio,
         {
@@ -239,19 +238,22 @@ var RadioElement = (props) => {
 var import_react7 = __toESM(require("react"));
 var import_antd7 = require("antd");
 var CheckboxGroup = import_antd7.Checkbox.Group;
+var plainOptions = ["Apple", "Pear", "Orange"];
 var defaultCheckedList = [];
 var CheckboxElement = (props) => {
   const [checkedList, setCheckedList] = (0, import_react7.useState)(defaultCheckedList);
-  const checkAll = props.options && props.options.length === checkedList.length;
+  const checkAll = plainOptions.length === checkedList.length;
   const handleChange = (list) => {
     setCheckedList(list);
     if (props.onChange) {
-      const selectedOptions = props.options && props.options.filter((option) => list.includes(option.value));
+      const selectedOptions = list.map((value) => {
+        return { id: list.indexOf(value), value };
+      });
       props.onChange(selectedOptions);
     }
   };
   const onHandleAllChanges = (e) => {
-    const newList = e.target.checked ? props.options : [];
+    const newList = e.target.checked ? plainOptions : [];
     setCheckedList(newList);
     if (props.onChange) {
       props.onChange(newList);
@@ -268,13 +270,13 @@ var CheckboxElement = (props) => {
       checked: checkAll
     },
     "Check all"
-  ), /* @__PURE__ */ import_react7.default.createElement(
+  ), /* @__PURE__ */ import_react7.default.createElement(import_antd7.Divider, null), /* @__PURE__ */ import_react7.default.createElement(
     CheckboxGroup,
     {
       disabled: props.disabled,
       style: props.styles,
       className: props.className,
-      options: props.options,
+      options: plainOptions,
       value: checkedList,
       onChange: handleChange
     }
@@ -389,10 +391,13 @@ var MultipleSelectElement = (props) => {
 // src/Components/Button.tsx
 var import_react12 = __toESM(require("react"));
 var ButtonElement = (props) => {
+  const handleClick = typeof props.action === "string" ? () => {
+    console.log("Performing action:", props.action);
+  } : props.action;
   return /* @__PURE__ */ import_react12.default.createElement(
     "button",
     {
-      onClick: () => props.onClick && props.onClick(),
+      onClick: handleClick,
       className: `${props.className ? props.className : ""}`
     },
     props.icon && /* @__PURE__ */ import_react12.default.createElement("img", { src: props.icon }),
@@ -799,38 +804,6 @@ var DateRangePickerElement = (props) => {
   ];
   return /* @__PURE__ */ import_react23.default.createElement(import_antd16.Space, { direction: "vertical", size: 12 }, /* @__PURE__ */ import_react23.default.createElement(RangePicker, { presets: rangePresets, onChange: handleChange }));
 };
-
-// src/Components/UploadElement.tsx
-var import_react24 = __toESM(require("react"));
-var import_icons5 = require("@ant-design/icons");
-var import_antd17 = require("antd");
-var uploadProps = {
-  name: "file",
-  multiple: true,
-  // action: 'https://660d2bd96ddfa2943b33731c.mockapi.io/api/upload',
-  headers: {
-    authorization: "authorization-text"
-  },
-  onChange(info) {
-    if (info.file.status !== "uploading") {
-      console.log(info.file, info.fileList);
-    }
-    if (info.file.status === "done") {
-      import_antd17.message.success(`${info.file.name} file uploaded successfully`);
-    } else if (info.file.status === "error") {
-      import_antd17.message.error(`${info.file.name} file upload failed.`);
-    }
-  }
-};
-var UploadElement = (props) => {
-  return /* @__PURE__ */ import_react24.default.createElement(import_antd17.Upload, { ...uploadProps }, /* @__PURE__ */ import_react24.default.createElement(import_antd17.Button, { icon: /* @__PURE__ */ import_react24.default.createElement(import_icons5.UploadOutlined, null) }, "Click to Upload"));
-};
-
-// src/Components/Image.tsx
-var import_react25 = __toESM(require("react"));
-var Image = (props) => {
-  return /* @__PURE__ */ import_react25.default.createElement("div", null, /* @__PURE__ */ import_react25.default.createElement("img", { className: props.className, src: props.img, alt: "image" }));
-};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AddMoreTable,
@@ -839,7 +812,6 @@ var Image = (props) => {
   CkEditor,
   DatePickerElement,
   DateRangePickerElement,
-  Image,
   MultipleSelectElement,
   Navbar,
   NumberElement,
@@ -850,6 +822,5 @@ var Image = (props) => {
   SingleSelectElement,
   TableElement,
   TextElement,
-  TextareaElement,
-  UploadElement
+  TextareaElement
 });

package/dist/index.mjs

@@ -163,6 +163,7 @@ var RadioElement = (props) => {
       value: selectedValue
     },
     props.options && props.options.map((option) => {
+      console.log(option);
       return /* @__PURE__ */ React6.createElement(
         Radio,
         {
@@ -183,21 +184,24 @@ var RadioElement = (props) => {
 
 // src/Components/Checkbox.tsx
 import React7, { useState as useState3 } from "react";
-import { Checkbox } from "antd";
+import { Checkbox, Divider } from "antd";
 var CheckboxGroup = Checkbox.Group;
+var plainOptions = ["Apple", "Pear", "Orange"];
 var defaultCheckedList = [];
 var CheckboxElement = (props) => {
   const [checkedList, setCheckedList] = useState3(defaultCheckedList);
-  const checkAll = props.options && props.options.length === checkedList.length;
+  const checkAll = plainOptions.length === checkedList.length;
   const handleChange = (list) => {
     setCheckedList(list);
     if (props.onChange) {
-      const selectedOptions = props.options && props.options.filter((option) => list.includes(option.value));
+      const selectedOptions = list.map((value) => {
+        return { id: list.indexOf(value), value };
+      });
       props.onChange(selectedOptions);
     }
   };
   const onHandleAllChanges = (e) => {
-    const newList = e.target.checked ? props.options : [];
+    const newList = e.target.checked ? plainOptions : [];
     setCheckedList(newList);
     if (props.onChange) {
       props.onChange(newList);
@@ -214,13 +218,13 @@ var CheckboxElement = (props) => {
       checked: checkAll
     },
     "Check all"
-  ), /* @__PURE__ */ React7.createElement(
+  ), /* @__PURE__ */ React7.createElement(Divider, null), /* @__PURE__ */ React7.createElement(
     CheckboxGroup,
     {
       disabled: props.disabled,
       style: props.styles,
       className: props.className,
-      options: props.options,
+      options: plainOptions,
       value: checkedList,
       onChange: handleChange
     }
@@ -335,10 +339,13 @@ var MultipleSelectElement = (props) => {
 // src/Components/Button.tsx
 import React11 from "react";
 var ButtonElement = (props) => {
+  const handleClick = typeof props.action === "string" ? () => {
+    console.log("Performing action:", props.action);
+  } : props.action;
   return /* @__PURE__ */ React11.createElement(
     "button",
     {
-      onClick: () => props.onClick && props.onClick(),
+      onClick: handleClick,
       className: `${props.className ? props.className : ""}`
     },
     props.icon && /* @__PURE__ */ React11.createElement("img", { src: props.icon }),
@@ -745,38 +752,6 @@ var DateRangePickerElement = (props) => {
   ];
   return /* @__PURE__ */ React22.createElement(Space2, { direction: "vertical", size: 12 }, /* @__PURE__ */ React22.createElement(RangePicker, { presets: rangePresets, onChange: handleChange }));
 };
-
-// src/Components/UploadElement.tsx
-import React23 from "react";
-import { UploadOutlined } from "@ant-design/icons";
-import { Button as Button4, message, Upload } from "antd";
-var uploadProps = {
-  name: "file",
-  multiple: true,
-  // action: 'https://660d2bd96ddfa2943b33731c.mockapi.io/api/upload',
-  headers: {
-    authorization: "authorization-text"
-  },
-  onChange(info) {
-    if (info.file.status !== "uploading") {
-      console.log(info.file, info.fileList);
-    }
-    if (info.file.status === "done") {
-      message.success(`${info.file.name} file uploaded successfully`);
-    } else if (info.file.status === "error") {
-      message.error(`${info.file.name} file upload failed.`);
-    }
-  }
-};
-var UploadElement = (props) => {
-  return /* @__PURE__ */ React23.createElement(Upload, { ...uploadProps }, /* @__PURE__ */ React23.createElement(Button4, { icon: /* @__PURE__ */ React23.createElement(UploadOutlined, null) }, "Click to Upload"));
-};
-
-// src/Components/Image.tsx
-import React24 from "react";
-var Image = (props) => {
-  return /* @__PURE__ */ React24.createElement("div", null, /* @__PURE__ */ React24.createElement("img", { className: props.className, src: props.img, alt: "image" }));
-};
 export {
   AddMoreTable,
   ButtonElement,
@@ -784,7 +759,6 @@ export {
   CkEditor,
   DatePickerElement,
   DateRangePickerElement,
-  Image,
   MultipleSelectElement,
   Navbar,
   NumberElement,
@@ -795,6 +769,5 @@ export {
   SingleSelectElement,
   TableElement,
   TextElement,
-  TextareaElement,
-  UploadElement
+  TextareaElement
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apexcura/ui-components",
-  "version": "0.0.13-Beta18",
+  "version": "0.0.13-Beta2",
   "description": "Apex cura React components library",
   "keywords": [
     "apex cura",