JSFiddle - React, Tailwind, and code Playground

by gchoken

JavaScript

const companySchemaFields = [
    { field: "_id", type: "ObjectId" },
    { field: "company_name", type: "String" },
    { field: "branch_name", type: "String" },
    { field: "company_code", type: "String" },
    { field: "bic_code", type: "String" },
    { field: "country", type: "String" },
    { field: "contact_email", type: "String" },
    { field: "address_1", type: "String" },
    { field: "address_2", type: "String" },
    { field: "address_3", type: "String" },
    { field: "town_city", type: "String" },
    { field: "county_state", type: "String" },
    { field: "postcode_zip", type: "String" },
    { field: "company_type", type: "Array" },
    { field: "company_region", type: "Array" },
    { field: "company_website", type: "String" },
    { field: "vessel_tracked_by_api", type: "Boolean" },
    { field: "trading_currency", type: "String" },
    { field: "tax_name", type: "String" },
    { field: "sales_tax_name", type: "String" },
    { field: "sales_tax", type: "ObjectId" },
    { field: "sales_tax_rate", type: "String" },
    { field: "expense_tax", type: "ObjectId" },
    { field: "expense_tax_name", type: "String" },
    { field: "expense_tax_rate", type: "String" },
    { field: "meta_data", type: "Array of Objects" },
    { field: "contacts", type: "Array of Objects" },
    { field: "hedge_variant", type: "Number" },
    { field: "bank_details", type: "String" },
    { field: "shipping_mark", type: "String" },
    { field: "shipping_description", type: "String" },
    { field: "prn_annual_licence_expiry_date", type: "Date" },
    { field: "prn_pern_accepted_by_npwd", type: "Boolean" },
    { field: "agent", type: "ObjectId" },
    { field: "owner", type: "ObjectId" },
    { field: "owner_name", type: "String" },
    { field: "deep_sea", type: "Boolean" },
    { field: "buy_or_sell_weight_agreement", type: "String" },
    { field: "payment_terms_days", type: "Number" },
    { field: "supplier_payment_terms", type: "String" },
    { field:...