@shipfox/react-ui 0.25.0 → 0.27.0

package/dist/components/dot-grid/dot-grid.js

@@ -1,9 +1,14 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { gsap } from 'gsap';
-import { InertiaPlugin } from 'gsap/InertiaPlugin';
 import { useCallback, useEffect, useMemo, useRef } from 'react';
 import { cn } from '../../utils/index.js';
-gsap.registerPlugin(InertiaPlugin);
+let inertiaPluginRegistered = false;
+async function ensureInertiaPlugin() {
+    if (inertiaPluginRegistered) return;
+    const { InertiaPlugin } = await import('gsap/InertiaPlugin');
+    gsap.registerPlugin(InertiaPlugin);
+    inertiaPluginRegistered = true;
+}
 const HEX_COLOR_REGEX = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i;
 const throttle = (func, limit)=>{
     let lastCall = 0;
@@ -168,6 +173,7 @@ export function DotGrid({ dotSize = 16, gap = 32, baseColor = '#5227FF', activeC
         buildGrid
     ]);
     useEffect(()=>{
+        ensureInertiaPlugin();
         const onMove = (e)=>{
             const now = performance.now();
             const pr = pointerRef.current;

package/dist/components/index.d.ts

@@ -36,6 +36,7 @@ export * from './select';
 export * from './sheet';
 export * from './shiny-text';
 export * from './skeleton';
+export * from './slider';
 export * from './table';
 export * from './tabs';
 export * from './textarea';

package/dist/components/index.js

@@ -36,6 +36,7 @@ export * from './select/index.js';
 export * from './sheet/index.js';
 export * from './shiny-text/index.js';
 export * from './skeleton/index.js';
+export * from './slider/index.js';
 export * from './table/index.js';
 export * from './tabs/index.js';
 export * from './textarea/index.js';

package/dist/components/slider/index.d.ts

@@ -0,0 +1,2 @@
+export * from './slider';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/slider/index.js

@@ -0,0 +1,3 @@
+export * from './slider.js';
+
+//# sourceMappingURL=index.js.map

package/dist/components/slider/slider.d.ts

@@ -0,0 +1,10 @@
+import * as SliderPrimitive from '@radix-ui/react-slider';
+import type { ComponentProps } from 'react';
+export type SliderProps = ComponentProps<typeof SliderPrimitive.Root> & {
+    trackClassName?: string;
+    rangeClassName?: string;
+    thumbClassName?: string;
+};
+declare function Slider({ className, defaultValue, value, min, max, trackClassName, rangeClassName, thumbClassName, ...props }: SliderProps): import("react/jsx-runtime").JSX.Element;
+export { Slider };
+//# sourceMappingURL=slider.d.ts.map

package/dist/components/slider/slider.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as SliderPrimitive from '@radix-ui/react-slider';
+import { cn } from '../../utils/cn.js';
+const trackDefaults = 'bg-background-switch-off relative grow overflow-hidden rounded-full data-[orientation=horizontal]:h-4 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-4';
+const rangeDefaults = 'bg-foreground-highlight-interactive absolute select-none rounded-full data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full';
+const thumbDefaults = "relative block size-6 min-w-6 min-h-6 shrink-0 select-none rounded-full border border-border-highlights-interactive bg-foreground-highlight-interactive drop-shadow transition-[color,box-shadow] outline-none after:absolute after:-inset-2 after:block after:content-[''] ring-2 ring-white ring-offset-2 data-disabled:pointer-events-none data-disabled:opacity-50";
+function Slider({ className, defaultValue, value, min = 0, max = 100, trackClassName, rangeClassName, thumbClassName, ...props }) {
+    const values = Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [
+        min,
+        max
+    ];
+    return /*#__PURE__*/ _jsxs(SliderPrimitive.Root, {
+        "data-slot": "slider",
+        defaultValue: defaultValue,
+        value: value,
+        min: min,
+        max: max,
+        className: cn('data-[orientation=vertical]:min-h-40 relative flex w-full touch-none select-none items-center data-disabled:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col', className),
+        ...props,
+        children: [
+            /*#__PURE__*/ _jsx(SliderPrimitive.Track, {
+                "data-slot": "slider-track",
+                className: cn(trackDefaults, trackClassName),
+                children: /*#__PURE__*/ _jsx(SliderPrimitive.Range, {
+                    "data-slot": "slider-range",
+                    className: cn(rangeDefaults, rangeClassName)
+                })
+            }),
+            values.map((_, index)=>/*#__PURE__*/ _jsx(SliderPrimitive.Thumb, {
+                    "data-slot": "slider-thumb",
+                    className: cn(thumbDefaults, thumbClassName)
+                }, `thumb-${index.toString()}`))
+        ]
+    });
+}
+export { Slider };
+
+//# sourceMappingURL=slider.js.map

package/dist/components/table/data-table.js

@@ -64,13 +64,14 @@ export function DataTable({ columns, data, pagination = true, pageSize = 10, pag
         columns,
         showSelectedCount
     ]);
+    const isPaginationNeeded = pagination && data.length > pageSize;
     const table = useReactTable({
         data,
         columns: columnsWithSelection,
         getCoreRowModel: getCoreRowModel(),
         getFilteredRowModel: getFilteredRowModel(),
         getSortedRowModel: getSortedRowModel(),
-        getPaginationRowModel: pagination ? getPaginationRowModel() : undefined,
+        getPaginationRowModel: isPaginationNeeded ? getPaginationRowModel() : undefined,
         enableRowSelection: showSelectedCount,
         onSortingChange: setSorting,
         onColumnFiltersChange: setColumnFilters,
@@ -82,21 +83,21 @@ export function DataTable({ columns, data, pagination = true, pageSize = 10, pag
             columnFilters,
             columnVisibility,
             rowSelection,
-            pagination: pagination ? paginationState : undefined
+            pagination: isPaginationNeeded ? paginationState : undefined
         }
     });
     const rowModel = table.getRowModel();
     const rowCount = rowModel.rows.length;
     const hasRows = rowCount > 0;
-    const currentPageSize = pagination ? paginationState.pageSize : pageSize;
+    const currentPageSize = isPaginationNeeded ? paginationState.pageSize : pageSize;
     const skeletonRowCount = currentPageSize > 5 ? 5 : currentPageSize;
     const headerHeight = 40;
     const rowHeight = 46;
     const paginationHeight = 52.5;
     const rowsForHeight = hasRows ? currentPageSize : 5;
-    const shouldShowPagination = pagination && hasRows;
-    const minTableHeight = pagination ? headerHeight + rowsForHeight * rowHeight + (shouldShowPagination ? paginationHeight : 0) : undefined;
-    const emptyRowCount = pagination && hasRows ? Math.max(0, currentPageSize - rowCount) : 0;
+    const shouldShowPagination = isPaginationNeeded && hasRows;
+    const minTableHeight = isPaginationNeeded ? headerHeight + rowsForHeight * rowHeight + (shouldShowPagination ? paginationHeight : 0) : undefined;
+    const emptyRowCount = isPaginationNeeded && hasRows ? Math.max(0, currentPageSize - rowCount) : 0;
     if (isLoading) {
         return /*#__PURE__*/ _jsx(Card, {
             className: cn('p-0 gap-0', className),

package/dist/components/table/table.stories.data.js

@@ -75,7 +75,7 @@
 };
 /**
  * Sample job data
- */ export const jobsData = generateJobData(51);
+ */ export const jobsData = generateJobData(11);
 /**
  * Sample search job data
  */ export const searchJobsData = generateSearchJobData(50);