@doyosi/laraisy 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Alper ER
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,62 @@
+# @doyosi/laraisy
+
+Missing Laravel / Tailwind v4.1 & Daisy UI 5.1.14 Javascript Plugins for interactive UI components.
+
+## Installation
+
+```bash
+npm install @doyosi/laraisy
+```
+
+Or clone the repository:
+
+```bash
+git clone https://github.com/Doyosi/Laraisy.git
+```
+
+## Usage
+
+Import the components you need:
+
+```javascript
+import { DSForm, DSAvatar, DSAlert } from '@doyosi/laraisy';
+
+// Initialize DSForm
+const form = new DSForm({
+    form: '#my-form',
+    onSuccess: (response) => {
+        console.log('Success!', response);
+    }
+});
+
+// Use DSAlert
+DSAlert.fire('Hello World!', 'This is a success message', 'success');
+```
+
+## Components
+
+- **[DSAlert](docs/DSAlertUsage.md)**: SweetAlert2-like toast and modal system.
+- **[DSAvatar](docs/DSAvatarUsage.md)**: Avatar file upload with preview and reset. (See code for usage)
+- **[DSForm](docs/DSFormUsage.md)**: Robust AJAX form handler with validation display.
+- **[DSDelete](docs/DSDeleteUsage.md)**: Deletion confirmation and handling.
+- **[DSSelect](docs/DSSelectUsage.md)**: Advanced select/dropdown component.
+- **[DSSelectBox](docs/DSSelectBoxUsage.md)**: Dual-list selector for transferring items.
+- **[DSNotifications](docs/DSNotificationsUsage.md)**: Notification drawer management.
+- **[DSUpload](docs/DSUploadUsage.md)**: File uploader with drag-and-drop. (Docs pending)
+- **[DSGridOrTable](docs/DSGridOrTableUsage.md)**: flexible data display (Table/Grid).
+- **[DSTable](docs/DSTableUsage.md)**: Data tables with sorting, filtering, and pagination.
+- **[DSTabs](docs/DSTabsUsage.md)**: Tab switching management.
+- **[DSRestore](docs/DSRestoreUsage.md)**: Restore actions handling.
+- **[DSSimpleSlider](docs/DSSimpleSliderUsage.md)**: Carousel/Slider component.
+- **[CodeInput](docs/CodeInputUsage.md)**: Multi-input verification code handler.
+- **[DSLogout](docs/DSLogoutUsage.md)**: Secure AJAX logout handler.
+- **[DSSvgFetch](docs/DSSvgFetchUsage.md)**: Inline SVG injector.
+
+## Dependencies
+
+- **tippy.js** (Optional/Peer): Used by `DSAvatar` for tooltips. Ensure `window.tippy` is available or install `tippy.js`.
+- **axios** (Optional/Peer): Used for AJAX requests. Falls back to `fetch` if not available.
+
+## License
+
+MIT

package/dist/CodeInput.d.ts

@@ -0,0 +1,10 @@
+export default class CodeInput {
+    constructor(selector: any, hiddenName: any);
+    inputs: Element[];
+    hidden: Element;
+    _bindEvents(): void;
+    _onInput(e: any, idx: any): void;
+    _onKeyDown(e: any, idx: any): void;
+    _onPaste(e: any, idx: any): void;
+    _updateHidden(): void;
+}

package/dist/DSAlert.d.ts

@@ -0,0 +1,112 @@
+/**
+ * DSAlert (Class-based)
+ * A lightweight, native JavaScript alert/toast system using Tailwind CSS.
+ * API designed to mimic SweetAlert2 for easy migration.
+ *
+ * Usage:
+ * import { DSAlert } from './DSAlert.js';
+ * DSAlert.fire({ title: 'Hello', icon: 'success' });
+ * // OR shorthand
+ * DSAlert.fire('Deleted!', 'Your file has been deleted.', 'success');
+ */
+export class DSAlert {
+    /**
+     * Default Icons - Can be overridden by modifying DSAlert.icons
+     */
+    static icons: {
+        success: string;
+        error: string;
+        warning: string;
+        info: string;
+        question: string;
+    };
+    /**
+     * Default defaults
+     */
+    static defaults: {
+        title: string;
+        text: string;
+        html: string;
+        icon: string;
+        toast: boolean;
+        position: string;
+        timer: number;
+        timerProgressBar: boolean;
+        showConfirmButton: boolean;
+        showCancelButton: boolean;
+        showCloseButton: boolean;
+        allowOutsideClick: boolean;
+        allowEscapeKey: boolean;
+        confirmButtonText: string;
+        cancelButtonText: string;
+        confirmButtonColor: string;
+        cancelButtonColor: string;
+        buttonsAlign: string;
+        backdrop: boolean;
+    };
+    /**
+     * Static helper to fire the alert immediately
+     * @param  {...any} args - Options object OR (title, text, icon)
+     * @returns {Promise}
+     */
+    static fire(...args: any[]): Promise<any>;
+    constructor(...args: any[]);
+    config: {
+        title: string;
+        text: any;
+        icon: any;
+        html: string;
+        toast: boolean;
+        position: string;
+        timer: number;
+        timerProgressBar: boolean;
+        showConfirmButton: boolean;
+        showCancelButton: boolean;
+        showCloseButton: boolean;
+        allowOutsideClick: boolean;
+        allowEscapeKey: boolean;
+        confirmButtonText: string;
+        cancelButtonText: string;
+        confirmButtonColor: string;
+        cancelButtonColor: string;
+        buttonsAlign: string;
+        backdrop: boolean;
+    };
+    domElement: HTMLDivElement;
+    container: Element;
+    /**
+     * Triggers the alert/toast
+     * @returns {Promise}
+     */
+    fire(): Promise<any>;
+    /**
+     * Parse constructor arguments to support shorthand (Title, Text, Icon)
+     */
+    _parseArgs(args: any): {
+        title: string;
+        text: any;
+        icon: any;
+        html: string;
+        toast: boolean;
+        position: string;
+        timer: number;
+        timerProgressBar: boolean;
+        showConfirmButton: boolean;
+        showCancelButton: boolean;
+        showCloseButton: boolean;
+        allowOutsideClick: boolean;
+        allowEscapeKey: boolean;
+        confirmButtonText: string;
+        cancelButtonText: string;
+        confirmButtonColor: string;
+        cancelButtonColor: string;
+        buttonsAlign: string;
+        backdrop: boolean;
+    };
+    _initToast(resolve: any): void;
+    _closeToast(resolve: any): void;
+    _ensureToastContainer(): Element;
+    _getToastPositionClass(pos: any): "top-0 left-0 items-start" | "top-0 left-1/2 -translate-x-1/2 items-center" | "top-0 right-0 items-end" | "top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 items-center justify-center" | "bottom-0 left-0 items-start flex-col-reverse" | "bottom-0 left-1/2 -translate-x-1/2 items-center flex-col-reverse" | "bottom-0 right-0 items-end flex-col-reverse";
+    _initModal(resolve: any): void;
+    _getIconColorName(iconType: any): any;
+}

package/dist/DSAvatar.d.ts

@@ -0,0 +1,45 @@
+/**
+ * DSAvatar
+ *
+ * Handles avatar file uploads and resets via AJAX.
+ * - Integrates with DSAlert for notifications.
+ * - Manages loading states and UI updates.
+ * - Uses Laravel-style CSRF protection.
+ */
+export class DSAvatar {
+    /**
+     * @param {string|HTMLElement} selector - The .avatar-uploader wrapper
+     * @param {Object} config - Configuration overrides
+     */
+    constructor(selector: string | HTMLElement, config?: any);
+    wrapper: Element;
+    cfg: any;
+    img: Element;
+    input: Element;
+    loadingOverlay: Element;
+    triggerBtn: Element;
+    removeBtn: Element;
+    uploadUrl: any;
+    removeUrl: any;
+    inputName: any;
+    _backupSrc: any;
+    initTooltips(): void;
+    bind(): void;
+    /**
+     * Upload Process
+     */
+    _handleFileSelect(e: any): Promise<void>;
+    /**
+     * Remove/Reset Process
+     */
+    _handleRemove(): Promise<void>;
+    /**
+     * Shared Request Logic (mirrors DSForm)
+     */
+    _sendRequest(url: any, method: any, body: any): Promise<{
+        response: Response;
+        data: {};
+    }>;
+    _toggleLoading(show: any): void;
+    _toast(message: any, type?: string): void;
+}

package/dist/DSDelete.d.ts

@@ -0,0 +1,61 @@
+/**
+ * DSDelete
+ *
+ * A plugin to handle delete actions with confirmation dialogs and AJAX requests.
+ * Integrates with DSAlert for UI.
+ */
+export class DSDelete {
+    static defaults: {
+        selector: string;
+        method: string;
+        ajaxFunction: string;
+        title: string;
+        text: string;
+        icon: string;
+        confirmButtonText: string;
+        cancelButtonText: string;
+        confirmButtonColor: string;
+        successTitle: string;
+        successText: string;
+        successIcon: string;
+        errorTitle: string;
+        errorText: string;
+        errorIcon: string;
+        onSuccess: any;
+        onError: any;
+        onDelete: any;
+    };
+    /**
+     * Static method for programmatic delete confirmation
+     * Usage: DSDelete.confirm({ url, title, text, successMessage, onSuccess })
+     */
+    static confirm(options?: {}): Promise<any>;
+    constructor(options?: {});
+    config: {
+        selector: string;
+        method: string;
+        ajaxFunction: string;
+        title: string;
+        text: string;
+        icon: string;
+        confirmButtonText: string;
+        cancelButtonText: string;
+        confirmButtonColor: string;
+        successTitle: string;
+        successText: string;
+        successIcon: string;
+        errorTitle: string;
+        errorText: string;
+        errorIcon: string;
+        onSuccess: any;
+        onError: any;
+        onDelete: any;
+    };
+    _init(): void;
+    _handleDelete(element: any): Promise<void>;
+    _performDelete(url: any, id: any, element: any): Promise<void>;
+    _handleSuccess(response: any, element: any): Promise<void>;
+    _handleError(error: any, element: any): void;
+    _emit(event: any, detail?: {}): void;
+}
+export default DSDelete;

package/dist/DSForm.d.ts

@@ -0,0 +1,151 @@
+export class DSForm {
+    static _defaults: {
+        translations: {
+            loading: string;
+            networkError: string;
+            unknownError: string;
+            success: string;
+            error: string;
+        };
+    };
+    /**
+     * @param {Object} config - Configuration object.
+     * @param {HTMLFormElement|string} config.form - Form element or selector.
+     * @param {string} [config.url] - Submit URL (defaults to form.action or current url).
+     * @param {'post'|'put'} [config.method] - HTTP method.
+     * @param {Array<string|HTMLElement>} [config.triggers] - External triggers (selectors/elements).
+     * @param {'fetch'|'axios'|'xhr'} [config.requestLib] - Preferred request lib; gracefully falls back.
+     * @param {Object} [config.headers] - Extra headers.
+     * @param {Object|Function} [config.additionalData] - Extra data merged before submit.
+     * @param {Array<string>} [config.disableSelectors] - Extra selectors to disable during submit.
+     * @param {Array<string>} [config.excludeEnableSelectors] - Keep these disabled after complete.
+     * @param {string} [config.primaryButtonSelector='button[type="submit"]'] - For default loading target.
+     * @param {(Function|string)} [config.loadingTemplate] - Function/Selector/Raw HTML for loading state.
+     * @param {Object} [config.translations] - i18n map for user texts.
+     * @param {Object} [config.toast] - Toast options { enabled, position, timer, timerProgressBar }.
+     * @param {boolean} [config.autoRedirect=true] - Follow payload.redirect if present.
+     * @param {boolean} [config.disableOnSuccess=false] - Keep all controls disabled if the request succeeds.
+     * @param {Function} [config.onBeforeSubmit]
+     * @param {Function} [config.onSubmit]
+     * @param {Function} [config.onSuccess]
+     * @param {Function} [config.onError]
+     * @param {Function} [config.onComplete]
+     * @param {string} [config.successTitle] - Title for success toast (overrides payload.message).
+     * @param {string} [config.errorTitle] - Title for error toast (overrides payload.message).
+     */
+    constructor(config?: {
+        form: HTMLFormElement | string;
+        url?: string;
+        method?: "post" | "put";
+        triggers?: Array<string | HTMLElement>;
+        requestLib?: "fetch" | "axios" | "xhr";
+        headers?: any;
+        additionalData?: any | Function;
+        disableSelectors?: Array<string>;
+        excludeEnableSelectors?: Array<string>;
+        primaryButtonSelector?: string;
+        loadingTemplate?: (Function | string);
+        translations?: any;
+        toast?: any;
+        autoRedirect?: boolean;
+        disableOnSuccess?: boolean;
+        onBeforeSubmit?: Function;
+        onSubmit?: Function;
+        onSuccess?: Function;
+        onError?: Function;
+        onComplete?: Function;
+        successTitle?: string;
+        errorTitle?: string;
+    });
+    cfg: {
+        form: HTMLFormElement | string;
+        url?: string;
+        method?: "post" | "put";
+        triggers?: Array<string | HTMLElement>;
+        requestLib: string;
+        headers?: any;
+        additionalData?: any | Function;
+        disableSelectors?: Array<string>;
+        excludeEnableSelectors?: Array<string>;
+        primaryButtonSelector: string;
+        loadingTemplate?: (Function | string);
+        translations: any;
+        toast: any;
+        autoRedirect: boolean;
+        disableOnSuccess: boolean;
+        onBeforeSubmit?: Function;
+        onSubmit?: Function;
+        onSuccess?: Function;
+        onError?: Function;
+        onComplete?: Function;
+        successTitle: any;
+        errorTitle: any;
+    };
+    form: Element;
+    url: string;
+    method: string;
+    triggers: Element[];
+    _activeTrigger: HTMLElement;
+    _disabledEls: Set<any>;
+    _listeners: {};
+    _onFormSubmit(e: any): Promise<void>;
+    _onExternalTrigger(e: any): void;
+    /** Attach listeners to form and external triggers */
+    bind(): this;
+    /** Detach listeners */
+    unbind(): this;
+    /** Emitter: subscribe to internal events (and mirrored DOM CustomEvents) */
+    on(event: any, handler: any): this;
+    /** Emitter: unsubscribe */
+    off(event: any, handler: any): this;
+    /** Programmatically submit (optional). Runs native validation via requestSubmit if supported. */
+    submit({ trigger }?: {
+        trigger?: any;
+    }): void;
+    /** Public helper to merge extra data into request payload creation pipeline */
+    addData(extra?: {}): void;
+    _buildBody(): {
+        body: FormData;
+        isFormData: boolean;
+        jsonSnapshot: any;
+    } | {
+        body: string;
+        isFormData: boolean;
+        jsonSnapshot: {};
+    };
+    _appendToFormData(fd: any, key: any, val: any): void;
+    _ensureArrayKey(key: any): any;
+    _formDataToJSON(fd: any): {};
+    _assignDeep(obj: any, path: any, value: any): void;
+    _parsePath(path: any): string[];
+    _buildHeaders(isFormData: any): any;
+    _sendRequest({ body, headers, signal, isFormData }: {
+        body: any;
+        headers: any;
+        signal: any;
+        isFormData: any;
+    }): Promise<{
+        response: any;
+        data: any;
+    }>;
+    _xhr({ url, method, headers, body, isFormData, signal }: {
+        url: any;
+        method: any;
+        headers: any;
+        body: any;
+        isFormData: any;
+        signal: any;
+    }): Promise<any>;
+    _disableAll(loadingText: any): void;
+    _enableAll(): void;
+    _isButtonLike(el: any): boolean;
+    _resolveTemplate(tpl: any, text: any): any;
+    _resetErrors(): void;
+    _renderErrors(payload: any): void;
+    _showErrorForKey(key: any, text: any): void;
+    _renderGeneralError(msg: any): void;
+    _emit(event: any, detail?: {}): void;
+    _t(key: any): any;
+    /** Toast helper using DSAlert */
+    _toast(message: any, type?: string): void;
+}

package/dist/DSGridOrTable/DSGOTRenderer.d.ts

@@ -0,0 +1,60 @@
+/**
+ * DSGOTRenderer
+ *
+ * Handles rendering for both grid and table layouts.
+ * Supports function, HTML template, and response-based templates.
+ */
+export class DSGOTRenderer {
+    constructor(instance: any);
+    instance: any;
+    config: any;
+    /**
+     * Main render method - routes to appropriate renderer based on current view
+     */
+    render(): void;
+    /**
+     * Render data as table rows
+     */
+    _renderTable(data: any): void;
+    /**
+     * Render data as grid cards
+     */
+    _renderGrid(data: any): void;
+    /**
+     * Get HTML content based on template configuration
+     * @param {Object} row - Row data
+     * @param {number} index - Row index
+     * @param {Object} templateConfig - Template configuration object
+     * @returns {string} HTML string
+     */
+    _getTemplateHtml(row: any, index: number, templateConfig: any): string;
+    /**
+     * Render a template string with {{placeholder}} syntax
+     */
+    _renderTemplateString(template: any, data: any): any;
+    /**
+     * Get nested value from object using dot notation
+     */
+    _getNestedValue(obj: any, path: any): any;
+    /**
+     * Show empty state
+     */
+    showEmpty(): void;
+    /**
+     * Show error state
+     */
+    showError(message: any): void;
+    /**
+     * Show skeleton loading state
+     */
+    showSkeleton(): void;
+    /**
+     * Show grid skeleton
+     */
+    _showGridSkeleton(): void;
+    /**
+     * Show table skeleton
+     */
+    _showTableSkeleton(): void;
+}
+export default DSGOTRenderer;

package/dist/DSGridOrTable/DSGOTViewToggle.d.ts

@@ -0,0 +1,26 @@
+/**
+ * DSGOTViewToggle
+ *
+ * Handles the view toggle button for gridable mode.
+ * Allows users to switch between grid and table views.
+ */
+export class DSGOTViewToggle {
+    constructor(instance: any);
+    instance: any;
+    config: any;
+    container: any;
+    _init(): void;
+    /**
+     * Create toggle buttons if not found in DOM
+     */
+    _createToggle(): void;
+    /**
+     * Bind click events to toggle buttons
+     */
+    _bindEvents(): void;
+    /**
+     * Update toggle button states
+     */
+    update(): void;
+}
+export default DSGOTViewToggle;