@jmruthers/pace-core 0.5.64 → 0.5.67

package/dist/{DataTable-7BER7PDS.js → DataTable-MFUXNGPR.js}

@@ -32,7 +32,7 @@ import {
   useDataTableContext,
   usePluginRegistry,
   useStateManager
-} from "./chunk-S66AJVI2.js";
+} from "./chunk-4HQ5BOVZ.js";
 import "./chunk-C7GUF747.js";
 import "./chunk-NHR52QAQ.js";
 import "./chunk-B2WTCLCV.js";
@@ -97,4 +97,4 @@ export {
   usePluginRegistry,
   useStateManager
 };
-//# sourceMappingURL=DataTable-7BER7PDS.js.map
+//# sourceMappingURL=DataTable-MFUXNGPR.js.map

package/dist/{DataTable-D15XipLZ.d.ts → DataTable-ntgmhO2W.d.ts}

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React__default from 'react';
-import { D as DataRecord, a as DataTableColumn, b as DataTableRBACConfig, c as DataTableFeatureConfig, H as HierarchicalConfig, P as PerformanceConfig, S as ServerSideConfig, d as PaginationMode, C as ChunkingConfig, e as SearchIndexConfig, G as GetRowId, E as EmptyStateConfig, A as AggregateConfig, f as DataTableAction } from './types-E5WSpEtz.js';
+import { D as DataRecord, a as DataTableColumn, b as DataTableRBACConfig, c as DataTableFeatureConfig, H as HierarchicalConfig, P as PerformanceConfig, S as ServerSideConfig, d as PaginationMode, C as ChunkingConfig, e as SearchIndexConfig, G as GetRowId, E as EmptyStateConfig, A as AggregateConfig, f as DataTableAction } from './types-CGX9Vyf5.js';
 
 /**
  * Configuration interface for customizing ImportModal text content

package/dist/{PublicLoadingSpinner-CXJ-W9wZ.d.ts → PublicLoadingSpinner-DdKXTkCZ.d.ts}

@@ -3,6 +3,7 @@ import React__default, { Component, ReactNode, ErrorInfo } from 'react';
 import * as LabelPrimitive from '@radix-ui/react-label';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import * as SwitchPrimitive from '@radix-ui/react-switch';
 import * as ProgressPrimitive from '@radix-ui/react-progress';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
@@ -468,6 +469,98 @@ declare const AvatarFallback: React.ForwardRefExoticComponent<Omit<AvatarPrimiti
 
 declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 
+/**
+ * @file Switch Component
+ * @package @jmruthers/pace-core
+ * @module Components/Switch
+ * @since 0.5.67
+ *
+ * A toggle switch component built on Radix UI primitives.
+ * Provides an accessible, keyboard-navigable switch for boolean states.
+ *
+ * Features:
+ * - WCAG 2.1 AA compliant
+ * - Keyboard navigation (Space/Enter)
+ * - Focus visible indicators
+ * - Disabled state support
+ * - Smooth animations
+ * - Tailwind v4 compatible
+ * - Theme-aware colors
+ *
+ * @example
+ * ```tsx
+ * import { Switch } from '@jmruthers/pace-core';
+ *
+ * function Example() {
+ *   const [checked, setChecked] = React.useState(false);
+ *
+ *   return (
+ *     <div className="flex items-center gap-2">
+ *       <Switch
+ *         checked={checked}
+ *         onCheckedChange={setChecked}
+ *         id="notifications"
+ *       />
+ *       <label htmlFor="notifications">
+ *         Enable notifications
+ *       </label>
+ *     </div>
+ *   );
+ * }
+ * ```
+ *
+ * @example With Form
+ * ```tsx
+ * import { Switch, Label } from '@jmruthers/pace-core';
+ *
+ * function FormExample() {
+ *   return (
+ *     <div className="flex items-center gap-2">
+ *       <Switch id="terms" />
+ *       <Label htmlFor="terms">
+ *         I agree to the terms and conditions
+ *       </Label>
+ *     </div>
+ *   );
+ * }
+ * ```
+ *
+ * @example Disabled State
+ * ```tsx
+ * <Switch disabled checked />
+ * ```
+ *
+ * @accessibility
+ * - Uses Radix UI's accessible switch primitive
+ * - Proper keyboard navigation (Space to toggle)
+ * - Screen reader announcements for state changes
+ * - Focus visible styles for keyboard users
+ * - ARIA attributes handled automatically
+ */
+
+/**
+ * Switch component props
+ * Extends all props from Radix UI Switch.Root
+ */
+interface SwitchProps extends React.ComponentPropsWithoutRef<typeof SwitchPrimitive.Root> {
+    /**
+     * Additional CSS classes to apply to the switch
+     */
+    className?: string;
+}
+/**
+ * Switch component
+ *
+ * A toggle switch for boolean states. Built on Radix UI for accessibility.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <Switch checked={isEnabled} onCheckedChange={setIsEnabled} />
+ * ```
+ */
+declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLButtonElement>>;
+
 /**
  * @file Progress Component
  * @package @jmruthers/pace-core
@@ -3384,4 +3477,4 @@ declare function PublicLoadingSkeleton({ lines, className }: {
     className?: string;
 }): react_jsx_runtime.JSX.Element;
 
-export { ToastViewport as $, Alert as A, Button as B, Card as C, Dialog as D, DialogContent as E, type FileSizeLimits as F, DialogHeader as G, DialogBody as H, Input as I, DialogFooter as J, DialogTitle as K, Label as L, DialogDescription as M, Select as N, SelectGroup as O, Progress as P, SelectValue as Q, SelectTrigger as R, type StorageConfig as S, SelectContent as T, SelectLabel as U, SelectItem as V, SelectSeparator as W, Toast as X, Toaster as Y, ToastAction as Z, ToastProvider as _, type StorageUploadOptions as a, type EventLogoProps as a$, ToastTitle as a0, ToastDescription as a1, ToastClose as a2, type ToastActionElement as a3, type ToastProps as a4, Tooltip as a5, TooltipTrigger as a6, TooltipContent as a7, TooltipProvider as a8, TooltipRoot as a9, TableCell as aA, TableFooter as aB, TableHead as aC, TableRow as aD, type StorageFileInfo as aE, PublicPageLayout as aF, usePublicPageContext$1 as aG, PublicPageHeader as aH, PublicPageProvider as aI, usePublicPageContext as aJ, useIsPublicPage as aK, PublicPageFooter as aL, PublicPageDebugger as aM, PublicPageDiagnostic as aN, PublicPageContextChecker as aO, EventLogo as aP, EventLogoCompact as aQ, EventLogoLarge as aR, PublicErrorBoundary as aS, useErrorBoundary as aT, DefaultPublicErrorFallback as aU, PublicLoadingSpinner as aV, PublicLoadingSpinnerFullPage as aW, PublicLoadingSkeleton as aX, type PublicPageLayoutProps as aY, type PublicPageHeaderProps as aZ, type PublicPageFooterProps as a_, Form as aa, LoginForm as ab, type LoginFormProps as ac, Header as ad, Footer as ae, type FooterProps as af, NavigationMenu as ag, type NavigationMenuProps as ah, type NavigationItem as ai, UserMenu as aj, type UserMenuProps as ak, PaceAppLayout as al, type PaceAppLayoutProps as am, PaceLoginPage as an, type PaceLoginPageProps as ao, ErrorBoundary as ap, LoadingSpinner as aq, EventSelector as ar, OrganisationSelector as as, PasswordResetForm as at, useStorage as au, useFileUpload as av, Table as aw, TableHeader as ax, TableBody as ay, TableCaption as az, type StorageFileMetadata as b, type PublicErrorBoundaryProps as b0, type PublicErrorBoundaryState as b1, type PublicLoadingSpinnerProps as b2, type CardActionsProps as b3, type DialogProps as b4, type DialogTriggerProps as b5, type DialogContentProps as b6, type DialogOverlayProps as b7, type DialogHeaderProps as b8, type DialogFooterProps as b9, type DialogTitleProps as ba, type DialogDescriptionProps as bb, type DialogSize as bc, type FormProps as bd, type OrganisationSelectorProps as be, type ErrorBoundaryProps as bf, type ErrorBoundaryState as bg, type UseStorageOptions as bh, type UseStorageReturn as bi, type StorageUploadResult as c, type StorageUrlOptions as d, type StorageListOptions as e, type StorageListResult as f, type ButtonProps as g, CardHeader as h, CardFooter as i, CardTitle as j, CardDescription as k, CardContent as l, CardActions as m, type CardProps as n, type InputProps as o, type LabelProps as p, AlertTitle as q, AlertDescription as r, Avatar as s, AvatarImage as t, AvatarFallback as u, Checkbox as v, DialogPortal as w, DialogOverlay as x, DialogTrigger as y, DialogClose as z };
+export { ToastAction as $, Alert as A, Button as B, Card as C, Dialog as D, DialogTrigger as E, type FileSizeLimits as F, DialogClose as G, DialogContent as H, Input as I, DialogHeader as J, DialogBody as K, Label as L, DialogFooter as M, DialogTitle as N, DialogDescription as O, Progress as P, Select as Q, SelectGroup as R, type StorageConfig as S, SelectValue as T, SelectTrigger as U, SelectContent as V, SelectLabel as W, SelectItem as X, SelectSeparator as Y, Toast as Z, Toaster as _, type StorageUploadOptions as a, type PublicPageHeaderProps as a$, ToastProvider as a0, ToastViewport as a1, ToastTitle as a2, ToastDescription as a3, ToastClose as a4, type ToastActionElement as a5, type ToastProps as a6, Tooltip as a7, TooltipTrigger as a8, TooltipContent as a9, TableBody as aA, TableCaption as aB, TableCell as aC, TableFooter as aD, TableHead as aE, TableRow as aF, type StorageFileInfo as aG, PublicPageLayout as aH, usePublicPageContext$1 as aI, PublicPageHeader as aJ, PublicPageProvider as aK, usePublicPageContext as aL, useIsPublicPage as aM, PublicPageFooter as aN, PublicPageDebugger as aO, PublicPageDiagnostic as aP, PublicPageContextChecker as aQ, EventLogo as aR, EventLogoCompact as aS, EventLogoLarge as aT, PublicErrorBoundary as aU, useErrorBoundary as aV, DefaultPublicErrorFallback as aW, PublicLoadingSpinner as aX, PublicLoadingSpinnerFullPage as aY, PublicLoadingSkeleton as aZ, type PublicPageLayoutProps as a_, TooltipProvider as aa, TooltipRoot as ab, Form as ac, LoginForm as ad, type LoginFormProps as ae, Header as af, Footer as ag, type FooterProps as ah, NavigationMenu as ai, type NavigationMenuProps as aj, type NavigationItem as ak, UserMenu as al, type UserMenuProps as am, PaceAppLayout as an, type PaceAppLayoutProps as ao, PaceLoginPage as ap, type PaceLoginPageProps as aq, ErrorBoundary as ar, LoadingSpinner as as, EventSelector as at, OrganisationSelector as au, PasswordResetForm as av, useStorage as aw, useFileUpload as ax, Table as ay, TableHeader as az, type StorageFileMetadata as b, type PublicPageFooterProps as b0, type EventLogoProps as b1, type PublicErrorBoundaryProps as b2, type PublicErrorBoundaryState as b3, type PublicLoadingSpinnerProps as b4, type CardActionsProps as b5, type DialogProps as b6, type DialogTriggerProps as b7, type DialogContentProps as b8, type DialogOverlayProps as b9, type DialogHeaderProps as ba, type DialogFooterProps as bb, type DialogTitleProps as bc, type DialogDescriptionProps as bd, type DialogSize as be, type FormProps as bf, type OrganisationSelectorProps as bg, type ErrorBoundaryProps as bh, type ErrorBoundaryState as bi, type UseStorageOptions as bj, type UseStorageReturn as bk, type StorageUploadResult as c, type StorageUrlOptions as d, type StorageListOptions as e, type StorageListResult as f, type ButtonProps as g, CardHeader as h, CardFooter as i, CardTitle as j, CardDescription as k, CardContent as l, CardActions as m, type CardProps as n, type InputProps as o, type LabelProps as p, AlertTitle as q, AlertDescription as r, Avatar as s, AvatarImage as t, AvatarFallback as u, Checkbox as v, Switch as w, type SwitchProps as x, DialogPortal as y, DialogOverlay as z };

package/dist/{chunk-S66AJVI2.js → chunk-4HQ5BOVZ.js}

@@ -1491,13 +1491,37 @@ var MemoizedRow = ({
               isCompact: true,
               className: "px-3 py-2 pl-8 whitespace-normal break-words"
             }),
-            children: isSubRowEditing && cell.column.id !== "actions" ? renderEditField(cell.column, editingData?.[cell.column.id], (value) => {
-              if (typeof value === "object" && value !== null) {
-                onEditingDataChange?.({ ...editingData, ...value });
-              } else {
-                onEditingDataChange?.({ ...editingData, [cell.column.id]: value });
-              }
-            }, editingData) : cell.column.id === "actions" ? /* @__PURE__ */ jsx11(
+            children: /* @__PURE__ */ jsx11("div", { className: `${cell.column.columnDef.meta?.align === "right" ? "text-right" : ""}`, children: isSubRowEditing && cell.column.id !== "actions" ? (
+              // Check if column has a custom cell renderer - if so, use it in edit mode
+              cell.column.columnDef.cell ? flexRender(cell.column.columnDef.cell, {
+                ...cell.getContext(),
+                hierarchical,
+                isParent: false,
+                isChild: true,
+                isHierarchical: false,
+                rowId: subRowId,
+                isExpanded: false,
+                hasChildren: false,
+                getIsEditing: () => true,
+                // Always true in edit mode
+                setValue: (value) => {
+                  if (typeof value === "object" && value !== null) {
+                    onEditingDataChange?.({ ...editingData, ...value });
+                  } else {
+                    onEditingDataChange?.({ ...editingData, [cell.column.id]: value });
+                  }
+                }
+              }) : (
+                // Fall back to default edit field rendering when no custom cell renderer
+                renderEditField(cell.column, editingData?.[cell.column.id], (value) => {
+                  if (typeof value === "object" && value !== null) {
+                    onEditingDataChange?.({ ...editingData, ...value });
+                  } else {
+                    onEditingDataChange?.({ ...editingData, [cell.column.id]: value });
+                  }
+                }, editingData)
+              )
+            ) : cell.column.id === "actions" ? /* @__PURE__ */ jsx11(
               ActionButtons,
               {
                 row,
@@ -1517,7 +1541,7 @@ var MemoizedRow = ({
               rowId: subRowId,
               isExpanded: false,
               hasChildren: false
-            })
+            }) })
           },
           cell.id
         )) }, subRow.id);
@@ -1577,13 +1601,37 @@ var MemoizedRow = ({
                   children: isExpanded ? /* @__PURE__ */ jsx11(ChevronDown2, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx11(ChevronRight, { className: "h-4 w-4" })
                 }
               ),
-              /* @__PURE__ */ jsx11("div", { className: "flex-1", children: isEditing && cell.column.id !== "actions" ? renderEditField(cell.column, editingData?.[cell.column.id], (value) => {
-                if (typeof value === "object" && value !== null) {
-                  onEditingDataChange?.({ ...editingData, ...value });
-                } else {
-                  onEditingDataChange?.({ ...editingData, [cell.column.id]: value });
-                }
-              }, editingData) : cell.column.id === "actions" ? isEditing ? /* @__PURE__ */ jsxs8("div", { className: "flex gap-1", children: [
+              /* @__PURE__ */ jsx11("div", { className: `flex-1 ${cell.column.columnDef.meta?.align === "right" ? "text-right" : ""}`, children: isEditing && cell.column.id !== "actions" ? (
+                // Check if column has a custom cell renderer - if so, use it in edit mode
+                cell.column.columnDef.cell ? flexRender(cell.column.columnDef.cell, {
+                  ...cell.getContext(),
+                  hierarchical,
+                  isParent,
+                  isChild,
+                  isHierarchical,
+                  rowId,
+                  isExpanded,
+                  hasChildren,
+                  getIsEditing: () => true,
+                  // Always true in edit mode
+                  setValue: (value) => {
+                    if (typeof value === "object" && value !== null) {
+                      onEditingDataChange?.({ ...editingData, ...value });
+                    } else {
+                      onEditingDataChange?.({ ...editingData, [cell.column.id]: value });
+                    }
+                  }
+                }) : (
+                  // Fall back to default edit field rendering when no custom cell renderer
+                  renderEditField(cell.column, editingData?.[cell.column.id], (value) => {
+                    if (typeof value === "object" && value !== null) {
+                      onEditingDataChange?.({ ...editingData, ...value });
+                    } else {
+                      onEditingDataChange?.({ ...editingData, [cell.column.id]: value });
+                    }
+                  }, editingData)
+                )
+              ) : cell.column.id === "actions" ? isEditing ? /* @__PURE__ */ jsxs8("div", { className: "flex gap-1", children: [
                 /* @__PURE__ */ jsx11(
                   "button",
                   {
@@ -2923,7 +2971,11 @@ var ColumnFactory = class {
       footer: options.footer,
       size: options.size,
       minSize: options.minSize,
-      maxSize: options.maxSize
+      maxSize: options.maxSize,
+      meta: {
+        align: "right",
+        type: "number"
+      }
     };
   }
   /**
@@ -3899,12 +3951,12 @@ function DataTableInternal({
                 onClick: header.column.getToggleSortingHandler(),
                 "aria-label": `Sort by ${typeof header.column.columnDef.header === "string" ? header.column.columnDef.header : "column"}`,
                 tabIndex: 0,
-                children: /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-1", children: [
+                children: /* @__PURE__ */ jsxs14("div", { className: `flex items-center gap-1 ${header.column.columnDef.meta?.align === "right" ? "justify-end" : ""}`, children: [
                   typeof header.column.columnDef.header === "function" ? header.column.columnDef.header(header.getContext()) : header.column.columnDef.header,
                   header.column.getIsSorted() === "asc" ? /* @__PURE__ */ jsx20(ChevronUp2, { className: "h-4 w-4" }) : header.column.getIsSorted() === "desc" ? /* @__PURE__ */ jsx20(ChevronDown3, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx20(ChevronsUpDown, { className: "h-4 w-4" })
                 ] })
               }
-            ) : /* @__PURE__ */ jsx20("div", { children: typeof header.column.columnDef.header === "function" ? header.column.columnDef.header(header.getContext()) : header.column.columnDef.header })
+            ) : /* @__PURE__ */ jsx20("div", { className: header.column.columnDef.meta?.align === "right" ? "text-right" : "", children: typeof header.column.columnDef.header === "function" ? header.column.columnDef.header(header.getContext()) : header.column.columnDef.header })
           },
           header.id
         );
@@ -5423,6 +5475,7 @@ function GroupHeader({
 }
 
 // src/components/DataTable/components/EditableRow.tsx
+import { flexRender as flexRender3 } from "@tanstack/react-table";
 init_Button();
 import { jsx as jsx25, jsxs as jsxs17 } from "react/jsx-runtime";
 var renderEditField2 = (column, value, onChange, editingData = {}, placeholder) => {
@@ -5495,13 +5548,30 @@ function EditableRow({
     visible: true
   }));
   return /* @__PURE__ */ jsxs17("tr", { children: [
-    row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx25("td", { children: cell.column.id !== "actions" ? renderEditField2(cell.column, editingData[cell.column.id], (value) => {
-      if (typeof value === "object" && value !== null) {
-        onEditingDataChange({ ...editingData, ...value });
-      } else {
-        onEditingDataChange({ ...editingData, [cell.column.id]: value });
-      }
-    }, editingData) : /* @__PURE__ */ jsxs17("div", { className: "flex gap-1", children: [
+    row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx25("td", { children: /* @__PURE__ */ jsx25("div", { className: cell.column.columnDef.meta?.align === "right" ? "text-right" : "", children: cell.column.id !== "actions" ? (
+      // Check if column has a custom cell renderer - if so, use it in edit mode
+      cell.column.columnDef.cell ? flexRender3(cell.column.columnDef.cell, {
+        ...cell.getContext(),
+        getIsEditing: () => true,
+        // Always true in edit mode
+        setValue: (value) => {
+          if (typeof value === "object" && value !== null) {
+            onEditingDataChange({ ...editingData, ...value });
+          } else {
+            onEditingDataChange({ ...editingData, [cell.column.id]: value });
+          }
+        }
+      }) : (
+        // Fall back to default edit field rendering when no custom cell renderer
+        renderEditField2(cell.column, editingData[cell.column.id], (value) => {
+          if (typeof value === "object" && value !== null) {
+            onEditingDataChange({ ...editingData, ...value });
+          } else {
+            onEditingDataChange({ ...editingData, [cell.column.id]: value });
+          }
+        }, editingData)
+      )
+    ) : /* @__PURE__ */ jsxs17("div", { className: "flex gap-1", children: [
       /* @__PURE__ */ jsx25(
         Button,
         {
@@ -5520,7 +5590,7 @@ function EditableRow({
           children: "Cancel"
         }
       )
-    ] }) }, cell.id)),
+    ] }) }) }, cell.id)),
     actions.length > 0 && /* @__PURE__ */ jsx25("td", { children: /* @__PURE__ */ jsx25(
       ActionButtons,
       {
@@ -5591,4 +5661,4 @@ export {
   GroupHeader,
   EditableRow
 };
-//# sourceMappingURL=chunk-S66AJVI2.js.map
+//# sourceMappingURL=chunk-4HQ5BOVZ.js.map