@jsonforms/material-renderers 3.0.0-beta.3 → 3.0.0-rc.0

package/docs/index.html

@@ -72,7 +72,7 @@
 				</a>
 				<p>This is the JSON Forms Material Renderers Package. This package only contains renderers and must be combined with <a href="https://github.com/eclipsesource/jsonforms/blob/master/packages/react">JSON Forms React</a>.</p>
 				<p>See the official <a href="https://jsonforms.io/docs/integrations/react/">documentation</a> and the JSON Forms React <a href="https://github.com/eclipsesource/jsonforms-react-seed">seed repository</a> for examples on how to integrate JSON Forms with your application.</p>
-				<p>You can combine <a href="https://github.com/eclipsesource/jsonforms/blob/master/packages/react">JSON Forms React</a> with other renderers too, for example with the <a href="https://github.com/eclipsesource/jsonforms/blob/master/packages/vanilla-renderers">Vanilla Renderers</a>.</p>
+				<p>You can combine <a href="https://github.com/eclipsesource/jsonforms/blob/master/packages/react">JSON Forms React</a> with other renderers too, for example with the <a href="https://github.com/eclipsesource/jsonforms/tree/master/packages/vanilla">Vanilla Renderers</a>.</p>
 				<p>Check <a href="https://www.npmjs.com/search?q=%40jsonforms">https://www.npmjs.com/search?q=%40jsonforms</a> for all published JSONForms packages.</p>
 				<a href="#quick-start" id="quick-start" style="color: inherit; text-decoration: none;">
 					<h3>Quick start</h3>
@@ -81,23 +81,76 @@
 				<pre><code class="language-bash">npm i --save @jsonforms/core @jsonforms/react @jsonforms/material-renderers
 </code></pre>
 				<p>Use the <code>JsonForms</code> component for each form you want to render and hand over the renderer set.</p>
-				<pre><code class="language-js"><span class="hljs-keyword">import</span> React, { useState } <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;react&#x27;</span>;
+				<pre><code class="language-ts"><span class="hljs-keyword">import</span> React, { useState } <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;react&#x27;</span>;
+<span class="hljs-keyword">import</span> {
+  materialRenderers,
+  materialCells
+} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;@jsonforms/material-renderers&#x27;</span>;
 <span class="hljs-keyword">import</span> { JsonForms } <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;@jsonforms/react&#x27;</span>;
-<span class="hljs-keyword">import</span> { materialCells, materialRenderers } <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;@jsonforms/material-renderers&#x27;</span>;
+
+<span class="hljs-keyword">const</span> schema = {
+  <span class="hljs-attr">type</span>: <span class="hljs-string">&#x27;object&#x27;</span>,
+  <span class="hljs-attr">properties</span>: {
+    <span class="hljs-attr">name</span>: {
+      <span class="hljs-attr">type</span>: <span class="hljs-string">&#x27;string&#x27;</span>,
+      <span class="hljs-attr">minLength</span>: <span class="hljs-number">1</span>
+    },
+    <span class="hljs-attr">done</span>: {
+      <span class="hljs-attr">type</span>: <span class="hljs-string">&#x27;boolean&#x27;</span>
+    },
+    <span class="hljs-attr">due_date</span>: {
+      <span class="hljs-attr">type</span>: <span class="hljs-string">&#x27;string&#x27;</span>,
+      <span class="hljs-attr">format</span>: <span class="hljs-string">&#x27;date&#x27;</span>
+    },
+    <span class="hljs-attr">recurrence</span>: {
+      <span class="hljs-attr">type</span>: <span class="hljs-string">&#x27;string&#x27;</span>,
+      <span class="hljs-attr">enum</span>: [<span class="hljs-string">&#x27;Never&#x27;</span>, <span class="hljs-string">&#x27;Daily&#x27;</span>, <span class="hljs-string">&#x27;Weekly&#x27;</span>, <span class="hljs-string">&#x27;Monthly&#x27;</span>]
+    }
+  },
+  <span class="hljs-attr">required</span>: [<span class="hljs-string">&#x27;name&#x27;</span>, <span class="hljs-string">&#x27;due_date&#x27;</span>]
+};
+
+<span class="hljs-keyword">const</span> uischema = {
+  <span class="hljs-attr">type</span>: <span class="hljs-string">&#x27;VerticalLayout&#x27;</span>,
+  <span class="hljs-attr">elements</span>: [
+    {
+      <span class="hljs-attr">type</span>: <span class="hljs-string">&#x27;Control&#x27;</span>,
+      <span class="hljs-attr">label</span>: <span class="hljs-literal">false</span>,
+      <span class="hljs-attr">scope</span>: <span class="hljs-string">&#x27;#/properties/done&#x27;</span>
+    },
+    {
+      <span class="hljs-attr">type</span>: <span class="hljs-string">&#x27;Control&#x27;</span>,
+      <span class="hljs-attr">scope</span>: <span class="hljs-string">&#x27;#/properties/name&#x27;</span>
+    },
+    {
+      <span class="hljs-attr">type</span>: <span class="hljs-string">&#x27;HorizontalLayout&#x27;</span>,
+      <span class="hljs-attr">elements</span>: [
+        {
+          <span class="hljs-attr">type</span>: <span class="hljs-string">&#x27;Control&#x27;</span>,
+          <span class="hljs-attr">scope</span>: <span class="hljs-string">&#x27;#/properties/due_date&#x27;</span>
+        },
+        {
+          <span class="hljs-attr">type</span>: <span class="hljs-string">&#x27;Control&#x27;</span>,
+          <span class="hljs-attr">scope</span>: <span class="hljs-string">&#x27;#/properties/recurrence&#x27;</span>
+        }
+      ]
+    }
+  ]
+};
+
+<span class="hljs-keyword">const</span> initialData = {};
 
 <span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">App</span>(<span class="hljs-params"></span>) </span>{
   <span class="hljs-keyword">const</span> [data, setData] = useState(initialData);
   <span class="hljs-keyword">return</span> (
-    <span class="xml"><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">className</span>=<span class="hljs-string">&#x27;App&#x27;</span>&gt;</span>
-      <span class="hljs-tag">&lt;<span class="hljs-name">JsonForms</span>
-        <span class="hljs-attr">schema</span>=<span class="hljs-string">{schema}</span>
-        <span class="hljs-attr">uischema</span>=<span class="hljs-string">{uischema}</span>
-        <span class="hljs-attr">data</span>=<span class="hljs-string">{data}</span>
-        <span class="hljs-attr">renderers</span>=<span class="hljs-string">{materialRenderers}</span>
-        <span class="hljs-attr">cells</span>=<span class="hljs-string">{materialCells}</span>
-        <span class="hljs-attr">onChange</span>=<span class="hljs-string">{({</span> <span class="hljs-attr">data</span>, <span class="hljs-attr">_errors</span> }) =&gt;</span> setData(data)}
-      /&gt;
-    <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span></span>
+    <span class="xml"><span class="hljs-tag">&lt;<span class="hljs-name">JsonForms</span>
+      <span class="hljs-attr">schema</span>=<span class="hljs-string">{schema}</span>
+      <span class="hljs-attr">uischema</span>=<span class="hljs-string">{uischema}</span>
+      <span class="hljs-attr">data</span>=<span class="hljs-string">{data}</span>
+      <span class="hljs-attr">renderers</span>=<span class="hljs-string">{materialRenderers}</span>
+      <span class="hljs-attr">cells</span>=<span class="hljs-string">{materialCells}</span>
+      <span class="hljs-attr">onChange</span>=<span class="hljs-string">{({</span> <span class="hljs-attr">data</span>, <span class="hljs-attr">_errors</span> }) =&gt;</span> setData(data)}
+    /&gt;</span>
   );
 }
 </code></pre>
@@ -117,6 +170,10 @@
 					For questions and discussions please use the <a href="https://jsonforms.discourse.group">JSON Forms board</a>.
 					You can also reach us via <a href="mailto:jsonforms@eclipsesource.com?subject=JSON%20Forms">email</a>.
 				In addition, EclipseSource also offers <a href="https://jsonforms.io/support">professional support</a> for JSON Forms.</p>
+				<a href="#migration" id="migration" style="color: inherit; text-decoration: none;">
+					<h2>Migration</h2>
+				</a>
+				<p>See our <a href="https://github.com/eclipsesource/jsonforms/blob/master/MIGRATION.md">migration guide</a> when updating JSON Forms.</p>
 			</div>
 		</div>
 		<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
@@ -165,6 +222,9 @@
 					<li class=" tsd-kind-interface">
 						<a href="interfaces/expandpanelprops.html" class="tsd-kind-icon">Expand<wbr>Panel<wbr>Props</a>
 					</li>
+					<li class=" tsd-kind-interface">
+						<a href="interfaces/inputref.html" class="tsd-kind-icon">Input<wbr>Ref</a>
+					</li>
 					<li class=" tsd-kind-interface">
 						<a href="interfaces/jsonformstheme.html" class="tsd-kind-icon">Json<wbr>Forms<wbr>Theme</a>
 					</li>
@@ -174,6 +234,9 @@
 					<li class=" tsd-kind-interface">
 						<a href="interfaces/materialcategorizationstepperlayoutrendererprops.html" class="tsd-kind-icon">Material<wbr>Categorization<wbr>Stepper<wbr>Layout<wbr>Renderer<wbr>Props</a>
 					</li>
+					<li class=" tsd-kind-interface">
+						<a href="interfaces/materiallabelablelayoutrendererprops.html" class="tsd-kind-icon">Material<wbr>Labelable<wbr>Layout<wbr>Renderer<wbr>Props</a>
+					</li>
 					<li class=" tsd-kind-interface">
 						<a href="interfaces/materiallayoutrendererprops.html" class="tsd-kind-icon">Material<wbr>Layout<wbr>Renderer<wbr>Props</a>
 					</li>
@@ -222,6 +285,9 @@
 					<li class=" tsd-kind-interface">
 						<a href="interfaces/withoptionlabel.html" class="tsd-kind-icon">With<wbr>Option<wbr>Label</a>
 					</li>
+					<li class=" tsd-kind-type-alias">
+						<a href="globals.html#resettabletextfieldprops" class="tsd-kind-icon">Resettable<wbr>Text<wbr>Field<wbr>Props</a>
+					</li>
 					<li class=" tsd-kind-variable">
 						<a href="globals.html#arraylayouttoolbar" class="tsd-kind-icon">Array<wbr>Layout<wbr>Toolbar</a>
 					</li>
@@ -564,6 +630,9 @@
 					<li class=" tsd-kind-function">
 						<a href="globals.html#nonemptyrowcomponent" class="tsd-kind-icon">Non<wbr>Empty<wbr>Row<wbr>Component</a>
 					</li>
+					<li class=" tsd-kind-function">
+						<a href="globals.html#resettabletextfield" class="tsd-kind-icon">Resettable<wbr>Text<wbr>Field</a>
+					</li>
 					<li class=" tsd-kind-function">
 						<a href="globals.html#tablerows" class="tsd-kind-icon">Table<wbr>Rows</a>
 					</li>
@@ -639,6 +708,9 @@
 					<li class=" tsd-kind-object-literal">
 						<a href="globals.html#fixedcellsmall" class="tsd-kind-icon">fixed<wbr>Cell<wbr>Small</a>
 					</li>
+					<li class=" tsd-kind-object-literal">
+						<a href="globals.html#i18ndefaults" class="tsd-kind-icon">i18n<wbr>Defaults</a>
+					</li>
 					<li class=" tsd-kind-object-literal">
 						<a href="globals.html#iconstyle" class="tsd-kind-icon">icon<wbr>Style</a>
 					</li>

package/docs/interfaces/categorizationstate.html

@@ -93,7 +93,7 @@
 					<div class="tsd-signature tsd-kind-icon">active<wbr>Category<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in packages/material/src/layouts/MaterialCategorizationLayout.tsx:67</li>
+							<li>Defined in packages/material/src/layouts/MaterialCategorizationLayout.tsx:68</li>
 						</ul>
 					</aside>
 				</section>

package/docs/interfaces/categorizationstepperstate.html

@@ -93,7 +93,7 @@
 					<div class="tsd-signature tsd-kind-icon">active<wbr>Category<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in packages/material/src/layouts/MaterialCategorizationStepperLayout.tsx:58</li>
+							<li>Defined in packages/material/src/layouts/MaterialCategorizationStepperLayout.tsx:59</li>
 						</ul>
 					</aside>
 				</section>

package/docs/interfaces/inputref.html

@@ -0,0 +1,168 @@
+<!doctype html>
+<html class="default no-js">
+<head>
+	<meta charset="utf-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<title>InputRef | JSON Forms React Material Renderers</title>
+	<meta name="description" content="Documentation for JSON Forms React Material Renderers">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<link rel="stylesheet" href="../assets/css/main.css">
+</head>
+<body>
+<header>
+	<div class="tsd-page-toolbar">
+		<div class="container">
+			<div class="table-wrap">
+				<div class="table-cell" id="tsd-search" data-index="../assets/js/search.json" data-base="..">
+					<div class="field">
+						<label for="tsd-search-field" class="tsd-widget search no-caption">Search</label>
+						<input id="tsd-search-field" type="text" />
+					</div>
+					<ul class="results">
+						<li class="state loading">Preparing search index...</li>
+						<li class="state failure">The search index is not available</li>
+					</ul>
+					<a href="../index.html" class="title">JSON Forms React Material Renderers</a>
+				</div>
+				<div class="table-cell" id="tsd-widgets">
+					<div id="tsd-filter">
+						<a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a>
+						<div class="tsd-filter-group">
+							<div class="tsd-select" id="tsd-filter-visibility">
+								<span class="tsd-select-label">All</span>
+								<ul class="tsd-select-list">
+									<li data-value="public">Public</li>
+									<li data-value="protected">Public/Protected</li>
+									<li data-value="private" class="selected">All</li>
+								</ul>
+							</div>
+							<input type="checkbox" id="tsd-filter-inherited" checked />
+							<label class="tsd-widget" for="tsd-filter-inherited">Inherited</label>
+							<input type="checkbox" id="tsd-filter-only-exported" />
+							<label class="tsd-widget" for="tsd-filter-only-exported">Only exported</label>
+						</div>
+					</div>
+					<a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a>
+				</div>
+			</div>
+		</div>
+	</div>
+	<div class="tsd-page-title">
+		<div class="container">
+			<ul class="tsd-breadcrumb">
+				<li>
+					<a href="../globals.html">Globals</a>
+				</li>
+				<li>
+					<a href="inputref.html">InputRef</a>
+				</li>
+			</ul>
+			<h1>Interface InputRef</h1>
+		</div>
+	</div>
+</header>
+<div class="container container-main">
+	<div class="row">
+		<div class="col-8 col-content">
+			<section class="tsd-panel tsd-hierarchy">
+				<h3>Hierarchy</h3>
+				<ul class="tsd-hierarchy">
+					<li>
+						<span class="target">InputRef</span>
+					</li>
+				</ul>
+			</section>
+			<section class="tsd-panel-group tsd-index-group">
+				<h2>Index</h2>
+				<section class="tsd-panel tsd-index-panel">
+					<div class="tsd-index-content">
+						<section class="tsd-index-section ">
+							<h3>Properties</h3>
+							<ul class="tsd-index-list">
+								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="inputref.html#lastinput" class="tsd-kind-icon">last<wbr>Input</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="inputref.html#toshow" class="tsd-kind-icon">to<wbr>Show</a></li>
+							</ul>
+						</section>
+					</div>
+				</section>
+			</section>
+			<section class="tsd-panel-group tsd-member-group ">
+				<h2>Properties</h2>
+				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
+					<a name="lastinput" class="tsd-anchor"></a>
+					<h3>last<wbr>Input</h3>
+					<div class="tsd-signature tsd-kind-icon">last<wbr>Input<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
+					<aside class="tsd-sources">
+						<ul>
+							<li>Defined in packages/material/src/util/datejs.tsx:38</li>
+						</ul>
+					</aside>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
+					<a name="toshow" class="tsd-anchor"></a>
+					<h3>to<wbr>Show</h3>
+					<div class="tsd-signature tsd-kind-icon">to<wbr>Show<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
+					<aside class="tsd-sources">
+						<ul>
+							<li>Defined in packages/material/src/util/datejs.tsx:39</li>
+						</ul>
+					</aside>
+				</section>
+			</section>
+		</div>
+		<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
+			<nav class="tsd-navigation primary">
+				<ul>
+					<li class="globals  ">
+						<a href="../globals.html"><em>Globals</em></a>
+					</li>
+				</ul>
+			</nav>
+			<nav class="tsd-navigation secondary menu-sticky">
+				<ul class="before-current">
+				</ul>
+				<ul class="current">
+					<li class="current tsd-kind-interface">
+						<a href="inputref.html" class="tsd-kind-icon">Input<wbr>Ref</a>
+						<ul>
+							<li class=" tsd-kind-property tsd-parent-kind-interface">
+								<a href="inputref.html#lastinput" class="tsd-kind-icon">last<wbr>Input</a>
+							</li>
+							<li class=" tsd-kind-property tsd-parent-kind-interface">
+								<a href="inputref.html#toshow" class="tsd-kind-icon">to<wbr>Show</a>
+							</li>
+						</ul>
+					</li>
+				</ul>
+				<ul class="after-current">
+				</ul>
+			</nav>
+		</div>
+	</div>
+</div>
+<footer class="with-border-bottom">
+	<div class="container">
+		<h2>Legend</h2>
+		<div class="tsd-legend-group">
+			<ul class="tsd-legend">
+				<li class="tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited constructor</span></li>
+				<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited property</span></li>
+				<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li>
+			</ul>
+			<ul class="tsd-legend">
+				<li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li>
+				<li class="tsd-kind-method tsd-parent-kind-interface"><span class="tsd-kind-icon">Method</span></li>
+			</ul>
+			<ul class="tsd-legend">
+				<li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li>
+			</ul>
+		</div>
+	</div>
+</footer>
+<div class="container tsd-generator">
+	<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p>
+</div>
+<div class="overlay"></div>
+<script src="../assets/js/main.js"></script>
+</body>
+</html>

package/docs/interfaces/materialcategorizationlayoutrendererprops.html

@@ -72,6 +72,9 @@
 					</li>
 					<li>
 						<a href="ajvprops.html" class="tsd-signature-type">AjvProps</a>
+					</li>
+					<li>
+						<span class="tsd-signature-type">TranslateProps</span>
 						<ul class="tsd-hierarchy">
 							<li>
 								<span class="target">MaterialCategorizationLayoutRendererProps</span>
@@ -93,11 +96,14 @@
 								<li class="tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a href="materialcategorizationlayoutrendererprops.html#data" class="tsd-kind-icon">data</a></li>
 								<li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="materialcategorizationlayoutrendererprops.html#direction" class="tsd-kind-icon">direction</a></li>
 								<li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="materialcategorizationlayoutrendererprops.html#enabled" class="tsd-kind-icon">enabled</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="materialcategorizationlayoutrendererprops.html#label" class="tsd-kind-icon">label</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="materialcategorizationlayoutrendererprops.html#locale" class="tsd-kind-icon">locale</a></li>
 								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="materialcategorizationlayoutrendererprops.html#ownstate" class="tsd-kind-icon">own<wbr>State</a></li>
 								<li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="materialcategorizationlayoutrendererprops.html#path" class="tsd-kind-icon">path</a></li>
 								<li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="materialcategorizationlayoutrendererprops.html#renderers" class="tsd-kind-icon">renderers</a></li>
 								<li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="materialcategorizationlayoutrendererprops.html#schema" class="tsd-kind-icon">schema</a></li>
 								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="materialcategorizationlayoutrendererprops.html#selected" class="tsd-kind-icon">selected</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="materialcategorizationlayoutrendererprops.html#t" class="tsd-kind-icon">t</a></li>
 								<li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="materialcategorizationlayoutrendererprops.html#uischema" class="tsd-kind-icon">uischema</a></li>
 								<li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="materialcategorizationlayoutrendererprops.html#visible" class="tsd-kind-icon">visible</a></li>
 							</ul>
@@ -161,7 +167,7 @@
 					<aside class="tsd-sources">
 						<p>Overrides StatePropsOfRenderer.data</p>
 						<ul>
-							<li>Defined in packages/material/src/layouts/MaterialCategorizationLayout.tsx:74</li>
+							<li>Defined in packages/material/src/layouts/MaterialCategorizationLayout.tsx:75</li>
 						</ul>
 					</aside>
 				</section>
@@ -195,13 +201,33 @@
 						</div>
 					</div>
 				</section>
+				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited">
+					<a name="label" class="tsd-anchor"></a>
+					<h3><span class="tsd-flag ts-flagOptional">Optional</span> label</h3>
+					<div class="tsd-signature tsd-kind-icon">label<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
+					<aside class="tsd-sources">
+						<p>Inherited from <a href="materialcategorizationlayoutrendererprops.html">MaterialCategorizationLayoutRendererProps</a>.<a href="materialcategorizationlayoutrendererprops.html#label">label</a></p>
+						<ul>
+						</ul>
+					</aside>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited">
+					<a name="locale" class="tsd-anchor"></a>
+					<h3>locale</h3>
+					<div class="tsd-signature tsd-kind-icon">locale<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
+					<aside class="tsd-sources">
+						<p>Inherited from <a href="materialcategorizationlayoutrendererprops.html">MaterialCategorizationLayoutRendererProps</a>.<a href="materialcategorizationlayoutrendererprops.html#locale">locale</a></p>
+						<ul>
+						</ul>
+					</aside>
+				</section>
 				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
 					<a name="ownstate" class="tsd-anchor"></a>
 					<h3><span class="tsd-flag ts-flagOptional">Optional</span> own<wbr>State</h3>
 					<div class="tsd-signature tsd-kind-icon">own<wbr>State<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in packages/material/src/layouts/MaterialCategorizationLayout.tsx:73</li>
+							<li>Defined in packages/material/src/layouts/MaterialCategorizationLayout.tsx:74</li>
 						</ul>
 					</aside>
 				</section>
@@ -256,7 +282,17 @@
 					<div class="tsd-signature tsd-kind-icon">selected<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in packages/material/src/layouts/MaterialCategorizationLayout.tsx:72</li>
+							<li>Defined in packages/material/src/layouts/MaterialCategorizationLayout.tsx:73</li>
+						</ul>
+					</aside>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited">
+					<a name="t" class="tsd-anchor"></a>
+					<h3>t</h3>
+					<div class="tsd-signature tsd-kind-icon">t<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Translator</span></div>
+					<aside class="tsd-sources">
+						<p>Inherited from <a href="materialcategorizationlayoutrendererprops.html">MaterialCategorizationLayoutRendererProps</a>.<a href="materialcategorizationlayoutrendererprops.html#t">t</a></p>
+						<ul>
 						</ul>
 					</aside>
 				</section>
@@ -303,7 +339,7 @@
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in packages/material/src/layouts/MaterialCategorizationLayout.tsx:75</li>
+									<li>Defined in packages/material/src/layouts/MaterialCategorizationLayout.tsx:76</li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -354,6 +390,12 @@
 							<li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-inherited">
 								<a href="materialcategorizationlayoutrendererprops.html#enabled" class="tsd-kind-icon">enabled</a>
 							</li>
+							<li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-inherited">
+								<a href="materialcategorizationlayoutrendererprops.html#label" class="tsd-kind-icon">label</a>
+							</li>
+							<li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-inherited">
+								<a href="materialcategorizationlayoutrendererprops.html#locale" class="tsd-kind-icon">locale</a>
+							</li>
 							<li class=" tsd-kind-property tsd-parent-kind-interface">
 								<a href="materialcategorizationlayoutrendererprops.html#ownstate" class="tsd-kind-icon">own<wbr>State</a>
 							</li>
@@ -369,6 +411,9 @@
 							<li class=" tsd-kind-property tsd-parent-kind-interface">
 								<a href="materialcategorizationlayoutrendererprops.html#selected" class="tsd-kind-icon">selected</a>
 							</li>
+							<li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-inherited">
+								<a href="materialcategorizationlayoutrendererprops.html#t" class="tsd-kind-icon">t</a>
+							</li>
 							<li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-inherited">
 								<a href="materialcategorizationlayoutrendererprops.html#uischema" class="tsd-kind-icon">uischema</a>
 							</li>

package/docs/interfaces/materialcategorizationstepperlayoutrendererprops.html

@@ -72,6 +72,9 @@
 					</li>
 					<li>
 						<a href="ajvprops.html" class="tsd-signature-type">AjvProps</a>
+					</li>
+					<li>
+						<span class="tsd-signature-type">TranslateProps</span>
 						<ul class="tsd-hierarchy">
 							<li>
 								<span class="target">MaterialCategorizationStepperLayoutRendererProps</span>
@@ -93,9 +96,12 @@
 								<li class="tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a href="materialcategorizationstepperlayoutrendererprops.html#data" class="tsd-kind-icon">data</a></li>
 								<li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="materialcategorizationstepperlayoutrendererprops.html#direction" class="tsd-kind-icon">direction</a></li>
 								<li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="materialcategorizationstepperlayoutrendererprops.html#enabled" class="tsd-kind-icon">enabled</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="materialcategorizationstepperlayoutrendererprops.html#label" class="tsd-kind-icon">label</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="materialcategorizationstepperlayoutrendererprops.html#locale" class="tsd-kind-icon">locale</a></li>
 								<li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="materialcategorizationstepperlayoutrendererprops.html#path" class="tsd-kind-icon">path</a></li>
 								<li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="materialcategorizationstepperlayoutrendererprops.html#renderers" class="tsd-kind-icon">renderers</a></li>
 								<li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="materialcategorizationstepperlayoutrendererprops.html#schema" class="tsd-kind-icon">schema</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="materialcategorizationstepperlayoutrendererprops.html#t" class="tsd-kind-icon">t</a></li>
 								<li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="materialcategorizationstepperlayoutrendererprops.html#uischema" class="tsd-kind-icon">uischema</a></li>
 								<li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="materialcategorizationstepperlayoutrendererprops.html#visible" class="tsd-kind-icon">visible</a></li>
 							</ul>
@@ -153,7 +159,7 @@
 					<aside class="tsd-sources">
 						<p>Overrides StatePropsOfRenderer.data</p>
 						<ul>
-							<li>Defined in packages/material/src/layouts/MaterialCategorizationStepperLayout.tsx:63</li>
+							<li>Defined in packages/material/src/layouts/MaterialCategorizationStepperLayout.tsx:64</li>
 						</ul>
 					</aside>
 				</section>
@@ -187,6 +193,26 @@
 						</div>
 					</div>
 				</section>
+				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited">
+					<a name="label" class="tsd-anchor"></a>
+					<h3><span class="tsd-flag ts-flagOptional">Optional</span> label</h3>
+					<div class="tsd-signature tsd-kind-icon">label<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
+					<aside class="tsd-sources">
+						<p>Inherited from <a href="materialcategorizationlayoutrendererprops.html">MaterialCategorizationLayoutRendererProps</a>.<a href="materialcategorizationlayoutrendererprops.html#label">label</a></p>
+						<ul>
+						</ul>
+					</aside>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited">
+					<a name="locale" class="tsd-anchor"></a>
+					<h3>locale</h3>
+					<div class="tsd-signature tsd-kind-icon">locale<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
+					<aside class="tsd-sources">
+						<p>Inherited from <a href="materialcategorizationlayoutrendererprops.html">MaterialCategorizationLayoutRendererProps</a>.<a href="materialcategorizationlayoutrendererprops.html#locale">locale</a></p>
+						<ul>
+						</ul>
+					</aside>
+				</section>
 				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited">
 					<a name="path" class="tsd-anchor"></a>
 					<h3>path</h3>
@@ -232,6 +258,16 @@
 						</div>
 					</div>
 				</section>
+				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited">
+					<a name="t" class="tsd-anchor"></a>
+					<h3>t</h3>
+					<div class="tsd-signature tsd-kind-icon">t<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Translator</span></div>
+					<aside class="tsd-sources">
+						<p>Inherited from <a href="materialcategorizationlayoutrendererprops.html">MaterialCategorizationLayoutRendererProps</a>.<a href="materialcategorizationlayoutrendererprops.html#t">t</a></p>
+						<ul>
+						</ul>
+					</aside>
+				</section>
 				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited">
 					<a name="uischema" class="tsd-anchor"></a>
 					<h3>uischema</h3>
@@ -297,6 +333,12 @@
 							<li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-inherited">
 								<a href="materialcategorizationstepperlayoutrendererprops.html#enabled" class="tsd-kind-icon">enabled</a>
 							</li>
+							<li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-inherited">
+								<a href="materialcategorizationstepperlayoutrendererprops.html#label" class="tsd-kind-icon">label</a>
+							</li>
+							<li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-inherited">
+								<a href="materialcategorizationstepperlayoutrendererprops.html#locale" class="tsd-kind-icon">locale</a>
+							</li>
 							<li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-inherited">
 								<a href="materialcategorizationstepperlayoutrendererprops.html#path" class="tsd-kind-icon">path</a>
 							</li>
@@ -306,6 +348,9 @@
 							<li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-inherited">
 								<a href="materialcategorizationstepperlayoutrendererprops.html#schema" class="tsd-kind-icon">schema</a>
 							</li>
+							<li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-inherited">
+								<a href="materialcategorizationstepperlayoutrendererprops.html#t" class="tsd-kind-icon">t</a>
+							</li>
 							<li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-inherited">
 								<a href="materialcategorizationstepperlayoutrendererprops.html#uischema" class="tsd-kind-icon">uischema</a>
 							</li>