@etsoo/materialui 1.5.63 → 1.5.64

package/lib/cjs/DataLoadField.d.ts

@@ -0,0 +1,17 @@
+import { InputFieldProps } from "./InputField";
+/**
+ * Data load field properties
+ */
+export type DataLoadFieldProps = InputFieldProps & {
+    /**
+     *
+     * Load data handler
+     */
+    loadData: () => Promise<string | undefined>;
+};
+/**
+ * Data load field component
+ * @param props Properties
+ * @returns Component
+ */
+export declare function DataLoadField(props: DataLoadFieldProps): import("react/jsx-runtime").JSX.Element;

package/lib/cjs/DataLoadField.js

@@ -0,0 +1,25 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DataLoadField = DataLoadField;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+const InputField_1 = require("./InputField");
+/**
+ * Data load field component
+ * @param props Properties
+ * @returns Component
+ */
+function DataLoadField(props) {
+    // Destruct
+    const { disabled = true, fullWidth = true, loadData, ...rest } = props;
+    // Ref
+    const inputRef = react_1.default.useRef(null);
+    react_1.default.useEffect(() => {
+        loadData().then((data) => (inputRef.current.value = data ?? ""));
+    }, [loadData]);
+    // Layout
+    return ((0, jsx_runtime_1.jsx)(InputField_1.InputField, { disabled: disabled, fullWidth: fullWidth, inputRef: inputRef, ...rest }));
+}

package/lib/cjs/index.d.ts

@@ -50,6 +50,7 @@ export * from "./CultureDataTable";
 export * from "./CustomFabProps";
 export * from "./DataGridEx";
 export * from "./DataGridRenderers";
+export * from "./DataLoadField";
 export * from "./DataSteps";
 export * from "./DataTable";
 export * from "./DialogButton";

package/lib/cjs/index.js

@@ -66,6 +66,7 @@ __exportStar(require("./CultureDataTable"), exports);
 __exportStar(require("./CustomFabProps"), exports);
 __exportStar(require("./DataGridEx"), exports);
 __exportStar(require("./DataGridRenderers"), exports);
+__exportStar(require("./DataLoadField"), exports);
 __exportStar(require("./DataSteps"), exports);
 __exportStar(require("./DataTable"), exports);
 __exportStar(require("./DialogButton"), exports);

package/lib/mjs/DataLoadField.d.ts

@@ -0,0 +1,17 @@
+import { InputFieldProps } from "./InputField";
+/**
+ * Data load field properties
+ */
+export type DataLoadFieldProps = InputFieldProps & {
+    /**
+     *
+     * Load data handler
+     */
+    loadData: () => Promise<string | undefined>;
+};
+/**
+ * Data load field component
+ * @param props Properties
+ * @returns Component
+ */
+export declare function DataLoadField(props: DataLoadFieldProps): import("react/jsx-runtime").JSX.Element;

package/lib/mjs/DataLoadField.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import { InputField } from "./InputField";
+/**
+ * Data load field component
+ * @param props Properties
+ * @returns Component
+ */
+export function DataLoadField(props) {
+    // Destruct
+    const { disabled = true, fullWidth = true, loadData, ...rest } = props;
+    // Ref
+    const inputRef = React.useRef(null);
+    React.useEffect(() => {
+        loadData().then((data) => (inputRef.current.value = data ?? ""));
+    }, [loadData]);
+    // Layout
+    return (_jsx(InputField, { disabled: disabled, fullWidth: fullWidth, inputRef: inputRef, ...rest }));
+}

package/lib/mjs/index.d.ts

@@ -50,6 +50,7 @@ export * from "./CultureDataTable";
 export * from "./CustomFabProps";
 export * from "./DataGridEx";
 export * from "./DataGridRenderers";
+export * from "./DataLoadField";
 export * from "./DataSteps";
 export * from "./DataTable";
 export * from "./DialogButton";

package/lib/mjs/index.js

@@ -50,6 +50,7 @@ export * from "./CultureDataTable";
 export * from "./CustomFabProps";
 export * from "./DataGridEx";
 export * from "./DataGridRenderers";
+export * from "./DataLoadField";
 export * from "./DataSteps";
 export * from "./DataTable";
 export * from "./DialogButton";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@etsoo/materialui",
-  "version": "1.5.63",
+  "version": "1.5.64",
   "description": "TypeScript Material-UI Implementation",
   "main": "lib/cjs/index.js",
   "module": "lib/mjs/index.js",
@@ -57,7 +57,7 @@
     "react-avatar-editor": "^13.0.2",
     "react-chartjs-2": "^5.3.0",
     "react-dom": "^18.3.1",
-    "react-draggable": "^4.4.6",
+    "react-draggable": "^4.5.0",
     "react-imask": "7.6.1"
   },
   "overrides": {
@@ -81,7 +81,7 @@
     "@types/react-dom": "^18.3.7",
     "@types/react-input-mask": "^3.0.6",
     "@types/react-window": "^1.8.8",
-    "@vitejs/plugin-react": "^4.5.2",
+    "@vitejs/plugin-react": "^4.6.0",
     "jsdom": "^26.1.0",
     "typescript": "^5.8.3",
     "vitest": "^3.2.4"

package/src/DataLoadField.tsx

@@ -0,0 +1,40 @@
+import React from "react";
+import { InputField, InputFieldProps } from "./InputField";
+
+/**
+ * Data load field properties
+ */
+export type DataLoadFieldProps = InputFieldProps & {
+  /**
+   *
+   * Load data handler
+   */
+  loadData: () => Promise<string | undefined>;
+};
+
+/**
+ * Data load field component
+ * @param props Properties
+ * @returns Component
+ */
+export function DataLoadField(props: DataLoadFieldProps) {
+  // Destruct
+  const { disabled = true, fullWidth = true, loadData, ...rest } = props;
+
+  // Ref
+  const inputRef = React.useRef<HTMLInputElement>(null);
+
+  React.useEffect(() => {
+    loadData().then((data) => (inputRef.current!.value = data ?? ""));
+  }, [loadData]);
+
+  // Layout
+  return (
+    <InputField
+      disabled={disabled}
+      fullWidth={fullWidth}
+      inputRef={inputRef}
+      {...rest}
+    />
+  );
+}

package/src/index.ts

@@ -56,6 +56,7 @@ export * from "./CultureDataTable";
 export * from "./CustomFabProps";
 export * from "./DataGridEx";
 export * from "./DataGridRenderers";
+export * from "./DataLoadField";
 export * from "./DataSteps";
 export * from "./DataTable";
 export * from "./DialogButton";