@abdellatifui/react 3.2.85 → 3.2.87

package/dist/nextgen.js

@@ -6377,7 +6377,7 @@ const useRandomId = (length = 8) => {
 const GetRandomStr = () => {
   return useRandomId();
 };
-const useGeneratedId$1 = (length = 8, beginstr = true, forcss = false) => {
+const useGeneratedId = (length = 8, beginstr = true, forcss = false) => {
   const [r2, setR] = useState("");
   useEffect(() => {
     if (length && forcss) {
@@ -6438,7 +6438,7 @@ const vrs$h = cva("flex items-center justify-center z-1 css-iuur1", {
 });
 const ModelComponent = forwardRef((props, ref) => {
   const [open, setOpen] = useState(false);
-  const id = useGeneratedId$1();
+  const id = useGeneratedId();
   const ref3 = useRef();
   const [_children, setChildren] = useState(null);
   const {
@@ -19238,7 +19238,7 @@ const Toast = (props) => {
     duration: duration2 = 6e3,
     ref
   } = props;
-  const id = useGeneratedId$1();
+  const id = useGeneratedId();
   useEffect(() => {
     if (item.type && id) {
       if (!item.header) {
@@ -19851,7 +19851,7 @@ const vrs$e = cva(
 const Sidebar = forwardRef((props, ref) => {
   const [isOpen, setIsOpen] = useState(false);
   const ref2 = useRef(null);
-  const id = useGeneratedId$1(9, true, true);
+  const id = useGeneratedId(9, true, true);
   const modelRef = useRef(null);
   const [_content, setContent] = useState(null);
   const {
@@ -22947,7 +22947,7 @@ const Switch = (props) => {
     className,
     ref = useRef(),
     inputRef = useRef(),
-    id = useGeneratedId$1(9, false, true),
+    id = useGeneratedId(9, false, true),
     inputProps = {}
   } = props;
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { ref, className: cn(
@@ -23320,7 +23320,7 @@ const NetworkMapComponent = (props) => {
     pathThikness = 5
   } = props;
   useRef();
-  const mapId = useGeneratedId$1(4, true, false);
+  const mapId = useGeneratedId(4, true, false);
   const mapApi = useRef({});
   useRef();
   const lngLatBoxRef = useRef();
@@ -24047,7 +24047,7 @@ const vrs$c = cva("px-1", {
   }
 });
 const AccordionItem = (props) => {
-  const key = useGeneratedId$1(5, false, false);
+  const key = useGeneratedId(5, false, false);
   const ref = useRef();
   const refTrigger = useRef();
   const {
@@ -24063,7 +24063,7 @@ const AccordionItem = (props) => {
     disabled = false
   } = props;
   const { updateApi, options: options2 } = useContext(AccordionContext);
-  const id = useGeneratedId$1(5, true, false);
+  const id = useGeneratedId(5, true, false);
   function handleClick() {
     const isOpen = ref.current.dataset.state == "open" ? false : true;
     const form = { ...props, open: isOpen, ref, refTrigger };
@@ -24120,7 +24120,7 @@ const HorizontalDiv = (props) => {
     item,
     skipRowsCount = false
   } = props;
-  const id = useGeneratedId$1();
+  const id = useGeneratedId();
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { id, tabIndex: index, className: "z-40 hover:[&_.css-fj1j20]:opacity-100  flex items-center px-1 select-text focus:ring-[1.5px] focus:ring-blue-600", children: [
     !skipRowsCount && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "font-Roboto text-[12px] select-text bg-blue-600 text-white rounded-full w-[15px] h-[15px] aspect-square text-center mr-2 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntimeExports.jsx("label", { className: "p-1", children: index + 1 }) }),
     /* @__PURE__ */ jsxRuntimeExports.jsx("label", { className: "z-0 font-Roboto text-[14px] select-text text-black", children: item }),
@@ -25336,7 +25336,7 @@ if (process.env.NODE_ENV !== "production") {
 const ContextMenuComponent = (props) => {
   const modelRef = useRef({});
   const mainMenuRef = useRef();
-  const id = useGeneratedId$1();
+  const id = useGeneratedId();
   const [documentEvent, setDocumentEvent] = useState(null);
   const [location] = useMouseLocation(documentEvent, mainMenuRef);
   const {
@@ -25600,8 +25600,8 @@ const AllInputComponent = (props) => {
   const [ttype, setTtype] = useState(type);
   const [extraInfo, setExtraInfo] = useState(description);
   const [timeout, setITimeout] = useState();
-  const id = useGeneratedId$1();
-  const id2 = useGeneratedId$1();
+  const id = useGeneratedId();
+  const id2 = useGeneratedId();
   const [inputValue, setValue] = useState("");
   const ref2 = useRef();
   const descriptionRef = useRef();
@@ -28450,7 +28450,7 @@ const ShadcnTabs = forwardRef((props, ref) => {
   const itemsContainerRef = useRef();
   const [sliderStyle, setSliderStyle] = useState({ left: 0, top: 0, width: 0, opacity: 0 });
   const boxSize = useBoxSize(itemsContainerRef);
-  const key = useGeneratedId(8, false, false);
+  const key = useRandomId();
   const {
     tabs = [],
     onChange = () => {
@@ -28475,6 +28475,7 @@ const ShadcnTabs = forwardRef((props, ref) => {
   useEffect(() => {
     if (tabs?.length > 0) {
       tabs.map((tab) => {
+        if (!tab.value) tab.value = useRandomId();
         if (tab?.default) {
           setDefaultTab(tab?.value);
           onChange({ event: null, ...tab, currentTab: defaultTab, props, ref }, tab.value);
@@ -28566,17 +28567,15 @@ const ShadcnTabs = forwardRef((props, ref) => {
         ]
       }
     ) }),
-    body && _tabs?.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: cn(
-      "w-full h-full relative",
-      theme === "modern" ? "border border-gray-200/60 rounded-md bg-white/50 backdrop-blur-sm p-4 mt-3 shadow-sm" : "border-solid border border-gray-200 p-1 my-1 rounded bg-[#fafafa]",
-      bodyClassName
-    ), children: _tabs?.map?.((tab) => {
+    body && _tabs?.length > 0 && _tabs?.map((tab) => {
       const id2 = useRandomId();
       tab.tabs = _tabs;
       tab.props = props;
-      if (!tab.value) tab.value = id2;
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(TabsContent, { id: id2, value: tab.value, theme, className: "m-0 p-0", children: tab.content }, id2);
-    }) })
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(Activity, { mode: tab?.value == defaultTab ? "visible" : "hidden", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: cn(
+        "w-full p-0 m-0",
+        bodyClassName
+      ), children: tab?.content }) }, id2);
+    })
   ] });
 });
 const TTextArea = forwardRef((props, ref) => {
@@ -28933,7 +28932,7 @@ const ToggleGroup = (props) => {
     },
     onContextMenu
   } = props;
-  const id = useGeneratedId$1(8, false, true);
+  const id = useGeneratedId(8, false, true);
   const ref2 = useRef({ items: [] });
   const itemsRef = useRef({ items: [] });
   const {
@@ -28980,7 +28979,7 @@ const vars$1 = cva("css-toggle-item-abdellatifui w-fit h-fit py-1 px-2 rounded-n
 });
 const ToggleItem = (props) => {
   const ref2 = useRef({});
-  const id = useGeneratedId$1(8, false, true);
+  const id = useGeneratedId(8, false, true);
   const {
     rootref,
     api_groupChange,
@@ -29077,7 +29076,7 @@ const CheckboxGroup = (props) => {
     children,
     className
   } = props;
-  const id = useGeneratedId$1(8, false, true);
+  const id = useGeneratedId(8, false, true);
   const ref2 = useRef({ items: [] });
   const itemsRef = useRef({ items: [] });
   const api_groupChange = (api) => {
@@ -29114,7 +29113,7 @@ const vars = cva("css-checkbox-item-abdellatifui flex items-center space-x-3 w-f
 });
 const CheckboxItem = (props) => {
   const ref2 = useRef({});
-  const id = useGeneratedId$1(8, false, true);
+  const id = useGeneratedId(8, false, true);
   const {
     api_groupChange,
     itemsRef
@@ -29292,7 +29291,7 @@ export {
   useApi,
   useBoxSize,
   useBoxSizeByDOM,
-  useGeneratedId$1 as useGeneratedId,
+  useGeneratedId,
   useRandomId,
   useStore,
   useVariable

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@abdellatifui/react",
   "private": false,
-  "version": "3.2.85",
+  "version": "3.2.87",
   "type": "module",
   "types": "dist/nextgen.d.ts",
   "files": [