@vonage/vivid-react/v3/VwcDataGridRow/index.js

Vivid wrapped for easy React usage & IDE autocomplete support & typescript typings

/*
* DO NOT EDIT THIS FILE. IT IS GENERATED
*/
/*
Code in this file were generated using following JSON:
{
 "kind": "class",
 "description": "",
 "name": "DataGridRow",
 "cssProperties": [
  {
   "name": "--vvd-data-grid-row-cta-primary",
   "default": "var(--vvd-color-cta-500)"
  },
  {
   "name": "--vvd-data-grid-row-cta-primary-text",
   "default": "var(--vvd-color-canvas)"
  },
  {
   "name": "--vvd-data-grid-row-cta-primary-increment",
   "default": "var(--vvd-color-cta-600)"
  },
  {
   "name": "--vvd-data-grid-row-cta-firm",
   "default": "var(--vvd-color-cta-600)"
  },
  {
   "name": "--vvd-data-grid-row-cta-faint",
   "default": "var(--vvd-color-cta-50)"
  },
  {
   "name": "--vvd-data-grid-row-cta-soft",
   "default": "var(--vvd-color-cta-100)"
  },
  {
   "name": "--vvd-data-grid-row-cta-pale",
   "default": "var(--vvd-color-cta-300)"
  },
  {
   "name": "--vvd-data-grid-row-cta-dim",
   "default": "var(--vvd-color-cta-200)"
  },
  {
   "name": "--vvd-data-grid-row-accent-primary",
   "default": "var(--vvd-color-canvas-text)"
  },
  {
   "name": "--vvd-data-grid-row-accent-primary-text",
   "default": "var(--vvd-color-canvas)"
  },
  {
   "name": "--vvd-data-grid-row-accent-primary-increment",
   "default": "var(--vvd-color-neutral-800)"
  },
  {
   "name": "--vvd-data-grid-row-accent-firm",
   "default": "var(--vvd-color-canvas-text)"
  },
  {
   "name": "--vvd-data-grid-row-accent-faint",
   "default": "var(--vvd-color-neutral-50)"
  },
  {
   "name": "--vvd-data-grid-row-accent-soft",
   "default": "var(--vvd-color-neutral-100)"
  },
  {
   "name": "--vvd-data-grid-row-accent-pale",
   "default": "var(--vvd-color-neutral-300)"
  },
  {
   "name": "--vvd-data-grid-row-accent-dim",
   "default": "var(--vvd-color-neutral-200)"
  }
 ],
 "slots": [
  {
   "description": "Default slot.",
   "name": ""
  }
 ],
 "members": [
  {
   "kind": "field",
   "name": "gridTemplateColumns",
   "type": {
    "text": "string"
   },
   "description": "String that gets applied to the the css gridTemplateColumns attribute for the row\nx",
   "privacy": "public"
  },
  {
   "kind": "field",
   "name": "rowType",
   "type": {
    "text": "DataGridRowTypes"
   },
   "description": "The type of row",
   "privacy": "public"
  },
  {
   "kind": "field",
   "name": "rowData",
   "type": {
    "text": "object | null"
   },
   "default": "null",
   "description": "The base data for this row",
   "privacy": "public"
  },
  {
   "kind": "field",
   "name": "columnDefinitions",
   "type": {
    "text": "ColumnDefinition[] | null"
   },
   "default": "null",
   "description": "The column definitions of the row",
   "privacy": "public"
  },
  {
   "kind": "field",
   "name": "cellItemTemplate",
   "type": {
    "text": "ViewTemplate | undefined"
   },
   "description": "The template used to render cells in generated rows.",
   "privacy": "public"
  },
  {
   "kind": "field",
   "name": "headerCellItemTemplate",
   "type": {
    "text": "ViewTemplate | undefined"
   },
   "description": "The template used to render header cells in generated rows.",
   "privacy": "public"
  },
  {
   "kind": "field",
   "name": "rowIndex",
   "type": {
    "text": "number"
   },
   "description": "The index of the row in the parent grid.\nThis is typically set programmatically by the parent grid.",
   "privacy": "public"
  },
  {
   "kind": "field",
   "name": "behaviorOrchestrator",
   "type": {
    "text": "ViewBehaviorOrchestrator | null"
   },
   "privacy": "private",
   "default": "null"
  },
  {
   "kind": "method",
   "name": "handleFocusout",
   "return": {
    "type": {
     "text": "void"
    }
   },
   "parameters": [
    {
     "name": "_",
     "type": {
      "text": "FocusEvent"
     }
    }
   ]
  },
  {
   "kind": "method",
   "name": "handleCellFocus",
   "return": {
    "type": {
     "text": "void"
    }
   },
   "parameters": [
    {
     "name": "e",
     "type": {
      "text": "Event"
     }
    }
   ]
  },
  {
   "kind": "method",
   "name": "handleKeydown",
   "return": {
    "type": {
     "text": "void"
    }
   },
   "parameters": [
    {
     "name": "e",
     "type": {
      "text": "KeyboardEvent"
     }
    }
   ]
  },
  {
   "kind": "method",
   "name": "updateItemTemplate",
   "privacy": "private",
   "return": {
    "type": {
     "text": "void"
    }
   }
  },
  {
   "kind": "field",
   "name": "updateRowStyle",
   "privacy": "private"
  },
  {
   "kind": "field",
   "name": "ariaSelected",
   "type": {
    "text": "string | null"
   },
   "default": "null",
   "description": "Indicates the selected status.",
   "privacy": "public"
  },
  {
   "kind": "field",
   "name": "selected",
   "type": {
    "text": "boolean | undefined"
   },
   "default": "false",
   "description": "Reflects selected state of the row",
   "privacy": "public"
  },
  {
   "kind": "field",
   "name": "_vividAriaBehaviour",
   "default": "'host'",
   "type": {
    "text": "'host'"
   },
   "inheritedFrom": {
    "name": "HostSemantics",
    "module": "src/shared/aria/host-semantics.ts"
   }
  },
  {
   "kind": "field",
   "name": "VIVID_VERSION",
   "static": true,
   "default": "__PACKAGE_VERSION__",
   "description": "The current version of the Vivid library, which is useful for debugging.\nIt can be accessed from any Vivid element via `<el>.constructor.VIVID_VERSION`.",
   "type": {
    "text": "string"
   },
   "inheritedFrom": {
    "name": "VividElement",
    "module": "src/shared/foundation/vivid-element/vivid-element.ts"
   }
  },
  {
   "kind": "field",
   "name": "componentName",
   "type": {
    "text": "string"
   },
   "static": true,
   "description": "Core component name, without prefix",
   "inheritedFrom": {
    "name": "VividElement",
    "module": "src/shared/foundation/vivid-element/vivid-element.ts"
   }
  }
 ],
 "events": [
  {
   "type": {
    "text": "CustomEvent<{cell: HTMLElement, row: HTMLElement, isHeaderCell: boolean, columnDataKey: string}>"
   },
   "description": "Event that fires when a cell is clicked",
   "name": "cell-click"
  },
  {
   "type": {
    "text": "CustomEvent<HTMLElement>"
   },
   "description": "Fires a custom 'row-focused' event when focus is on an element (usually a cell or its contents) in the row",
   "name": "row-focused"
  }
 ],
 "attributes": [
  {
   "name": "grid-template-columns",
   "type": {
    "text": "string"
   },
   "description": "String that gets applied to the the css gridTemplateColumns attribute for the row\nx",
   "fieldName": "gridTemplateColumns"
  },
  {
   "name": "row-type",
   "type": {
    "text": "DataGridRowTypes"
   },
   "description": "The type of row",
   "fieldName": "rowType"
  },
  {
   "name": "selected",
   "type": {
    "text": "boolean | undefined"
   },
   "default": "false",
   "description": "Reflects selected state of the row",
   "fieldName": "selected"
  }
 ],
 "mixins": [
  {
   "name": "HostSemantics",
   "module": "/src/shared/aria/host-semantics"
  }
 ],
 "superclass": {
  "name": "VividElement",
  "module": "/src/shared/foundation/vivid-element/vivid-element"
 },
 "vividComponent": {
  "public": true,
  "name": "data-grid-row"
 }
}
*/
import wrapper from '@vonage/vivid-react-wrapper'


const VwcDataGridRow = wrapper(`vvd3-data-grid-row`,  {
    events: [{"name":"row-focused","propName":"onRowFocused"},{"name":"cell-click","propName":"onCellClick"}],
    attributes: [],
    properties: ['gridTemplateColumns', 'rowType', 'rowData', 'columnDefinitions', 'cellItemTemplate', 'headerCellItemTemplate', 'rowIndex', 'ariaSelected', 'selected', '_vividAriaBehaviour', 'VIVID_VERSION', 'componentName']
})

VwcDataGridRow.displayName = 'VwcDataGridRow'

export default VwcDataGridRow