@zuzjs/ui 0.10.6 → 0.10.7

package/dist/cjs/funs/index.js

@@ -1,546 +0,0 @@
-import Hashids from "hashids";
-import md5 from "md5";
-import moment from "moment";
-import { nanoid } from "nanoid";
-import { Children, cloneElement, isValidElement } from "react";
-import { SORT } from "../types/enums.js";
-import { colorNames } from "./colors.js";
-import CSS from "./css.js";
-import { cssProps } from "./stylesheet.js";
-let __css;
-export const __SALT = `zuzjs-ui`;
-export const FIELNAME_KEY = `__FILENAME__`;
-export const LINE_KEY = `__LINE__`;
-export const withGlobals = () => {
-    Object.prototype.isTypeof = function (v) { return typeof this === typeof v; };
-    Object.prototype.equals = function (v) { return this === v; };
-    Object.prototype.isNull = function () { return this === null; };
-    Object.prototype.isString = function () { return typeof this == `string`; };
-    Object.prototype.isNumber = function () { return /^[+-]?\d+(\.\d+)?$/.test(this); };
-    Object.prototype.isObject = function () { return typeof this == `object` && !Array.isArray(this) && this !== null; };
-    Object.prototype.isArray = function () { return Array.isArray(this); };
-    Object.prototype.isEmpty = function () {
-        if (Array.isArray(this))
-            return this.length === 0;
-        else if (`object` === typeof this)
-            return Object.keys(this).length == 0;
-        else
-            return this == "" || this.length == 0;
-    };
-    Object.prototype.isUrl = function () {
-        return /^(https?:\/\/)?(www\.)?([a-zA-Z0-9-]+\.)+[a-zA-Z]{2,}(\/[^\s]*)?$/.test(this);
-    };
-    Object.prototype.toLowerCase = function () {
-        if (typeof this === "string") {
-            return (String.prototype.toLocaleLowerCase || String.prototype.toLowerCase)(this);
-        }
-        return String(this).toLocaleLowerCase();
-    };
-    // Color validation methods on String prototype
-    String.prototype.isHexColor = function () {
-        return hexColorRegex.test(this);
-    };
-    String.prototype.isRgbaColor = function () {
-        return rgbaColorRegex.test(this);
-    };
-    String.prototype.isHslColor = function () {
-        return hslColorRegex.test(this);
-    };
-    String.prototype.isColor = function () {
-        return colorNames.includes(this) || this.isHexColor() || this.isRgbaColor() || this.isHslColor();
-    };
-    String.prototype.ucfirst = function () {
-        return `${this.charAt(0).toUpperCase()}${this.substring(1, this.length)}`;
-    };
-    String.prototype.toHMS = function () {
-        const tm = this;
-        if (tm.match(/^[+-]?\d+(\.\d+)?$/)) {
-            return `${String(Math.floor((+tm) / 3600)).padStart(2, `0`)}:${String(Math.floor((+tm) % 3600 / 60)).padStart(2, `0`)}:${String((+tm) % 60).padStart(2, `0`)}`;
-        }
-        return `00:00`;
-    };
-};
-moment.updateLocale('en', {
-    relativeTime: {
-        future: 'in %s',
-        past: '%s',
-        s: 'Just now', // "a few seconds" → "now"
-        ss: '%ds ago', // "seconds" → "s"
-        m: '1m ago', // "a minute" → "1m"
-        mm: '%dm ago', // "minutes" → "m"
-        h: '1h ago', // "an hour" → "1h"
-        hh: '%dh ago', // "hours" → "h"
-        d: '1d ago', // "a day" → "1d"
-        dd: '%dd ago', // "days" → "d"
-        M: '1mo ago', // "a month" → "1mo"
-        MM: '%dmo ago', // "months" → "mo"
-        y: '1y ago', // "a year" → "1y"
-        yy: '%dy ago' // "years" → "y"
-    }
-});
-export const isBrowser = typeof document !== "undefined";
-export const is = (o, v) => typeof o === v;
-export const isTypeOf = (o, v) => typeof o === typeof v;
-/**
- * Check if 2 objects have the same keys and values, including nested objects.
- * @param obj1
- * @param obj2
- * @returns @boolean
- */
-export const compare = (obj1, obj2) => {
-    if (typeof obj1 !== 'object' || typeof obj2 !== 'object' || obj1 === null || obj2 === null) {
-        return obj1 === obj2;
-    }
-    const keys1 = Object.keys(obj1);
-    const keys2 = Object.keys(obj2);
-    if (keys1.length !== keys2.length) {
-        return false;
-    }
-    for (let key of keys1) {
-        if (!keys2.includes(key) || !compare(obj1[key], obj2[key])) {
-            return false;
-        }
-    }
-    return true;
-};
-export const equals = (o, v) => o === v;
-export const isNull = (o) => o === null;
-export const isString = (o) => typeof o == `string`;
-export const isNumber = (o) => /^[+-]?\d+(\.\d+)?$/.test(o);
-export const isObject = (o) => typeof o == `object` && !Array.isArray(o) && o !== null;
-export const isArray = (o) => Array.isArray(o);
-export const isEmpty = (o) => {
-    if (Array.isArray(o))
-        return o.length === 0;
-    else if (`object` === typeof o)
-        return Object.keys(o).length == 0;
-    else
-        return o == "" || o.length == 0;
-};
-export const toHMS = (tm) => {
-    if (String(tm).match(/^[+-]?\d+(\.\d+)?$/)) {
-        return `${String(Math.floor((+tm) / 3600)).padStart(2, `0`)}:${String(Math.floor((+tm) % 3600 / 60)).padStart(2, `0`)}:${String((+tm) % 60).padStart(2, `0`)}`;
-    }
-    return `00:00`;
-};
-export const isEmail = (e) => /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(e);
-export const isUrl = (o) => /^(https?:\/\/)?(www\.)?([a-zA-Z0-9-]+\.)+[a-zA-Z]{2,}(\/[^\s]*)?$/.test(o);
-export const toLowerCase = (o) => (String.prototype.toLocaleLowerCase || String.prototype.toLowerCase)(o);
-export const ucfirst = (o) => `${o.charAt(0).toUpperCase()}${o.substring(1, o.length)}`;
-export const toHash = (n, len = 6, SALT = null) => new Hashids(SALT || __SALT, len).encode(n);
-export const fromHash = (n, SALT = null) => Number(new Hashids(SALT || __SALT).decode(n));
-export const css = () => __css ? __css : __css = new CSS();
-export const withCSS = (cx) => css().Build([[`string` == typeof cx ? cx : cx.join(` `)]]).cx.join(` `);
-export const uuid = (len) => nanoid(len);
-export const MD5 = (str) => md5(str);
-export const numberInRange = (min, max) => {
-    return Math.floor(Math.random() * (max - min + 1)) + min;
-};
-export const getCSSVariable = (el, name) => {
-    return getComputedStyle(el).getPropertyValue(`--${name}`);
-};
-// Hex color regex (#RGB, #RRGGBB)
-export const hexColorRegex = /^#([A-Fa-f0-9]{3}){1,2}$/;
-// RGBA color regex (rgba(255, 255, 255, 1))
-export const rgbaColorRegex = /^rgba?\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*(,\s*((0|1|0?\.\d+)\s*))?\)$/;
-// HSL color regex (hsl(360, 100%, 100%))
-export const hslColorRegex = /^hsl\(\s*(\d{1,3})\s*,\s*(\d{1,3})%\s*,\s*(\d{1,3})%\s*\)$/;
-export const isHexColor = (color) => hexColorRegex.test(color);
-export const isRgbaColor = (color) => rgbaColorRegex.test(color);
-export const isHslColor = (color) => hslColorRegex.test(color);
-// Function to validate a color string
-export const isColor = (color) => colorNames.includes(color) || isHexColor(color) || isRgbaColor(color) || isHslColor(color);
-export const hexToRgba = (hex, alpha = 1) => {
-    // Remove the hash symbol if present
-    hex = hex.replace(/^#/, '');
-    // If shorthand hex (#RGB), expand it to full form (#RRGGBB)
-    if (hex.length === 3) {
-        hex = hex.split('').map(char => char + char).join('');
-    }
-    // Convert to integer values for RGB
-    const bigint = parseInt(hex, 16);
-    const r = (bigint >> 16) & 255;
-    const g = (bigint >> 8) & 255;
-    const b = bigint & 255;
-    return `rgba(${r}, ${g}, ${b}, ${alpha})`;
-};
-export const cleanProps = (props, withProps = []) => {
-    let _extras = [`as`, `editor`, ...withProps];
-    let _props = { ...props };
-    Object.keys(_props).map(k => {
-        if (k in cssProps) {
-            delete _props[k];
-        }
-    });
-    if (`skeleton` in _extras && _extras.skeleton.enabled == true) {
-        delete _props[`children`];
-    }
-    _extras.map(x => x in _props && delete _props[x]);
-    return _props;
-};
-export const withZuz = (cx) => css().Build([[`string` == typeof cx ? cx : cx.join(` `)]]).cx.join(` `);
-export const setDeep = (object, path, value, seperator = `.`) => {
-    const _path = path.split(seperator);
-    const base = _path[0];
-    if (base === undefined) {
-        return object;
-    }
-    if (!object.hasOwnProperty(base)) {
-        object[base] = {};
-    }
-    // Determine if there is still layers to traverse
-    value = _path.length <= 1 ? value : setDeep(object[base], _path.slice(1).join(seperator), value, seperator);
-    return {
-        ...object,
-        [base]: value,
-    };
-};
-export const removeDuplicatesFromArray = (array) => {
-    return array.reduce((accumulator, currentValue) => {
-        if (!accumulator.includes(currentValue)) {
-            accumulator.push(currentValue);
-        }
-        return accumulator;
-    }, []);
-};
-export const withTime = (fun) => {
-    const start = new Date().getTime();
-    const result = fun();
-    const end = new Date().getTime();
-    return {
-        result,
-        executionTime: end - start
-    };
-};
-export const time = (stamp, format) => {
-    return stamp ?
-        moment.unix(+stamp / 1000).format(format || `YYYY-MM-DD HH:mm:ss`)
-        : moment().format(format || `YYYY-MM-DD HH:mm:ss`);
-};
-export const timeSince = (stamp) => moment(stamp).fromNow();
-export const arrayRand = (arr) => arr[Math.floor(Math.random() * arr.length)];
-export const formatNumber = ({ number, locale = 'en-US', style = `decimal`, decimal = 2, currency }) => {
-    if (style === 'currency' && !currency) {
-        throw new TypeError('Currency code is required with currency style.');
-    }
-    if (currency) {
-        const { code, style: currencyStyle, symbol } = currency;
-        const out = new Intl.NumberFormat(locale, {
-            style: `currency`,
-            currency: code,
-            currencyDisplay: currencyStyle,
-            minimumFractionDigits: +number % 1 > 0 ? decimal : 0,
-            maximumFractionDigits: +number % 1 > 0 ? decimal : 0
-        }).format(+number);
-        return symbol ? out.replace(new RegExp(`\\${code}`, 'g'), symbol) : out;
-    }
-    return new Intl.NumberFormat(locale, {
-        style,
-        minimumFractionDigits: +number % 1 > 0 ? 2 : 0,
-        maximumFractionDigits: +number % 1 > 0 ? 2 : 0
-    }).format(+number);
-};
-export const formatSize = (bytes) => {
-    const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB'];
-    const _bytes = `string` == typeof bytes ? parseFloat(bytes) : bytes;
-    if (_bytes == 0)
-        return '0 Byte';
-    const _i = Math.floor(Math.log(_bytes) / Math.log(1024));
-    const i = `string` == typeof _i ? parseInt(_i) : _i;
-    const nx = _bytes / Math.pow(1024, i);
-    return nx.toFixed(2) + ' ' + sizes[i];
-};
-export const copyToClipboard = (text) => {
-    if (navigator.clipboard && navigator.clipboard.writeText) {
-        return navigator.clipboard.writeText(text);
-    }
-    else {
-        return new Promise((resolve, reject) => {
-            const textarea = document.createElement("textarea");
-            textarea.value = text;
-            textarea.style.position = "fixed"; // Prevent scrolling to bottom of page in MS Edge.
-            document.body.appendChild(textarea);
-            textarea.focus();
-            textarea.select();
-            try {
-                document.execCommand("copy");
-                resolve(`Copied to clipboard`);
-            }
-            catch (err) {
-                // console.error("Fallback: Oops, unable to copy", err);
-                reject(err);
-            }
-            document.body.removeChild(textarea);
-        });
-    }
-};
-export const natsort = (options = {
-    direction: SORT.Asc,
-    caseSensitive: false,
-}) => {
-    const ore = /^0/;
-    const sre = /\s+/g;
-    const tre = /^\s+|\s+$/g;
-    // unicode
-    const ure = /[^\x00-\x80]/;
-    // hex
-    const hre = /^0x[0-9a-f]+$/i;
-    // numeric
-    const nre = /(0x[\da-fA-F]+|(^[\+\-]?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?(?=\D|\s|$))|\d+)/g;
-    // datetime
-    const dre = /(^([\w ]+,?[\w ]+)?[\w ]+,?[\w ]+\d+:\d+(:\d+)?[\w ]?|^\d{1,4}[\/\-]\d{1,4}[\/\-]\d{1,4}|^\w+, \w+ \d+, \d{4})/; // tslint:disable-line
-    const GREATER = options.direction == SORT.Desc ? -1 : 1;
-    const SMALLER = -GREATER;
-    const _normalize = !options.caseSensitive
-        ? (s) => s.toString().toLowerCase().replace(tre, '')
-        : (s) => (`${s}`).replace(tre, '');
-    const _tokenize = (s) => {
-        return s.replace(nre, '\0$1\0')
-            .replace(/\0$/, '')
-            .replace(/^\0/, '')
-            .split('\0');
-    };
-    const _parse = (s, l) => {
-        return (!s.match(ore) || l === 1) &&
-            parseFloat(s)
-            || s.replace(sre, ' ').replace(tre, '')
-            || 0;
-    };
-    return function (a, b) {
-        const aa = _normalize(a);
-        const bb = _normalize(b);
-        if (!aa && !bb) {
-            return 0;
-        }
-        if (!aa && bb) {
-            return SMALLER;
-        }
-        if (aa && !bb) {
-            return GREATER;
-        }
-        const aArr = _tokenize(aa);
-        const bArr = _tokenize(bb);
-        // hex or date detection
-        const aHex = aa.match(hre);
-        const bHex = bb.match(hre);
-        const av = (aHex && bHex) ? parseInt(aHex[0], 16) : (aArr.length !== 1 && Date.parse(aa));
-        const bv = (aHex && bHex)
-            ? parseInt(bHex[0], 16)
-            : av && bb.match(dre) && Date.parse(bb) || null;
-        // try and sort Hex codes or Dates
-        if (bv) {
-            if (av === bv) {
-                return 0;
-            }
-            if (typeof av === 'number' && typeof bv === 'number' && av < bv) {
-                return SMALLER;
-            }
-            if (typeof av === 'number' && av > bv) {
-                return GREATER;
-            }
-        }
-        const al = aArr.length;
-        const bl = bArr.length;
-        // handle numeric strings and default strings
-        for (let i = 0, l = Math.max(al, bl); i < l; i += 1) {
-            const af = _parse(aArr[i] || '', al);
-            const bf = _parse(bArr[i] || '', bl);
-            if (isNaN(af) !== isNaN(bf)) {
-                return isNaN(af) ? GREATER : SMALLER;
-            }
-            if (ure.test(af + bf) && af.localeCompare) {
-                const comp = af.localeCompare(bf);
-                if (comp > 0) {
-                    return GREATER;
-                }
-                if (comp < 0) {
-                    return SMALLER;
-                }
-                if (i === l - 1) {
-                    return 0;
-                }
-            }
-            if (af < bf) {
-                return SMALLER;
-            }
-            if (af > bf) {
-                return GREATER;
-            }
-            if (`${af}` < `${bf}`) {
-                return SMALLER;
-            }
-            if (`${af}` > `${bf}`) {
-                return GREATER;
-            }
-        }
-        return 0;
-    };
-};
-export const bindKey = (key, fun, element) => {
-    const handleKeydown = (event) => {
-        if (key === event.keyCode) {
-            fun();
-        }
-    };
-    (element || document.documentElement).addEventListener('keydown', handleKeydown);
-};
-export const camelCase = (str, ucf = false) => {
-    return str
-        .toLowerCase()
-        .split(/[^a-zA-Z0-9]+/) // Split by any non-alphanumeric character
-        .map((word, index) => index === 0
-        ? ucf ? ucfirst(word) : word
-        : ucfirst(word))
-        .join('');
-};
-export const camelCaseToDash = (str) => str.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();
-export const pluralize = (word, count) => `${word}${count !== 1 ? 's' : ''}`;
-export const addPropsToChildren = (children, conditions, getProps) => {
-    let i = 0;
-    return Children.map(children, (child) => {
-        if (isValidElement(child)) {
-            const element = child;
-            const newChild = conditions(element)
-                ? cloneElement(element, getProps(i++, element))
-                : element;
-            if (element.props.children) {
-                return cloneElement(newChild, {
-                    children: addPropsToChildren(element.props.children, conditions, getProps)
-                });
-            }
-            return newChild;
-        }
-        return child;
-    });
-};
-export const getPositionAroundElement = (x, y, distance, childCount) => {
-    const positions = [];
-    const angle = 360 / childCount;
-    for (let i = 0; i < childCount; i++) {
-        const radian = (angle * i * Math.PI) / 180;
-        positions.push({
-            x: x + distance * Math.cos(radian),
-            y: y + distance * Math.sin(radian)
-        });
-    }
-    return positions;
-};
-export const clamp = (value, min, max) => {
-    return Math.min(Math.max(value, min), max);
-};
-export function mergeRefs(...refs) {
-    return (value) => {
-        refs.forEach(ref => {
-            if (typeof ref === 'function') {
-                ref(value);
-            }
-            else if (ref != null) {
-                ref.current = value;
-            }
-        });
-    };
-}
-export const slugify = (text, separator = "-") => {
-    if (undefined == text) {
-        console.log(text, `is undefined`);
-        return ``;
-    }
-    return text
-        .normalize("NFKD") // Normalize accents (e.g., é → e)
-        .replace(/[\u0300-\u036f]/g, "") // Remove diacritic marks
-        .toLowerCase()
-        .replace(/[^a-z0-9\p{L}\p{N}]+/gu, separator) // Keep letters/numbers from all languages
-        .replace(new RegExp(`\\${separator}{2,}`, "g"), separator) // Remove duplicate separators
-        .replace(new RegExp(`^\\${separator}|\\${separator}$`, "g"), ""); // Trim separators from ends
-};
-export const truncate = (selector, lines = 2) => {
-    const elements = document.querySelectorAll(selector);
-    elements.forEach((el) => {
-        const lineHeight = parseFloat(window.getComputedStyle(el).lineHeight);
-        const maxHeight = lineHeight * lines;
-        while (el.scrollHeight > maxHeight) {
-            el.textContent = el.textContent?.trim().slice(0, -1) + '…';
-        }
-    });
-};
-export const checkPasswordStrength = (password) => {
-    const suggestions = [];
-    let score = 0;
-    if (password.length >= 8) {
-        score++;
-    }
-    else {
-        suggestions.push("Use at least 8 characters");
-    }
-    if (/[a-z]/.test(password)) {
-        score++;
-    }
-    else {
-        suggestions.push("Add lowercase letters");
-    }
-    if (/[A-Z]/.test(password)) {
-        score++;
-    }
-    else {
-        suggestions.push("Add uppercase letters");
-    }
-    if (/\d/.test(password)) {
-        score++;
-    }
-    else {
-        suggestions.push("Include numbers");
-    }
-    if (/[^A-Za-z0-9]/.test(password)) {
-        score++;
-    }
-    else {
-        suggestions.push("Add special characters (e.g. !, @, #)");
-    }
-    return {
-        score,
-        result: score <= 2 ? "Weak" : score == 3 ? "Moderate" : score == 4 ? "Strong" : "Excellent",
-        suggestion: suggestions
-    };
-};
-export const getCaretCoordinates = (element, position) => {
-    const div = document.createElement('div');
-    const style = window.getComputedStyle(element);
-    const properties = [
-        'fontFamily', 'fontSize', 'fontWeight', 'letterSpacing',
-        'lineHeight', 'paddingLeft', 'paddingTop', 'borderLeftWidth',
-        'borderTopWidth', 'boxSizing', 'width', 'height', 'overflow'
-    ];
-    // Copy styles to temporary div
-    properties.forEach(prop => {
-        div.style.setProperty(prop, style.getPropertyValue(prop));
-    });
-    div.style.position = 'absolute';
-    div.style.visibility = 'hidden';
-    div.style.whiteSpace = 'pre-wrap';
-    div.style.wordWrap = 'break-word';
-    div.textContent = element.value.substring(0, position);
-    // Append a span to measure caret position
-    const span = document.createElement('span');
-    span.textContent = element.value.substring(position) || ' ';
-    div.appendChild(span);
-    document.body.appendChild(div);
-    // Get coordinates
-    const rect = span.getBoundingClientRect();
-    const textareaRect = element.getBoundingClientRect();
-    const coordinates = {
-        top: rect.top - textareaRect.top + element.scrollTop,
-        left: rect.left - textareaRect.left + element.scrollLeft,
-    };
-    document.body.removeChild(div);
-    return coordinates;
-};
-export const urlBase64ToUint8Array = (base64String) => {
-    const padding = '='.repeat((4 - base64String.length % 4) % 4);
-    const base64 = (base64String + padding).replace(/-/g, '+').replace(/_/g, '/');
-    const rawData = window.atob(base64);
-    const outputArray = new Uint8Array(rawData.length);
-    for (let i = 0; i < rawData.length; ++i) {
-        outputArray[i] = rawData.charCodeAt(i);
-    }
-    return outputArray;
-};

package/dist/cjs/funs/stylesheet.d.ts

@@ -1,9 +0,0 @@
-import { cssShortKeys, dynamicObject } from "../types";
-export declare const cssProps: dynamicObject;
-export declare const cssDirect: dynamicObject;
-export declare const cssPropsWithColor: string[];
-export declare const cssAnimationCurves: dynamicObject;
-export declare const cssAnimationFunctions: dynamicObject;
-export declare const cssTransformKeys: string[];
-export declare const cssFilterKeys: string[];
-export declare const cssWithKeys: cssShortKeys;