@harjs/react-ui 1.0.0

package/dist/libs/infrastructure/shared/Utils.js

@@ -0,0 +1,349 @@
+class Utils {
+    GetClassName = (variant, status, color, border, size, icon, className) => {
+        const classNames = [];
+        if (variant)
+            classNames.push(variant);
+        if (status)
+            classNames.push(status);
+        if (color)
+            classNames.push(color);
+        if (border)
+            classNames.push(`border-radius-${border.radius}`);
+        if (size)
+            classNames.push(size);
+        if (icon && icon.element) {
+            classNames.push("icon");
+            classNames.push(`icon-${icon.position || "start"}`);
+        }
+        if (className)
+            classNames.push(className);
+        return classNames;
+    };
+    GetCookie = (name) => {
+        if (typeof window === "undefined")
+            return null;
+        const value = `; ${document.cookie}`;
+        const parts = value.split(`; ${name}=`);
+        if (parts.length === 2)
+            return parts.pop()?.split(";").shift();
+        return null;
+    };
+    GetOS = () => {
+        const userAgent = navigator.userAgent;
+        // İşletim sistemi bilgilerini tespit etmek için regex kullanıyoruz
+        if (userAgent.indexOf("Win") !== -1)
+            return "Windows";
+        if (userAgent.indexOf("Mac") !== -1)
+            return "MacOS";
+        if (userAgent.indexOf("X11") !== -1)
+            return "UNIX";
+        if (userAgent.indexOf("Linux") !== -1)
+            return "Linux";
+        if (userAgent.indexOf("Android") !== -1)
+            return "Android";
+        if (userAgent.indexOf("like Mac") !== -1)
+            return "iOS";
+        return "Bilinmeyen OS";
+    };
+    GetOSShortCutIcons = () => {
+        switch (this.GetOS()) {
+            case "MacOS":
+                return "⌘";
+            case "Windows":
+                return "ctrl";
+            default:
+                return "";
+        }
+    };
+    GetFileTypeInformation = (mimeType) => {
+        const typeMap = {
+            // Images
+            "image/jpeg": {
+                category: "image",
+                readableType: "JPEG Image",
+                commonExtensions: [".jpg", ".jpeg"],
+                color: "#4CAF50",
+            },
+            "image/png": {
+                category: "image",
+                readableType: "PNG Image",
+                commonExtensions: [".png"],
+                color: "#4CAF50",
+            },
+            "image/gif": {
+                category: "image",
+                readableType: "GIF Image",
+                commonExtensions: [".gif"],
+                color: "#4CAF50",
+            },
+            "image/webp": {
+                category: "image",
+                readableType: "WebP Image",
+                commonExtensions: [".webp"],
+                color: "#4CAF50",
+            },
+            "image/svg+xml": {
+                category: "image",
+                readableType: "SVG Vector Image",
+                commonExtensions: [".svg"],
+                color: "#4CAF50",
+            },
+            "image/bmp": {
+                category: "image",
+                readableType: "Bitmap Image",
+                commonExtensions: [".bmp"],
+                color: "#4CAF50",
+            },
+            "image/tiff": {
+                category: "image",
+                readableType: "TIFF Image",
+                commonExtensions: [".tiff", ".tif"],
+                color: "#4CAF50",
+            },
+            // Documents
+            "application/pdf": {
+                category: "document",
+                readableType: "PDF Document",
+                commonExtensions: [".pdf"],
+                icon: "FileTypePdf",
+                color: "#F44336",
+            },
+            "application/msword": {
+                category: "document",
+                readableType: "Word Document (Legacy)",
+                commonExtensions: [".doc"],
+                icon: "FileTypeDoc",
+                color: "#2196F3",
+            },
+            "application/vnd.openxmlformats-officedocument.wordprocessingml.document": {
+                category: "document",
+                readableType: "Word Document",
+                commonExtensions: [".docx"],
+                icon: "FileTypeDocx",
+                color: "#2196F3",
+            },
+            // Spreadsheets
+            "application/vnd.ms-excel": {
+                category: "spreadsheet",
+                readableType: "Excel Spreadsheet (Legacy)",
+                commonExtensions: [".xls"],
+                icon: "FileTypeXls",
+                color: "#4CAF50",
+            },
+            "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": {
+                category: "spreadsheet",
+                readableType: "Excel Spreadsheet",
+                commonExtensions: [".xlsx"],
+                icon: "FileTypeXlsx",
+                color: "#4CAF50",
+            },
+            "text/csv": {
+                category: "spreadsheet",
+                readableType: "CSV File",
+                commonExtensions: [".csv"],
+                icon: "FileTypeCsv",
+                color: "#FF9800",
+            },
+            // Presentations
+            "application/vnd.openxmlformats-officedocument.presentationml.presentation": {
+                category: "presentation",
+                readableType: "PowerPoint Presentation",
+                commonExtensions: [".pptx"],
+                icon: "FileTypePptx",
+                color: "#FF5722",
+            },
+            // Archives
+            "application/zip": {
+                category: "archive",
+                readableType: "ZIP Archive",
+                commonExtensions: [".zip"],
+                icon: "FileTypeZip",
+                color: "#795548",
+            },
+            "application/x-rar-compressed": {
+                category: "archive",
+                readableType: "RAR Archive",
+                commonExtensions: [".rar"],
+                icon: "FileTypeZip",
+                color: "#795548",
+            },
+            "application/x-7z-compressed": {
+                category: "archive",
+                readableType: "7-Zip Archive",
+                commonExtensions: [".7z"],
+                icon: "FileTypeZip",
+                color: "#795548",
+            },
+            "application/gzip": {
+                category: "archive",
+                readableType: "GZIP Archive",
+                commonExtensions: [".gz"],
+                icon: "FileTypeZip",
+                color: "#795548",
+            },
+            // Text & Code
+            "text/plain": {
+                category: "text",
+                readableType: "Text File",
+                commonExtensions: [".txt"],
+                icon: "FileTypeTxt",
+                color: "#9E9E9E",
+            },
+            "text/html": {
+                category: "text",
+                readableType: "HTML Document",
+                commonExtensions: [".html", ".htm"],
+                icon: "FileTypeHtml",
+                color: "#E91E63",
+            },
+            "application/json": {
+                category: "json",
+                readableType: "JSON File",
+                commonExtensions: [".json"],
+                icon: "FileTypeJson",
+                color: "#FFC107",
+            },
+            "application/xml": {
+                category: "xml",
+                readableType: "XML File",
+                commonExtensions: [".xml"],
+                icon: "FileTypeXml",
+                color: "#FFC107",
+            },
+            // Video
+            "video/mp4": {
+                category: "video",
+                readableType: "MP4 Video",
+                commonExtensions: [".mp4"],
+                icon: "CameraReels",
+                color: "#673AB7",
+            },
+            "video/quicktime": {
+                category: "video",
+                readableType: "QuickTime Video",
+                commonExtensions: [".mov"],
+                icon: "CameraReels",
+                color: "#673AB7",
+            },
+            "video/x-msvideo": {
+                category: "video",
+                readableType: "AVI Video",
+                commonExtensions: [".avi"],
+                icon: "CameraReels",
+                color: "#673AB7",
+            },
+            "video/x-matroska": {
+                category: "video",
+                readableType: "MKV Video",
+                commonExtensions: [".mkv"],
+                icon: "CameraReels",
+                color: "#673AB7",
+            },
+            "video/webm": {
+                category: "video",
+                readableType: "WebM Video",
+                commonExtensions: [".webm"],
+                icon: "CameraReels",
+                color: "#673AB7",
+            },
+            "video/x-flv": {
+                category: "video",
+                readableType: "FLV Video",
+                commonExtensions: [".flv"],
+                icon: "CameraReels",
+                color: "#673AB7",
+            },
+            // Audio
+            "audio/mpeg": {
+                category: "audio",
+                readableType: "MP3 Audio",
+                commonExtensions: [".mp3"],
+                icon: "CameraReels",
+                color: "#3F51B5",
+            },
+            "audio/wav": {
+                category: "audio",
+                readableType: "WAV Audio",
+                commonExtensions: [".wav"],
+                icon: "CameraReels",
+                color: "#3F51B5",
+            },
+            "audio/ogg": {
+                category: "audio",
+                readableType: "OGG Audio",
+                commonExtensions: [".ogg"],
+                icon: "CameraReels",
+                color: "#3F51B5",
+            },
+            "audio/aac": {
+                category: "audio",
+                readableType: "AAC Audio",
+                commonExtensions: [".aac"],
+                icon: "CameraReels",
+                color: "#3F51B5",
+            },
+            "audio/flac": {
+                category: "audio",
+                readableType: "FLAC Audio",
+                commonExtensions: [".flac"],
+                icon: "CameraReels",
+                color: "#3F51B5",
+            },
+            // Binary/Other
+            "application/octet-stream": {
+                category: "binary",
+                readableType: "Binary File",
+                commonExtensions: [],
+                icon: "FileEarmark-Fill",
+                color: "#607D8B",
+            },
+        };
+        return (typeMap[mimeType] || {
+            category: "other",
+            readableType: "Unknown File Type",
+            commonExtensions: [],
+            icon: "FileEarmark-Fill",
+            color: "#9E9E9E",
+        });
+    };
+    StringFormat = (value, ...args) => {
+        if (!args || args.length === 0)
+            return value;
+        return value.replace(/{(\d+)}/g, (match, number) => {
+            const index = parseInt(number, 10);
+            return typeof args[index] !== "undefined" ? args[index] : match;
+        });
+    };
+    IsNullOrEmpty = (value) => {
+        if (value === null || value === undefined)
+            return true;
+        if (typeof value === "string" && value.trim() === "")
+            return true;
+        if (typeof value === "object" && value !== null && Object.keys(value).length === 0)
+            return true;
+        if (Array.isArray(value) && value.length === 0)
+            return true;
+        return false;
+    };
+    DeepEqual = (obj1, obj2) => {
+        if (Object.is(obj1, obj2))
+            return true; // Aynı referanssa true döndür
+        if (typeof obj1 !== "object" || typeof obj2 !== "object" || obj1 === null || obj2 === null) {
+            return false; // Eğer biri obje değilse ve eşit değilse false
+        }
+        const keys1 = Object.keys(obj1);
+        const keys2 = Object.keys(obj2);
+        if (keys1.length !== keys2.length)
+            return false; // Farklı uzunlukta anahtar varsa false
+        return keys1.every((key) => this.DeepEqual(obj1[key], obj2[key])); // Rekürsif karşılaştırma
+    };
+    RandomCharacterGenerator = (length) => {
+        const characters = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789";
+        let sonuc = "";
+        for (let i = 0; i < length; i++) {
+            sonuc += characters[Math.floor(Math.random() * characters.length)];
+        }
+        return sonuc;
+    };
+}
+export default new Utils();

package/dist/libs/infrastructure/shared/_old_DATE.d.ts

@@ -0,0 +1,28 @@
+declare class _DATE {
+    /**
+     * YYYY-MM-DD
+     *
+     * @param date
+     * @returns
+     */
+    YMD: (date: Date) => string;
+    /**
+     * DD-MM-YYYY
+     *
+     * @param date
+     * @returns
+     */
+    DMY: (date: Date) => string;
+    /**
+     * 30 Mayıs 2021
+     *
+     * @param date
+     * @param locale
+     * @returns
+     */
+    Verbose: (date: Date, locale?: string, UTC?: boolean) => string;
+    WithTime: (date: Date, locale?: string, UTC?: boolean) => string;
+    private GetLocaleFromLanguage;
+}
+declare const _default: _DATE;
+export default _default;

package/dist/libs/infrastructure/shared/_old_DATE.js

@@ -0,0 +1,68 @@
+class _DATE {
+    /**
+     * YYYY-MM-DD
+     *
+     * @param date
+     * @returns
+     */
+    YMD = (date) => {
+        const year = date.getFullYear();
+        const month = String(date.getMonth() + 1).padStart(2, "0");
+        const day = String(date.getDate()).padStart(2, "0");
+        return `${year}-${month}-${day}`;
+    };
+    /**
+     * DD-MM-YYYY
+     *
+     * @param date
+     * @returns
+     */
+    DMY = (date) => {
+        const day = String(date.getDate()).padStart(2, "0");
+        const month = String(date.getMonth() + 1).padStart(2, "0");
+        const year = date.getFullYear();
+        return `${day}-${month}-${year}`;
+    };
+    /**
+     * 30 Mayıs 2021
+     *
+     * @param date
+     * @param locale
+     * @returns
+     */
+    Verbose = (date, locale = "tr", UTC = false) => {
+        return date.toLocaleDateString(this.GetLocaleFromLanguage(locale), {
+            day: "numeric",
+            month: "long",
+            year: "numeric",
+            ...(UTC ? { timeZone: "UTC" } : {}),
+        });
+    };
+    WithTime = (date, locale = "tr", UTC = false) => {
+        return date.toLocaleString(this.GetLocaleFromLanguage(locale), {
+            day: "numeric",
+            month: "long",
+            year: "numeric",
+            hour: "2-digit",
+            minute: "2-digit",
+            ...(UTC ? { timeZone: "UTC" } : {}),
+        });
+    };
+    GetLocaleFromLanguage = (lang) => {
+        const languageToLocaleMap = {
+            tr: "tr-TR",
+            en: "en-US",
+            fr: "fr-FR",
+            de: "de-DE",
+            es: "es-ES",
+            ja: "ja-JP",
+            ru: "ru-RU",
+            zh: "zh-CN",
+            hi: "hi-IN",
+            fa: "fa-IR",
+            ko: "ko-KR",
+        };
+        return languageToLocaleMap[lang] || lang;
+    };
+}
+export default new _DATE();

package/dist/libs/infrastructure/types/IGlobalProps.d.ts

@@ -0,0 +1,183 @@
+import { Border, Color, Icon, Sizes, Status, Variants } from ".";
+export interface IChildrenProps {
+    /**
+     * The content to be rendered inside the component.
+     * Can be a string, a single React element, or multiple elements.
+     *
+     * @example
+     * ```jsx
+     * <Component>Hello, World!</Component>
+     * * <Component>
+     * <span>Hello, World!</span>
+     * </Component>
+     * ```
+     */
+    children?: React.ReactNode;
+}
+export interface IVariantProps<T extends {
+    component?: string;
+} = {}> {
+    /**
+     * Specifies the visual style variant of the component.
+     *
+     * - `filled`: Solid background with contrasting text.
+     * - `outlined`: Transparent background with a solid border.
+     * - `dashed`: Transparent background with a dashed border.
+     * - `text`: Minimalist style with text only (no background or border).
+     *
+     * @example
+     * ```jsx
+     * <Component variant="filled">Hello, World!</Component>
+     * ```
+     */
+    variant?: T["component"] extends "alert" ? Exclude<Variants, "outlined" | "borderless"> : T["component"] extends "card" ? Exclude<Variants, "dashed" | "borderless"> : Variants;
+}
+export interface IStatusProps<T extends {
+    component?: string;
+} = {}> {
+    /**
+     * Determines the semantic status and color scheme of the component.
+     *
+     * @example
+     * ```jsx
+     * <Component status="success">Success Message</Component>
+     * ```
+     */
+    status?: T["component"] extends "alert" ? Exclude<Status, "primary-light" | "secondary" | "information" | "dark" | "light"> : T["component"] extends "card" ? Exclude<Status, "primary-light" | "secondary" | "information" | "dark" | "light"> : Status;
+}
+export interface IColorProps {
+    /**
+     * Sets the theme or specific color of the component.
+     *
+     * @example
+     * ```jsx
+     * <Component color="blue">Hello, World!</Component>
+     * ```
+     */
+    color?: Color;
+}
+export interface IBorderProps {
+    /**
+     * Configures the component's border styles and corner radii.
+     *
+     * - `radius` (optional): Controls the corner rounding behavior.
+     * - `sm`: Small radius.
+     * - `lg`: Large radius.
+     * - `xl`: Extra-large radius.
+     * - `xxl`: Double extra-large radius.
+     * - `pill`: Fully rounded capsule shape.
+     * - `none`: Sharp corners (no radius).
+     *
+     * @example
+     * ```jsx
+     * <Component border={{ radius: "sm" }}>
+     * Content
+     * </Component>
+     * ```
+     */
+    border?: Border;
+}
+export interface IIconProps {
+    /**
+     * Configures an icon element inside the component, including its layout and alignment.
+     *
+     * - `element`: The React JSX node representing the icon.
+     * - `position` (optional): The position of the icon relative to the component text.
+     * - `start`: Placed before the text.
+     * - `end`: Placed after the text.
+     *
+     * @example
+     * ```jsx
+     * <Component
+     * icon={{
+     * element: <MyIcon />,
+     * direction: "row",
+     * position: "start"
+     * }}
+     * >
+     * Click Me!
+     * </Component>
+     * ```
+     */
+    icon?: Icon;
+}
+export interface ISizeProps {
+    /**
+     * Defines the overall scale and sizing of the component.
+     *
+     * - `large`: Scaled-up layout for prominence.
+     * - `normal`: Standard layout size (Default).
+     * - `small`: Compact layout for tight spaces.
+     *
+     * @example
+     * ```jsx
+     * <Component size="large">
+     * Large Layout
+     * </Component>
+     * ```
+     */
+    size?: Sizes;
+}
+export interface IUpperCaseProps {
+    /**
+     * If `true`, transforms all text inside the component to uppercase.
+     *
+     * @default false
+     * @example
+     * ```jsx
+     * <Component upperCase>
+     * this will be uppercase
+     * </Component>
+     * ```
+     */
+    upperCase?: boolean;
+}
+export interface IValidationProps {
+    /**
+     * Manages validation feedback and behavior for the component.
+     *
+     * - `text`: The error or warning message to display.
+     * - `scrollTo` (optional): If `true`, automatically scrolls the window to this component when validation fails.
+     *
+     * @example
+     * ```jsx
+     * <Component
+     * validation={{
+     * text: "This field is required.",
+     * scrollTo: true,
+     * }}
+     * />
+     * ```
+     */
+    validation?: {
+        text: string | undefined;
+        scrollTo?: boolean;
+    };
+}
+export interface IPlaceholderProps {
+    /**
+     * The temporary hint text displayed before a value is entered or selected.
+     *
+     * @example
+     * ```jsx
+     * <Component placeholder="Select an option...">
+     * Content
+     * </Component>
+     * ```
+     */
+    placeholder?: string;
+}
+export interface IDisabledProps {
+    /**
+     * If `true`, disables all user interactions and applies a disabled visual state.
+     *
+     * @default false
+     * @example
+     * ```jsx
+     * <Component disabled>
+     * Disabled Content
+     * </Component>
+     * ```
+     */
+    disabled?: boolean;
+}

package/dist/libs/infrastructure/types/IGlobalProps.js

@@ -0,0 +1 @@
+export {};