JSFiddle - React, Tailwind, and code Playground

by Rishabh Sharma

JavaScript

[{
  "apiFieldName": "quantity",
  "apiValueModifier": [Function Number],
  "dataTestId": "NumberOfFrames",
  "fieldName": "numberOfFramesField-1234",
  "fieldValidations": {
    "minimum": [Function wrapper],
    "numeric": [Function anonymous],
    "required": [Function anonymous]
  },
  "initialValue": "20",
  "isDisabled": true,
  "isReadOnly": false,
  "label": "total_frames",
  "onBlur": [Function noop],
  "validationLabels": {
    "minimum": "please_enter_value_greater_than",
    "numeric": "please_enter_a_valid_number",
    "required": "please_enter_total_frames"
  },
  "value": "20"
}, {
  "apiFieldName": "numberOfDesigns",
  "apiValueModifier": [Function Number],
  "dataTestId": "NumberOfDesigns",
  "fieldName": "numberOfDesignsField-1234",
  "fieldValidations": {
    "minimum": [Function wrapper],
    "numeric": [Function anonymous],
    "required": [Function anonymous]
  },
  "initialValue": "30",
  "isDisabled": false,
  "isReadOnly": false,
  "label": "no_of_designs",
  "onBlur": [Function noop],
  "validationLabels": {
    "minimum": "please_enter_value_greater_than",
    "numeric": "please_enter_a_valid_number",
    "required": "please_enter_no_of_designs"
  },
  "value": "30"
}, {
  "apiFieldName": "totalPrice",
  "apiValueModifier": [Function convertPoundToPenny],
  "dataTestId": "Price",
  "fieldName": "priceField-1234",
  "fieldValidations": {
    "numeric": [Function anonymous],
    "required": [Function anonymous]
  },
  "initialValue": "10",
  "isDisabled": false,
  "isReadOnly": false,
  "label": "price",
  "onBlur": [Function mockConstructor],
  "validationLabels": {
    "minimum": "please_enter_value_greater_than",
    "numeric": "please_enter_a_valid_number",
    "required": "please_enter_price"
  },
  "value": "10"
}]