@apexcura/ui-components 0.0.7-Beta0 → 0.0.7-Beta2

package/dist/index.d.mts

@@ -7,7 +7,7 @@ type ElementType = {
     disabled?: boolean;
     prefix?: React.ReactNode;
     type?: string;
-    value?: string | number | boolean | undefined;
+    value?: string | number | boolean | any[];
     status?: "error" | "warning";
     styles?: React.CSSProperties;
     classNames?: string;
@@ -48,6 +48,12 @@ declare const TextareaElement: (props: ElementExecuterProps) => React$1.JSX.Elem
 
 declare const SelectElement: (props: ElementType) => React$1.JSX.Element;
 
+declare const RadioElement: (props: ElementType) => void;
+
+declare const CheckboxElement: (props: ElementType) => React$1.JSX.Element;
+
+declare const CkEditor: React$1.FC;
+
 declare const ButtonElement: () => React$1.JSX.Element;
 
-export { ButtonElement, NumberElement, PasswordElement, SelectElement, TextElement, TextareaElement };
+export { ButtonElement, CheckboxElement, CkEditor, NumberElement, PasswordElement, RadioElement, SelectElement, TextElement, TextareaElement };

package/dist/index.d.ts

@@ -7,7 +7,7 @@ type ElementType = {
     disabled?: boolean;
     prefix?: React.ReactNode;
     type?: string;
-    value?: string | number | boolean | undefined;
+    value?: string | number | boolean | any[];
     status?: "error" | "warning";
     styles?: React.CSSProperties;
     classNames?: string;
@@ -48,6 +48,12 @@ declare const TextareaElement: (props: ElementExecuterProps) => React$1.JSX.Elem
 
 declare const SelectElement: (props: ElementType) => React$1.JSX.Element;
 
+declare const RadioElement: (props: ElementType) => void;
+
+declare const CheckboxElement: (props: ElementType) => React$1.JSX.Element;
+
+declare const CkEditor: React$1.FC;
+
 declare const ButtonElement: () => React$1.JSX.Element;
 
-export { ButtonElement, NumberElement, PasswordElement, SelectElement, TextElement, TextareaElement };
+export { ButtonElement, CheckboxElement, CkEditor, NumberElement, PasswordElement, RadioElement, SelectElement, TextElement, TextareaElement };

package/dist/index.js

@@ -31,8 +31,11 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var src_exports = {};
 __export(src_exports, {
   ButtonElement: () => ButtonElement,
+  CheckboxElement: () => CheckboxElement,
+  CkEditor: () => CkEditor,
   NumberElement: () => NumberElement,
   PasswordElement: () => PasswordElement,
+  RadioElement: () => RadioElement,
   SelectElement: () => SelectElement,
   TextElement: () => TextElement,
   TextareaElement: () => TextareaElement
@@ -183,15 +186,127 @@ var SelectElement = (props) => {
   );
 };
 
-// src/Components/Button.tsx
+// src/Components/RadioElement.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"));
+var RadioElement = (props) => {
+  const handleChange = (e) => {
+    if (props && props.onChange) {
+      props.onChange(e.target.value);
+    }
+  };
+  /* @__PURE__ */ import_react6.default.createElement(import_antd6.Radio.Group, { name: "radiogroup", defaultValue: 1 }, /* @__PURE__ */ import_react6.default.createElement(import_antd6.Radio, { value: 1, onChange: handleChange }, "A"), /* @__PURE__ */ import_react6.default.createElement(import_antd6.Radio, { value: 2, onChange: handleChange }, "B"), /* @__PURE__ */ import_react6.default.createElement(import_antd6.Radio, { value: 3, onChange: handleChange }, "C"), /* @__PURE__ */ import_react6.default.createElement(import_antd6.Radio, { value: 4, onChange: handleChange }, "D"));
+};
+
+// src/Components/Checkbox.tsx
+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 = plainOptions.length === checkedList.length;
+  const indeterminate = checkedList.length > 0 && checkedList.length < plainOptions.length;
+  const handleChange = (list) => {
+    setCheckedList(list);
+    if (props.onChange) {
+      props.onChange(checkedList);
+    }
+  };
+  const onHandleAllChanges = (e) => {
+    setCheckedList(e.target.checked ? plainOptions : []);
+    if (props.onChange) {
+      props.onChange(checkedList);
+    }
+  };
+  return /* @__PURE__ */ import_react7.default.createElement(import_react7.default.Fragment, null, /* @__PURE__ */ import_react7.default.createElement(
+    import_antd7.Checkbox,
+    {
+      disabled: props.disabled,
+      id: props.name,
+      style: props.styles,
+      className: props.classNames,
+      indeterminate,
+      onChange: onHandleAllChanges,
+      checked: checkAll
+    },
+    "Check all"
+  ), /* @__PURE__ */ import_react7.default.createElement(import_antd7.Divider, null), /* @__PURE__ */ import_react7.default.createElement(
+    CheckboxGroup,
+    {
+      disabled: props.disabled,
+      style: props.styles,
+      className: props.classNames,
+      options: plainOptions,
+      value: checkedList,
+      onChange: handleChange
+    }
+  ));
+};
+
+// src/Components/CkEditor.tsx
+var import_react8 = require("react");
+var import_tinymce_react = require("@tinymce/tinymce-react");
+var import_react9 = __toESM(require("react"));
+var CkEditor = () => {
+  const editorRef = (0, import_react8.useRef)(null);
+  const log = () => {
+    if (editorRef.current) {
+      console.log(editorRef.current.getContent());
+    }
+  };
+  return /* @__PURE__ */ import_react9.default.createElement("div", null, /* @__PURE__ */ import_react9.default.createElement(
+    import_tinymce_react.Editor,
+    {
+      apiKey: "your-api-key",
+      onInit: (_evt, editor) => {
+        if (editor)
+          editorRef.current = editor;
+      },
+      initialValue: "<p>This is the initial content of the editor.</p>",
+      init: {
+        height: 500,
+        menubar: false,
+        plugins: [
+          "advlist",
+          "autolink",
+          "lists",
+          "link",
+          "image",
+          "charmap",
+          "preview",
+          "anchor",
+          "searchreplace",
+          "visualblocks",
+          "code",
+          "fullscreen",
+          "insertdatetime",
+          "media",
+          "table",
+          "code",
+          "help",
+          "wordcount"
+        ],
+        toolbar: "undo redo | blocks | bold italic forecolor | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | removeformat | help",
+        content_style: "body { font-family:Helvetica,Arial,sans-serif; font-size:14px }"
+      }
+    }
+  ), /* @__PURE__ */ import_react9.default.createElement("button", { onClick: log }, "Log editor content"));
+};
+
+// src/Components/Button.tsx
+var import_react10 = __toESM(require("react"));
+var import_antd8 = require("antd");
+var ButtonElement = () => /* @__PURE__ */ import_react10.default.createElement(import_antd8.Flex, { gap: "small" }, /* @__PURE__ */ import_react10.default.createElement(import_antd8.Button, { type: "primary" }, "Primary Button"));
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ButtonElement,
+  CheckboxElement,
+  CkEditor,
   NumberElement,
   PasswordElement,
+  RadioElement,
   SelectElement,
   TextElement,
   TextareaElement

package/dist/index.mjs

@@ -142,14 +142,126 @@ var SelectElement = (props) => {
   );
 };
 
-// src/Components/Button.tsx
+// src/Components/RadioElement.tsx
 import React6 from "react";
+import { Radio } from "antd";
+var RadioElement = (props) => {
+  const handleChange = (e) => {
+    if (props && props.onChange) {
+      props.onChange(e.target.value);
+    }
+  };
+  /* @__PURE__ */ React6.createElement(Radio.Group, { name: "radiogroup", defaultValue: 1 }, /* @__PURE__ */ React6.createElement(Radio, { value: 1, onChange: handleChange }, "A"), /* @__PURE__ */ React6.createElement(Radio, { value: 2, onChange: handleChange }, "B"), /* @__PURE__ */ React6.createElement(Radio, { value: 3, onChange: handleChange }, "C"), /* @__PURE__ */ React6.createElement(Radio, { value: 4, onChange: handleChange }, "D"));
+};
+
+// src/Components/Checkbox.tsx
+import React7, { useState as useState2 } from "react";
+import { Checkbox, Divider } from "antd";
+var CheckboxGroup = Checkbox.Group;
+var plainOptions = ["Apple", "Pear", "Orange"];
+var defaultCheckedList = [];
+var CheckboxElement = (props) => {
+  const [checkedList, setCheckedList] = useState2(defaultCheckedList);
+  const checkAll = plainOptions.length === checkedList.length;
+  const indeterminate = checkedList.length > 0 && checkedList.length < plainOptions.length;
+  const handleChange = (list) => {
+    setCheckedList(list);
+    if (props.onChange) {
+      props.onChange(checkedList);
+    }
+  };
+  const onHandleAllChanges = (e) => {
+    setCheckedList(e.target.checked ? plainOptions : []);
+    if (props.onChange) {
+      props.onChange(checkedList);
+    }
+  };
+  return /* @__PURE__ */ React7.createElement(React7.Fragment, null, /* @__PURE__ */ React7.createElement(
+    Checkbox,
+    {
+      disabled: props.disabled,
+      id: props.name,
+      style: props.styles,
+      className: props.classNames,
+      indeterminate,
+      onChange: onHandleAllChanges,
+      checked: checkAll
+    },
+    "Check all"
+  ), /* @__PURE__ */ React7.createElement(Divider, null), /* @__PURE__ */ React7.createElement(
+    CheckboxGroup,
+    {
+      disabled: props.disabled,
+      style: props.styles,
+      className: props.classNames,
+      options: plainOptions,
+      value: checkedList,
+      onChange: handleChange
+    }
+  ));
+};
+
+// src/Components/CkEditor.tsx
+import { useRef } from "react";
+import { Editor } from "@tinymce/tinymce-react";
+import React8 from "react";
+var CkEditor = () => {
+  const editorRef = useRef(null);
+  const log = () => {
+    if (editorRef.current) {
+      console.log(editorRef.current.getContent());
+    }
+  };
+  return /* @__PURE__ */ React8.createElement("div", null, /* @__PURE__ */ React8.createElement(
+    Editor,
+    {
+      apiKey: "your-api-key",
+      onInit: (_evt, editor) => {
+        if (editor)
+          editorRef.current = editor;
+      },
+      initialValue: "<p>This is the initial content of the editor.</p>",
+      init: {
+        height: 500,
+        menubar: false,
+        plugins: [
+          "advlist",
+          "autolink",
+          "lists",
+          "link",
+          "image",
+          "charmap",
+          "preview",
+          "anchor",
+          "searchreplace",
+          "visualblocks",
+          "code",
+          "fullscreen",
+          "insertdatetime",
+          "media",
+          "table",
+          "code",
+          "help",
+          "wordcount"
+        ],
+        toolbar: "undo redo | blocks | bold italic forecolor | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | removeformat | help",
+        content_style: "body { font-family:Helvetica,Arial,sans-serif; font-size:14px }"
+      }
+    }
+  ), /* @__PURE__ */ React8.createElement("button", { onClick: log }, "Log editor content"));
+};
+
+// src/Components/Button.tsx
+import React9 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"));
+var ButtonElement = () => /* @__PURE__ */ React9.createElement(Flex2, { gap: "small" }, /* @__PURE__ */ React9.createElement(Button2, { type: "primary" }, "Primary Button"));
 export {
   ButtonElement,
+  CheckboxElement,
+  CkEditor,
   NumberElement,
   PasswordElement,
+  RadioElement,
   SelectElement,
   TextElement,
   TextareaElement

package/package.json

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