@etsoo/materialui 1.6.43 → 1.6.45

package/lib/cjs/DnDSortableList.d.ts

@@ -2,7 +2,7 @@ import { DataTypes, IdType } from "@etsoo/shared";
 import React from "react";
 import { CSSProperties, Theme } from "@mui/material/styles";
 import { useSortable } from "@dnd-kit/react/sortable";
-import { DragDropEvents } from "@dnd-kit/react";
+import { DragDropEventHandlers } from "@dnd-kit/react";
 /**
  * DnD sortable item default style
  * @param index Item index
@@ -91,11 +91,11 @@ export type DnDSortableListProps<D extends object, E extends React.ElementType =
     /**
      * Drag start handler
      */
-    onDragStart?: (items: D[], event: Parameters<DragDropEvents["dragstart"]>[0]) => void;
+    onDragStart?: (items: D[], event: Parameters<DragDropEventHandlers["onDragStart"]>[0]) => void;
     /**
      * Drag end handler
      */
-    onDragEnd?: (items: D[], ...args: Parameters<DragDropEvents["dragend"]>) => void;
+    onDragEnd?: (items: D[], ...args: Parameters<DragDropEventHandlers["onDragEnd"]>) => void;
 };
 /**
  * DnD sortable list component

package/lib/cjs/InputField.d.ts

@@ -16,6 +16,10 @@ export type InputFieldProps = TextFieldProps & {
      * Is the field read only?
      */
     readOnly?: boolean;
+    /**
+     * Search case
+     */
+    search?: boolean;
 };
 /**
  * Input field

package/lib/cjs/InputField.js

@@ -16,7 +16,7 @@ const TextField_1 = __importDefault(require("@mui/material/TextField"));
  */
 function InputField(props) {
     // Destruct
-    const { slotProps, onChange, onChangeDelay, changeDelay = onChangeDelay ? [480] : undefined, readOnly, size = MUGlobal_1.MUGlobal.inputFieldSize, variant = MUGlobal_1.MUGlobal.inputFieldVariant, ...rest } = props;
+    const { slotProps, onChange, onChangeDelay, changeDelay = onChangeDelay ? [480] : undefined, readOnly, search = false, size = search ? MUGlobal_1.MUGlobal.searchFieldSize : MUGlobal_1.MUGlobal.inputFieldSize, variant = search ? MUGlobal_1.MUGlobal.searchFieldVariant : MUGlobal_1.MUGlobal.inputFieldVariant, ...rest } = props;
     // Slot props
     const { htmlInput, input, inputLabel, ...restSlotProps } = slotProps ?? {};
     const isMounted = react_2.default.useRef(true);
@@ -54,7 +54,9 @@ function InputField(props) {
             },
             input: { readOnly, ...input },
             inputLabel: {
-                shrink: MUGlobal_1.MUGlobal.inputFieldShrink,
+                shrink: search
+                    ? MUGlobal_1.MUGlobal.searchFieldShrink
+                    : MUGlobal_1.MUGlobal.inputFieldShrink,
                 ...inputLabel
             },
             ...restSlotProps

package/lib/mjs/DnDSortableList.d.ts

@@ -2,7 +2,7 @@ import { DataTypes, IdType } from "@etsoo/shared";
 import React from "react";
 import { CSSProperties, Theme } from "@mui/material/styles";
 import { useSortable } from "@dnd-kit/react/sortable";
-import { DragDropEvents } from "@dnd-kit/react";
+import { DragDropEventHandlers } from "@dnd-kit/react";
 /**
  * DnD sortable item default style
  * @param index Item index
@@ -91,11 +91,11 @@ export type DnDSortableListProps<D extends object, E extends React.ElementType =
     /**
      * Drag start handler
      */
-    onDragStart?: (items: D[], event: Parameters<DragDropEvents["dragstart"]>[0]) => void;
+    onDragStart?: (items: D[], event: Parameters<DragDropEventHandlers["onDragStart"]>[0]) => void;
     /**
      * Drag end handler
      */
-    onDragEnd?: (items: D[], ...args: Parameters<DragDropEvents["dragend"]>) => void;
+    onDragEnd?: (items: D[], ...args: Parameters<DragDropEventHandlers["onDragEnd"]>) => void;
 };
 /**
  * DnD sortable list component

package/lib/mjs/InputField.d.ts

@@ -16,6 +16,10 @@ export type InputFieldProps = TextFieldProps & {
      * Is the field read only?
      */
     readOnly?: boolean;
+    /**
+     * Search case
+     */
+    search?: boolean;
 };
 /**
  * Input field

package/lib/mjs/InputField.js

@@ -10,7 +10,7 @@ import TextField from "@mui/material/TextField";
  */
 export function InputField(props) {
     // Destruct
-    const { slotProps, onChange, onChangeDelay, changeDelay = onChangeDelay ? [480] : undefined, readOnly, size = MUGlobal.inputFieldSize, variant = MUGlobal.inputFieldVariant, ...rest } = props;
+    const { slotProps, onChange, onChangeDelay, changeDelay = onChangeDelay ? [480] : undefined, readOnly, search = false, size = search ? MUGlobal.searchFieldSize : MUGlobal.inputFieldSize, variant = search ? MUGlobal.searchFieldVariant : MUGlobal.inputFieldVariant, ...rest } = props;
     // Slot props
     const { htmlInput, input, inputLabel, ...restSlotProps } = slotProps ?? {};
     const isMounted = React.useRef(true);
@@ -48,7 +48,9 @@ export function InputField(props) {
             },
             input: { readOnly, ...input },
             inputLabel: {
-                shrink: MUGlobal.inputFieldShrink,
+                shrink: search
+                    ? MUGlobal.searchFieldShrink
+                    : MUGlobal.inputFieldShrink,
                 ...inputLabel
             },
             ...restSlotProps

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@etsoo/materialui",
-  "version": "1.6.43",
+  "version": "1.6.45",
   "description": "TypeScript Material-UI Implementation",
   "main": "lib/cjs/index.js",
   "module": "lib/mjs/index.js",
@@ -36,20 +36,20 @@
   },
   "homepage": "https://github.com/ETSOO/ReactMU#readme",
   "dependencies": {
-    "@base-ui/react": "^1.3.0",
-    "@dnd-kit/react": "^0.3.2",
+    "@base-ui/react": "^1.4.0",
+    "@dnd-kit/react": "^0.4.0",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",
     "@etsoo/appscript": "^1.6.60",
     "@etsoo/notificationbase": "^1.1.69",
     "@etsoo/react": "^1.8.84",
-    "@etsoo/shared": "^1.2.82",
+    "@etsoo/shared": "^1.2.83",
     "@mui/icons-material": "^9.0.0",
     "@mui/material": "^9.0.0",
     "@mui/x-data-grid": "^9.0.1",
     "chart.js": "^4.5.1",
     "chartjs-plugin-datalabels": "^2.2.0",
-    "dompurify": "^3.3.3",
+    "dompurify": "^3.4.0",
     "eventemitter3": "^5.0.4",
     "pica": "^9.0.1",
     "pulltorefreshjs": "^0.1.22",

package/src/DnDSortableList.tsx

@@ -2,7 +2,7 @@ import { DataTypes, IdType } from "@etsoo/shared";
 import React from "react";
 import { CSSProperties, Theme, useTheme } from "@mui/material/styles";
 import { isSortableOperation, useSortable } from "@dnd-kit/react/sortable";
-import { DragDropEvents, DragDropProvider } from "@dnd-kit/react";
+import { DragDropEventHandlers, DragDropProvider } from "@dnd-kit/react";
 
 /**
  * DnD sortable item default style
@@ -126,7 +126,7 @@ export type DnDSortableListProps<
    */
   onDragStart?: (
     items: D[],
-    event: Parameters<DragDropEvents["dragstart"]>[0]
+    event: Parameters<DragDropEventHandlers["onDragStart"]>[0]
   ) => void;
 
   /**
@@ -134,7 +134,7 @@ export type DnDSortableListProps<
    */
   onDragEnd?: (
     items: D[],
-    ...args: Parameters<DragDropEvents["dragend"]>
+    ...args: Parameters<DragDropEventHandlers["onDragEnd"]>
   ) => void;
 };
 
@@ -293,7 +293,9 @@ export function DnDSortableList<
     };
   }, [items, labelFn, changeItems]);
 
-  function handleDragEnd(...args: Parameters<DragDropEvents["dragend"]>) {
+  function handleDragEnd(
+    ...args: Parameters<DragDropEventHandlers["onDragEnd"]>
+  ) {
     // Event
     const event = args[0];
 

package/src/InputField.tsx

@@ -23,6 +23,11 @@ export type InputFieldProps = TextFieldProps & {
    * Is the field read only?
    */
   readOnly?: boolean;
+
+  /**
+   * Search case
+   */
+  search?: boolean;
 };
 
 /**
@@ -38,8 +43,9 @@ export function InputField(props: InputFieldProps) {
     onChangeDelay,
     changeDelay = onChangeDelay ? [480] : undefined,
     readOnly,
-    size = MUGlobal.inputFieldSize,
-    variant = MUGlobal.inputFieldVariant,
+    search = false,
+    size = search ? MUGlobal.searchFieldSize : MUGlobal.inputFieldSize,
+    variant = search ? MUGlobal.searchFieldVariant : MUGlobal.inputFieldVariant,
     ...rest
   } = props;
 
@@ -90,7 +96,9 @@ export function InputField(props: InputFieldProps) {
         },
         input: { readOnly, ...input },
         inputLabel: {
-          shrink: MUGlobal.inputFieldShrink,
+          shrink: search
+            ? MUGlobal.searchFieldShrink
+            : MUGlobal.inputFieldShrink,
           ...inputLabel
         },
         ...restSlotProps

package/src/NumberInputField.tsx

@@ -3,7 +3,7 @@ import { InputField, InputFieldProps } from "./InputField";
 import { Currency } from "@etsoo/appscript";
 import { NumberUtils } from "@etsoo/shared";
 import InputAdornment from "@mui/material/InputAdornment";
-import { NumberFieldInput } from "@base-ui/react/number-field";
+import { MUGlobal } from "./MUGlobal";
 
 /**
  * Number input field properties