@apexcura/ui-components 0.0.15-Beta22 → 0.0.15-Beta23

package/dist/index.d.mts

@@ -106,7 +106,7 @@ declare const ButtonElement: (props: ElementType) => React$1.JSX.Element;
 
 declare const AddMoreTable: (props: ElementType) => React$1.JSX.Element;
 
-declare const Sidebar: React$1.FC;
+declare const Sidebar: (props: ElementType) => React$1.JSX.Element;
 
 declare const Navbar: (props: ElementType) => React$1.JSX.Element;
 

package/dist/index.d.ts

@@ -106,7 +106,7 @@ declare const ButtonElement: (props: ElementType) => React$1.JSX.Element;
 
 declare const AddMoreTable: (props: ElementType) => React$1.JSX.Element;
 
-declare const Sidebar: React$1.FC;
+declare const Sidebar: (props: ElementType) => React$1.JSX.Element;
 
 declare const Navbar: (props: ElementType) => React$1.JSX.Element;
 

package/dist/index.js

@@ -91973,7 +91973,25 @@ var AddMoreTable = (props) => {
 // src/Components/Sidebar.tsx
 var import_react145 = __toESM(require_react());
 var Sidebar = (props) => {
-  return /* @__PURE__ */ import_react145.default.createElement("div", { id: "nav-bar" }, /* @__PURE__ */ import_react145.default.createElement("input", { type: "checkbox", id: "nav-toggle" }), /* @__PURE__ */ import_react145.default.createElement("div", { id: "nav-header" }, /* @__PURE__ */ import_react145.default.createElement("img", { src: props.img, alt: "logo", className: props.iconsClassName }), /* @__PURE__ */ import_react145.default.createElement("label", { htmlFor: "nav-toggle" }, /* @__PURE__ */ import_react145.default.createElement("span", { id: "nav-toggle-burger" })), /* @__PURE__ */ import_react145.default.createElement("hr", null)), /* @__PURE__ */ import_react145.default.createElement("div", { id: "nav-content" }, props.items && props.items.map((eachItem) => /* @__PURE__ */ import_react145.default.createElement("div", { className: "nav-button", key: eachItem.label }, icons[eachItem.icon], /* @__PURE__ */ import_react145.default.createElement("span", null, eachItem.label))), /* @__PURE__ */ import_react145.default.createElement("div", { id: "nav-content-highlight" })));
+  const handleChange = (item) => {
+    if (props.onChange) {
+      props.onChange(item);
+    }
+  };
+  return /* @__PURE__ */ import_react145.default.createElement(import_react145.default.Fragment, { key: props.name }, /* @__PURE__ */ import_react145.default.createElement("div", { className: props.imgClassName }, /* @__PURE__ */ import_react145.default.createElement("img", { src: props.img, alt: "logo" })), /* @__PURE__ */ import_react145.default.createElement("div", { className: props.listClassName }, _optionalChain([props, 'access', _30 => _30.items, 'optionalAccess', _31 => _31.map, 'call', _32 => _32((item) => {
+    return /* @__PURE__ */ import_react145.default.createElement(import_react145.default.Fragment, { key: item.label }, /* @__PURE__ */ import_react145.default.createElement(
+      ButtonElement,
+      {
+        ...item,
+        className: item.active ? props.activeClassName : props.className,
+        iconsClassName: props.iconsClassName,
+        onClick: (e) => {
+          e.preventDefault();
+          handleChange(item);
+        }
+      }
+    ));
+  })])));
 };
 
 // src/Components/Navbar.tsx
@@ -92245,36 +92263,36 @@ var DropDownGroup = (props) => {
   });
   const handleFirstChange = (value) => {
     console.log(selectedValue.temp);
-    const filterOption2 = _optionalChain([props, 'access', _30 => _30.firstOptions, 'optionalAccess', _31 => _31.find, 'call', _32 => _32(
+    const filterOption2 = _optionalChain([props, 'access', _33 => _33.firstOptions, 'optionalAccess', _34 => _34.find, 'call', _35 => _35(
       (eachOption) => eachOption.value === value
     )]);
     setSelectedValue((prev2) => {
       const newValue = { ...prev2, firstValue: filterOption2 };
       const { temp, ...rest } = newValue;
       if (newValue.firstValue) {
-        _optionalChain([props, 'access', _33 => _33.onChange, 'optionalCall', _34 => _34(rest)]);
+        _optionalChain([props, 'access', _36 => _36.onChange, 'optionalCall', _37 => _37(rest)]);
       }
       return newValue;
     });
   };
   const handleSecondChange = (value) => {
-    const filterOption2 = _optionalChain([props, 'access', _35 => _35.secondOptions, 'optionalAccess', _36 => _36.find, 'call', _37 => _37(
+    const filterOption2 = _optionalChain([props, 'access', _38 => _38.secondOptions, 'optionalAccess', _39 => _39.find, 'call', _40 => _40(
       (eachOption) => eachOption.value === value
     )]);
     setSelectedValue((prev2) => {
       const newValue = { ...prev2, secondValue: filterOption2 };
       const { temp, ...rest } = newValue;
       if (newValue.secondValue) {
-        _optionalChain([props, 'access', _38 => _38.onChange, 'optionalCall', _39 => _39(rest)]);
+        _optionalChain([props, 'access', _41 => _41.onChange, 'optionalCall', _42 => _42(rest)]);
       }
       return newValue;
     });
   };
   const firstFilterOptions = (input, option) => {
-    return (_nullishCoalesce(_optionalChain([option, 'optionalAccess', _40 => _40.label]), () => ( ""))).toLowerCase().includes(input.toLowerCase());
+    return (_nullishCoalesce(_optionalChain([option, 'optionalAccess', _43 => _43.label]), () => ( ""))).toLowerCase().includes(input.toLowerCase());
   };
   const secondFilterOptions = (input, option) => {
-    return (_nullishCoalesce(_optionalChain([option, 'optionalAccess', _41 => _41.label]), () => ( ""))).toLowerCase().includes(input.toLowerCase());
+    return (_nullishCoalesce(_optionalChain([option, 'optionalAccess', _44 => _44.label]), () => ( ""))).toLowerCase().includes(input.toLowerCase());
   };
   return /* @__PURE__ */ import_react155.default.createElement("div", { className: props.containerClassName }, props.label && /* @__PURE__ */ import_react155.default.createElement("label", { htmlFor: props.name, className: props.labelClassName }, props.label), /* @__PURE__ */ import_react155.default.createElement("div", { className: props.subContainerClassName }, /* @__PURE__ */ import_react155.default.createElement(
     select_default,
@@ -92343,7 +92361,7 @@ var import_react157 = __toESM(require_react());
 var TabsElement = (props) => {
   const handleChange = (key) => {
     if (props.onChange) {
-      props.onChange(_optionalChain([props, 'access', _42 => _42.options, 'optionalAccess', _43 => _43.find, 'call', _44 => _44((eachOption) => eachOption.key === key)]));
+      props.onChange(_optionalChain([props, 'access', _45 => _45.options, 'optionalAccess', _46 => _46.find, 'call', _47 => _47((eachOption) => eachOption.key === key)]));
     }
   };
   return /* @__PURE__ */ import_react157.default.createElement(tabs_default, { className: props.containerClassName, items: props.options, onChange: handleChange });
@@ -92397,13 +92415,13 @@ var OtpElement = (props) => {
       setOtp(newOtp);
       props.onChange && props.onChange(newOtp.join(""));
       if (value && index3 < length2 - 1) {
-        _optionalChain([inputRefs, 'access', _45 => _45.current, 'access', _46 => _46[index3 + 1], 'optionalAccess', _47 => _47.focus, 'call', _48 => _48()]);
+        _optionalChain([inputRefs, 'access', _48 => _48.current, 'access', _49 => _49[index3 + 1], 'optionalAccess', _50 => _50.focus, 'call', _51 => _51()]);
       }
     }
   };
   const handleKeyDown = (e, index3) => {
     if (e.key === "Backspace" && !otp[index3] && index3 > 0) {
-      _optionalChain([inputRefs, 'access', _49 => _49.current, 'access', _50 => _50[index3 - 1], 'optionalAccess', _51 => _51.focus, 'call', _52 => _52()]);
+      _optionalChain([inputRefs, 'access', _52 => _52.current, 'access', _53 => _53[index3 - 1], 'optionalAccess', _54 => _54.focus, 'call', _55 => _55()]);
     }
   };
   const handlePaste = (e) => {
@@ -92415,13 +92433,13 @@ var OtpElement = (props) => {
       props.onChange && props.onChange(newOtp.join(""));
       newOtp.forEach((_, idx) => {
         if (inputRefs.current[idx]) {
-          _optionalChain([inputRefs, 'access', _53 => _53.current, 'access', _54 => _54[idx], 'optionalAccess', _55 => _55.focus, 'call', _56 => _56()]);
+          _optionalChain([inputRefs, 'access', _56 => _56.current, 'access', _57 => _57[idx], 'optionalAccess', _58 => _58.focus, 'call', _59 => _59()]);
         }
       });
     }
   };
   (0, import_react160.useEffect)(() => {
-    _optionalChain([inputRefs, 'access', _57 => _57.current, 'access', _58 => _58[0], 'optionalAccess', _59 => _59.focus, 'call', _60 => _60()]);
+    _optionalChain([inputRefs, 'access', _60 => _60.current, 'access', _61 => _61[0], 'optionalAccess', _62 => _62.focus, 'call', _63 => _63()]);
   }, []);
   return /* @__PURE__ */ import_react160.default.createElement("div", { className: props.containerClassName }, Array.from({ length: length2 }).map((_, index3) => /* @__PURE__ */ import_react160.default.createElement(
     input_default,