@versini/ui-datagrid 0.3.6 → 0.3.8

package/dist/DataGrid/utilities.d.ts

@@ -1,44 +0,0 @@
-import { type ThemeMode } from "../DataGridConstants/DataGridConstants";
-/**
- * Generates classes for the main DataGrid wrapper and grid. When sticky
- * header/footer is enabled:
- * - Outer wrapper has overflow-hidden
- * - Scrollable area is a separate inner container with dynamic padding
- * - Header/footer use position:absolute to overlay scrollbar
- * - Padding is dynamically set via inline styles based on measured heights
- *
- * When columns prop is provided, the grid uses CSS Grid layout with subgrid
- * support for proper column alignment across all rows.
- *
- */
-export declare const getDataGridClasses: ({ mode, className, wrapperClassName, stickyHeader, stickyFooter, disabled, hasColumns, }: {
-    mode: ThemeMode;
-    className?: string;
-    disabled?: boolean;
-    hasColumns?: boolean;
-    stickyFooter?: boolean;
-    stickyHeader?: boolean;
-    wrapperClassName?: string;
-}) => {
-    overlay: string;
-    inner: string;
-    spinnerWrapper: string;
-    spinner: string;
-    /**
-     * Outer wrapper - overflow-hidden when sticky, like Panel's outerWrapper.
-     * Uses flex layout when sticky to allow scrollableContent to respect
-     * max-height.
-     */
-    wrapper: string;
-    /**
-     * Scrollable content area for absolute-positioned header/footer. Padding is
-     * applied via inline styles based on measured header/footer heights,
-     * eliminating the need for hard-coded values that break when styles change.
-     */
-    scrollableContent: string;
-    /**
-     * When columns are provided, use CSS Grid so rows can use subgrid for
-     * consistent column alignment. Otherwise, use flexbox.
-     */
-    grid: string;
-};

package/dist/DataGrid/utilities.js

@@ -1,92 +0,0 @@
-/*!
-  @versini/ui-datagrid v0.3.6
-  © 2026 gizmette.com
-*/
-
-import clsx from "clsx";
-
-;// CONCATENATED MODULE: external "clsx"
-
-;// CONCATENATED MODULE: ./src/DataGrid/utilities.ts
-
-/**
- * Generates classes for the loading spinner.
- */ const getSpinnerClasses = ({ mode })=>{
-    return clsx("size-8", "align-[-0.125em]", "border-4", "inline-block animate-spin rounded-full border-solid border-current border-r-transparent motion-reduce:animate-[spin_1.5s_linear_infinite]", {
-        "text-copy-dark": mode === "light",
-        "text-copy-light": mode === "dark",
-        "text-copy-dark dark:text-copy-light": mode === "alt-system",
-        "text-copy-light dark:text-copy-dark": mode === "system"
-    });
-};
-/**
- * Generates classes for the loading overlay.
- */ const getOverlayClasses = ({ mode })=>{
-    return {
-        inner: "relative",
-        overlay: clsx("absolute inset-0 z-20 cursor-not-allowed", "backdrop-blur-xs bg-white/30 dark:bg-black/30"),
-        spinnerWrapper: clsx("absolute z-30 top-0 left-0 right-0 h-[min(100%,100vh)]", "flex items-center justify-center", "pointer-events-none"),
-        spinner: getSpinnerClasses({
-            mode
-        })
-    };
-};
-/**
- * Generates classes for the main DataGrid wrapper and grid. When sticky
- * header/footer is enabled:
- * - Outer wrapper has overflow-hidden
- * - Scrollable area is a separate inner container with dynamic padding
- * - Header/footer use position:absolute to overlay scrollbar
- * - Padding is dynamically set via inline styles based on measured heights
- *
- * When columns prop is provided, the grid uses CSS Grid layout with subgrid
- * support for proper column alignment across all rows.
- *
- */ const getDataGridClasses = ({ mode, className, wrapperClassName, stickyHeader, stickyFooter, disabled, hasColumns })=>{
-    const overlayClasses = disabled ? getOverlayClasses({
-        mode
-    }) : null;
-    const hasSticky = stickyHeader || stickyFooter;
-    return {
-        overlay: overlayClasses?.overlay ?? "",
-        inner: overlayClasses?.inner ?? "",
-        spinnerWrapper: overlayClasses?.spinnerWrapper ?? "",
-        spinner: overlayClasses?.spinner ?? "",
-        /**
-		 * Outer wrapper - overflow-hidden when sticky, like Panel's outerWrapper.
-		 * Uses flex layout when sticky to allow scrollableContent to respect
-		 * max-height.
-		 */ wrapper: clsx("not-prose relative w-full rounded-lg shadow-md", {
-            "overflow-x-auto": !hasSticky && !disabled,
-            "overflow-hidden flex flex-col": hasSticky || disabled,
-            "bg-surface-darker": mode === "dark" || mode === "system",
-            "bg-surface-light": mode === "light" || mode === "alt-system",
-            "dark:bg-surface-light": mode === "system",
-            "dark:bg-surface-darker": mode === "alt-system",
-            "text-copy-light": mode === "dark",
-            "text-copy-dark": mode === "light",
-            "text-copy-light dark:text-copy-dark": mode === "system",
-            "text-copy-dark dark:text-copy-light": mode === "alt-system"
-        }, wrapperClassName),
-        /**
-		 * Scrollable content area for absolute-positioned header/footer. Padding is
-		 * applied via inline styles based on measured header/footer heights,
-		 * eliminating the need for hard-coded values that break when styles change.
-		 */ scrollableContent: clsx(/**
-			 * flex-1 + min-h-0 allows this to shrink within flex parent and enable
-			 * scrolling. min-h-0 overrides the default min-height:auto that prevents
-			 * flex items from shrinking.
-			 */ "overflow-y-auto overflow-x-hidden rounded-[inherit] flex-1 min-h-0"),
-        /**
-		 * When columns are provided, use CSS Grid so rows can use subgrid for
-		 * consistent column alignment. Otherwise, use flexbox.
-		 */ grid: clsx("my-0 w-full text-left text-sm", hasColumns ? "grid" : "flex flex-col", className, {
-            "text-copy-light": mode === "dark",
-            "text-copy-dark": mode === "light",
-            "text-copy-light dark:text-copy-dark": mode === "system",
-            "text-copy-dark dark:text-copy-light": mode === "alt-system"
-        })
-    };
-};
-
-export { getDataGridClasses };

package/dist/common/utilities.d.ts

@@ -1,15 +0,0 @@
-import { type BlurEffect, type ThemeMode } from "../DataGridConstants/DataGridConstants";
-export declare const getHeaderFooterBackgroundClasses: ({ mode, hasBlur, sticky, }: {
-    mode: ThemeMode;
-    hasBlur: boolean;
-    sticky: boolean;
-}) => string;
-export declare const getHeaderFooterCopyClasses: ({ mode }: {
-    mode: ThemeMode;
-}) => string;
-/**
- * Common classes for sticky header/footer with optional blur effect.
- */
-export declare const getStickyBlurClasses: ({ blurEffect, }: {
-    blurEffect?: BlurEffect;
-}) => string;

package/dist/common/utilities.js

@@ -1,48 +0,0 @@
-/*!
-  @versini/ui-datagrid v0.3.6
-  © 2026 gizmette.com
-*/
-
-import clsx from "clsx";
-import { BlurEffects } from "../DataGridConstants/DataGridConstants.js";
-
-;// CONCATENATED MODULE: external "clsx"
-
-;// CONCATENATED MODULE: external "../DataGridConstants/DataGridConstants.js"
-
-;// CONCATENATED MODULE: ./src/common/utilities.ts
-
-
-const getHeaderFooterBackgroundClasses = ({ mode, hasBlur, sticky })=>{
-    return clsx({
-        // Semi-transparent backgrounds for blur effect.
-        "bg-surface-darkest/50": hasBlur && sticky && (mode === "dark" || mode === "system"),
-        "bg-surface-light/50": hasBlur && sticky && (mode === "light" || mode === "alt-system"),
-        "dark:bg-surface-light/50": hasBlur && sticky && mode === "system",
-        "dark:bg-surface-darkest/50": hasBlur && sticky && mode === "alt-system",
-        // Solid backgrounds when no blur effect.
-        "bg-surface-darkest": !hasBlur && (mode === "dark" || mode === "system"),
-        "bg-surface-light": !hasBlur && (mode === "light" || mode === "alt-system"),
-        "dark:bg-surface-light": !hasBlur && mode === "system",
-        "dark:bg-surface-darkest": !hasBlur && mode === "alt-system"
-    });
-};
-const getHeaderFooterCopyClasses = ({ mode })=>{
-    return clsx({
-        "text-copy-light": mode === "dark",
-        "text-copy-dark": mode === "light",
-        "text-copy-light dark:text-copy-dark": mode === "system",
-        "text-copy-dark dark:text-copy-light": mode === "alt-system"
-    });
-};
-/**
- * Common classes for sticky header/footer with optional blur effect.
- */ const getStickyBlurClasses = ({ blurEffect })=>{
-    return clsx({
-        "backdrop-blur-sm": blurEffect === BlurEffects.SMALL,
-        "backdrop-blur-md": blurEffect === BlurEffects.MEDIUM,
-        "backdrop-blur-lg": blurEffect === BlurEffects.LARGE
-    });
-};
-
-export { getHeaderFooterBackgroundClasses, getHeaderFooterCopyClasses, getStickyBlurClasses };