funuicss 2.7.16 → 3.0.0

package/hooks/useHls.tsx

@@ -1,69 +0,0 @@
-// hooks/useHls.ts
-import { useEffect } from 'react';
-import Hls from 'hls.js';
-
-interface UseHlsOptions {
-  videoRef: React.RefObject<HTMLVideoElement>;
-  src: string;
-  autoPlay?: boolean;
-  onLoaded?: () => void;
-}
-
-export function useHls({ videoRef, src, autoPlay, onLoaded }: UseHlsOptions) {
-  useEffect(() => {
-    const video = videoRef.current;
-    if (!video || !src) return;
-
-    let hls: Hls | null = null;
-    const isHls = src.endsWith('.m3u8');
-
-    const setup = async () => {
-      if (isHls && Hls.isSupported()) {
-        hls = new Hls();
-        hls.loadSource(src);
-        hls.attachMedia(video);
-
-        hls.on(Hls.Events.MANIFEST_PARSED, () => {
-          onLoaded?.();
-          if (autoPlay) {
-            video
-              .play()
-              .then(() => console.log('HLS auto-play success'))
-              .catch((err) => console.warn('HLS auto-play error:', err));
-          }
-        });
-
-        hls.on(Hls.Events.ERROR, (event, data) => {
-          console.error('HLS.js error:', data);
-        });
-      } else if (video.canPlayType('application/vnd.apple.mpegurl')) {
-        video.src = src;
-
-        video.onloadedmetadata = () => {
-          onLoaded?.();
-          if (autoPlay) {
-            video
-              .play()
-              .then(() => console.log('Native HLS auto-play success'))
-              .catch((err) => console.warn('Native HLS auto-play error:', err));
-          }
-        };
-      } else {
-        video.src = src;
-        onLoaded?.();
-        if (autoPlay) {
-          video
-            .play()
-            .then(() => console.log('MP4 auto-play success'))
-            .catch((err) => console.warn('MP4 auto-play error:', err));
-        }
-      }
-    };
-
-    setup();
-
-    return () => {
-      if (hls) hls.destroy();
-    };
-  }, [videoRef, src, autoPlay, onLoaded]);
-}

package/index.tsx

@@ -1,58 +0,0 @@
-export { default as Alert } from "./ui/alert/Alert"
-export { default as ThemeProvider } from "./ui/theme/theme"
-export { default as Button } from "./ui/button/Button"
-export { default as Card } from "./ui/card/Card"
-export { default as BreadCrumb } from "./ui/breadcrumb/BreadCrumb"
-export { default as Container } from "./ui/container/Container"
-export { default as Grid } from "./ui/grid/Grid"
-export { default as Col } from "./ui/grid/Col"
-export { default as Input } from "./ui/input/Input"
-export { default as Loader } from "./ui/loader/Loader"
-export { default as Modal } from "./ui/modal/Modal"
-export { default as Table } from "./ui/table/Table"
-export { default as List } from "./ui/list/List"
-export { default as Text } from "./ui/text/Text"
-export { default as Div } from "./ui/div/Div"
-export { default as StepContainer } from "./ui/step/Container"
-export { default as Step } from "./ui/step/Step"
-export { default as StepHeader } from "./ui/step/Header"
-export { default as StepLine } from "./ui/step/Line"
-export { default as NotFound } from "./ui/page/NotFound"
-export { default as UnAuthorized } from "./ui/page/UnAuthorized"
-export { default as DropUp } from "./ui/drop/Up"
-export { default as DropDown } from "./ui/drop/Down"
-export { default as Dropdown } from "./ui/drop/Dropdown"
-export { default as DropItem } from "./ui/drop/Item"
-export { default as DropMenu } from "./ui/drop/Menu"
-export { default as ProgressBar } from "./ui/progress/Bar"
-export { default as FunLoader } from "./ui/loader/Loader";
-export { default as Notification } from "./ui/notification/Notification"
-export { default as ToolTip } from "./ui/tooltip/ToolTip"
-export { default as AppBar } from "./ui/appbar/AppBar"
-export { default as Tip } from "./ui/tooltip/Tip"
-export { default as RowFlex } from "./ui/specials/RowFlex"
-export { default as Section } from "./ui/specials/Section"
-export { default as Hr } from "./ui/specials/Hr"
-export { default as Circle } from "./ui/specials/Circle"
-export { default as CircleGroup } from "./ui/specials/CircleGroup"
-export { default as FullCenteredPage } from "./ui/specials/FullCenteredPage"
-export { default as Bars } from "./ui/chart/Bar"
-export { default as Lines } from "./ui/chart/Line"
-export { default as ChartPie } from "./ui/chart/Pie"
-export { default as SideBar } from "./ui/sidebar/SideBar"
-export { default as Video } from "./ui/video/Video"
-export { default as Carousel } from "./ui/carousel/Carousel"
-export { default as RichText } from "./ui/richtext/RichText"
-export { default as Flex } from "./ui/flex/Flex"
-export { default as Accordion} from "./ui/accordion/Accordion"
-export { default as ScrollInView } from "./ui/ScrollInView/ScrollInView"
-export { default as View } from "./ui/view/View"
-export { default as DatePicker } from "./ui/datepicker/DatePicker"
-export { default as Calendar } from "./ui/calendar/Calendar"
-export { default as Vista } from "./ui/vista/Vista"
-export { default as Slider } from "./ui/slider/Slider"
-export { default as FlexItem } from "./ui/flex/FlexItem"
-
-// js 
-export { default as Cookie } from "./js/Cookie"
-export { FunGet } from "./js/Fun"

package/js/Cookie.tsx

@@ -1,91 +0,0 @@
-interface ExpirationDuration {
-  years?: number;
-  months?: number;
-  days?: number;
-}
-
-interface CookieOptions {
-  duration?: ExpirationDuration; // Expiration duration
-  path?: string;
-  secure?: boolean;
-  sameSite?: 'Strict' | 'Lax' | 'None';
-}
-
-const Cookie = (name: string) => {
-  return {
-    /**
-     * Save a value as a cookie
-     * @param value - Any JSON-serializable object
-     * @param options - Expiration and cookie settings
-     */
-    save: (value: any, options: CookieOptions = {}) => {
-      return new Promise<void>((resolve, reject) => {
-        try {
-          const stringValue = JSON.stringify(value);
-          const {
-            duration = { days: 30 },
-            path = '/',
-            secure = false,
-            sameSite = 'Lax',
-          } = options;
-
-          // Create expiration date
-          const expirationDate = new Date();
-          if (duration.years) expirationDate.setFullYear(expirationDate.getFullYear() + duration.years);
-          if (duration.months) expirationDate.setMonth(expirationDate.getMonth() + duration.months);
-          if (duration.days) expirationDate.setDate(expirationDate.getDate() + duration.days);
-
-          // Build cookie string
-          let cookieString = `${name}=${encodeURIComponent(stringValue)}; expires=${expirationDate.toUTCString()}; path=${path}; SameSite=${sameSite}`;
-          if (secure) cookieString += '; Secure';
-
-          document.cookie = cookieString;
-
-          resolve();
-        } catch (error) {
-          reject({ status: 'error', message: error });
-        }
-      });
-    },
-
-    /**
-     * Get and parse the cookie
-     */
-    get: (): Promise<any> => {
-      return new Promise((resolve, reject) => {
-        try {
-          const cookies = document.cookie.split(';');
-          for (let i = 0; i < cookies.length; i++) {
-            const cookie = cookies[i].trim();
-            if (cookie.startsWith(name + '=')) {
-              const value = decodeURIComponent(cookie.substring(name.length + 1));
-              return resolve(JSON.parse(value));
-            }
-          }
-          reject(`${name} cookie not found or has expired.`);
-        } catch (error) {
-          reject({ status: 'error', message: error });
-        }
-      });
-    },
-
-    /**
-     * Remove the cookie by setting its expiration to the past
-     */
-    remove: (): Promise<void> => {
-      return new Promise((resolve, reject) => {
-        try {
-          document.cookie = `${name}=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;`;
-          resolve();
-        } catch (error) {
-          reject({ status: 'error', message: error });
-        }
-      });
-    },
-  };
-};
-
-
-
-
-export default Cookie;

package/js/Fun.jsx

@@ -1,225 +0,0 @@
-export const FunHide = {
-    hide: (selector) => {
-        var element  = document.querySelector(selector)
-        element.style.display = "none"
-    }
-    ,
-    show:(selector) => {
-        var element  = document.querySelector(selector)
-        element.style.display = "inline-block"
-    }
-    ,
-    toggle: (selector) => {
-        var element  = document.querySelector(selector)
-        var style = element.style.display
-        if (style == "none") {
-            element.style.display = "inline-block"
-        }else{
-            element.style.display = "none"
-        }
-
-    }
-}
-
-
-export const FunGet = {
-    text : (selector, data)=>{
-        var element  = document.querySelector(selector)
-        if(typeof(element) != 'undefined' && element != null){
-            var text = element.textContent 
-            if(data){
-                element.textContent = data
-            }else{
-            return text ? text : ''
-            }
-        } 
-    
-    },
-    html: (selector ,  data)=> {
-        var element  = document.querySelector(selector)
-        if(typeof(element) != 'undefined' && element != null){
-            var text = element.innerHTML 
-            if(data){
-                element.innerHTML = data
-            }else{
-            return text ? text : ""
-            }
-        } 
-   
-    },
-    val: (selector ,  data)=> {
-        var element  = document.querySelector(selector)
-        if(typeof(element) != 'undefined' && element != null){
-        var text = element.value 
-        if(data){
-            element.value = data
-        }else{
-        return text
-        }
-    }
-}
-}
-
-    export const FunStyle = {
-    css: (selector , css)=>{
-    // Get the element you want to style
-    const element = document.querySelector(selector);
-
-    // Define multiple styles using JavaScript objects
-    const styles = css
-
-    // Apply the styles to the element
-    Object.assign(element.style, styles);
-
-    }
-    }
-
-
-    export const FunEvent = {
-        event : (selector , eventType, callBack) =>{
-            const element = document.querySelector(selector);
-          if(selector && eventType && callBack){
-            if(typeof(element) != 'undefined' && element != null){
-                document.querySelector(selector).addEventListener(eventType , callBack)
-            } 
-          }
-        }
-    }
-    export const FunClass = {
-        add : (selector , newClass) =>{
-            const element = document.querySelector(selector);
-            if(typeof(element) != 'undefined' && element != null && newClass){
-                element.classList.add(newClass);
-            } 
-        },
-        remove : (selector , newClass) =>{
-            const element = document.querySelector(selector);
-            if(typeof(element) != 'undefined' && element != null && newClass){
-                element.classList.remove(newClass);
-            } 
-        }
-    }
-
-   export const FunAdd = {
-    append: (selector , child) =>{
-        const element = document.querySelector(selector);
-        if(typeof(element) != 'undefined' && element != null && child){
-            element.append(child)
-        } 
-    },
-    prepend: (selector , child) =>{
-        const element = document.querySelector(selector);
-        if(typeof(element) != 'undefined' && element != null && child){
-            element.prepend(child)
-        } 
-    }
-   }
-
-
-   export const FunRequest = {
-    get: (url, headers) => {
-      return new Promise((resolve, reject) => {
-        fetch(url, headers ? { headers: headers } : {})
-          .then(response => response.json())
-          .then(data => {
-            // Handle the received data
-            resolve(data);
-          })
-          .catch(error => {
-            // Handle any errors that occur during the request
-            reject(error);
-          });
-      });
-    },
-    post: (url, body, headers) => {
-        return new Promise((resolve, reject) => {
-          fetch(url, {
-            method: 'POST',
-            headers: headers ? { ...headers, 'Content-Type': 'application/json' } : { 'Content-Type': 'application/json' },
-            body: JSON.stringify(body)
-          })
-            .then(response => response.json())
-            .then(data => {
-              // Handle the received data
-              resolve(data);
-            })
-            .catch(error => {
-              // Handle any errors that occur during the request
-              reject(error);
-            });
-        });
-      },
-      patch: (url, body, headers) => {
-        return new Promise((resolve, reject) => {
-          fetch(url, {
-            method: 'PATCH',
-            headers: headers ? { ...headers, 'Content-Type': 'application/json' } : { 'Content-Type': 'application/json' },
-            body: JSON.stringify(body)
-          })
-            .then(response => response.json())
-            .then(data => {
-              // Handle the received data
-              resolve(data);
-            })
-            .catch(error => {
-              // Handle any errors that occur during the request
-              reject(error);
-            });
-        });
-      },
-    
-      delete: (url, headers) => {
-        return new Promise((resolve, reject) => {
-          fetch(url, {
-            method: 'DELETE',
-            headers: headers ? headers : {}
-          })
-            .then(response => {
-              if (response.ok) {
-                resolve(); // Resolve with no data for successful DELETE requests
-              } else {
-                reject(`Error: ${response.status} ${response.statusText}`);
-              }
-            })
-            .catch(error => {
-              // Handle any errors that occur during the request
-              reject(error);
-            });
-        });
-      }
-  };
-  
-export const FunQuery = {
-  query: (data , fields)=>{
-    return new Promise((resolve, reject) => {
-        if (Array.isArray(data)) {
-          resolve(data.filter(item => applyFilter(item, fields)))
-        } else if (typeof data === 'object') {
-          const filteredData = {};
-          for (let key in data) {
-            if (applyFilter(data[key], fields)) {
-              filteredData[key] = data[key];
-            }
-          }
-          resolve(filteredData)
-        } else {
-          reject('Invalid data type. Expected an array or object.');
-        }
-      
-      function applyFilter(item, fields) {
-        if (typeof fields !== 'object') {
-          reject('Invalid filter criteria. Expected an object.');
-        }
-      
-        for (let key in fields) {
-          if (item[key] !== fields[key]) {
-            return false;
-          }
-        }
-      
-        return true;
-      }
-      
-    })
-  }
-}

package/js/Fun.tsx

@@ -1,239 +0,0 @@
-export const FunHide = {
-  hide: (selector = "") => {
-      var element: HTMLElement | null = document.querySelector(selector);
-      if (element) {
-          element.style.display = "none";
-      }
-  },
-  show: (selector = "") => {
-      var element: HTMLElement | null = document.querySelector(selector);
-      if (element) {
-          element.style.display = "inline-block";
-      }
-  },
-  toggle: (selector = "") => {
-      var element: HTMLElement | null = document.querySelector(selector);
-      if (element) {
-          var style = element.style.display;
-          element.style.display = style === "none" ? "inline-block" : "none";
-      }
-  }
-};
-export const FunVisible = {
-    hide: (selector = "") => {
-        var element: HTMLElement | null = document.querySelector(selector);
-        if (element) {
-            element.style.visibility = "hidden";
-        }
-    },
-    show: (selector = "") => {
-        var element: HTMLElement | null = document.querySelector(selector);
-        if (element) {
-            element.style.visibility = "visible";
-        }
-    },
-    toggle: (selector = "") => {
-        var element: HTMLElement | null = document.querySelector(selector);
-        if (element) {
-            var style = element.style.visibility;
-            element.style.visibility = style === "hidden" ? "visible" : "hidden";
-        }
-    }
-  };
-export const FunGet = {
-  text: (selector = "", data?: string) => {
-      var element: HTMLElement | null = document.querySelector(selector);
-      if (element) {
-          var text = element.textContent;
-          if (data) {
-              element.textContent = data;
-          } else {
-              return text ? text : "";
-          }
-      }
-  },
-  html: (selector = "", data?: string) => {
-      var element: HTMLElement | null = document.querySelector(selector);
-      if (element) {
-          var text = element.innerHTML;
-          if (data) {
-              element.innerHTML = data;
-          } else {
-              return text ? text : "";
-          }
-      }
-  },
-  val: (selector = "", data?: string) => {
-      var element: HTMLInputElement | null = document.querySelector(selector);
- if (element) {
-  var text = element.value;
-  if (data !== undefined && data !== null) {
-    element.value = data === '' ? '' : data;
-  } else {
-    return text;
-  }
-}
-
-  },
-};
-
-export const FunStyle = {
-  css: (selector = "", css?: {}) => {
-      const element: HTMLElement | null = document.querySelector(selector);
-      if (element) {
-          Object.assign(element.style, css);
-      }
-  },
-};
-
-
-export const FunEvent = {
-  event: (selector = "", eventType?: string, callBack?: EventListenerOrEventListenerObject | null) => {
-      const element = document.querySelector(selector);
-      if (element && eventType && callBack) {
-          element.addEventListener(eventType, callBack);
-      }
-  },
-};
-
-export const FunClass = {
-  add: (selector = "", newClass?: string) => {
-      const element = document.querySelector(selector);
-      if (element && newClass) {
-          element.classList.add(newClass);
-      }
-  },
-  remove: (selector = "", newClass?: string) => {
-      const element = document.querySelector(selector);
-      if (element && newClass) {
-          element.classList.remove(newClass);
-      }
-  },
-};
-
-export const FunAdd = {
-  append: (selector = '', child?: Node | null) => {
-      const element = document.querySelector(selector);
-      if (element && child) {
-          element.append(child);
-      }
-  },
-  prepend: (selector = "", child?: Node | null) => {
-      const element = document.querySelector(selector);
-      if (element && child) {
-          element.prepend(child);
-      }
-  },
-};
-
-export const FunRequest = {
-  get: (url: string, headers?: HeadersInit) => {
-      return new Promise((resolve, reject) => {
-          fetch(url, headers ? { headers: headers } : {})
-              .then((response) => response.json())
-              .then((data) => {
-                  resolve(data);
-              })
-              .catch((error) => {
-                  reject(error);
-              });
-      });
-  },
-  post: (url: string, body?: any, headers?: HeadersInit) => {
-      return new Promise((resolve, reject) => {
-          fetch(url, {
-              method: 'POST',
-              headers: headers ? { ...headers, 'Content-Type': 'application/json' } : { 'Content-Type': 'application/json' },
-              body: JSON.stringify(body),
-          })
-              .then((response) => response.json())
-              .then((data) => {
-                  resolve(data);
-              })
-              .catch((error) => {
-                  reject(error);
-              });
-      });
-  },
-  patch: (url: string, body?: any, headers?: HeadersInit) => {
-      return new Promise((resolve, reject) => {
-          fetch(url, {
-              method: 'PATCH',
-              headers: headers ? { ...headers, 'Content-Type': 'application/json' } : { 'Content-Type': 'application/json' },
-              body: JSON.stringify(body),
-          })
-              .then((response) => response.json())
-              .then((data) => {
-                  resolve(data);
-              })
-              .catch((error) => {
-                  reject(error);
-              });
-      });
-  },
-
-  delete: (url: string, headers?: HeadersInit) => {
-      return new Promise((resolve, reject) => {
-          fetch(url, {
-              method: 'DELETE',
-              headers: headers ? headers : {},
-          })
-              .then((response) => {
-                  if (response.ok) {
-                      resolve("");
-                  } else {
-                      reject(`Error: ${response.status} ${response.statusText}`);
-                  }
-              })
-              .catch((error) => {
-                  reject(error);
-              });
-      });
-  },
-};
-
-interface QueryFields {
-  [key: string]: any;
-}
-
-export const FunQuery = {
-  query: (data: any, fields: QueryFields = {}) => {
-    return new Promise((resolve, reject) => {
-      // Validate input
-      if (typeof fields !== 'object' || fields === null) {
-        return reject('Invalid filter criteria. Expected an object.');
-      }
-
-      const applyFilter = (item: any, filters: QueryFields) => {
-        for (let key in filters) {
-          if (item[key] !== filters[key]) {
-            return false;
-          }
-        }
-        return true;
-      };
-
-      try {
-        if (Array.isArray(data)) {
-          const result = data.filter(item => applyFilter(item, fields));
-          resolve(result);
-        } else if (typeof data === 'object' && data !== null) {
-          const filteredObject: Record<string, any> = {};
-          for (let key in data) {
-            if (applyFilter(data[key], fields)) {
-              filteredObject[key] = data[key];
-            }
-          }
-          resolve(filteredObject);
-        } else {
-          reject('Invalid data type. Expected an array or object.');
-        }
-      } catch (error) {
-        reject(error);
-      }
-    });
-  }
-};
-
-
-

package/tsconfig.json

@@ -1,20 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "es5",
-    "lib": ["dom", "dom.iterable", "esnext"],
-    "module": "commonjs",
-    "jsx": "react",
-    "declaration": true,
-    "esModuleInterop": true,
-    "moduleResolution": "node",
-    "resolveJsonModule": true,
-    "allowJs": true,
-    "skipLibCheck": true,
-    "strict": true,
-    "forceConsistentCasingInFileNames": true,
-    "incremental": true,
-    "composite": true
-  },
-  "include": ["ui/**/*", "types/**/*", "next-env.d.ts" , "index.tsx" , "utils/**/*" , "hooks/**/*"  ,  "js/**/*" ],
-  "exclude": ["node_modules"]
-}