@etsoo/materialui 1.6.67 → 1.6.69

package/lib/mjs/SwitchField.d.ts

@@ -42,4 +42,4 @@ export type SwitchFieldProps = Omit<FormControlProps, "defaultValue"> & {
  * @param props Props
  * @returns Component
  */
-export declare function SwitchField(props: SwitchFieldProps): import("react/jsx-runtime").JSX.Element;
+export declare function SwitchField(props: SwitchFieldProps): React.JSX.Element;

package/lib/mjs/TabBox.d.ts

@@ -56,5 +56,5 @@ export interface TabBoxProps extends Omit<TabsProps, "value"> {
  * @param props Props
  * @returns Component
  */
-export declare function TabBox(props: TabBoxProps): import("react/jsx-runtime").JSX.Element;
+export declare function TabBox(props: TabBoxProps): React.JSX.Element;
 export {};

package/lib/mjs/TableEx.d.ts

@@ -68,4 +68,4 @@ export type TableExProps<T extends object, D extends DataTypes.Keys<T>> = TableP
  * @param props Props
  * @returns Component
  */
-export declare function TableEx<T extends object, D extends DataTypes.Keys<T> = IdDefaultType<T>>(props: TableExProps<T, D>): import("react/jsx-runtime").JSX.Element;
+export declare function TableEx<T extends object, D extends DataTypes.Keys<T> = IdDefaultType<T>>(props: TableExProps<T, D>): React.JSX.Element;

package/lib/mjs/TagList.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { InputFieldProps } from "./InputField";
 import { AutocompleteProps } from "@mui/material/Autocomplete";
 export type TagListProps = Omit<AutocompleteProps<string, true, false, true>, "open" | "multiple" | "freeSolo" | "options" | "renderInput"> & {
@@ -18,4 +19,4 @@ export type TagListProps = Omit<AutocompleteProps<string, true, false, true>, "o
      */
     maxItems?: number;
 };
-export declare function TagList(props: TagListProps): import("react/jsx-runtime").JSX.Element;
+export declare function TagList(props: TagListProps): React.JSX.Element;

package/lib/mjs/TagListPro.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { InputFieldProps } from "./InputField";
 import { ListType2 } from "@etsoo/shared";
 import { AutocompleteProps } from "@mui/material/Autocomplete";
@@ -23,4 +24,4 @@ export type TagListProProps<D extends ListType2 = ListType2> = Omit<Autocomplete
      */
     maxItems?: number;
 };
-export declare function TagListPro<D extends ListType2 = ListType2>(props: TagListProProps<D>): import("react/jsx-runtime").JSX.Element;
+export declare function TagListPro<D extends ListType2 = ListType2>(props: TagListProProps<D>): React.JSX.Element;

package/lib/mjs/TextFieldEx.d.ts

@@ -53,4 +53,4 @@ export interface TextFieldExMethods {
      */
     setError(error: React.ReactNode): void;
 }
-export declare function TextFieldEx(props: TextFieldExProps): import("react/jsx-runtime").JSX.Element;
+export declare function TextFieldEx(props: TextFieldExProps): React.JSX.Element;

package/lib/mjs/Tiplist.d.ts

@@ -1,4 +1,5 @@
 import { DataTypes, IdDefaultType, ListType2 } from "@etsoo/shared";
+import React from "react";
 import type { AutocompleteExtendedProps } from "./AutocompleteExtendedProps";
 /**
  * Tiplist props
@@ -26,4 +27,4 @@ export type TiplistProps<T extends object, D extends DataTypes.Keys<T>> = Omit<A
  * @param props Props
  * @returns Component
  */
-export declare function Tiplist<T extends object = ListType2, D extends DataTypes.Keys<T> = IdDefaultType<T>>(props: TiplistProps<T, D>): import("react/jsx-runtime").JSX.Element;
+export declare function Tiplist<T extends object = ListType2, D extends DataTypes.Keys<T> = IdDefaultType<T>>(props: TiplistProps<T, D>): React.JSX.Element;

package/lib/mjs/TiplistPro.d.ts

@@ -1,5 +1,5 @@
 import { ListType2 } from "@etsoo/shared";
-import { ChangeEventHandler } from "react";
+import React, { ChangeEventHandler } from "react";
 import { InputFieldProps } from "./InputField";
 import { AutocompleteProps } from "@mui/material/Autocomplete";
 /**
@@ -62,4 +62,4 @@ export type TiplistProProps<T extends ListType2 = ListType2> = Omit<Autocomplete
  * @param props Props
  * @returns Component
  */
-export declare function TiplistPro<T extends ListType2 = ListType2>(props: TiplistProProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function TiplistPro<T extends ListType2 = ListType2>(props: TiplistProProps<T>): React.JSX.Element;

package/lib/mjs/TooltipClick.d.ts

@@ -12,4 +12,4 @@ export interface TooltipClickProps extends Omit<TooltipProps, "children" | "open
  * @param props Props
  * @returns Component
  */
-export declare function TooltipClick(props: TooltipClickProps): import("react/jsx-runtime").JSX.Element;
+export declare function TooltipClick(props: TooltipClickProps): React.JSX.Element;

package/lib/mjs/TwoFieldInput.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { InputFieldProps } from "./InputField";
 type ValueType = string | number | Date | null | undefined;
 /**
@@ -18,5 +19,5 @@ export type TwoFieldInputProps = Omit<InputFieldProps, "value"> & {
  * @param props Props
  * @returns Component
  */
-export declare function TwoFieldInput(props: TwoFieldInputProps): import("react/jsx-runtime").JSX.Element;
+export declare function TwoFieldInput(props: TwoFieldInputProps): React.JSX.Element;
 export {};

package/lib/mjs/UserAvatar.d.ts

@@ -20,4 +20,4 @@ export interface UserAvatarProps {
  * @param props Props
  * @returns Component
  */
-export declare function UserAvatar(props: UserAvatarProps): import("react/jsx-runtime").JSX.Element;
+export declare function UserAvatar(props: UserAvatarProps): import("react").JSX.Element;

package/lib/mjs/UserAvatarEditor.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 /**
  * User avatar editor to Blob helper
  */
@@ -57,4 +58,4 @@ export interface UserAvatarEditorProps {
  * @param props Props
  * @returns Component
  */
-export declare function UserAvatarEditor(props: UserAvatarEditorProps): import("react/jsx-runtime").JSX.Element;
+export declare function UserAvatarEditor(props: UserAvatarEditorProps): React.JSX.Element;

package/lib/mjs/ViewContainer.d.ts

@@ -38,7 +38,7 @@ export type ViewPageGridItemProps = GridProps & {
  * @param props Props
  * @returns Result
  */
-export declare function ViewPageGridItem(props: ViewPageGridItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function ViewPageGridItem(props: ViewPageGridItemProps): React.JSX.Element;
 /**
  * View page display field
  */
@@ -109,5 +109,5 @@ export type ViewContainerProps<T extends DataTypes.StringRecord> = {
      */
     spacing?: Record<string, string | number>;
 };
-export declare function ViewContainer<T extends DataTypes.StringRecord>(props: ViewContainerProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function ViewContainer<T extends DataTypes.StringRecord>(props: ViewContainerProps<T>): React.JSX.Element;
 export {};

package/lib/mjs/custom/CustomAttributeArea.d.ts

@@ -1,4 +1,5 @@
 import { TextFieldProps } from "@mui/material/TextField";
+import React from "react";
 /**
  * Custom attribute area properties
  */
@@ -8,4 +9,4 @@ export type CustomAttributeAreaProps = TextFieldProps & {};
  * @param props Properties
  * @returns Component
  */
-export declare function CustomAttributeArea(props: CustomAttributeAreaProps): import("react/jsx-runtime").JSX.Element;
+export declare function CustomAttributeArea(props: CustomAttributeAreaProps): React.JSX.Element;

package/lib/mjs/custom/CustomFieldUI.d.ts

@@ -29,4 +29,4 @@ export type CustomFieldUIProps<D extends CustomFieldData = CustomFieldData> = {
  * @param props Props
  * @returns component
  */
-export declare function CustomFieldUI<D extends CustomFieldData = CustomFieldData>(props: CustomFieldUIProps<D>): import("react/jsx-runtime").JSX.Element[];
+export declare function CustomFieldUI<D extends CustomFieldData = CustomFieldData>(props: CustomFieldUIProps<D>): React.JSX.Element[];

package/lib/mjs/custom/CustomFieldUtils.d.ts

@@ -1,6 +1,7 @@
 import { CustomFieldData, CustomFieldSpace } from "@etsoo/appscript";
 import { CustomFieldReactCollection, ICustomFieldReact } from "@etsoo/react";
 import { IdType, ListType2 } from "@etsoo/shared";
+import React from "react";
 import { GridSize } from "@mui/material/Grid";
 import { TypographyProps } from "@mui/material/Typography";
 /**
@@ -21,14 +22,14 @@ export declare namespace CustomFieldUtils {
      * @param fieldCalback Field callback
      * @returns
      */
-    function create<D extends CustomFieldData = CustomFieldData>(fields: D[], collections: CustomFieldReactCollection<D>, getValue: (field: D) => unknown, onChange: (name: string, value: unknown) => void, globalCallback?: (input: string) => string, fieldCalback?: (field: D) => void): import("react/jsx-runtime").JSX.Element[];
+    function create<D extends CustomFieldData = CustomFieldData>(fields: D[], collections: CustomFieldReactCollection<D>, getValue: (field: D) => unknown, onChange: (name: string, value: unknown) => void, globalCallback?: (input: string) => string, fieldCalback?: (field: D) => void): React.JSX.Element[];
     /**
      * Create multiline label
      * @param label Original label
      * @param props Properties
      * @returns Result
      */
-    function createMultilineLabel(label?: string, props?: TypographyProps): import("react/jsx-runtime").JSX.Element[] | undefined;
+    function createMultilineLabel(label?: string, props?: TypographyProps): React.JSX.Element[] | undefined;
     /**
      * Transform custom field space
      * @param space Space

package/lib/mjs/custom/CustomFieldViewUI.d.ts

@@ -15,4 +15,4 @@ export type CustomFieldViewUIProps<T extends DataTypes.StringRecord> = Omit<View
  * @param props Props
  * @returns Component
  */
-export declare function CustomFieldViewUI<T extends DataTypes.StringRecord>(props: CustomFieldViewUIProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function CustomFieldViewUI<T extends DataTypes.StringRecord>(props: CustomFieldViewUIProps<T>): import("react").JSX.Element;

package/lib/mjs/custom/CustomFieldViewer.d.ts

@@ -48,4 +48,4 @@ export type CustomFieldViewerProps = {
  * @param props Props
  * @returns Component
  */
-export declare function CustomFieldViewer(props: CustomFieldViewerProps): import("react/jsx-runtime").JSX.Element;
+export declare function CustomFieldViewer(props: CustomFieldViewerProps): import("react").JSX.Element;

package/lib/mjs/custom/CustomFieldWindow.d.ts

@@ -52,4 +52,4 @@ export type CustomFieldWindowProps<D extends CustomFieldData> = {
  * @param props Props
  * @returns Component
  */
-export declare function CustomFieldWindow<D extends CustomFieldData = CustomFieldData>(props: CustomFieldWindowProps<D>): import("react/jsx-runtime").JSX.Element;
+export declare function CustomFieldWindow<D extends CustomFieldData = CustomFieldData>(props: CustomFieldWindowProps<D>): React.JSX.Element;

package/lib/mjs/html/HtmlDiv.d.ts

@@ -39,5 +39,5 @@ export type HtmlDivProps = HTMLAttributes<HTMLElement> & {
  * @param props Properties
  * @returns Component
  */
-export declare function HtmlDiv(props: HtmlDivProps): import("react/jsx-runtime").JSX.Element;
+export declare function HtmlDiv(props: HtmlDivProps): import("react").JSX.Element;
 export {};

package/lib/mjs/messages/OperationMessageContainer.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { OperationMessageHandlerAll } from "./OperationMessageHandler";
 /**
  * Operation message container properties
@@ -21,4 +22,4 @@ export type OperationMessageContainerProps = {
  * @param props Props
  * @returns Component
  */
-export declare function OperationMessageContainer(props: OperationMessageContainerProps): import("react/jsx-runtime").JSX.Element;
+export declare function OperationMessageContainer(props: OperationMessageContainerProps): React.JSX.Element;

package/lib/mjs/pages/CommonPage.d.ts

@@ -74,4 +74,4 @@ export interface CommonPageProps extends Omit<ContainerProps, "id"> {
  * Common page
  * @param props Props
  */
-export declare function CommonPage(props: CommonPageProps): import("react/jsx-runtime").JSX.Element;
+export declare function CommonPage(props: CommonPageProps): React.JSX.Element;

package/lib/mjs/pages/DataGridPage.d.ts

@@ -1,7 +1,8 @@
+import React from "react";
 import type { DataGridPageProps } from "./DataGridPageProps";
 /**
  * DataGrid page
  * @param props Props
  * @returns Component
  */
-export declare function DataGridPage<T extends object, F>(props: DataGridPageProps<T, F>): import("react/jsx-runtime").JSX.Element;
+export declare function DataGridPage<T extends object, F>(props: DataGridPageProps<T, F>): React.JSX.Element;

package/lib/mjs/pages/EditPage.d.ts

@@ -47,4 +47,4 @@ export interface EditPageProps extends Omit<CommonPageProps, "onSubmit"> {
  * Add / Edit page
  * @param props Props
  */
-export declare function EditPage(props: EditPageProps): import("react/jsx-runtime").JSX.Element;
+export declare function EditPage(props: EditPageProps): React.JSX.Element;

package/lib/mjs/pages/FixedListPage.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import type { ListPageProps } from "./ListPage";
 /**
  * Fixed height list page
@@ -11,4 +12,4 @@ export declare function FixedListPage<T extends object, F>(props: ListPageProps<
      * @param rect Current rect data
      */
     adjustHeight?: number | ((height: number, rect: DOMRect) => number);
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;

package/lib/mjs/pages/LeftDrawer.d.ts

@@ -32,4 +32,4 @@ export type LeftDrawerProps = React.PropsWithRef<{
      */
     onMinimize?: () => void;
 }>;
-export declare function LeftDrawer(props: React.PropsWithChildren<LeftDrawerProps>): import("react/jsx-runtime").JSX.Element;
+export declare function LeftDrawer(props: React.PropsWithChildren<LeftDrawerProps>): React.JSX.Element;

package/lib/mjs/pages/ListPage.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { ScrollerListExProps } from "../ScrollerListEx";
 import type { SearchPageProps } from "./SearchPageProps";
 /**
@@ -9,4 +10,4 @@ export type ListPageProps<T extends object, F> = SearchPageProps<T, F> & Omit<Sc
  * @param props Props
  * @returns Component
  */
-export declare function ListPage<T extends object, F>(props: ListPageProps<T, F>): import("react/jsx-runtime").JSX.Element;
+export declare function ListPage<T extends object, F>(props: ListPageProps<T, F>): React.JSX.Element;

package/lib/mjs/pages/ResponsivePage.d.ts

@@ -57,4 +57,4 @@ export type ResponsePageProps<T extends object, F> = Omit<DataGridPageProps<T, F
  * @param props Props
  * @returns Component
  */
-export declare function ResponsivePage<T extends object, F>(props: ResponsePageProps<T, F>): import("react/jsx-runtime").JSX.Element;
+export declare function ResponsivePage<T extends object, F>(props: ResponsePageProps<T, F>): React.JSX.Element;

package/lib/mjs/pages/TablePage.d.ts

@@ -1,4 +1,5 @@
 import { DataTypes, IdDefaultType } from "@etsoo/shared";
+import React from "react";
 import { TableExProps } from "../TableEx";
 import type { SearchPageProps } from "./SearchPageProps";
 /**
@@ -10,4 +11,4 @@ export type TablePageProps<T extends object, F, D extends DataTypes.Keys<T>> = S
  * @param props Props
  * @returns Component
  */
-export declare function TablePage<T extends object, F, D extends DataTypes.Keys<T> = IdDefaultType<T>>(props: TablePageProps<T, F, D>): import("react/jsx-runtime").JSX.Element;
+export declare function TablePage<T extends object, F, D extends DataTypes.Keys<T> = IdDefaultType<T>>(props: TablePageProps<T, F, D>): React.JSX.Element;

package/lib/mjs/pages/UserMenu.d.ts

@@ -37,4 +37,4 @@ export declare const eventWatcher: EventWatcher;
  * @param props Props
  * @returns Component
  */
-export declare function UserMenu(props: UserMenuProps): import("react/jsx-runtime").JSX.Element;
+export declare function UserMenu(props: UserMenuProps): React.JSX.Element;

package/lib/mjs/pages/ViewPage.d.ts

@@ -11,7 +11,7 @@ import { StackProps } from "@mui/material/Stack";
  */
 export declare function ViewPageActionBar(props: StackProps & {
     actionPaddings?: number | Record<string, string | number>;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 /**
  * View page props
  */
@@ -58,4 +58,4 @@ export interface ViewPageProps<T extends DataTypes.StringRecord> extends Omit<Co
  * View page
  * @param props Props
  */
-export declare function ViewPage<T extends DataTypes.StringRecord>(props: ViewPageProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function ViewPage<T extends DataTypes.StringRecord>(props: ViewPageProps<T>): React.JSX.Element;

package/lib/mjs/texts/DateText.d.ts

@@ -30,4 +30,4 @@ export interface DateTextProps extends TypographyProps {
  * @param props Props
  * @returns Component
  */
-export declare function DateText(props: DateTextProps): import("react/jsx-runtime").JSX.Element;
+export declare function DateText(props: DateTextProps): import("react").JSX.Element;

package/lib/mjs/texts/MoneyText.d.ts

@@ -17,4 +17,4 @@ export interface MoneyTextProps extends NumberTextProps {
  * @param props Props
  * @returns Component
  */
-export declare function MoneyText(props: MoneyTextProps): import("react/jsx-runtime").JSX.Element;
+export declare function MoneyText(props: MoneyTextProps): import("react").JSX.Element;

package/lib/mjs/texts/NumberText.d.ts

@@ -21,4 +21,4 @@ export interface NumberTextProps extends TypographyProps {
  * @param props Props
  * @returns Component
  */
-export declare function NumberText(props: NumberTextProps): import("react/jsx-runtime").JSX.Element;
+export declare function NumberText(props: NumberTextProps): import("react").JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@etsoo/materialui",
-  "version": "1.6.67",
+  "version": "1.6.69",
   "description": "TypeScript Material-UI Implementation",
   "main": "lib/cjs/index.js",
   "module": "lib/mjs/index.js",
@@ -40,24 +40,24 @@
     "@dnd-kit/react": "^0.4.0",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",
-    "@etsoo/appscript": "^1.6.65",
+    "@etsoo/appscript": "^1.6.66",
     "@etsoo/notificationbase": "^1.1.71",
-    "@etsoo/react": "^1.8.90",
+    "@etsoo/react": "^1.8.91",
     "@etsoo/shared": "^1.2.84",
     "@mui/icons-material": "^9.0.1",
     "@mui/material": "^9.0.1",
-    "@mui/x-data-grid": "^9.3.0",
+    "@mui/x-data-grid": "^9.4.0",
     "chart.js": "^4.5.1",
     "chartjs-plugin-datalabels": "^2.2.0",
-    "dompurify": "^3.4.5",
+    "dompurify": "^3.4.8",
     "eventemitter3": "^5.0.4",
     "pica": "^10.0.1",
     "pulltorefreshjs": "^0.1.22",
-    "react": "^19.2.6",
+    "react": "^19.2.7",
     "react-avatar-editor": "^15.1.0",
     "react-chartjs-2": "^5.3.1",
-    "react-dom": "^19.2.6",
-    "react-draggable": "^4.5.0",
+    "react-dom": "^19.2.7",
+    "react-draggable": "^4.6.0",
     "react-imask": "7.6.1"
   },
   "overrides": {
@@ -65,23 +65,23 @@
     "react-dom": "$react-dom"
   },
   "devDependencies": {
-    "@babel/core": "^7.29.0",
-    "@babel/plugin-transform-runtime": "^7.29.0",
-    "@babel/preset-env": "^7.29.5",
-    "@babel/preset-react": "^7.28.5",
-    "@babel/preset-typescript": "^7.28.5",
-    "@babel/runtime-corejs3": "^7.29.2",
+    "@babel/core": "^7.29.7",
+    "@babel/plugin-transform-runtime": "^7.29.7",
+    "@babel/preset-env": "^7.29.7",
+    "@babel/preset-react": "^7.29.7",
+    "@babel/preset-typescript": "^7.29.7",
+    "@babel/runtime-corejs3": "^7.29.7",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",
     "@types/pica": "^9.0.5",
     "@types/pulltorefreshjs": "^0.1.7",
-    "@types/react": "^19.2.15",
+    "@types/react": "^19.2.17",
     "@types/react-avatar-editor": "^13.0.4",
     "@types/react-dom": "^19.2.3",
     "@types/react-input-mask": "^3.0.6",
     "@vitejs/plugin-react": "^6.0.2",
     "jsdom": "^29.1.1",
     "typescript": "^6.0.3",
-    "vitest": "^4.1.7"
+    "vitest": "^4.1.8"
   }
 }

package/src/SelectEx.tsx

@@ -184,7 +184,7 @@ export function SelectEx<
   // Local value
   const v = defaultValue ?? value;
   const valueSource = React.useMemo(
-    () => (multiple ? (v ? (Array.isArray(v) ? v : [v]) : []) : v ?? ""),
+    () => (multiple ? (v ? (Array.isArray(v) ? v : [v]) : []) : (v ?? "")),
     [multiple, v]
   );
 
@@ -326,8 +326,8 @@ export function SelectEx<
             multiple
               ? valueState
               : localOptions.some((o) => o[idField] === valueState)
-              ? valueState
-              : ""
+                ? valueState
+                : ""
           }
           input={
             <OutlinedInput
@@ -409,7 +409,10 @@ export function SelectEx<
                     }
                   />
                 )}
-                <ListItemText primary={label} />
+                <ListItemText
+                  primary={label}
+                  slotProps={{ primary: { noWrap: true } }}
+                />
                 {itemIconRenderer && (
                   <ListItemRightIcon>
                     {itemIconRenderer(option[idField])}