Add schema variants for select example

Author: rvsia

packages/react-renderer-demo/src/pages/provided-mappers/select.js

@@ -2,6 +2,19 @@ import React from 'react';
 import ComponentText from '@docs/components/component-example-text';
 import componentTypes from '@data-driven-forms/react-form-renderer/component-types';
 import baseFieldProps from '../../helpers/base-field-props';
+import updateFieldSchema from '../../helpers/update-field-schema';
+
+const loadOptions = `<FUNCTION () =>
+      new Promise((res) =>
+        setTimeout(
+          () =>
+            res([
+              { value: 'first-option', label: 'First async option' },
+              { value: 'second-option', label: 'Second async option' }
+            ]),
+          2500
+        )
+      ) FUNCTION>`.replace(/\n/g, '<NEWLINE>');
 
 const schema = {
   fields: [
@@ -19,6 +32,19 @@ const schema = {
   ]
 };
 
+const basicVariant = { schema, label: 'Basic', value: 'basic' };
+const multiVariant = { schema: updateFieldSchema(schema, { isMulti: true }), label: 'Multi', value: 'multi' };
+const loadOptionsVariant = { schema: updateFieldSchema(schema, { options: [], loadOptions }), label: 'Load options', value: 'load-options' };
+
+const schemaVariants = {
+  mui: [basicVariant, multiVariant, loadOptionsVariant],
+  pf4: [basicVariant, multiVariant, loadOptionsVariant],
+  blueprint: [basicVariant, multiVariant],
+  suir: [basicVariant, multiVariant, loadOptionsVariant],
+  ant: [basicVariant, multiVariant, loadOptionsVariant],
+  carbon: [basicVariant, multiVariant, loadOptionsVariant]
+};
+
 const variants = [
   ...baseFieldProps,
   {
@@ -55,6 +81,6 @@ const variants = [
   }
 ];
 
-const Select = () => <ComponentText schema={schema} variants={variants} linkText="Select" />;
+const Select = () => <ComponentText schema={schema} variants={variants} linkText="Select" schemaVariants={schemaVariants} />;
 
 export default Select;