@rufous/ui 0.2.74 → 0.2.76

package/dist/main.cjs

@@ -1740,6 +1740,25 @@ var Checkbox = ({
 
 // lib/TextFields/TextField.tsx
 var import_react17 = __toESM(require("react"), 1);
+var NUMBER_BLOCKED_KEYS = ["e", "E", "+", "-"];
+var BLOCKED_KEYS_BY_VARIANT = {
+  "integer": [...NUMBER_BLOCKED_KEYS, ".", ","],
+  "decimal": [...NUMBER_BLOCKED_KEYS],
+  "positive-integer": [...NUMBER_BLOCKED_KEYS, ".", ","],
+  "positive-decimal": [...NUMBER_BLOCKED_KEYS]
+};
+var STEP_BY_VARIANT = {
+  "integer": 1,
+  "decimal": 0.1,
+  "positive-integer": 1,
+  "positive-decimal": 0.1
+};
+var MIN_BY_VARIANT = {
+  "integer": void 0,
+  "decimal": void 0,
+  "positive-integer": 0,
+  "positive-decimal": 0
+};
 var TextField = (0, import_react17.forwardRef)(({
   label,
   name,
@@ -1761,6 +1780,7 @@ var TextField = (0, import_react17.forwardRef)(({
   fullWidth = false,
   slotProps,
   InputProps,
+  numberVariant,
   ...props
 }, ref) => {
   const sxClass = useSx(sx);
@@ -1816,6 +1836,11 @@ var TextField = (0, import_react17.forwardRef)(({
   };
   const handleKeyDown = (e) => {
     if (type === "number") {
+      const blockedKeys = numberVariant ? BLOCKED_KEYS_BY_VARIANT[numberVariant] : NUMBER_BLOCKED_KEYS;
+      if (blockedKeys.includes(e.key)) {
+        e.preventDefault();
+        return;
+      }
       if (e.key === "ArrowUp") {
         e.preventDefault();
         if (internalRef.current) {
@@ -1849,6 +1874,8 @@ var TextField = (0, import_react17.forwardRef)(({
       required,
       disabled,
       readOnly,
+      step: type === "number" && numberVariant ? STEP_BY_VARIANT[numberVariant] : void 0,
+      min: type === "number" && numberVariant ? MIN_BY_VARIANT[numberVariant] : void 0,
       ...slotProps?.input,
       ...props
     }
@@ -3987,7 +4014,9 @@ var getOperatorsForType = (type) => {
   ];
   return [
     { value: "contains", label: "contains" },
+    { value: "does not contain", label: "does not contain" },
     { value: "equals", label: "equals" },
+    { value: "is not equal to", label: "is not equal to" },
     { value: "starts with", label: "starts with" },
     { value: "ends with", label: "ends with" },
     { value: "is empty", label: "is empty" },
@@ -4207,8 +4236,12 @@ function DataGrid({
         switch (f.operator) {
           case "contains":
             return itemVal.includes(val);
+          case "does not contain":
+            return !itemVal.includes(val);
           case "equals":
             return itemVal === val;
+          case "is not equal to":
+            return itemVal !== val;
           case "starts with":
             return itemVal.startsWith(val);
           case "ends with":
@@ -4254,10 +4287,14 @@ function DataGrid({
     return sortedData.slice(start, start + pageSize);
   }, [sortedData, currentPage, pageSize]);
   const handleExport = () => {
-    const visibleCols = resolvedColumns.filter((c) => !c.hidden);
-    const headers = visibleCols.map((c) => c.headerName).join(",");
+    const exportableCols = resolvedColumns.filter((c) => !c.hidden && c.isExportable !== false);
+    const headers = exportableCols.map((c) => c.headerName).join(",");
     const rows = sortedData.map(
-      (item) => visibleCols.map((c) => `"${String(item[c.field]).replace(/"/g, '""')}"`).join(",")
+      (item) => exportableCols.map((c) => {
+        const raw = item[c.field];
+        const val = raw === null || raw === void 0 ? "" : String(raw).replace(/"/g, '""');
+        return `"${val}"`;
+      }).join(",")
     );
     const csv = [headers, ...rows].join("\n");
     const blob = new Blob([csv], { type: "text/csv;charset=utf-8;" });

package/dist/main.d.cts

@@ -518,6 +518,7 @@ interface CheckboxProps {
 
 declare const Checkbox: React.FC<CheckboxProps>;
 
+type NumberVariant = 'integer' | 'decimal' | 'positive-integer' | 'positive-decimal';
 interface TextFieldProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
     /** Label text shown for the input */
     label?: string;
@@ -525,6 +526,16 @@ interface TextFieldProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'si
     variant?: 'outlined' | 'filled' | 'standard';
     /** The size of the component */
     size?: 'small' | 'medium';
+    /**
+     * Sub-variant for number inputs. Only applies when `type="number"`.
+     * - `integer`: whole numbers (blocks `.`)
+     * - `decimal`: floating point numbers
+     * - `positive-integer`: whole numbers ≥ 0
+     * - `positive-decimal`: floating point numbers ≥ 0
+     *
+     * All number variants block `e`, `E`, `+`, `-`.
+     */
+    numberVariant?: NumberVariant;
     /** The color of the component */
     color?: 'primary' | 'secondary' | 'error' | 'success' | 'info' | 'warning';
     /** If true, the label is displayed in an error state. */
@@ -789,6 +800,7 @@ interface Column<T> {
     cellClassName?: string;
     hideable?: boolean;
     disableColumnMenu?: boolean;
+    isExportable?: boolean;
 }
 interface Action<T> {
     label: string;
@@ -1714,4 +1726,4 @@ interface MentionItemData {
     shortName?: string;
 }
 
-export { APP_THEMES, Accordion, AccordionDetails, type AccordionDetailsProps, type AccordionProps, AccordionSummary, type AccordionSummaryProps, type Action, ActivateUserIcon, AddButton, AddressLookup, ArchivedIcon, AssignGroupIcon, Autocomplete, type AutocompleteProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, BaseDialog, Box, type BoxProps, Breadcrumbs, type BreadcrumbsProps, Button, type ButtonProps, CameraIcon, CancelButton, Card, CardActions, type CardActionsProps, CardContent, type CardContentProps, CardHeader, type CardHeaderProps, CardMedia, type CardMediaProps, type CardProps, Checkbox, type CheckboxProps, Chip, type ChipProps, CircularProgress, CircularProgressIcon, type CircularProgressIconProps, CloseIcon, Collapse, type CollapseProps, type Column, CopyIcon, DataGrid, type DataGridProps, DateField, type DateFieldProps, type DateFormatString, DateRangeField, type DateRangeFieldProps, type DateRangeValue, DifficultyAllIcon, DifficultyEasyIcon, DifficultyHardIcon, DifficultyMediumIcon, Divider, type DividerProps, DollarIcon, DownloadIcon, DownloadPdfIcon, Drawer, type DrawerProps, EditChatIcon, EditIcon, EngagementIcon, Fade, type FadeProps, FunctionIcon, Grid, type GridProps, Grow, type GrowProps, HelpOutlinedIcon, HierarchyIcon, IconButton, type IconButtonProps, ImageField, type ImageFieldProps, InactiveGroupIcon, IndustryIcon, InvoiceIcon, Link, type LinkProps, List, ListItem, ListItemButton, type ListItemButtonProps, ListItemIcon, type ListItemIconProps, type ListItemProps, ListItemText, type ListItemTextProps, type ListProps, ListSubheader, type ListSubheaderProps, LocationPinIcon, LogsIcon, Menu, MenuDivider, MenuItem, type MenuItemProps, MenuList, type MenuListProps, type MenuProps, MinExperienceIcon, NineDotMenuIcon, NotificationIcon, Paper, type PaperProps, PhoneField, type PhoneFieldProps, Popover, type PopoverProps, Popper, type PopperProps, ProjectIcon, QualificationsIcon, QuestionStatusAllIcon, QuestionStatusPrivateIcon, QuestionStatusPublicIcon, QuestionTypeAllIcon, QuestionTypeCodingIcon, QuestionTypeDescriptiveIcon, QuestionTypeMultipleIcon, QuestionTypeSingleIcon, Radio, RadioGroup, type RadioGroupProps, type RadioProps, Rating, type RatingProps, RefreshIcon, ResendInviteIcon, RolesIcon, RufousAiIcon, RufousBirdIcon, RufousLauncherIcon, RufousLogoLoader, type RufousLogoLoaderProps, RufousTextContent, type RufousTextContentProps, RufousTextEditor, type MentionItemData as RufousTextEditorMentionItem, type RufousTextEditorProps, RufousThemeProvider, Select, type SelectProps, SidebarIcon, Skeleton, type SkeletonProps, Slide, type SlideProps, Slider, type SliderProps, Snackbar, type SnackbarProps, SoftSkillsIcon, type SortDirection, Stack, type StackProps, StandardButton, Step, StepButton, type StepButtonProps, StepContent, type StepContentProps, StepLabel, type StepLabelProps, type StepProps, Stepper, type StepperProps, SubmitButton, SubscribeIcon, SuspendUserIcon, Switch, type SwitchProps, type SxProp, Tab, TabPanel, type TabPanelProps, type TabProps, Tabs, type TabsProps, TechnicalSkillsIcon, TextField, type TextFieldProps, TickIcon, TimerIcon, ToggleButton, ToggleButtonGroup, type ToggleButtonGroupProps, type ToggleButtonProps, Tooltip, type TooltipProps, TrashIcon, Typography, type TypographyProps, UnArchivedIcon, UnsubscribeIcon, UploadIcon, UserAssignIcon, ViewIcon, WorkItemIcon, Zoom, type ZoomProps, transformLegacyTodos, useRufousTheme };
+export { APP_THEMES, Accordion, AccordionDetails, type AccordionDetailsProps, type AccordionProps, AccordionSummary, type AccordionSummaryProps, type Action, ActivateUserIcon, AddButton, AddressLookup, ArchivedIcon, AssignGroupIcon, Autocomplete, type AutocompleteProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, BaseDialog, Box, type BoxProps, Breadcrumbs, type BreadcrumbsProps, Button, type ButtonProps, CameraIcon, CancelButton, Card, CardActions, type CardActionsProps, CardContent, type CardContentProps, CardHeader, type CardHeaderProps, CardMedia, type CardMediaProps, type CardProps, Checkbox, type CheckboxProps, Chip, type ChipProps, CircularProgress, CircularProgressIcon, type CircularProgressIconProps, CloseIcon, Collapse, type CollapseProps, type Column, CopyIcon, DataGrid, type DataGridProps, DateField, type DateFieldProps, type DateFormatString, DateRangeField, type DateRangeFieldProps, type DateRangeValue, DifficultyAllIcon, DifficultyEasyIcon, DifficultyHardIcon, DifficultyMediumIcon, Divider, type DividerProps, DollarIcon, DownloadIcon, DownloadPdfIcon, Drawer, type DrawerProps, EditChatIcon, EditIcon, EngagementIcon, Fade, type FadeProps, FunctionIcon, Grid, type GridProps, Grow, type GrowProps, HelpOutlinedIcon, HierarchyIcon, IconButton, type IconButtonProps, ImageField, type ImageFieldProps, InactiveGroupIcon, IndustryIcon, InvoiceIcon, Link, type LinkProps, List, ListItem, ListItemButton, type ListItemButtonProps, ListItemIcon, type ListItemIconProps, type ListItemProps, ListItemText, type ListItemTextProps, type ListProps, ListSubheader, type ListSubheaderProps, LocationPinIcon, LogsIcon, Menu, MenuDivider, MenuItem, type MenuItemProps, MenuList, type MenuListProps, type MenuProps, MinExperienceIcon, NineDotMenuIcon, NotificationIcon, type NumberVariant, Paper, type PaperProps, PhoneField, type PhoneFieldProps, Popover, type PopoverProps, Popper, type PopperProps, ProjectIcon, QualificationsIcon, QuestionStatusAllIcon, QuestionStatusPrivateIcon, QuestionStatusPublicIcon, QuestionTypeAllIcon, QuestionTypeCodingIcon, QuestionTypeDescriptiveIcon, QuestionTypeMultipleIcon, QuestionTypeSingleIcon, Radio, RadioGroup, type RadioGroupProps, type RadioProps, Rating, type RatingProps, RefreshIcon, ResendInviteIcon, RolesIcon, RufousAiIcon, RufousBirdIcon, RufousLauncherIcon, RufousLogoLoader, type RufousLogoLoaderProps, RufousTextContent, type RufousTextContentProps, RufousTextEditor, type MentionItemData as RufousTextEditorMentionItem, type RufousTextEditorProps, RufousThemeProvider, Select, type SelectProps, SidebarIcon, Skeleton, type SkeletonProps, Slide, type SlideProps, Slider, type SliderProps, Snackbar, type SnackbarProps, SoftSkillsIcon, type SortDirection, Stack, type StackProps, StandardButton, Step, StepButton, type StepButtonProps, StepContent, type StepContentProps, StepLabel, type StepLabelProps, type StepProps, Stepper, type StepperProps, SubmitButton, SubscribeIcon, SuspendUserIcon, Switch, type SwitchProps, type SxProp, Tab, TabPanel, type TabPanelProps, type TabProps, Tabs, type TabsProps, TechnicalSkillsIcon, TextField, type TextFieldProps, TickIcon, TimerIcon, ToggleButton, ToggleButtonGroup, type ToggleButtonGroupProps, type ToggleButtonProps, Tooltip, type TooltipProps, TrashIcon, Typography, type TypographyProps, UnArchivedIcon, UnsubscribeIcon, UploadIcon, UserAssignIcon, ViewIcon, WorkItemIcon, Zoom, type ZoomProps, transformLegacyTodos, useRufousTheme };

package/dist/main.d.ts

@@ -518,6 +518,7 @@ interface CheckboxProps {
 
 declare const Checkbox: React.FC<CheckboxProps>;
 
+type NumberVariant = 'integer' | 'decimal' | 'positive-integer' | 'positive-decimal';
 interface TextFieldProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
     /** Label text shown for the input */
     label?: string;
@@ -525,6 +526,16 @@ interface TextFieldProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'si
     variant?: 'outlined' | 'filled' | 'standard';
     /** The size of the component */
     size?: 'small' | 'medium';
+    /**
+     * Sub-variant for number inputs. Only applies when `type="number"`.
+     * - `integer`: whole numbers (blocks `.`)
+     * - `decimal`: floating point numbers
+     * - `positive-integer`: whole numbers ≥ 0
+     * - `positive-decimal`: floating point numbers ≥ 0
+     *
+     * All number variants block `e`, `E`, `+`, `-`.
+     */
+    numberVariant?: NumberVariant;
     /** The color of the component */
     color?: 'primary' | 'secondary' | 'error' | 'success' | 'info' | 'warning';
     /** If true, the label is displayed in an error state. */
@@ -789,6 +800,7 @@ interface Column<T> {
     cellClassName?: string;
     hideable?: boolean;
     disableColumnMenu?: boolean;
+    isExportable?: boolean;
 }
 interface Action<T> {
     label: string;
@@ -1714,4 +1726,4 @@ interface MentionItemData {
     shortName?: string;
 }
 
-export { APP_THEMES, Accordion, AccordionDetails, type AccordionDetailsProps, type AccordionProps, AccordionSummary, type AccordionSummaryProps, type Action, ActivateUserIcon, AddButton, AddressLookup, ArchivedIcon, AssignGroupIcon, Autocomplete, type AutocompleteProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, BaseDialog, Box, type BoxProps, Breadcrumbs, type BreadcrumbsProps, Button, type ButtonProps, CameraIcon, CancelButton, Card, CardActions, type CardActionsProps, CardContent, type CardContentProps, CardHeader, type CardHeaderProps, CardMedia, type CardMediaProps, type CardProps, Checkbox, type CheckboxProps, Chip, type ChipProps, CircularProgress, CircularProgressIcon, type CircularProgressIconProps, CloseIcon, Collapse, type CollapseProps, type Column, CopyIcon, DataGrid, type DataGridProps, DateField, type DateFieldProps, type DateFormatString, DateRangeField, type DateRangeFieldProps, type DateRangeValue, DifficultyAllIcon, DifficultyEasyIcon, DifficultyHardIcon, DifficultyMediumIcon, Divider, type DividerProps, DollarIcon, DownloadIcon, DownloadPdfIcon, Drawer, type DrawerProps, EditChatIcon, EditIcon, EngagementIcon, Fade, type FadeProps, FunctionIcon, Grid, type GridProps, Grow, type GrowProps, HelpOutlinedIcon, HierarchyIcon, IconButton, type IconButtonProps, ImageField, type ImageFieldProps, InactiveGroupIcon, IndustryIcon, InvoiceIcon, Link, type LinkProps, List, ListItem, ListItemButton, type ListItemButtonProps, ListItemIcon, type ListItemIconProps, type ListItemProps, ListItemText, type ListItemTextProps, type ListProps, ListSubheader, type ListSubheaderProps, LocationPinIcon, LogsIcon, Menu, MenuDivider, MenuItem, type MenuItemProps, MenuList, type MenuListProps, type MenuProps, MinExperienceIcon, NineDotMenuIcon, NotificationIcon, Paper, type PaperProps, PhoneField, type PhoneFieldProps, Popover, type PopoverProps, Popper, type PopperProps, ProjectIcon, QualificationsIcon, QuestionStatusAllIcon, QuestionStatusPrivateIcon, QuestionStatusPublicIcon, QuestionTypeAllIcon, QuestionTypeCodingIcon, QuestionTypeDescriptiveIcon, QuestionTypeMultipleIcon, QuestionTypeSingleIcon, Radio, RadioGroup, type RadioGroupProps, type RadioProps, Rating, type RatingProps, RefreshIcon, ResendInviteIcon, RolesIcon, RufousAiIcon, RufousBirdIcon, RufousLauncherIcon, RufousLogoLoader, type RufousLogoLoaderProps, RufousTextContent, type RufousTextContentProps, RufousTextEditor, type MentionItemData as RufousTextEditorMentionItem, type RufousTextEditorProps, RufousThemeProvider, Select, type SelectProps, SidebarIcon, Skeleton, type SkeletonProps, Slide, type SlideProps, Slider, type SliderProps, Snackbar, type SnackbarProps, SoftSkillsIcon, type SortDirection, Stack, type StackProps, StandardButton, Step, StepButton, type StepButtonProps, StepContent, type StepContentProps, StepLabel, type StepLabelProps, type StepProps, Stepper, type StepperProps, SubmitButton, SubscribeIcon, SuspendUserIcon, Switch, type SwitchProps, type SxProp, Tab, TabPanel, type TabPanelProps, type TabProps, Tabs, type TabsProps, TechnicalSkillsIcon, TextField, type TextFieldProps, TickIcon, TimerIcon, ToggleButton, ToggleButtonGroup, type ToggleButtonGroupProps, type ToggleButtonProps, Tooltip, type TooltipProps, TrashIcon, Typography, type TypographyProps, UnArchivedIcon, UnsubscribeIcon, UploadIcon, UserAssignIcon, ViewIcon, WorkItemIcon, Zoom, type ZoomProps, transformLegacyTodos, useRufousTheme };
+export { APP_THEMES, Accordion, AccordionDetails, type AccordionDetailsProps, type AccordionProps, AccordionSummary, type AccordionSummaryProps, type Action, ActivateUserIcon, AddButton, AddressLookup, ArchivedIcon, AssignGroupIcon, Autocomplete, type AutocompleteProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, BaseDialog, Box, type BoxProps, Breadcrumbs, type BreadcrumbsProps, Button, type ButtonProps, CameraIcon, CancelButton, Card, CardActions, type CardActionsProps, CardContent, type CardContentProps, CardHeader, type CardHeaderProps, CardMedia, type CardMediaProps, type CardProps, Checkbox, type CheckboxProps, Chip, type ChipProps, CircularProgress, CircularProgressIcon, type CircularProgressIconProps, CloseIcon, Collapse, type CollapseProps, type Column, CopyIcon, DataGrid, type DataGridProps, DateField, type DateFieldProps, type DateFormatString, DateRangeField, type DateRangeFieldProps, type DateRangeValue, DifficultyAllIcon, DifficultyEasyIcon, DifficultyHardIcon, DifficultyMediumIcon, Divider, type DividerProps, DollarIcon, DownloadIcon, DownloadPdfIcon, Drawer, type DrawerProps, EditChatIcon, EditIcon, EngagementIcon, Fade, type FadeProps, FunctionIcon, Grid, type GridProps, Grow, type GrowProps, HelpOutlinedIcon, HierarchyIcon, IconButton, type IconButtonProps, ImageField, type ImageFieldProps, InactiveGroupIcon, IndustryIcon, InvoiceIcon, Link, type LinkProps, List, ListItem, ListItemButton, type ListItemButtonProps, ListItemIcon, type ListItemIconProps, type ListItemProps, ListItemText, type ListItemTextProps, type ListProps, ListSubheader, type ListSubheaderProps, LocationPinIcon, LogsIcon, Menu, MenuDivider, MenuItem, type MenuItemProps, MenuList, type MenuListProps, type MenuProps, MinExperienceIcon, NineDotMenuIcon, NotificationIcon, type NumberVariant, Paper, type PaperProps, PhoneField, type PhoneFieldProps, Popover, type PopoverProps, Popper, type PopperProps, ProjectIcon, QualificationsIcon, QuestionStatusAllIcon, QuestionStatusPrivateIcon, QuestionStatusPublicIcon, QuestionTypeAllIcon, QuestionTypeCodingIcon, QuestionTypeDescriptiveIcon, QuestionTypeMultipleIcon, QuestionTypeSingleIcon, Radio, RadioGroup, type RadioGroupProps, type RadioProps, Rating, type RatingProps, RefreshIcon, ResendInviteIcon, RolesIcon, RufousAiIcon, RufousBirdIcon, RufousLauncherIcon, RufousLogoLoader, type RufousLogoLoaderProps, RufousTextContent, type RufousTextContentProps, RufousTextEditor, type MentionItemData as RufousTextEditorMentionItem, type RufousTextEditorProps, RufousThemeProvider, Select, type SelectProps, SidebarIcon, Skeleton, type SkeletonProps, Slide, type SlideProps, Slider, type SliderProps, Snackbar, type SnackbarProps, SoftSkillsIcon, type SortDirection, Stack, type StackProps, StandardButton, Step, StepButton, type StepButtonProps, StepContent, type StepContentProps, StepLabel, type StepLabelProps, type StepProps, Stepper, type StepperProps, SubmitButton, SubscribeIcon, SuspendUserIcon, Switch, type SwitchProps, type SxProp, Tab, TabPanel, type TabPanelProps, type TabProps, Tabs, type TabsProps, TechnicalSkillsIcon, TextField, type TextFieldProps, TickIcon, TimerIcon, ToggleButton, ToggleButtonGroup, type ToggleButtonGroupProps, type ToggleButtonProps, Tooltip, type TooltipProps, TrashIcon, Typography, type TypographyProps, UnArchivedIcon, UnsubscribeIcon, UploadIcon, UserAssignIcon, ViewIcon, WorkItemIcon, Zoom, type ZoomProps, transformLegacyTodos, useRufousTheme };

package/dist/main.js

@@ -1574,6 +1574,25 @@ var Checkbox = ({
 
 // lib/TextFields/TextField.tsx
 import React68, { forwardRef as forwardRef3 } from "react";
+var NUMBER_BLOCKED_KEYS = ["e", "E", "+", "-"];
+var BLOCKED_KEYS_BY_VARIANT = {
+  "integer": [...NUMBER_BLOCKED_KEYS, ".", ","],
+  "decimal": [...NUMBER_BLOCKED_KEYS],
+  "positive-integer": [...NUMBER_BLOCKED_KEYS, ".", ","],
+  "positive-decimal": [...NUMBER_BLOCKED_KEYS]
+};
+var STEP_BY_VARIANT = {
+  "integer": 1,
+  "decimal": 0.1,
+  "positive-integer": 1,
+  "positive-decimal": 0.1
+};
+var MIN_BY_VARIANT = {
+  "integer": void 0,
+  "decimal": void 0,
+  "positive-integer": 0,
+  "positive-decimal": 0
+};
 var TextField = forwardRef3(({
   label,
   name,
@@ -1595,6 +1614,7 @@ var TextField = forwardRef3(({
   fullWidth = false,
   slotProps,
   InputProps,
+  numberVariant,
   ...props
 }, ref) => {
   const sxClass = useSx(sx);
@@ -1650,6 +1670,11 @@ var TextField = forwardRef3(({
   };
   const handleKeyDown = (e) => {
     if (type === "number") {
+      const blockedKeys = numberVariant ? BLOCKED_KEYS_BY_VARIANT[numberVariant] : NUMBER_BLOCKED_KEYS;
+      if (blockedKeys.includes(e.key)) {
+        e.preventDefault();
+        return;
+      }
       if (e.key === "ArrowUp") {
         e.preventDefault();
         if (internalRef.current) {
@@ -1683,6 +1708,8 @@ var TextField = forwardRef3(({
       required,
       disabled,
       readOnly,
+      step: type === "number" && numberVariant ? STEP_BY_VARIANT[numberVariant] : void 0,
+      min: type === "number" && numberVariant ? MIN_BY_VARIANT[numberVariant] : void 0,
       ...slotProps?.input,
       ...props
     }
@@ -3852,7 +3879,9 @@ var getOperatorsForType = (type) => {
   ];
   return [
     { value: "contains", label: "contains" },
+    { value: "does not contain", label: "does not contain" },
     { value: "equals", label: "equals" },
+    { value: "is not equal to", label: "is not equal to" },
     { value: "starts with", label: "starts with" },
     { value: "ends with", label: "ends with" },
     { value: "is empty", label: "is empty" },
@@ -4072,8 +4101,12 @@ function DataGrid({
         switch (f.operator) {
           case "contains":
             return itemVal.includes(val);
+          case "does not contain":
+            return !itemVal.includes(val);
           case "equals":
             return itemVal === val;
+          case "is not equal to":
+            return itemVal !== val;
           case "starts with":
             return itemVal.startsWith(val);
           case "ends with":
@@ -4119,10 +4152,14 @@ function DataGrid({
     return sortedData.slice(start, start + pageSize);
   }, [sortedData, currentPage, pageSize]);
   const handleExport = () => {
-    const visibleCols = resolvedColumns.filter((c) => !c.hidden);
-    const headers = visibleCols.map((c) => c.headerName).join(",");
+    const exportableCols = resolvedColumns.filter((c) => !c.hidden && c.isExportable !== false);
+    const headers = exportableCols.map((c) => c.headerName).join(",");
     const rows = sortedData.map(
-      (item) => visibleCols.map((c) => `"${String(item[c.field]).replace(/"/g, '""')}"`).join(",")
+      (item) => exportableCols.map((c) => {
+        const raw = item[c.field];
+        const val = raw === null || raw === void 0 ? "" : String(raw).replace(/"/g, '""');
+        return `"${val}"`;
+      }).join(",")
     );
     const csv = [headers, ...rows].join("\n");
     const blob = new Blob([csv], { type: "text/csv;charset=utf-8;" });

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@rufous/ui",
   "private": false,
-  "version": "0.2.74",
+  "version": "0.2.76",
   "type": "module",
   "description": "Experimental: A lightweight React UI component library (Beta)",
   "style": "./dist/main.css",