@rjsf/chakra-ui 6.2.4 → 6.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rjsf/chakra-ui",
-  "version": "6.2.4",
+  "version": "6.3.0",
   "description": "Chakra UI theme, fields, and widgets for react-jsonschema-form",
   "main": "dist/index.js",
   "module": "lib/index.js",
@@ -85,16 +85,16 @@
   },
   "license": "Apache-2.0",
   "devDependencies": {
-    "@chakra-ui/cli": "^3.28.0",
-    "@chakra-ui/react": "^3.28.0",
+    "@chakra-ui/cli": "3.29.0",
+    "@chakra-ui/react": "3.29.0",
     "@emotion/eslint-plugin": "^11.12.0",
-    "@emotion/jest": "^11.13.0",
+    "@emotion/jest": "^11.14.2",
     "@emotion/react": "^11.14.0",
-    "@rjsf/core": "^6.2.0",
-    "@rjsf/snapshot-tests": "^6.2.0",
-    "@rjsf/utils": "^6.2.0",
-    "@rjsf/validator-ajv8": "^6.2.0",
-    "chakra-react-select": "^6.1.0",
+    "@rjsf/core": "^6.2.5",
+    "@rjsf/snapshot-tests": "^6.2.5",
+    "@rjsf/utils": "^6.2.5",
+    "@rjsf/validator-ajv8": "^6.2.5",
+    "chakra-react-select": "^6.1.1",
     "eslint": "^8.57.1"
   },
   "dependencies": {

package/src/BaseInputTemplate/BaseInputTemplate.tsx

@@ -10,6 +10,7 @@ import {
   RJSFSchema,
   StrictRJSFSchema,
 } from '@rjsf/utils';
+import { SchemaExamples } from '@rjsf/core';
 
 import { Field } from '../components/ui/field';
 import { getChakra } from '../utils';
@@ -85,15 +86,7 @@ export default function BaseInputTemplate<
       {options.allowClearTextInputs && !readonly && !disabled && value && (
         <ClearButton registry={registry} onClick={onClear} />
       )}
-      {Array.isArray(schema.examples) ? (
-        <datalist id={examplesId(id)}>
-          {(schema.examples as string[])
-            .concat(schema.default && !schema.examples.includes(schema.default) ? ([schema.default] as string[]) : [])
-            .map((example: any) => {
-              return <option key={example} value={example} />;
-            })}
-        </datalist>
-      ) : null}
+      <SchemaExamples id={id} schema={schema} />
     </Field>
   );
 }

package/src/{SelectNativeWidget → NativeSelectWidget}/NativeSelectWidget.tsx

@@ -11,7 +11,7 @@ import {
   WidgetProps,
 } from '@rjsf/utils';
 import { OptionsOrGroups } from 'chakra-react-select';
-import { createListCollection, NativeSelect as ChakraSelect } from '@chakra-ui/react';
+import { createListCollection, NativeSelect } from '@chakra-ui/react';
 
 import { Field } from '../components/ui/field';
 import { getChakra } from '../utils';
@@ -79,12 +79,9 @@ export default function NativeSelectWidget<
           disabled: Array.isArray(enumDisabled) && enumDisabled.indexOf(value) !== -1,
         };
       });
-      if (showPlaceholderOption) {
-        (displayEnumOptions as any[]).unshift({ value: '', label: placeholder || '' });
-      }
     }
     return { valueLabelMap: valueLabelMap, displayEnumOptions: displayEnumOptions };
-  }, [enumDisabled, enumOptions, placeholder, showPlaceholderOption]);
+  }, [enumDisabled, enumOptions]);
 
   const selectedIndex = enumOptionsIndexForValue<S>(value, enumOptions, false);
 
@@ -116,8 +113,8 @@ export default function NativeSelectWidget<
       label={labelValue(label, hideLabel || !label)}
       {...chakraProps}
     >
-      <ChakraSelect.Root>
-        <ChakraSelect.Field
+      <NativeSelect.Root>
+        <NativeSelect.Field
           id={id}
           onBlur={_onBlur}
           onChange={_onChange}
@@ -126,14 +123,19 @@ export default function NativeSelectWidget<
           value={formValue}
           aria-describedby={ariaDescribedByIds(id)}
         >
+          {showPlaceholderOption ? (
+            <option value='' disabled hidden>
+              {placeholder || ''}
+            </option>
+          ) : undefined}
           {selectOptions.items.map((item) => (
             <option key={item.value} value={item.value}>
               {item.label}
             </option>
           ))}
-        </ChakraSelect.Field>
-        <ChakraSelect.Indicator />
-      </ChakraSelect.Root>
+        </NativeSelect.Field>
+        <NativeSelect.Indicator />
+      </NativeSelect.Root>
     </Field>
   );
 }

package/src/Widgets/Widgets.ts

@@ -5,7 +5,7 @@ import CheckboxesWidget from '../CheckboxesWidget/CheckboxesWidget';
 import RadioWidget from '../RadioWidget/RadioWidget';
 import RangeWidget from '../RangeWidget/RangeWidget';
 import SelectWidget from '../SelectWidget/SelectWidget';
-import NativeSelectWidget from '../SelectNativeWidget/NativeSelectWidget';
+import NativeSelectWidget from '../NativeSelectWidget/NativeSelectWidget';
 import TextareaWidget from '../TextareaWidget/TextareaWidget';
 import UpDownWidget from '../UpDownWidget/UpDownWidget';
 import { FormContextType, RegistryWidgetsType, RJSFSchema, StrictRJSFSchema } from '@rjsf/utils';

package/lib/SelectNativeWidget/NativeSelectWidget.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NativeSelectWidget.js","sourceRoot":"","sources":["../../src/SelectNativeWidget/NativeSelectWidget.tsx"],"names":[],"mappings":"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"}

package/lib/SelectNativeWidget/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/SelectNativeWidget/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,cAAc,sBAAsB,CAAC"}