frame.theme 0.0.2 → 0.0.3

package/dist/NumberInput.d.ts

@@ -1,6 +1,7 @@
 export declare function NumberInput(props: {
     value: string;
     onChange: (value: string) => void;
+    checkValue: (value: string, setError: (error: string) => void) => void;
     label: string;
     defaultValue?: string;
     sh?: number;

package/dist/NumberInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NumberInput.d.ts","sourceRoot":"","sources":["../src/NumberInput.tsx"],"names":[],"mappings":"AASA,wBAAgB,WAAW,CAAC,KAAK,EAAE;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,YAAY,CAAC,EAAE;QACb,QAAQ,EAAE,MAAM,CAAC;QACjB,OAAO,EAAE,MAAM,CAAC;QAChB,QAAQ,EAAE,MAAM,CAAC;QACjB,YAAY,EAAE,MAAM,CAAC;KACtB,CAAC;IACF,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,+BAmGA"}
+{"version":3,"file":"NumberInput.d.ts","sourceRoot":"","sources":["../src/NumberInput.tsx"],"names":[],"mappings":"AAGA,wBAAgB,WAAW,CAAC,KAAK,EAAE;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,KAAK,IAAI,CAAC;IACvE,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,YAAY,CAAC,EAAE;QACb,QAAQ,EAAE,MAAM,CAAC;QACjB,OAAO,EAAE,MAAM,CAAC;QAChB,QAAQ,EAAE,MAAM,CAAC;QACjB,YAAY,EAAE,MAAM,CAAC;KACtB,CAAC;IACF,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,+BAyGA"}

package/dist/frame.theme.js

@@ -1,63 +1,59 @@
-import { TextField as e } from "@mui/material";
-import { useCallback as t, useEffect as n, useRef as r, useState as i } from "react";
-import { jsx as a } from "react/jsx-runtime";
+import { TextField as e, useTheme as t } from "@mui/material";
+import { useEffect as n, useRef as r, useState as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region src/NumberInput.tsx
-function o(o) {
-	let [s, c] = i(""), l = r(null), u = t((e) => {
-		let t = parseFloat(e);
-		t < 0 ? c(o.errorMessage?.negative || "Number must be\npositive") : t === 0 ? c(o.errorMessage?.notNull || "Number must not be zero") : o.sh !== void 0 && t > o.sh ? c(o.errorMessage?.largerThanSH || "must not be greater than\nthe Box height") : c(t > 40 ? o.errorMessage?.tooLarge || "Number must not be\ngreater than 40" : "");
-	}, [o.errorMessage, o.sh]);
+function s(s) {
+	let c = "NumberInput", l = t(), [u, d] = i(""), f = r(null);
 	return n(() => {
-		u(o.value);
-	}, [
-		o.value,
-		o.errorMessage,
-		o.sh,
-		u
-	]), n(() => {
-		let e = l.current;
+		let e = f.current;
 		if (!e) return;
 		let t = (e) => {
 			let t = e.target;
-			if (t && t.value !== o.value) {
+			if (t && t.value !== s.value) {
 				let e = t.value;
-				u(e), o.onChange(e);
+				s.checkValue(e, d), s.onChange(e);
 			}
 		};
 		return e.addEventListener("input", t), e.addEventListener("change", t), () => {
 			e.removeEventListener("input", t), e.removeEventListener("change", t);
 		};
 	}, [
-		o.value,
-		o.onChange,
-		o.errorMessage,
-		o.sh,
-		o,
-		u
-	]), /* @__PURE__ */ a("div", { children: /* @__PURE__ */ a(e, {
-		"data-testid": `NumberInput.Textfield.${o.dataTestid}`,
+		s.value,
+		s.onChange,
+		s.errorMessage,
+		s.sh,
+		s
+	]), console.log(`error: ${u}`), /* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a(e, {
+		"data-testid": `${c}.Textfield.${s.dataTestid}`,
 		focused: !0,
 		color: "secondary",
-		label: o.label,
+		label: s.label,
 		variant: "filled",
-		value: o.value,
+		value: s.value,
+		sx: { width: "150px" },
 		slotProps: {
-			input: {
-				"data-testid": `Centration.${o.dataTestid}`,
-				style: { color: "white" },
-				ref: l,
-				readOnly: o.readonly ?? !1
-			},
+			input: { style: {
+				color: "white",
+				backgroundColor: l.palette.primary.main
+			} },
 			formHelperText: { sx: { whiteSpace: "pre-line" } }
 		},
 		type: "number",
 		onChange: (e) => {
 			let t = e.target.value;
-			u(t), o.onChange(t);
+			s.checkValue(t, d), s.onChange(t);
 		},
-		error: !!s,
-		helperText: s
-	}) });
+		error: !!u,
+		helperText: u
+	}), /* @__PURE__ */ a(e, {
+		"data-testid": `${c}.Textfield.${s.dataTestid}.filled.success`,
+		focused: !0,
+		color: "success",
+		label: "Filled success",
+		variant: "filled",
+		value: s.value,
+		type: "number"
+	})] });
 }
 //#endregion
-export { o as NumberInput };
+export { s as NumberInput };

package/package.json

@@ -1,10 +1,11 @@
 {
   "name": "frame.theme",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "description": "A sample theme for the Frame project",
   "type": "module",
   "author": "Christian Todd <Christian.Todd@rodenstock.com>",
   "license": "UNLICENSED",
+  "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "files": [
     "dist"
@@ -25,22 +26,21 @@
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",
     "@mui/material": "^9.3.1",
-    "frame.theme": "^0.0.1",
     "react": "^19.2.8",
     "react-dom": "^19.2.8"
   },
   "devDependencies": {
     "@eslint/js": "^10.0.1",
-    "@types/node": "^24.13.3",
+    "@types/node": "^26.3.0",
     "@types/react": "^19.2.17",
-    "@types/react-dom": "^19.2.3",
+    "@types/react-dom": "^19.2.5",
     "@vitejs/plugin-react": "^6.0.4",
-    "eslint": "^10.8.0",
+    "eslint": "^10.9.1",
     "eslint-plugin-react-hooks": "^7.1.1",
     "eslint-plugin-react-refresh": "^0.5.3",
     "globals": "^17.7.0",
     "typescript": "~6.0.2",
-    "typescript-eslint": "^8.65.0",
+    "typescript-eslint": "^8.68.0",
     "vite": "^8.2.0",
     "vite-plugin-dts": "^5.0.3"
   }