Merge pull request #264 from scottbenton/feat/asset-row-inputs

feat(assets): Added support for asset row inputs

src/components/features/assets/AssetCard/AssetCard.tsx

@@ -7,6 +7,7 @@ import {
   DialogTitle,
   FormControlLabel,
   IconButton,
+  Stack,
   SxProps,
   Theme,
   Tooltip,
@@ -26,6 +27,7 @@ import { assetMap, assetTypeLabels } from "data/assets";
 import { encodeDataswornId } from "functions/dataswornIdEncoder";
 import GroupIcon from "@mui/icons-material/Group";
 import { getIsLocalEnvironment } from "functions/getGameSystem";
+import { FieldType } from "./FieldType";
 
 export interface AssetCardProps {
   assetId: string;
@@ -78,15 +80,25 @@ export function AssetCard(props: AssetCardProps) {
 
   if (!asset) return null;
 
+  const abilityInputs: FieldType[] = [];
+
   let alternateConditionMeterProperties:
     | AssetAlterPropertiesConditionMeter
     | undefined;
 
-  asset.Abilities.forEach((ability) => {
+  asset.Abilities.forEach((ability, index) => {
     if (ability["Alter properties"]) {
       alternateConditionMeterProperties =
         ability["Alter properties"]?.["Condition meter"];
     }
+    if (
+      ((ability.Enabled || storedAsset?.enabledAbilities[index]) ?? false) &&
+      Object.values(ability.Inputs ?? {}).length > 0
+    ) {
+      Object.values(ability.Inputs ?? {}).forEach((input) => {
+        abilityInputs.push(input);
+      });
+    }
   });
 
   const conditionMeter = asset["Condition meter"]
@@ -184,6 +196,22 @@ export function AssetCard(props: AssetCardProps) {
               disabled={readOnly || !handleInputChange}
             />
           ))}
+          {abilityInputs.map((field, index) => (
+            <AssetCardField
+              key={field.$id}
+              field={field}
+              value={storedAsset?.inputs?.[encodeDataswornId(field.$id)]}
+              onChange={(value) => {
+                if (handleInputChange) {
+                  return handleInputChange(encodeDataswornId(field.$id), value);
+                }
+                return new Promise((res, reject) =>
+                  reject("handleInputChange is undefined")
+                );
+              }}
+              disabled={readOnly || !handleInputChange}
+            />
+          ))}
           <Box flexGrow={1}>
             {asset.Abilities.map((ability, index) => (
               <Box

src/components/features/assets/AssetCard/AssetCardField.tsx

@@ -1,10 +1,10 @@
 import { MenuItem, TextField } from "@mui/material";
-import { InputClock, InputNumber, InputSelect, InputText } from "dataforged";
 import { useState } from "react";
 import { InputType } from "types/Datasworn";
+import { FieldType } from "./FieldType";
 
 export interface AssetCardFieldProps {
-  field: InputNumber | InputClock | InputText | InputSelect;
+  field: FieldType;
   value?: string;
   onChange?: (newValue: string) => Promise<void>;
   disabled: boolean;

src/components/features/assets/AssetCard/FieldType.tsx

@@ -0,0 +1,3 @@
+import { InputClock, InputNumber, InputSelect, InputText } from "dataforged";
+
+export type FieldType = InputNumber | InputClock | InputText | InputSelect;