@udixio/ui-react 2.9.15 → 2.9.17

package/dist/lib/components/FabMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FabMenu.d.ts","sourceRoot":"","sources":["../../../src/lib/components/FabMenu.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AAEpE,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAShD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,OAAO,GAAI,+IAerB,UAAU,CAAC,gBAAgB,CAAC,4CAoM9B,CAAC"}
+{"version":3,"file":"FabMenu.d.ts","sourceRoot":"","sources":["../../../src/lib/components/FabMenu.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AAEpE,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAShD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,OAAO,GAAI,+IAerB,UAAU,CAAC,gBAAgB,CAAC,4CAuM9B,CAAC"}

package/dist/lib/components/TextField.d.ts

@@ -1,4 +1,5 @@
 import { ReactProps } from '../utils/component';
+import { TextFieldInterface } from '../interfaces';
 /**
  * Text fields let users enter text into a UI
  * @status beta

package/dist/lib/components/TextField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../src/lib/components/TextField.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAGhD;;;;;;;;;GASG;AACH,eAAO,MAAM,SAAS,GAAI,6PAuBvB,UAAU,CAAC,kBAAkB,CAAC,4CAwUhC,CAAC"}
+{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../src/lib/components/TextField.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAEhD,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAEnD;;;;;;;;;GASG;AACH,eAAO,MAAM,SAAS,GAAI,6PAuBvB,UAAU,CAAC,kBAAkB,CAAC,4CAuUhC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@udixio/ui-react",
-  "version": "2.9.15",
+  "version": "2.9.17",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -37,8 +37,8 @@
   "devDependencies": {
     "react": "^19.1.1",
     "react-dom": "^19.1.1",
-    "@udixio/tailwind": "2.4.13",
-    "@udixio/theme": "2.1.13"
+    "@udixio/theme": "2.1.13",
+    "@udixio/tailwind": "2.4.13"
   },
   "repository": {
     "type": "git",

package/src/lib/components/FabMenu.tsx

@@ -151,15 +151,18 @@ export const FabMenu = ({
                         shape: 'rounded',
                         variant: 'filled',
                         className: () => ({
-                          button: classNames('max-w-full overflow-hidden', {
-                            'px-0': !open,
-                            'bg-primary-container text-on-primary-container ':
-                              variant === 'primary',
-                            'bg-secondary-container text-on-secondary-container':
-                              variant === 'secondary',
-                            'bg-tertiary-container text-on-tertiary-container':
-                              variant === 'tertiary',
-                          }),
+                          button: classNames(
+                            'max-w-full overflow-hidden text-nowrap',
+                            {
+                              'px-0': !open,
+                              'bg-primary-container text-on-primary-container ':
+                                variant === 'primary',
+                              'bg-secondary-container text-on-secondary-container':
+                                variant === 'secondary',
+                              'bg-tertiary-container text-on-tertiary-container':
+                                variant === 'tertiary',
+                            },
+                          ),
                           stateLayer: classNames({
                             'state-on-primary-container': variant === 'primary',
                             'state-on-secondary-container':
@@ -195,7 +198,7 @@ export const FabMenu = ({
               layoutId={'fab-menu' + id}
               variant={'filled'}
               className={() => ({
-                iconButton: classNames('', {
+                iconButton: classNames({
                   'bg-primary text-on-primary': variant === 'primary',
                   'bg-secondary text-on-secondary': variant === 'secondary',
                   'bg-tertiary text-on-tertiary': variant === 'tertiary',

package/src/lib/components/TextField.tsx

@@ -13,6 +13,7 @@ import { useTextFieldStyle } from '../styles/text-field.style';
 import { classNames } from '../utils';
 import { ReactProps } from '../utils/component';
 import { AnchorPositioner } from './AnchorPositioner';
+import { TextFieldInterface } from '../interfaces';
 
 /**
  * Text fields let users enter text into a UI
@@ -78,9 +79,12 @@ export const TextField = ({
     }
   };
 
-  const handleOnFocus = () => {
+  const handleOnFocus = (
+    e: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>,
+  ) => {
     setIsFocused(true);
     setShowErrorIcon(false);
+    restProps.onFocus?.(e);
   };
 
   const handleChange = (
@@ -99,11 +103,14 @@ export const TextField = ({
     }
   };
 
-  const handleBlur = () => {
+  const handleBlur = (
+    e: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>,
+  ) => {
     setIsFocused(false);
     if (errorText?.length) {
       setShowErrorIcon(true);
     }
+    restProps.onBlur?.(e);
   };
 
   // Date Picker Logic
@@ -257,6 +264,7 @@ export const TextField = ({
           )}
 
           <TextComponent
+            {...(restProps as any)}
             ref={inputRef as any}
             value={value}
             onChange={handleChange}
@@ -264,21 +272,13 @@ export const TextField = ({
             id={id}
             name={name}
             placeholder={isFocused ? (placeholder ?? undefined) : ''}
-            onFocus={(e) => {
-              handleOnFocus();
-              if (isDateInput) {
-                // Maybe open picker on focus? User preference.
-                // Often better on click/icon click.
-                // But let's stick to icon click for now or explicit open.
-              }
-            }}
+            onFocus={handleOnFocus}
             onBlur={handleBlur}
             disabled={disabled}
             autoComplete={autoComplete}
             aria-invalid={!!errorText?.length}
             aria-describedby={hasSupportingText ? helperTextId : undefined}
             {...textComponentProps}
-            {...(restProps as any)}
           />
         </div>