@appcorp/stellar-solutions-modules 0.1.53 → 0.1.55

package/components/ui/enhanced-dropzone.js

@@ -1,187 +0,0 @@
-"use client";
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EnhancedDropzone = void 0;
-var react_1 = __importStar(require("react"));
-var react_dropzone_1 = require("react-dropzone");
-var utils_1 = require("../../lib/utils");
-var carousel_1 = require("./carousel");
-var button_1 = require("./button");
-var lucide_react_1 = require("lucide-react");
-var EnhancedDropzone = function (_a) {
-    var id = _a.id, label = _a.label, info = _a.info, error = _a.error, accept = _a.accept, _b = _a.maxFiles, maxFiles = _b === void 0 ? 10 : _b, maxSize = _a.maxSize, minSize = _a.minSize, disabled = _a.disabled, _c = _a.value, value = _c === void 0 ? [] : _c, onChange = _a.onChange, onRemoveRemote = _a.onRemoveRemote, className = _a.className;
-    // Local files selected by user
-    var _d = (0, react_1.useState)([]), localFiles = _d[0], setLocalFiles = _d[1];
-    // Track object URLs created for local files
-    var localPreviewsRef = (0, react_1.useRef)(new Map());
-    // Create object URLs for local files synchronously to avoid loading state
-    var createObjectURLs = (0, react_1.useCallback)(function () {
-        var map = localPreviewsRef.current;
-        // Create URLs for new files
-        localFiles.forEach(function (file) {
-            if (!map.has(file)) {
-                try {
-                    var url = URL.createObjectURL(file);
-                    map.set(file, url);
-                }
-                catch (error) {
-                    console.error("Failed to create object URL:", error);
-                }
-            }
-        });
-        // Clean up URLs for removed files
-        var currentFiles = new Set(localFiles);
-        Array.from(map.entries()).forEach(function (_a) {
-            var file = _a[0], url = _a[1];
-            if (!currentFiles.has(file)) {
-                URL.revokeObjectURL(url);
-                map.delete(file);
-            }
-        });
-    }, [localFiles]);
-    // Run synchronously on every render to avoid "loading" flash
-    createObjectURLs();
-    // Cleanup on unmount
-    (0, react_1.useEffect)(function () {
-        var map = localPreviewsRef.current;
-        return function () {
-            Array.from(map.values()).forEach(function (url) {
-                URL.revokeObjectURL(url);
-            });
-            map.clear();
-        };
-    }, []);
-    var dropzoneOptions = {
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        accept: (Array.isArray(accept) ? undefined : accept) || undefined,
-        maxFiles: maxFiles,
-        maxSize: maxSize,
-        minSize: minSize,
-        disabled: disabled,
-        onDrop: (0, react_1.useCallback)(function (acceptedFiles) {
-            setLocalFiles(function (prev) {
-                var combined = __spreadArray(__spreadArray([], prev, true), acceptedFiles, true);
-                var limited = maxFiles ? combined.slice(0, maxFiles) : combined;
-                onChange === null || onChange === void 0 ? void 0 : onChange(limited);
-                return limited;
-            });
-        }, [maxFiles, onChange]),
-    };
-    var _e = (0, react_dropzone_1.useDropzone)(dropzoneOptions), getRootProps = _e.getRootProps, getInputProps = _e.getInputProps, isDragActive = _e.isDragActive;
-    // Remove remote URL
-    var handleRemoveRemote = (0, react_1.useCallback)(function (url) {
-        onRemoveRemote === null || onRemoveRemote === void 0 ? void 0 : onRemoveRemote(url);
-    }, [onRemoveRemote]);
-    // Remove local file
-    var handleRemoveLocal = (0, react_1.useCallback)(function (index) {
-        setLocalFiles(function (prev) {
-            var updated = prev.filter(function (_, i) { return i !== index; });
-            onChange === null || onChange === void 0 ? void 0 : onChange(updated);
-            return updated;
-        });
-    }, [onChange]);
-    // Get all preview URLs (remote + local)
-    var allPreviews = __spreadArray(__spreadArray([], value.map(function (url) { return ({ type: "remote", url: url, index: 0 }); }), true), localFiles.map(function (file, index) { return ({
-        type: "local",
-        url: localPreviewsRef.current.get(file) || "",
-        index: index,
-    }); }), true);
-    return (react_1.default.createElement("div", { className: (0, utils_1.cn)("w-full", className) },
-        label && (react_1.default.createElement("label", { className: "mb-2 block text-sm font-medium" }, label)),
-        react_1.default.createElement("div", __assign({}, getRootProps(), { className: (0, utils_1.cn)("relative w-full rounded-md border border-dashed p-6 text-center min-h-[280px] flex items-center justify-center", isDragActive && "ring-2 ring-ring ring-offset-2", disabled && "opacity-60 pointer-events-none") }),
-            react_1.default.createElement("input", __assign({}, getInputProps(), { id: id })),
-            allPreviews.length > 0 ? (react_1.default.createElement("div", { className: "flex flex-col items-center w-full" },
-                react_1.default.createElement("div", { className: "relative w-full max-w-md" },
-                    react_1.default.createElement(carousel_1.Carousel, { className: "w-full" },
-                        react_1.default.createElement(carousel_1.CarouselPrevious, { type: "button", onClick: function (e) { return e.stopPropagation(); }, onPointerDown: function (e) { return e.stopPropagation(); }, onMouseDown: function (e) { return e.stopPropagation(); } }),
-                        react_1.default.createElement(carousel_1.CarouselNext, { type: "button", onClick: function (e) { return e.stopPropagation(); }, onPointerDown: function (e) { return e.stopPropagation(); }, onMouseDown: function (e) { return e.stopPropagation(); } }),
-                        react_1.default.createElement(carousel_1.CarouselContent, { className: "ml-0" }, allPreviews.map(function (preview, idx) { return (react_1.default.createElement(carousel_1.CarouselItem, { key: "".concat(preview.type, "-").concat(preview.url, "-").concat(idx), className: "pl-4" },
-                            react_1.default.createElement("div", { className: "relative aspect-square w-full max-w-xs mx-auto" }, preview.url ? (react_1.default.createElement(react_1.default.Fragment, null,
-                                react_1.default.createElement("img", { src: preview.url, alt: "Preview ".concat(idx + 1), className: "h-full w-full rounded-lg object-cover", onClick: function (e) { return e.stopPropagation(); } }),
-                                react_1.default.createElement(button_1.Button, { type: "button", size: "icon", variant: "destructive", onClick: function (e) {
-                                        e.stopPropagation();
-                                        if (preview.type === "remote") {
-                                            handleRemoveRemote(preview.url);
-                                        }
-                                        else {
-                                            handleRemoveLocal(preview.index);
-                                        }
-                                    }, className: "absolute right-2 top-2 h-8 w-8 rounded-full", "aria-label": "Remove image" },
-                                    react_1.default.createElement(lucide_react_1.XIcon, { className: "h-4 w-4" })))) : (react_1.default.createElement("div", { className: "flex h-full w-full items-center justify-center rounded-lg bg-muted text-muted-foreground" },
-                                react_1.default.createElement("span", { className: "text-sm" }, "Loading...")))))); })))),
-                react_1.default.createElement("p", { className: "mt-4 text-sm font-medium text-muted-foreground" },
-                    allPreviews.length,
-                    " image",
-                    allPreviews.length !== 1 ? "s" : "",
-                    " ",
-                    "selected"))) : (react_1.default.createElement("div", { className: "flex flex-col items-center justify-center gap-2" },
-                react_1.default.createElement("div", { className: "flex h-12 w-12 items-center justify-center rounded-lg bg-muted text-muted-foreground" },
-                    react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "lucide lucide-image" },
-                        react_1.default.createElement("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", ry: "2" }),
-                        react_1.default.createElement("circle", { cx: "9", cy: "9", r: "2" }),
-                        react_1.default.createElement("path", { d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21" }))),
-                react_1.default.createElement("div", { className: "space-y-1 text-center" },
-                    react_1.default.createElement("p", { className: "font-medium text-sm" },
-                        "Upload ",
-                        maxFiles === 1 ? "an image" : "images"),
-                    react_1.default.createElement("p", { className: "text-muted-foreground text-xs" }, "Drag and drop or click to browse"),
-                    maxFiles > 1 && (react_1.default.createElement("p", { className: "text-muted-foreground text-xs" },
-                        "Up to ",
-                        maxFiles,
-                        " files")))))),
-        (error || info) && (react_1.default.createElement("div", { className: "mt-2" }, error ? (react_1.default.createElement("p", { className: "text-xs text-destructive" }, error)) : info ? (react_1.default.createElement("p", { className: "text-xs text-blue-600 dark:text-blue-400" }, info)) : null))));
-};
-exports.EnhancedDropzone = EnhancedDropzone;

package/components/ui/enhanced-table-footer-action.d.ts

@@ -1,34 +0,0 @@
-/**
- * Enhanced Table Footer Action Component
- *
- * Navigation buttons for table pagination with RTL/LTR support.
- * Automatically adjusts arrow directions and button order based on locale.
- *
- * Features:
- * - RTL/LTR arrow direction adjustment
- * - Button order reversal for RTL layouts
- * - Accessibility attributes
- * - Internationalized aria labels
- * - Disabled state handling
- * - Loading state support
- */
-import { FC } from "react";
-interface EnhancedTableFooterActionProps {
-    /** Handler for next page navigation */
-    handleNextOnClick: () => void;
-    /** Handler for previous page navigation */
-    handlePreviousOnClick: () => void;
-    /** Whether next button should be disabled */
-    isNextDisabled?: boolean;
-    /** Whether previous button should be disabled */
-    isPreviousDisabled?: boolean;
-    /** Loading state indicator */
-    loading?: boolean;
-    /** Custom aria labels for accessibility */
-    ariaLabels?: {
-        next?: string;
-        previous?: string;
-    };
-}
-export declare const EnhancedTableFooterAction: FC<EnhancedTableFooterActionProps>;
-export {};

package/components/ui/enhanced-table-footer-action.js

@@ -1,117 +0,0 @@
-"use strict";
-/**
- * Enhanced Table Footer Action Component
- *
- * Navigation buttons for table pagination with RTL/LTR support.
- * Automatically adjusts arrow directions and button order based on locale.
- *
- * Features:
- * - RTL/LTR arrow direction adjustment
- * - Button order reversal for RTL layouts
- * - Accessibility attributes
- * - Internationalized aria labels
- * - Disabled state handling
- * - Loading state support
- */
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EnhancedTableFooterAction = void 0;
-var react_1 = __importDefault(require("react"));
-var lucide_react_1 = require("lucide-react");
-var next_intl_1 = require("next-intl");
-var button_1 = require("./button");
-var use_rtl_1 = require("../../hooks/use-rtl");
-var EnhancedTableFooterAction = function (_a) {
-    var handleNextOnClick = _a.handleNextOnClick, handlePreviousOnClick = _a.handlePreviousOnClick, isNextDisabled = _a.isNextDisabled, isPreviousDisabled = _a.isPreviousDisabled, loading = _a.loading, ariaLabels = _a.ariaLabels;
-    var t = (0, next_intl_1.useTranslations)();
-    var isRTL = (0, use_rtl_1.useRTL)();
-    // Get translated aria labels with fallbacks
-    var previousLabel = (ariaLabels === null || ariaLabels === void 0 ? void 0 : ariaLabels.previous) || t("common.previousPage") || "Previous page";
-    var nextLabel = (ariaLabels === null || ariaLabels === void 0 ? void 0 : ariaLabels.next) || t("common.nextPage") || "Next page";
-    // In RTL, arrows should be swapped:
-    // Previous should show → (ChevronRight) as it goes to the right in RTL reading order
-    // Next should show ← (ChevronLeft) as it goes to the left in RTL reading order
-    var PreviousIcon = isRTL ? lucide_react_1.ChevronRight : lucide_react_1.ChevronLeft;
-    var NextIcon = isRTL ? lucide_react_1.ChevronLeft : lucide_react_1.ChevronRight;
-    return (react_1.default.createElement("div", { className: "flex gap-1 ".concat(isRTL ? "flex-row-reverse" : "") },
-        react_1.default.createElement(button_1.Button, { variant: "outline", size: "icon", onClick: handlePreviousOnClick, disabled: isPreviousDisabled || loading, "aria-label": previousLabel, title: previousLabel, className: "".concat(isRTL ? "rotate-180" : "") },
-            react_1.default.createElement(PreviousIcon, { className: "h-4 w-4" })),
-        react_1.default.createElement(button_1.Button, { variant: "outline", size: "icon", onClick: handleNextOnClick, disabled: isNextDisabled || loading, "aria-label": nextLabel, title: nextLabel, className: "".concat(isRTL ? "rotate-180" : "") },
-            react_1.default.createElement(NextIcon, { className: "h-4 w-4" }))));
-};
-exports.EnhancedTableFooterAction = EnhancedTableFooterAction;
-// ============================================================================
-// USAGE EXAMPLES
-// ============================================================================
-/*
-Example 1: Basic usage with automatic i18n and RTL support
-<EnhancedTableFooterAction
-  handlePreviousOnClick={() => setCurrentPage(prev => prev - 1)}
-  handleNextOnClick={() => setCurrentPage(prev => prev + 1)}
-  isPreviousDisabled={currentPage === 1}
-  isNextDisabled={currentPage === totalPages}
-  loading={false}
-/>
-
-Example 2: With custom aria labels
-<EnhancedTableFooterAction
-  handlePreviousOnClick={handlePrevious}
-  handleNextOnClick={handleNext}
-  isPreviousDisabled={isPreviousDisabled}
-  isNextDisabled={isNextDisabled}
-  loading={isLoading}
-  ariaLabels={{
-    previous: "Go to previous page",
-    next: "Go to next page"
-  }}
-/>
-
-Example 3: Loading state
-<EnhancedTableFooterAction
-  handlePreviousOnClick={handlePrevious}
-  handleNextOnClick={handleNext}
-  loading={true}  // Both buttons will be disabled
-/>
-
-RTL Behavior:
-- In LTR languages (English): Previous (←) | Next (→)
-- In RTL languages (Arabic/Urdu): Previous (→) | Next (←)
-- Button order is reversed in RTL: [Next] [Previous]
-- Arrows automatically adjust to reading direction
-*/
-// ============================================================================
-// COMPONENT ENHANCEMENTS SUMMARY
-// ============================================================================
-/*
-Enhancements Applied:
-
-1. **RTL/LTR Layout Support**
-   - Automatic arrow direction adjustment based on locale
-   - Button order reversal for RTL layouts (flex-row-reverse)
-   - Direction-aware icon selection (ChevronLeft/Right swap)
-   - Proper navigation flow for both reading directions
-
-2. **Internationalization (i18n)**
-   - Translation support using next-intl
-   - Fallback aria labels for accessibility
-   - Custom aria label override capability
-   - Tooltip support with title attributes
-
-3. **Accessibility Improvements**
-   - ARIA labels for screen readers
-   - Title attributes for tooltips
-   - Proper button semantics
-   - Keyboard navigation support
-
-4. **Visual Consistency**
-   - Maintains button spacing and alignment
-   - Consistent with existing table footer components
-   - Proper disabled state handling
-   - Loading state support
-
-Translation Keys Added:
-- common.previousPage: "Previous page" / "پچھلا صفحہ"
-- common.nextPage: "Next page" / "اگلا صفحہ"
-*/

package/components/ui/enhanced-table-footer-page.d.ts

@@ -1,32 +0,0 @@
-/**
- * Enhanced Table Footer Page Component
- *
- * Displays pagination information with internationalization and RTL/LTR support.
- * Automatically adapts text direction and order based on locale.
- *
- * Features:
- * - Full i18n support with fallback text
- * - RTL/LTR layout adaptation
- * - Loading state indicator
- * - Accessibility attributes
- * - Custom translation overrides
- */
-import { FC } from "react";
-interface EnhancedTableFooterPageProps {
-    /** Current active page number */
-    currentPage: number;
-    /** Loading state indicator */
-    loading: boolean;
-    /** Total number of pages available */
-    totalPages: number;
-    /** Optional translation map for custom text overrides */
-    translationMap?: {
-        pageLabel?: string;
-        ofLabel?: string;
-        loadingLabel?: string;
-    };
-    /** Optional CSS classes for custom styling */
-    className?: string;
-}
-export declare const EnhancedTableFooterPage: FC<EnhancedTableFooterPageProps>;
-export {};

package/components/ui/enhanced-table-footer-page.js

@@ -1,140 +0,0 @@
-"use strict";
-/**
- * Enhanced Table Footer Page Component
- *
- * Displays pagination information with internationalization and RTL/LTR support.
- * Automatically adapts text direction and order based on locale.
- *
- * Features:
- * - Full i18n support with fallback text
- * - RTL/LTR layout adaptation
- * - Loading state indicator
- * - Accessibility attributes
- * - Custom translation overrides
- */
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EnhancedTableFooterPage = void 0;
-var react_1 = __importDefault(require("react"));
-var next_intl_1 = require("next-intl");
-var use_rtl_1 = require("../../hooks/use-rtl");
-var EnhancedTableFooterPage = function (_a) {
-    var currentPage = _a.currentPage, loading = _a.loading, totalPages = _a.totalPages, translationMap = _a.translationMap, _b = _a.className, className = _b === void 0 ? "" : _b;
-    var t = (0, next_intl_1.useTranslations)();
-    var isRTL = (0, use_rtl_1.useRTL)();
-    // Get translated text with fallbacks
-    var pageLabel = (translationMap === null || translationMap === void 0 ? void 0 : translationMap.pageLabel) || t("common.page") || "Page";
-    var ofLabel = (translationMap === null || translationMap === void 0 ? void 0 : translationMap.ofLabel) || t("common.of") || "of";
-    var loadingLabel = (translationMap === null || translationMap === void 0 ? void 0 : translationMap.loadingLabel) || t("common.loading") || "Loading";
-    return (react_1.default.createElement("div", { className: "flex items-center gap-2 ".concat(isRTL ? "rtl" : "ltr", " ").concat(className), dir: isRTL ? "rtl" : "ltr", role: "status", "aria-live": "polite", "aria-label": "".concat(pageLabel, " ").concat(currentPage, " ").concat(ofLabel, " ").concat(totalPages) },
-        react_1.default.createElement("span", { className: "text-sm text-muted-foreground" }, isRTL ? (
-        // RTL layout: Numbers read right-to-left but maintain logical order
-        react_1.default.createElement("span", { className: "inline-flex items-center gap-1" },
-            react_1.default.createElement("span", null, totalPages),
-            react_1.default.createElement("span", null, ofLabel),
-            react_1.default.createElement("span", null, currentPage),
-            react_1.default.createElement("span", null, pageLabel))) : (
-        // LTR layout: "Page currentPage of totalPages"
-        react_1.default.createElement("span", { className: "inline-flex items-center gap-1" },
-            react_1.default.createElement("span", null, pageLabel),
-            react_1.default.createElement("span", null, currentPage),
-            react_1.default.createElement("span", null, ofLabel),
-            react_1.default.createElement("span", null, totalPages)))),
-        loading && (react_1.default.createElement("div", { className: "flex items-center gap-2 ".concat(isRTL ? "order-first" : "order-last"), "aria-label": loadingLabel },
-            react_1.default.createElement("div", { className: "w-4 h-4 border-2 border-primary border-t-transparent rounded-full animate-spin", role: "progressbar", "aria-label": loadingLabel })))));
-};
-exports.EnhancedTableFooterPage = EnhancedTableFooterPage;
-// ============================================================================
-// USAGE EXAMPLES
-// ============================================================================
-/*
-Example 1: Basic usage with automatic i18n
-<EnhancedTableFooterPage
-  currentPage={2}
-  totalPages={10}
-  loading={false}
-/>
-
-Example 2: With custom translations
-<EnhancedTableFooterPage
-  currentPage={1}
-  totalPages={5}
-  loading={true}
-  translationMap={{
-    pageLabel: "صفحہ",  // Urdu for "Page"
-    ofLabel: "کا",      // Urdu for "of"
-    loadingLabel: "لوڈ ہو رہا ہے"  // Urdu for "Loading"
-  }}
-/>
-
-Example 3: With custom styling
-<EnhancedTableFooterPage
-  currentPage={3}
-  totalPages={7}
-  loading={false}
-  className="bg-gray-50 p-2 rounded-md"
-/>
-
-Translation Keys (Already Added to messages files):
-English (en.json):
-{
-  "common": {
-    "page": "Page",
-    "of": "of",
-    "loading": "Loading"
-  }
-}
-
-Urdu (ur.json):
-{
-  "common": {
-    "page": "صفحہ",
-    "of": "کا",
-    "loading": "لوڈ ہو رہا ہے"
-  }
-}
-
-RTL Layout Features:
-- Automatic text direction detection and application
-- Proper order of page information in RTL languages
-- RTL-aware loading indicator positioning
-- Accessibility attributes for screen readers
-- Direction-specific CSS classes and DOM attributes
-*/
-// ============================================================================
-// COMPONENT ENHANCEMENTS SUMMARY
-// ============================================================================
-/*
-Enhancements Applied:
-
-1. **Internationalization (i18n)**
-   - Full translation support using next-intl
-   - Fallback text for missing translations
-   - Custom translation override capability
-
-2. **RTL/LTR Layout Support**
-   - Automatic layout detection using useRTL hook
-   - Proper text ordering for RTL languages
-   - Direction-aware CSS classes and attributes
-   - RTL-appropriate visual element positioning
-
-3. **Accessibility Improvements**
-   - ARIA labels for screen readers
-   - Role attributes for semantic meaning
-   - Live region announcements for dynamic content
-   - Proper labeling of interactive elements
-
-4. **Developer Experience**
-   - Comprehensive JSDoc documentation
-   - Usage examples and patterns
-   - TypeScript interface improvements
-   - Flexible customization options
-
-5. **Code Quality**
-   - Clean, readable component structure
-   - Consistent naming conventions
-   - Performance-optimized rendering
-   - Maintainable and extensible design
-*/

package/components/ui/enhanced-table-footer-pagination.d.ts

@@ -1,36 +0,0 @@
-/**
- * Enhanced Table Footer Pagination Component
- *
- * Displays rows per page selector with internationalization and RTL/LTR support.
- * Automatically adapts text direction and layout based on locale.
- *
- * Features:
- * - Full i18n support with fallback text
- * - RTL/LTR layout adaptation
- * - Loading state handling
- * - Accessibility attributes
- * - Custom translation overrides
- * - Responsive design
- */
-import { FC } from "react";
-import { PageLimitOption } from "./enhanced-table";
-interface EnhancedTableFooterPageProps {
-    /** Handler for page limit selection changes */
-    handleOnSelect: (node: string, value: object) => void;
-    /** Array of page limit options to display */
-    listOptions: PageLimitOption[];
-    /** Loading state indicator */
-    loading: boolean;
-    /** Node key for the select handler */
-    nodeSelectKey?: string;
-    /** Current page limit value */
-    pageLimit: number;
-    /** Total number of pages (unused but kept for compatibility) */
-    totalPages: number;
-    /** Optional translation override for the label text */
-    labelText?: string;
-    /** Optional CSS classes for custom styling */
-    className?: string;
-}
-export declare const EnhancedTableFooterPagination: FC<EnhancedTableFooterPageProps>;
-export {};

package/components/ui/enhanced-table-footer-pagination.js

@@ -1,122 +0,0 @@
-"use strict";
-/**
- * Enhanced Table Footer Pagination Component
- *
- * Displays rows per page selector with internationalization and RTL/LTR support.
- * Automatically adapts text direction and layout based on locale.
- *
- * Features:
- * - Full i18n support with fallback text
- * - RTL/LTR layout adaptation
- * - Loading state handling
- * - Accessibility attributes
- * - Custom translation overrides
- * - Responsive design
- */
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EnhancedTableFooterPagination = void 0;
-var select_1 = require("./select");
-var react_1 = __importDefault(require("react"));
-var next_intl_1 = require("next-intl");
-var use_rtl_1 = require("../../hooks/use-rtl");
-var EnhancedTableFooterPagination = function (_a) {
-    var handleOnSelect = _a.handleOnSelect, listOptions = _a.listOptions, loading = _a.loading, nodeSelectKey = _a.nodeSelectKey, pageLimit = _a.pageLimit, labelText = _a.labelText, _b = _a.className, className = _b === void 0 ? "" : _b;
-    var t = (0, next_intl_1.useTranslations)();
-    var isRTL = (0, use_rtl_1.useRTL)();
-    // Get translated label text with fallback
-    var rowsPerPageLabel = labelText || t("common.rowsPerPage") || "Rows per page:";
-    return (react_1.default.createElement("div", { className: "flex items-center gap-2 ".concat(className), dir: isRTL ? "rtl" : "ltr" },
-        react_1.default.createElement("label", { htmlFor: "page-limit-select-".concat(nodeSelectKey), className: "text-sm text-muted-foreground whitespace-nowrap" }, rowsPerPageLabel),
-        react_1.default.createElement(select_1.Select, { value: String(pageLimit), onValueChange: function (value) {
-                return handleOnSelect(nodeSelectKey, { option: value });
-            }, disabled: loading },
-            react_1.default.createElement(select_1.SelectTrigger, { id: "page-limit-select-".concat(nodeSelectKey), className: "w-20", "aria-label": "".concat(rowsPerPageLabel, " ").concat(pageLimit) },
-                react_1.default.createElement(select_1.SelectValue, null)),
-            react_1.default.createElement(select_1.SelectContent, null, listOptions.map(function (option) { return (react_1.default.createElement(select_1.SelectItem, { key: option.option, value: option.option, "aria-label": "".concat(option.option, " rows per page") }, option.option)); })))));
-};
-exports.EnhancedTableFooterPagination = EnhancedTableFooterPagination;
-// ============================================================================
-// USAGE EXAMPLES
-// ============================================================================
-/*
-Example 1: Basic usage with automatic i18n
-<EnhancedTableFooterPagination
-  handleOnSelect={(key, value) => console.log(key, value)}
-  listOptions={[{ option: "10" }, { option: "25" }, { option: "50" }]}
-  loading={false}
-  nodeSelectKey="pageLimit"
-  pageLimit={10}
-  totalPages={5}
-/>
-
-Example 2: With custom label text
-<EnhancedTableFooterPagination
-  handleOnSelect={handlePageLimitChange}
-  listOptions={pageLimitOptions}
-  loading={isLoading}
-  nodeSelectKey="pageLimit"
-  pageLimit={currentPageLimit}
-  totalPages={totalPages}
-  labelText="Items per page:"
-/>
-
-Example 3: With custom styling and RTL support
-<EnhancedTableFooterPagination
-  handleOnSelect={handlePageLimitChange}
-  listOptions={pageLimitOptions}
-  loading={false}
-  nodeSelectKey="pageLimit"
-  pageLimit={25}
-  totalPages={10}
-  className="bg-gray-50 p-2 rounded-md"
-/>
-
-RTL Layout Features:
-- Automatic text direction detection and application
-- Element order reversal for RTL languages
-- Proper label-select association
-- Accessibility attributes for screen readers
-- Direction-specific CSS classes and DOM attributes
-*/
-// ============================================================================
-// COMPONENT ENHANCEMENTS SUMMARY
-// ============================================================================
-/*
-Enhancements Applied:
-
-1. **Internationalization (i18n)**
-   - Translation support using next-intl
-   - Fallback text for missing translations
-   - Custom label text override capability
-   - Translatable "Rows per page:" label
-
-2. **RTL/LTR Layout Support**
-   - Automatic layout detection using useRTL hook
-   - Element order reversal for RTL languages (flex-row-reverse)
-   - Direction-aware CSS classes and attributes
-   - Proper text direction handling
-
-3. **Accessibility Improvements**
-   - Proper label-select association with htmlFor/id
-   - ARIA labels for screen readers
-   - Descriptive aria-label for select options
-   - Semantic HTML structure with label element
-
-4. **Developer Experience**
-   - Comprehensive JSDoc documentation
-   - Usage examples and patterns
-   - TypeScript interface improvements
-   - Flexible customization options
-
-5. **Code Quality**
-   - Clean, readable component structure
-   - Consistent naming conventions
-   - Performance-optimized rendering
-   - Maintainable and extensible design
-
-Translation Key Required:
-- common.rowsPerPage: "Rows per page:" / "ہر صفحے میں قطاریں:"
-*/