@apexcura/ui-components 0.0.15-Beta87 → 0.0.15-Beta88

package/dist/index.js

@@ -377,14 +377,12 @@ var CkEditor = (props) => {
 // src/Components/Editor.tsx
 var import_react10 = __toESM(require("react"));
 var import_ckeditor5_react = require("@ckeditor/ckeditor5-react");
-var import_ckeditor5 = require("ckeditor5");
+var import_ckeditor5_build_classic = __toESM(require("@ckeditor/ckeditor5-build-classic"));
 var Editor2 = (props) => {
-  const [ckEditor, setckEditor] = (0, import_react10.useState)(null);
-  console.log(ckEditor);
   return /* @__PURE__ */ import_react10.default.createElement(
     import_ckeditor5_react.CKEditor,
     {
-      editor: import_ckeditor5.ClassicEditor,
+      editor: import_ckeditor5_build_classic.default,
       config: {
         placeholder: `Enter Text`,
         toolbar: {
@@ -415,20 +413,27 @@ var Editor2 = (props) => {
           ]
         },
         plugins: [
-          import_ckeditor5.Bold,
-          import_ckeditor5.Essentials,
-          import_ckeditor5.Italic,
-          import_ckeditor5.Paragraph
+          "advlist",
+          "autolink",
+          "lists",
+          "link",
+          "image",
+          "charmap",
+          "preview",
+          "anchor",
+          "searchreplace",
+          "visualblocks",
+          "code",
+          "fullscreen",
+          "insertdatetime",
+          "media",
+          "table",
+          "code",
+          "help",
+          "wordcount"
         ]
       },
       data: props.value || "",
-      onReady: (editor) => {
-        try {
-          editor.setData(props.value);
-          setckEditor(editor);
-        } catch (error) {
-        }
-      },
       onChange: (event, editor) => {
         props.onChange && props.onChange(editor.getData());
       },

package/dist/index.mjs

@@ -305,12 +305,10 @@ var CkEditor = (props) => {
 };
 
 // src/Components/Editor.tsx
-import React9, { useState as useState4 } from "react";
+import React9 from "react";
 import { CKEditor } from "@ckeditor/ckeditor5-react";
-import { ClassicEditor, Bold, Essentials, Italic, Paragraph } from "ckeditor5";
+import ClassicEditor from "@ckeditor/ckeditor5-build-classic";
 var Editor2 = (props) => {
-  const [ckEditor, setckEditor] = useState4(null);
-  console.log(ckEditor);
   return /* @__PURE__ */ React9.createElement(
     CKEditor,
     {
@@ -345,20 +343,27 @@ var Editor2 = (props) => {
           ]
         },
         plugins: [
-          Bold,
-          Essentials,
-          Italic,
-          Paragraph
+          "advlist",
+          "autolink",
+          "lists",
+          "link",
+          "image",
+          "charmap",
+          "preview",
+          "anchor",
+          "searchreplace",
+          "visualblocks",
+          "code",
+          "fullscreen",
+          "insertdatetime",
+          "media",
+          "table",
+          "code",
+          "help",
+          "wordcount"
         ]
       },
       data: props.value || "",
-      onReady: (editor) => {
-        try {
-          editor.setData(props.value);
-          setckEditor(editor);
-        } catch (error) {
-        }
-      },
       onChange: (event, editor) => {
         props.onChange && props.onChange(editor.getData());
       },
@@ -583,12 +588,12 @@ var ButtonElement = (props) => {
 };
 
 // src/Components/AddMoreTable.tsx
-import React14, { useEffect, useState as useState5 } from "react";
+import React14, { useEffect, useState as useState4 } from "react";
 import { Table, Button } from "antd";
 import { PlusOutlined, DeleteOutlined } from "@ant-design/icons";
 var AddMoreTable = (props) => {
   const { thead, tbody } = props;
-  const [rows, setRows] = useState5(tbody || []);
+  const [rows, setRows] = useState4(tbody || []);
   const onHandleRows = () => {
     const newId = rows.length > 0 ? rows[rows.length - 1].id + 1 : 1;
     let newRow = {
@@ -796,11 +801,11 @@ var Navbar = (props) => {
 };
 
 // src/Components/TableElement.tsx
-import React20, { useState as useState6, useEffect as useEffect2 } from "react";
+import React20, { useState as useState5, useEffect as useEffect2 } from "react";
 import { Table as Table2 } from "antd";
 var TableElement = (props) => {
   const { thead, tbody } = props;
-  const [dataSource, setDataSource] = useState6([]);
+  const [dataSource, setDataSource] = useState5([]);
   useEffect2(() => {
     if (tbody) {
       setDataSource(
@@ -877,13 +882,13 @@ var TableElement = (props) => {
 };
 
 // src/Components/DatePicker.tsx
-import React21, { useState as useState7 } from "react";
+import React21, { useState as useState6 } from "react";
 import { DatePicker } from "antd";
 import dayjs from "dayjs";
 import customParseFormat from "dayjs/plugin/customParseFormat.js";
 dayjs.extend(customParseFormat);
 var DatePickerElement = (props) => {
-  const [dateState, setDateState] = useState7(props.value);
+  const [dateState, setDateState] = useState6(props.value);
   const handleChange = (date, dateString) => {
     if (date) {
       setDateState(date);
@@ -1017,10 +1022,10 @@ var SingleCheckbox = (props) => {
 };
 
 // src/Components/DropDownGroup.tsx
-import React25, { useState as useState8 } from "react";
+import React25, { useState as useState7 } from "react";
 import { Select as Select4 } from "antd";
 var DropDownGroup = (props) => {
-  const [selectedValue, setSelectedValue] = useState8({
+  const [selectedValue, setSelectedValue] = useState7({
     firstValue: props.value.firstValue,
     secondValue: props.value.secondValue,
     temp: ""
@@ -1086,12 +1091,12 @@ var DropDownGroup = (props) => {
 };
 
 // src/Components/FilesUpload.tsx
-import React26, { useState as useState9 } from "react";
+import React26, { useState as useState8 } from "react";
 import { Upload } from "antd";
 import { InboxOutlined } from "@ant-design/icons";
 var FileUpload = (props) => {
   const { Dragger } = Upload;
-  const [files, setFiles] = useState9(
+  const [files, setFiles] = useState8(
     props.value && props.value.length > 0 ? props.value : []
   );
   const handleChange = ({ fileList }) => {
@@ -1150,9 +1155,9 @@ var SwitchElement = (props) => {
 };
 
 // src/Components/Upload.tsx
-import React29, { useState as useState10 } from "react";
+import React29, { useState as useState9 } from "react";
 var Upload2 = (props) => {
-  const [file, setFile] = useState10();
+  const [file, setFile] = useState9();
   const handleFileChange = (e) => {
     setFile(e.target.files[0]);
     if (props.onChange) {
@@ -1178,11 +1183,11 @@ var Upload2 = (props) => {
 };
 
 // src/Components/OtpElement.tsx
-import React30, { useState as useState11, useRef as useRef2, useEffect as useEffect3 } from "react";
+import React30, { useState as useState10, useRef as useRef2, useEffect as useEffect3 } from "react";
 import { Input as Input3 } from "antd";
 var OtpElement = (props) => {
   const length = props.length;
-  const [otp, setOtp] = useState11(Array(length).fill(""));
+  const [otp, setOtp] = useState10(Array(length).fill(""));
   const inputRefs = useRef2([]);
   const handleChange = (e, index) => {
     const value = e.target.value;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apexcura/ui-components",
-  "version": "0.0.15-Beta87",
+  "version": "0.0.15-Beta88",
   "description": "Apex cura React components library",
   "keywords": [
     "apex cura",