@byline/ui 2.1.3 → 2.2.1

package/dist/fields/field-helpers.js

@@ -24,6 +24,8 @@ const placeholderForField = (f)=>{
             return false;
         case 'integer':
             return 0;
+        case 'counter':
+            return;
         case 'richText':
         case 'datetime':
             return;

package/dist/fields/field-renderer.js

@@ -113,6 +113,22 @@ const FieldRenderer = ({ field, defaultValue, basePath, disableSorting, hideLabe
                     id: htmlId,
                     components: components
                 });
+            case 'counter':
+                return /*#__PURE__*/ jsx(NumericalField, {
+                    field: hideLabel ? {
+                        ...field,
+                        label: void 0,
+                        readOnly: true
+                    } : {
+                        ...field,
+                        readOnly: true
+                    },
+                    defaultValue: defaultValue,
+                    onChange: handleChange,
+                    path: path,
+                    id: htmlId,
+                    components: components
+                });
             case 'file':
                 return /*#__PURE__*/ jsx(FileField, {
                     field: hideLabel ? {

package/dist/fields/numerical/numerical-field.d.ts

@@ -5,9 +5,9 @@
  *
  * Copyright (c) Infonomic Company Limited
  */
-import type { DecimalField, FieldComponentSlots, FloatField, IntegerField } from '@byline/core';
+import type { CounterField, DecimalField, FieldComponentSlots, FloatField, IntegerField } from '@byline/core';
 export declare const NumericalField: ({ field, value, defaultValue, onChange, id, path, components, }: {
-    field: IntegerField | FloatField | DecimalField;
+    field: IntegerField | FloatField | DecimalField | CounterField;
     value?: string | number | null;
     defaultValue?: string | number | null;
     onChange?: (value: string) => void;

package/dist/fields/numerical/numerical-field.js

@@ -45,6 +45,7 @@ const NumericalField = ({ field, value, defaultValue, onChange, id, path, compon
             name: field.name,
             label: suppressInputLabel ? void 0 : field.label,
             required: !field.optional,
+            readOnly: field.readOnly,
             helpText: suppressInputHelpText ? void 0 : field.helpText,
             value: displayValue,
             onChange: (e)=>onChange?.(e.target.value),

package/package.json

@@ -3,7 +3,7 @@
   "private": false,
   "type": "module",
   "license": "MPL-2.0",
-  "version": "2.1.3",
+  "version": "2.2.1",
   "engines": {
     "node": ">=20.9.0"
   },
@@ -65,9 +65,9 @@
     "react-diff-viewer-continued": "^4.2.2",
     "zod": "^4.4.3",
     "zod-form-data": "^3.0.1",
-    "@byline/admin": "2.1.3",
-    "@byline/client": "2.1.3",
-    "@byline/core": "2.1.3"
+    "@byline/admin": "2.2.1",
+    "@byline/core": "2.2.1",
+    "@byline/client": "2.2.1"
   },
   "peerDependencies": {
     "react": "^19.0.0",

package/src/fields/field-helpers.ts

@@ -35,6 +35,9 @@ export const placeholderForField = (f: Field): any => {
       return false
     case 'integer':
       return 0
+    case 'counter':
+      // Allocator-assigned in the lifecycle layer; absent at form-init time.
+      return undefined
     case 'richText':
     case 'datetime':
       return undefined

package/src/fields/field-renderer.tsx

@@ -184,6 +184,24 @@ export const FieldRenderer = ({
             components={components}
           />
         )
+      case 'counter':
+        // Counter values are allocator-assigned; force readOnly at the
+        // renderer level so the widget is always non-editable regardless
+        // of whether the developer set `field.readOnly` explicitly.
+        return (
+          <NumericalField
+            field={
+              hideLabel
+                ? { ...field, label: undefined, readOnly: true }
+                : { ...field, readOnly: true }
+            }
+            defaultValue={defaultValue}
+            onChange={handleChange}
+            path={path}
+            id={htmlId}
+            components={components}
+          />
+        )
       case 'file':
         return (
           <FileField

package/src/fields/numerical/numerical-field.tsx

@@ -7,6 +7,7 @@
  */
 
 import type {
+  CounterField,
   DecimalField,
   Field,
   FieldComponentSlots,
@@ -26,7 +27,7 @@ export const NumericalField = ({
   path,
   components,
 }: {
-  field: IntegerField | FloatField | DecimalField
+  field: IntegerField | FloatField | DecimalField | CounterField
   value?: string | number | null
   defaultValue?: string | number | null
   onChange?: (value: string) => void
@@ -91,6 +92,7 @@ export const NumericalField = ({
         name={field.name}
         label={suppressInputLabel ? undefined : field.label}
         required={!field.optional}
+        readOnly={field.readOnly}
         helpText={suppressInputHelpText ? undefined : field.helpText}
         value={displayValue}
         onChange={(e) => onChange?.(e.target.value)}