funuicss 2.6.20 → 2.7.0

package/index.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Video = exports.SideBar = exports.ChartPie = exports.Lines = exports.Bars = exports.FullCenteredPage = exports.CircleGroup = exports.Circle = exports.Hr = exports.Section = exports.RowFlex = exports.Tip = exports.AppBar = exports.ToolTip = exports.Notification = exports.FunLoader = exports.ProgressBar = exports.DropMenu = exports.DropItem = exports.Dropdown = exports.DropDown = exports.DropUp = exports.UnAuthorized = exports.NotFound = exports.StepLine = exports.StepHeader = exports.Step = exports.StepContainer = exports.Div = exports.Text = exports.List = exports.Table = exports.Modal = exports.Loader = exports.Input = exports.Col = exports.Grid = exports.Container = exports.BreadCrumb = exports.Card = exports.Button = exports.ThemeProvider = exports.Alert = void 0;
+exports.FunGet = exports.Cookie = exports.Video = exports.SideBar = exports.ChartPie = exports.Lines = exports.Bars = exports.FullCenteredPage = exports.CircleGroup = exports.Circle = exports.Hr = exports.Section = exports.RowFlex = exports.Tip = exports.AppBar = exports.ToolTip = exports.Notification = exports.FunLoader = exports.ProgressBar = exports.DropMenu = exports.DropItem = exports.Dropdown = exports.DropDown = exports.DropUp = exports.UnAuthorized = exports.NotFound = exports.StepLine = exports.StepHeader = exports.Step = exports.StepContainer = exports.Div = exports.Text = exports.List = exports.Table = exports.Modal = exports.Loader = exports.Input = exports.Col = exports.Grid = exports.Container = exports.BreadCrumb = exports.Card = exports.Button = exports.ThemeProvider = exports.Alert = void 0;
 var Alert_1 = require("./ui/alert/Alert");
 Object.defineProperty(exports, "Alert", { enumerable: true, get: function () { return __importDefault(Alert_1).default; } });
 var theme_1 = require("./ui/theme/theme");
@@ -90,3 +90,8 @@ var SideBar_1 = require("./ui/sidebar/SideBar");
 Object.defineProperty(exports, "SideBar", { enumerable: true, get: function () { return __importDefault(SideBar_1).default; } });
 var Video_1 = require("./ui/video/Video");
 Object.defineProperty(exports, "Video", { enumerable: true, get: function () { return __importDefault(Video_1).default; } });
+// js 
+var Cookie_1 = require("./js/Cookie");
+Object.defineProperty(exports, "Cookie", { enumerable: true, get: function () { return __importDefault(Cookie_1).default; } });
+var Fun_1 = require("./js/Fun");
+Object.defineProperty(exports, "FunGet", { enumerable: true, get: function () { return Fun_1.FunGet; } });

package/index.tsx

@@ -40,4 +40,8 @@ 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 Video } from "./ui/video/Video"
+
+// js 
+export { default as Cookie } from "./js/Cookie"
+export { FunGet } from "./js/Fun"

package/js/Cookie.d.ts

@@ -0,0 +1,28 @@
+interface ExpirationDuration {
+    years?: number;
+    months?: number;
+    days?: number;
+}
+interface CookieOptions {
+    duration?: ExpirationDuration;
+    path?: string;
+    secure?: boolean;
+    sameSite?: 'Strict' | 'Lax' | 'None';
+}
+declare const Cookie: (name: string) => {
+    /**
+     * Save a value as a cookie
+     * @param value - Any JSON-serializable object
+     * @param options - Expiration and cookie settings
+     */
+    save: (value: any, options?: CookieOptions) => Promise<void>;
+    /**
+     * Get and parse the cookie
+     */
+    get: () => Promise<any>;
+    /**
+     * Remove the cookie by setting its expiration to the past
+     */
+    remove: () => Promise<void>;
+};
+export default Cookie;

package/js/Cookie.js

@@ -0,0 +1,73 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var Cookie = function (name) {
+    return {
+        /**
+         * Save a value as a cookie
+         * @param value - Any JSON-serializable object
+         * @param options - Expiration and cookie settings
+         */
+        save: function (value, options) {
+            if (options === void 0) { options = {}; }
+            return new Promise(function (resolve, reject) {
+                try {
+                    var stringValue = JSON.stringify(value);
+                    var _a = options.duration, duration = _a === void 0 ? { days: 30 } : _a, _b = options.path, path = _b === void 0 ? '/' : _b, _c = options.secure, secure = _c === void 0 ? false : _c, _d = options.sameSite, sameSite = _d === void 0 ? 'Lax' : _d;
+                    // Create expiration date
+                    var 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
+                    var cookieString = "".concat(name, "=").concat(encodeURIComponent(stringValue), "; expires=").concat(expirationDate.toUTCString(), "; path=").concat(path, "; SameSite=").concat(sameSite);
+                    if (secure)
+                        cookieString += '; Secure';
+                    document.cookie = cookieString;
+                    resolve();
+                }
+                catch (error) {
+                    reject({ status: 'error', message: error });
+                }
+            });
+        },
+        /**
+         * Get and parse the cookie
+         */
+        get: function () {
+            return new Promise(function (resolve, reject) {
+                try {
+                    var cookies = document.cookie.split(';');
+                    for (var i = 0; i < cookies.length; i++) {
+                        var cookie = cookies[i].trim();
+                        if (cookie.startsWith(name + '=')) {
+                            var value = decodeURIComponent(cookie.substring(name.length + 1));
+                            return resolve(JSON.parse(value));
+                        }
+                    }
+                    reject("".concat(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: function () {
+            return new Promise(function (resolve, reject) {
+                try {
+                    document.cookie = "".concat(name, "=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;");
+                    resolve();
+                }
+                catch (error) {
+                    reject({ status: 'error', message: error });
+                }
+            });
+        },
+    };
+};
+exports.default = Cookie;

package/js/Cookie.tsx

@@ -0,0 +1,91 @@
+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.d.ts

@@ -9,9 +9,9 @@ export declare const FunVisible: {
     toggle: (selector?: string) => void;
 };
 export declare const FunGet: {
-    text: (selector?: string, data?: string) => string;
-    html: (selector?: string, data?: string) => string;
-    val: (selector?: string, data?: string) => string;
+    text: (selector?: string, data?: string) => string | undefined;
+    html: (selector?: string, data?: string) => string | undefined;
+    val: (selector?: string, data?: string) => string | undefined;
 };
 export declare const FunStyle: {
     css: (selector?: string, css?: {}) => void;
@@ -33,6 +33,10 @@ export declare const FunRequest: {
     patch: (url: string, body?: any, headers?: HeadersInit) => Promise<unknown>;
     delete: (url: string, headers?: HeadersInit) => Promise<unknown>;
 };
+interface QueryFields {
+    [key: string]: any;
+}
 export declare const FunQuery: {
-    query: (data: any, fields?: {}) => Promise<unknown>;
+    query: (data: any, fields?: QueryFields) => Promise<unknown>;
 };
+export {};

package/js/Fun.js

@@ -14,18 +14,21 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.FunQuery = exports.FunRequest = exports.FunAdd = exports.FunClass = exports.FunEvent = exports.FunStyle = exports.FunGet = exports.FunVisible = exports.FunHide = void 0;
 exports.FunHide = {
     hide: function (selector) {
+        if (selector === void 0) { selector = ""; }
         var element = document.querySelector(selector);
         if (element) {
             element.style.display = "none";
         }
     },
     show: function (selector) {
+        if (selector === void 0) { selector = ""; }
         var element = document.querySelector(selector);
         if (element) {
             element.style.display = "inline-block";
         }
     },
     toggle: function (selector) {
+        if (selector === void 0) { selector = ""; }
         var element = document.querySelector(selector);
         if (element) {
             var style = element.style.display;
@@ -35,18 +38,21 @@ exports.FunHide = {
 };
 exports.FunVisible = {
     hide: function (selector) {
+        if (selector === void 0) { selector = ""; }
         var element = document.querySelector(selector);
         if (element) {
             element.style.visibility = "hidden";
         }
     },
     show: function (selector) {
+        if (selector === void 0) { selector = ""; }
         var element = document.querySelector(selector);
         if (element) {
             element.style.visibility = "visible";
         }
     },
     toggle: function (selector) {
+        if (selector === void 0) { selector = ""; }
         var element = document.querySelector(selector);
         if (element) {
             var style = element.style.visibility;
@@ -56,6 +62,7 @@ exports.FunVisible = {
 };
 exports.FunGet = {
     text: function (selector, data) {
+        if (selector === void 0) { selector = ""; }
         var element = document.querySelector(selector);
         if (element) {
             var text = element.textContent;
@@ -68,6 +75,7 @@ exports.FunGet = {
         }
     },
     html: function (selector, data) {
+        if (selector === void 0) { selector = ""; }
         var element = document.querySelector(selector);
         if (element) {
             var text = element.innerHTML;
@@ -80,6 +88,7 @@ exports.FunGet = {
         }
     },
     val: function (selector, data) {
+        if (selector === void 0) { selector = ""; }
         var element = document.querySelector(selector);
         if (element) {
             var text = element.value;
@@ -94,6 +103,7 @@ exports.FunGet = {
 };
 exports.FunStyle = {
     css: function (selector, css) {
+        if (selector === void 0) { selector = ""; }
         var element = document.querySelector(selector);
         if (element) {
             Object.assign(element.style, css);
@@ -102,6 +112,7 @@ exports.FunStyle = {
 };
 exports.FunEvent = {
     event: function (selector, eventType, callBack) {
+        if (selector === void 0) { selector = ""; }
         var element = document.querySelector(selector);
         if (element && eventType && callBack) {
             element.addEventListener(eventType, callBack);
@@ -110,12 +121,14 @@ exports.FunEvent = {
 };
 exports.FunClass = {
     add: function (selector, newClass) {
+        if (selector === void 0) { selector = ""; }
         var element = document.querySelector(selector);
         if (element && newClass) {
             element.classList.add(newClass);
         }
     },
     remove: function (selector, newClass) {
+        if (selector === void 0) { selector = ""; }
         var element = document.querySelector(selector);
         if (element && newClass) {
             element.classList.remove(newClass);
@@ -124,12 +137,14 @@ exports.FunClass = {
 };
 exports.FunAdd = {
     append: function (selector, child) {
+        if (selector === void 0) { selector = ''; }
         var element = document.querySelector(selector);
         if (element && child) {
             element.append(child);
         }
     },
     prepend: function (selector, child) {
+        if (selector === void 0) { selector = ""; }
         var element = document.querySelector(selector);
         if (element && child) {
             element.prepend(child);
@@ -203,33 +218,41 @@ exports.FunRequest = {
 };
 exports.FunQuery = {
     query: function (data, fields) {
+        if (fields === void 0) { fields = {}; }
         return new Promise(function (resolve, reject) {
-            if (Array.isArray(data)) {
-                resolve(data.filter(function (item) { return applyFilter(item, fields); }));
+            // Validate input
+            if (typeof fields !== 'object' || fields === null) {
+                return reject('Invalid filter criteria. Expected an object.');
             }
-            else if (typeof data === 'object') {
-                var filteredData = {};
-                for (var key in data) {
-                    if (applyFilter(data[key], fields)) {
-                        filteredData[key] = data[key];
+            var applyFilter = function (item, filters) {
+                for (var key in filters) {
+                    if (item[key] !== filters[key]) {
+                        return false;
                     }
                 }
-                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.');
+                return true;
+            };
+            try {
+                if (Array.isArray(data)) {
+                    var result = data.filter(function (item) { return applyFilter(item, fields); });
+                    resolve(result);
                 }
-                for (var key in fields) {
-                    if (item[key] !== fields[key]) {
-                        return false;
+                else if (typeof data === 'object' && data !== null) {
+                    var filteredObject = {};
+                    for (var key in data) {
+                        if (applyFilter(data[key], fields)) {
+                            filteredObject[key] = data[key];
+                        }
                     }
+                    resolve(filteredObject);
                 }
-                return true;
+                else {
+                    reject('Invalid data type. Expected an array or object.');
+                }
+            }
+            catch (error) {
+                reject(error);
             }
         });
-    },
+    }
 };

package/js/Fun.tsx

@@ -1,17 +1,17 @@
 export const FunHide = {
-  hide: (selector?: string) => {
+  hide: (selector = "") => {
       var element: HTMLElement | null = document.querySelector(selector);
       if (element) {
           element.style.display = "none";
       }
   },
-  show: (selector?: string) => {
+  show: (selector = "") => {
       var element: HTMLElement | null = document.querySelector(selector);
       if (element) {
           element.style.display = "inline-block";
       }
   },
-  toggle: (selector?: string) => {
+  toggle: (selector = "") => {
       var element: HTMLElement | null = document.querySelector(selector);
       if (element) {
           var style = element.style.display;
@@ -20,19 +20,19 @@ export const FunHide = {
   }
 };
 export const FunVisible = {
-    hide: (selector?: string) => {
+    hide: (selector = "") => {
         var element: HTMLElement | null = document.querySelector(selector);
         if (element) {
             element.style.visibility = "hidden";
         }
     },
-    show: (selector?: string) => {
+    show: (selector = "") => {
         var element: HTMLElement | null = document.querySelector(selector);
         if (element) {
             element.style.visibility = "visible";
         }
     },
-    toggle: (selector?: string) => {
+    toggle: (selector = "") => {
         var element: HTMLElement | null = document.querySelector(selector);
         if (element) {
             var style = element.style.visibility;
@@ -41,7 +41,7 @@ export const FunVisible = {
     }
   };
 export const FunGet = {
-  text: (selector?: string, data?: string) => {
+  text: (selector = "", data?: string) => {
       var element: HTMLElement | null = document.querySelector(selector);
       if (element) {
           var text = element.textContent;
@@ -52,7 +52,7 @@ export const FunGet = {
           }
       }
   },
-  html: (selector?: string, data?: string) => {
+  html: (selector = "", data?: string) => {
       var element: HTMLElement | null = document.querySelector(selector);
       if (element) {
           var text = element.innerHTML;
@@ -63,7 +63,7 @@ export const FunGet = {
           }
       }
   },
-  val: (selector?: string, data?: string) => {
+  val: (selector = "", data?: string) => {
       var element: HTMLInputElement | null = document.querySelector(selector);
  if (element) {
   var text = element.value;
@@ -78,7 +78,7 @@ export const FunGet = {
 };
 
 export const FunStyle = {
-  css: (selector?: string, css?: {}) => {
+  css: (selector = "", css?: {}) => {
       const element: HTMLElement | null = document.querySelector(selector);
       if (element) {
           Object.assign(element.style, css);
@@ -88,7 +88,7 @@ export const FunStyle = {
 
 
 export const FunEvent = {
-  event: (selector?: string, eventType?: string, callBack?: EventListenerOrEventListenerObject | null) => {
+  event: (selector = "", eventType?: string, callBack?: EventListenerOrEventListenerObject | null) => {
       const element = document.querySelector(selector);
       if (element && eventType && callBack) {
           element.addEventListener(eventType, callBack);
@@ -97,13 +97,13 @@ export const FunEvent = {
 };
 
 export const FunClass = {
-  add: (selector?: string, newClass?: string) => {
+  add: (selector = "", newClass?: string) => {
       const element = document.querySelector(selector);
       if (element && newClass) {
           element.classList.add(newClass);
       }
   },
-  remove: (selector?: string, newClass?: string) => {
+  remove: (selector = "", newClass?: string) => {
       const element = document.querySelector(selector);
       if (element && newClass) {
           element.classList.remove(newClass);
@@ -112,13 +112,13 @@ export const FunClass = {
 };
 
 export const FunAdd = {
-  append: (selector?: string, child?: Node | null) => {
+  append: (selector = '', child?: Node | null) => {
       const element = document.querySelector(selector);
       if (element && child) {
           element.append(child);
       }
   },
-  prepend: (selector?: string, child?: Node | null) => {
+  prepend: (selector = "", child?: Node | null) => {
       const element = document.querySelector(selector);
       if (element && child) {
           element.prepend(child);
@@ -192,36 +192,48 @@ export const FunRequest = {
   },
 };
 
-export const FunQuery = {
-  query: (data: any, 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.');
-          }
+interface QueryFields {
+  [key: string]: any;
+}
 
-          function applyFilter(item: any, fields: {}) {
-              if (typeof fields !== 'object') {
-                  reject('Invalid filter criteria. Expected an object.');
-              }
+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.');
+      }
 
-              for (let key in fields) {
-                  if (item[key] !== fields[key]) {
-                      return false;
-                  }
-              }
+      const applyFilter = (item: any, filters: QueryFields) => {
+        for (let key in filters) {
+          if (item[key] !== filters[key]) {
+            return false;
+          }
+        }
+        return true;
+      };
 
-              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/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "2.6.20",
+  "version": "2.7.0",
   "name": "funuicss",
   "description": "React and Next.js component UI Library for creating Easy and good looking websites with fewer lines of code. Elevate your web development experience with our cutting-edge React/Next.js component UI Library. Craft stunning websites effortlessly, boasting both seamless functionality and aesthetic appeal—all achieved with minimal lines of code. Unleash the power of simplicity and style in your projects!",
   "main": "index.js",

package/tsconfig.json

@@ -15,6 +15,6 @@
     "incremental": true,
     "composite": true
   },
-  "include": ["ui/**/*", "types/**/*", "next-env.d.ts" , "index.tsx" , "utils/**/*" , "hooks/**/*" ],
+  "include": ["ui/**/*", "types/**/*", "next-env.d.ts" , "index.tsx" , "utils/**/*" , "hooks/**/*"  ,  "js/**/*" ],
   "exclude": ["node_modules"]
 }