@abdellatifui/react 3.2.82 → 3.2.83

package/dist/nextgen.d.ts

@@ -429,7 +429,7 @@ export declare interface FrequencyProps {
  */
 export declare function getRandomColor(): string;
 
-export declare const GetRandomStr: (options?: {}) => string;
+export declare const GetRandomStr: () => string;
 
 export declare const getWholeSpectrum: () => any[];
 

package/dist/nextgen.js

@@ -6374,15 +6374,10 @@ const ModelContext = createContext({});
 const useRandomId = (length = 8) => {
   return "r" + Math.random().toString(36).substr(2, length);
 };
-const GetRandomStr = (options2 = {}) => {
-  const {
-    length = 512,
-    str = true
-  } = options2;
-  const randomStr = str ? "_" + Math.random().toString(36).substr(2, length) : Math.random().toString(36).substr(2, length);
-  return randomStr;
+const GetRandomStr = () => {
+  return useRandomId();
 };
-const useGeneratedId = (length = 8, beginstr = true, forcss = false) => {
+const useGeneratedId$1 = (length = 8, beginstr = true, forcss = false) => {
   const [r2, setR] = useState("");
   useEffect(() => {
     if (length && forcss) {
@@ -6443,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();
+  const id = useGeneratedId$1();
   const ref3 = useRef();
   const [_children, setChildren] = useState(null);
   const {
@@ -19243,7 +19238,7 @@ const Toast = (props) => {
     duration: duration2 = 6e3,
     ref
   } = props;
-  const id = useGeneratedId();
+  const id = useGeneratedId$1();
   useEffect(() => {
     if (item.type && id) {
       if (!item.header) {
@@ -19337,7 +19332,7 @@ const AbuiContextProvider = (props) => {
   const buid = localStorage.getItem("buid");
   const onNotifyLoaded = (event) => {
     if (!buid) {
-      localStorage.setItem("buid", GetRandomStr({ length: 512 }));
+      localStorage.setItem("buid", GetRandomStr());
     }
     setNotifyReady(true);
   };
@@ -19856,7 +19851,7 @@ const vrs$e = cva(
 const Sidebar = forwardRef((props, ref) => {
   const [isOpen, setIsOpen] = useState(false);
   const ref2 = useRef(null);
-  const id = useGeneratedId(9, true, true);
+  const id = useGeneratedId$1(9, true, true);
   const modelRef = useRef(null);
   const [_content, setContent] = useState(null);
   const {
@@ -22952,7 +22947,7 @@ const Switch = (props) => {
     className,
     ref = useRef(),
     inputRef = useRef(),
-    id = useGeneratedId(9, false, true),
+    id = useGeneratedId$1(9, false, true),
     inputProps = {}
   } = props;
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { ref, className: cn(
@@ -23325,7 +23320,7 @@ const NetworkMapComponent = (props) => {
     pathThikness = 5
   } = props;
   useRef();
-  const mapId = useGeneratedId(4, true, false);
+  const mapId = useGeneratedId$1(4, true, false);
   const mapApi = useRef({});
   useRef();
   const lngLatBoxRef = useRef();
@@ -24052,7 +24047,7 @@ const vrs$c = cva("px-1", {
   }
 });
 const AccordionItem = (props) => {
-  const key = useGeneratedId(5, false, false);
+  const key = useGeneratedId$1(5, false, false);
   const ref = useRef();
   const refTrigger = useRef();
   const {
@@ -24068,7 +24063,7 @@ const AccordionItem = (props) => {
     disabled = false
   } = props;
   const { updateApi, options: options2 } = useContext(AccordionContext);
-  const id = useGeneratedId(5, true, false);
+  const id = useGeneratedId$1(5, true, false);
   function handleClick() {
     const isOpen = ref.current.dataset.state == "open" ? false : true;
     const form = { ...props, open: isOpen, ref, refTrigger };
@@ -24125,7 +24120,7 @@ const HorizontalDiv = (props) => {
     item,
     skipRowsCount = false
   } = props;
-  const id = useGeneratedId();
+  const id = useGeneratedId$1();
   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 }),
@@ -25341,7 +25336,7 @@ if (process.env.NODE_ENV !== "production") {
 const ContextMenuComponent = (props) => {
   const modelRef = useRef({});
   const mainMenuRef = useRef();
-  const id = useGeneratedId();
+  const id = useGeneratedId$1();
   const [documentEvent, setDocumentEvent] = useState(null);
   const [location] = useMouseLocation(documentEvent, mainMenuRef);
   const {
@@ -25605,8 +25600,8 @@ const AllInputComponent = (props) => {
   const [ttype, setTtype] = useState(type);
   const [extraInfo, setExtraInfo] = useState(description);
   const [timeout, setITimeout] = useState();
-  const id = useGeneratedId();
-  const id2 = useGeneratedId();
+  const id = useGeneratedId$1();
+  const id2 = useGeneratedId$1();
   const [inputValue, setValue] = useState("");
   const ref2 = useRef();
   const descriptionRef = useRef();
@@ -28938,7 +28933,7 @@ const ToggleGroup = (props) => {
     },
     onContextMenu
   } = props;
-  const id = useGeneratedId(8, false, true);
+  const id = useGeneratedId$1(8, false, true);
   const ref2 = useRef({ items: [] });
   const itemsRef = useRef({ items: [] });
   const {
@@ -28985,7 +28980,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(8, false, true);
+  const id = useGeneratedId$1(8, false, true);
   const {
     rootref,
     api_groupChange,
@@ -29082,7 +29077,7 @@ const CheckboxGroup = (props) => {
     children,
     className
   } = props;
-  const id = useGeneratedId(8, false, true);
+  const id = useGeneratedId$1(8, false, true);
   const ref2 = useRef({ items: [] });
   const itemsRef = useRef({ items: [] });
   const api_groupChange = (api) => {
@@ -29119,7 +29114,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(8, false, true);
+  const id = useGeneratedId$1(8, false, true);
   const {
     api_groupChange,
     itemsRef
@@ -29297,7 +29292,7 @@ export {
   useApi,
   useBoxSize,
   useBoxSizeByDOM,
-  useGeneratedId,
+  useGeneratedId$1 as useGeneratedId,
   useRandomId,
   useStore,
   useVariable

package/package.json

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