@apexcura/ui-components 0.0.14-Beta293 → 0.0.14-Beta295

package/dist/index.d.mts

@@ -106,8 +106,6 @@ declare const ButtonElement: (props: ElementType) => React$1.JSX.Element;
 
 declare const AddMoreTable: (props: ElementType) => React$1.JSX.Element;
 
-declare const Sidebar: (props: ElementType) => React$1.JSX.Element;
-
 declare const Navbar: (props: ElementType) => React$1.JSX.Element;
 
 declare const TableElement: (props: ElementType) => React$1.JSX.Element;
@@ -146,4 +144,4 @@ declare const BarChart: (props: ElementType) => React$1.JSX.Element;
 
 declare const DivContainer: (props: ElementType) => React$1.JSX.Element;
 
-export { AddMoreTable, BarChart, ButtonElement, CheckboxElement, CircleDonut, CkEditor, DatePickerElement, DateRangePickerElement, DivContainer, DoubleBarChart, DropDownGroup, FileUpload, HorizontalBarChart, Image, LineChart, MultipleSelectElement, Navbar, NumberElement, OtpElement, PasswordElement, RadioElement, SelectElement, SemiCircleDonut, Sidebar, SingleCheckbox, SingleSelectElement, SwitchElement, TableElement, TabsElement, TextElement, TextareaElement, Upload };
+export { AddMoreTable, BarChart, ButtonElement, CheckboxElement, CircleDonut, CkEditor, DatePickerElement, DateRangePickerElement, DivContainer, DoubleBarChart, DropDownGroup, FileUpload, HorizontalBarChart, Image, LineChart, MultipleSelectElement, Navbar, NumberElement, OtpElement, PasswordElement, RadioElement, SelectElement, SemiCircleDonut, SingleCheckbox, SingleSelectElement, SwitchElement, TableElement, TabsElement, TextElement, TextareaElement, Upload };

package/dist/index.d.ts

@@ -106,8 +106,6 @@ declare const ButtonElement: (props: ElementType) => React$1.JSX.Element;
 
 declare const AddMoreTable: (props: ElementType) => React$1.JSX.Element;
 
-declare const Sidebar: (props: ElementType) => React$1.JSX.Element;
-
 declare const Navbar: (props: ElementType) => React$1.JSX.Element;
 
 declare const TableElement: (props: ElementType) => React$1.JSX.Element;
@@ -146,4 +144,4 @@ declare const BarChart: (props: ElementType) => React$1.JSX.Element;
 
 declare const DivContainer: (props: ElementType) => React$1.JSX.Element;
 
-export { AddMoreTable, BarChart, ButtonElement, CheckboxElement, CircleDonut, CkEditor, DatePickerElement, DateRangePickerElement, DivContainer, DoubleBarChart, DropDownGroup, FileUpload, HorizontalBarChart, Image, LineChart, MultipleSelectElement, Navbar, NumberElement, OtpElement, PasswordElement, RadioElement, SelectElement, SemiCircleDonut, Sidebar, SingleCheckbox, SingleSelectElement, SwitchElement, TableElement, TabsElement, TextElement, TextareaElement, Upload };
+export { AddMoreTable, BarChart, ButtonElement, CheckboxElement, CircleDonut, CkEditor, DatePickerElement, DateRangePickerElement, DivContainer, DoubleBarChart, DropDownGroup, FileUpload, HorizontalBarChart, Image, LineChart, MultipleSelectElement, Navbar, NumberElement, OtpElement, PasswordElement, RadioElement, SelectElement, SemiCircleDonut, SingleCheckbox, SingleSelectElement, SwitchElement, TableElement, TabsElement, TextElement, TextareaElement, Upload };

package/dist/index.js

@@ -53,7 +53,6 @@ __export(src_exports, {
   RadioElement: () => RadioElement,
   SelectElement: () => SelectElement,
   SemiCircleDonut: () => SemiCircleDonut,
-  Sidebar: () => Sidebar,
   SingleCheckbox: () => SingleCheckbox,
   SingleSelectElement: () => SingleSelectElement,
   SwitchElement: () => SwitchElement,
@@ -282,7 +281,7 @@ var CheckboxElement = (props) => {
     }
   };
   const onHandleAllChanges = (e) => {
-    const newList = e.target.checked ? props.options : [];
+    const newList = e.target.checked ? props.options : [""];
     setCheckedList(newList);
     if (props.onChange) {
       props.onChange(newList);
@@ -661,27 +660,6 @@ var AddMoreTable = (props) => {
 
 // src/Components/Sidebar.tsx
 var import_react14 = __toESM(require("react"));
-var Sidebar = (props) => {
-  const handleChange = (item) => {
-    if (props.onChange) {
-      props.onChange(item);
-    }
-  };
-  return /* @__PURE__ */ import_react14.default.createElement(import_react14.default.Fragment, { key: props.name }, /* @__PURE__ */ import_react14.default.createElement("div", { className: props.imgClassName }, /* @__PURE__ */ import_react14.default.createElement("img", { src: props.img, alt: "logo" })), /* @__PURE__ */ import_react14.default.createElement("div", { className: props.listClassName }, props.items?.map((item) => {
-    return /* @__PURE__ */ import_react14.default.createElement(import_react14.default.Fragment, { key: item.label }, /* @__PURE__ */ import_react14.default.createElement(
-      ButtonElement,
-      {
-        ...item,
-        className: item.active ? props.activeClassName : props.className,
-        iconsClassName: props.iconsClassName,
-        onClick: (e) => {
-          e.preventDefault();
-          handleChange(item);
-        }
-      }
-    ));
-  })));
-};
 
 // src/Components/Navbar.tsx
 var import_react18 = __toESM(require("react"));
@@ -839,16 +817,15 @@ var import_customParseFormat = __toESM(require("dayjs/plugin/customParseFormat.j
 var import_moment = __toESM(require("moment"));
 import_dayjs.default.extend(import_customParseFormat.default);
 var DatePickerElement = (props) => {
-  const [dateState, setDateState] = (0, import_react20.useState)("");
+  const [dateState, setDateState] = (0, import_react20.useState)(null);
   const handleChange = (date, dateString) => {
     if (date) {
-      const formattedDate = dateString;
       setDateState(date);
       if (props.onChange) {
-        props.onChange(formattedDate);
+        props.onChange(dateString);
       }
     } else {
-      setDateState("");
+      setDateState(null);
       if (props.onChange) {
         props.onChange("");
       }
@@ -863,7 +840,7 @@ var DatePickerElement = (props) => {
       disabledDate,
       placeholder: props.placeholder,
       value: dateState,
-      format: { format: "DD-MM-YYYY" },
+      format: "DD-MM-YYYY",
       onChange: handleChange,
       picker: props.picker
     }
@@ -885,7 +862,9 @@ var DateRangePickerElement = (props) => {
       if (start && start.isBefore(today) && end && end.isAfter(today)) {
         end = today;
       }
-      const adjustedDates = [start, end].map((date) => date ? date.format("DD-MM-YYYY") : null);
+      const adjustedDates = [start, end].map(
+        (date) => date ? date.format("DD-MM-YYYY") : null
+      );
       props.onChange && props.onChange(adjustedDates);
     } else {
       props.onChange && props.onChange("");
@@ -909,8 +888,12 @@ var DateRangePickerElement = (props) => {
       if (start && start.isBefore(today) && end && end.isAfter(today)) {
         end = today;
       }
-      const adjustedDates = [start, end];
+      const adjustedDates = [start, end].map(
+        (date) => date ? date.format("DD-MM-YYYY") : null
+      );
       props.onChange && props.onChange(adjustedDates);
+    } else {
+      props.onChange && props.onChange("");
     }
   };
   return /* @__PURE__ */ import_react21.default.createElement(import_antd15.Space, { direction: "vertical", size: 12 }, /* @__PURE__ */ import_react21.default.createElement(
@@ -1612,7 +1595,6 @@ var DivContainer = (props) => {
   RadioElement,
   SelectElement,
   SemiCircleDonut,
-  Sidebar,
   SingleCheckbox,
   SingleSelectElement,
   SwitchElement,

package/dist/index.mjs

@@ -215,7 +215,7 @@ var CheckboxElement = (props) => {
     }
   };
   const onHandleAllChanges = (e) => {
-    const newList = e.target.checked ? props.options : [];
+    const newList = e.target.checked ? props.options : [""];
     setCheckedList(newList);
     if (props.onChange) {
       props.onChange(newList);
@@ -593,28 +593,7 @@ var AddMoreTable = (props) => {
 };
 
 // src/Components/Sidebar.tsx
-import React14 from "react";
-var Sidebar = (props) => {
-  const handleChange = (item) => {
-    if (props.onChange) {
-      props.onChange(item);
-    }
-  };
-  return /* @__PURE__ */ React14.createElement(React14.Fragment, { key: props.name }, /* @__PURE__ */ React14.createElement("div", { className: props.imgClassName }, /* @__PURE__ */ React14.createElement("img", { src: props.img, alt: "logo" })), /* @__PURE__ */ React14.createElement("div", { className: props.listClassName }, props.items?.map((item) => {
-    return /* @__PURE__ */ React14.createElement(React14.Fragment, { key: item.label }, /* @__PURE__ */ React14.createElement(
-      ButtonElement,
-      {
-        ...item,
-        className: item.active ? props.activeClassName : props.className,
-        iconsClassName: props.iconsClassName,
-        onClick: (e) => {
-          e.preventDefault();
-          handleChange(item);
-        }
-      }
-    ));
-  })));
-};
+import React14, { useState as useState5 } from "react";
 
 // src/Components/Navbar.tsx
 import React18 from "react";
@@ -677,11 +656,11 @@ var Navbar = (props) => {
 };
 
 // src/Components/TableElement.tsx
-import React19, { useState as useState5, useEffect as useEffect2 } from "react";
+import React19, { useState as useState6, useEffect as useEffect2 } from "react";
 import { Table as Table2 } from "antd";
 var TableElement = (props) => {
   const { thead, tbody } = props;
-  const [dataSource, setDataSource] = useState5([]);
+  const [dataSource, setDataSource] = useState6([]);
   useEffect2(() => {
     if (tbody) {
       setDataSource(
@@ -765,23 +744,22 @@ var TableElement = (props) => {
 };
 
 // src/Components/DatePicker.tsx
-import React20, { useState as useState6 } from "react";
+import React20, { useState as useState7 } from "react";
 import { DatePicker } from "antd";
 import dayjs from "dayjs";
 import customParseFormat from "dayjs/plugin/customParseFormat.js";
 import moment from "moment";
 dayjs.extend(customParseFormat);
 var DatePickerElement = (props) => {
-  const [dateState, setDateState] = useState6("");
+  const [dateState, setDateState] = useState7(null);
   const handleChange = (date, dateString) => {
     if (date) {
-      const formattedDate = dateString;
       setDateState(date);
       if (props.onChange) {
-        props.onChange(formattedDate);
+        props.onChange(dateString);
       }
     } else {
-      setDateState("");
+      setDateState(null);
       if (props.onChange) {
         props.onChange("");
       }
@@ -796,7 +774,7 @@ var DatePickerElement = (props) => {
       disabledDate,
       placeholder: props.placeholder,
       value: dateState,
-      format: { format: "DD-MM-YYYY" },
+      format: "DD-MM-YYYY",
       onChange: handleChange,
       picker: props.picker
     }
@@ -818,7 +796,9 @@ var DateRangePickerElement = (props) => {
       if (start && start.isBefore(today) && end && end.isAfter(today)) {
         end = today;
       }
-      const adjustedDates = [start, end].map((date) => date ? date.format("DD-MM-YYYY") : null);
+      const adjustedDates = [start, end].map(
+        (date) => date ? date.format("DD-MM-YYYY") : null
+      );
       props.onChange && props.onChange(adjustedDates);
     } else {
       props.onChange && props.onChange("");
@@ -842,8 +822,12 @@ var DateRangePickerElement = (props) => {
       if (start && start.isBefore(today) && end && end.isAfter(today)) {
         end = today;
       }
-      const adjustedDates = [start, end];
+      const adjustedDates = [start, end].map(
+        (date) => date ? date.format("DD-MM-YYYY") : null
+      );
       props.onChange && props.onChange(adjustedDates);
+    } else {
+      props.onChange && props.onChange("");
     }
   };
   return /* @__PURE__ */ React21.createElement(Space, { direction: "vertical", size: 12 }, /* @__PURE__ */ React21.createElement(
@@ -878,10 +862,10 @@ var SingleCheckbox = (props) => {
 };
 
 // src/Components/DropDownGroup.tsx
-import React24, { useState as useState7 } from "react";
+import React24, { useState as useState8 } from "react";
 import { Select as Select4 } from "antd";
 var DropDownGroup = (props) => {
-  const [selectedValue, setSelectedValue] = useState7({
+  const [selectedValue, setSelectedValue] = useState8({
     firstValue: {},
     secondValue: {},
     temp: ""
@@ -943,12 +927,12 @@ var DropDownGroup = (props) => {
 };
 
 // src/Components/FilesUpload.tsx
-import React25, { useState as useState8 } from "react";
+import React25, { useState as useState9 } from "react";
 import { Upload } from "antd";
 import { InboxOutlined } from "@ant-design/icons";
 var FileUpload = (props) => {
   const { Dragger } = Upload;
-  const [files, setFiles] = useState8([]);
+  const [files, setFiles] = useState9([]);
   const handleChange = ({ fileList }) => {
     setFiles(fileList);
     if (props.onChange) {
@@ -1001,9 +985,9 @@ var onChange = (checked) => {
 var SwitchElement = () => /* @__PURE__ */ React27.createElement(Switch, { defaultChecked: true, onChange });
 
 // src/Components/Upload.tsx
-import React28, { useState as useState9 } from "react";
+import React28, { useState as useState10 } from "react";
 var Upload2 = (props) => {
-  const [file, setFile] = useState9();
+  const [file, setFile] = useState10();
   const handleFileChange = (e) => {
     setFile(e.target.files[0]);
     if (props.onChange) {
@@ -1028,11 +1012,11 @@ var Upload2 = (props) => {
 };
 
 // src/Components/OtpElement.tsx
-import React29, { useState as useState10, useRef, useEffect as useEffect3 } from "react";
+import React29, { useState as useState11, useRef, useEffect as useEffect3 } from "react";
 import { Input as Input3 } from "antd";
 var OtpElement = (props) => {
   const length = props.length;
-  const [otp, setOtp] = useState10(Array(length).fill(""));
+  const [otp, setOtp] = useState11(Array(length).fill(""));
   const inputRefs = useRef([]);
   const handleChange = (e, index) => {
     const value = e.target.value;
@@ -1568,7 +1552,6 @@ export {
   RadioElement,
   SelectElement,
   SemiCircleDonut,
-  Sidebar,
   SingleCheckbox,
   SingleSelectElement,
   SwitchElement,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apexcura/ui-components",
-  "version": "0.0.14-Beta293",
+  "version": "0.0.14-Beta295",
   "description": "Apex cura React components library",
   "keywords": [
     "apex cura",