@react-typed-forms/schemas 11.5.2 → 11.5.4

package/lib/components/ControlInput.d.ts

@@ -4,6 +4,10 @@ export declare function ControlInput({ control, convert, ...props }: React.Input
     control: Control<any>;
     convert: InputConversion;
 }): React.JSX.Element;
-type InputConversion = [string, (s: any) => any, (a: any) => string | number];
+type InputConversion = [
+    string,
+    (s: string) => any,
+    (a: any) => string | number
+];
 export declare function createInputConversion(ft: string): InputConversion;
 export {};

package/lib/index.js

@@ -16,6 +16,7 @@ exports.FieldType = void 0;
   FieldType["Int"] = "Int";
   FieldType["Date"] = "Date";
   FieldType["DateTime"] = "DateTime";
+  FieldType["Time"] = "Time";
   FieldType["Double"] = "Double";
   FieldType["EntityRef"] = "EntityRef";
   FieldType["Compound"] = "Compound";
@@ -697,6 +698,24 @@ function intField(displayName, options) {
     displayName: displayName
   }, options));
 }
+function dateField(displayName, options) {
+  return makeScalarField(_extends({
+    type: exports.FieldType.Date,
+    displayName: displayName
+  }, options));
+}
+function timeField(displayName, options) {
+  return makeScalarField(_extends({
+    type: exports.FieldType.Time,
+    displayName: displayName
+  }, options));
+}
+function dateTimeField(displayName, options) {
+  return makeScalarField(_extends({
+    type: exports.FieldType.DateTime,
+    displayName: displayName
+  }, options));
+}
 function boolField(displayName, options) {
   return makeScalarField(_extends({
     type: exports.FieldType.Bool,
@@ -2113,6 +2132,9 @@ var _excluded = ["control", "convert"],
 function ControlInput(_ref) {
   var _effect = core.useComponentTracking();
   try {
+    var toText = function toText(value) {
+      return value == null ? "" : convert[2](value);
+    };
     var control = _ref.control,
       convert = _ref.convert,
       props = _objectWithoutPropertiesLoose(_ref, _excluded);
@@ -2121,11 +2143,21 @@ function ControlInput(_ref) {
       value = _formControlProps.value,
       onChange = _formControlProps.onChange,
       inputProps = _objectWithoutPropertiesLoose(_formControlProps, _excluded2);
+    var textValue = core.useControl(function () {
+      return toText(value);
+    });
+    core.useControlEffect(function () {
+      return control.value;
+    }, function (v) {
+      return textValue.value = toText(v);
+    });
     return /*#__PURE__*/React__default["default"].createElement("input", _extends({}, inputProps, {
       type: convert[0],
-      value: value == null ? "" : convert[2](value),
+      value: textValue.value,
       onChange: function onChange(e) {
-        control.value = convert[1](e.target.value);
+        textValue.value = e.target.value;
+        var converted = convert[1](e.target.value);
+        if (converted !== undefined) control.value = converted;
       }
     }, props));
   } finally {
@@ -2142,7 +2174,7 @@ function createInputConversion(ft) {
       }];
     case exports.FieldType.Bool:
       return ["text", function (a) {
-        return a === "true";
+        return a === "true" ? true : a === "false" ? false : undefined;
       }, function (a) {
         var _a$toString;
         return (_a$toString = a == null ? void 0 : a.toString()) != null ? _a$toString : "";
@@ -2159,6 +2191,15 @@ function createInputConversion(ft) {
       }, function (a) {
         return a;
       }];
+    case exports.FieldType.Time:
+      return ["time", function (a) {
+        var l = a.length;
+        if (l === 5) return a + ":00";
+        if (l === 8) return a;
+        return undefined;
+      }, function (a) {
+        return a ? a.substring(0, 5) : "";
+      }];
     case exports.FieldType.Double:
       return ["number", function (a) {
         return parseFloat(a);
@@ -2807,6 +2848,8 @@ exports.createSelectConversion = createSelectConversion;
 exports.createSelectRenderer = createSelectRenderer;
 exports.createVisibilityRenderer = createVisibilityRenderer;
 exports.dataControl = dataControl;
+exports.dateField = dateField;
+exports.dateTimeField = dateTimeField;
 exports.defaultArrayProps = defaultArrayProps;
 exports.defaultCompoundField = defaultCompoundField;
 exports.defaultControlForField = defaultControlForField;
@@ -2883,6 +2926,7 @@ exports.setIncluded = setIncluded;
 exports.stringField = stringField;
 exports.stringOptionsField = stringOptionsField;
 exports.textDisplayControl = textDisplayControl;
+exports.timeField = timeField;
 exports.toDepString = toDepString;
 exports.useControlDefinitionForSchema = useControlDefinitionForSchema;
 exports.useControlRenderer = useControlRenderer;