@rjsf/chakra-ui 6.5.2 → 6.6.0

package/lib/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAwB,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEvE,OAAO,iBAAiB,MAAM,wBAAwB,CAAC;AAEvD,MAAM,EAAE,eAAe,EAAE,GAAG,aAAa,CAAC;AAQ1C,MAAM,UAAU,SAAS,CAAC,WAA2B,EAAE;IACrD,MAAM,WAAW,GAAG,CAAC,QAAQ,CAAC,YAAY,CAAC,IAAI,QAAQ,CAAC,YAAY,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;IAEpF,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;QACvC;;;WAGG;QACH,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,IAAI,iBAAiB,CAAC,GAAG,CAAC,EAAE,CAAC;YACpD,OAAQ,WAAmB,CAAC,GAAG,CAAC,CAAC;QACnC,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,WAAW,CAAC;AACrB,CAAC"}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAwB,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACvE,OAAO,iBAAiB,MAAM,wBAAwB,CAAC;AAGvD,MAAM,EAAE,eAAe,EAAE,GAAG,aAAa,CAAC;AAQ1C,MAAM,UAAU,SAAS,CAAC,WAA2B,EAAE;IACrD,MAAM,WAAW,GAAG,CAAC,QAAQ,CAAC,YAAY,CAAC,IAAI,QAAQ,CAAC,YAAY,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;IAEpF,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;QACvC;;;WAGG;QACH,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,IAAI,iBAAiB,CAAC,GAAG,CAAC,EAAE,CAAC;YACpD,OAAQ,WAAmB,CAAC,GAAG,CAAC,CAAC;QACnC,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,WAAW,CAAC;AACrB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rjsf/chakra-ui",
-  "version": "6.5.2",
+  "version": "6.6.0",
   "description": "Chakra UI theme, fields, and widgets for react-jsonschema-form",
   "main": "dist/index.js",
   "module": "lib/index.js",
@@ -44,18 +44,19 @@
     "build:esm": "esbuild ./src/index.ts --bundle --outfile=dist/chakra-ui.esm.js --sourcemap --packages=external --format=esm",
     "build:umd": "rollup dist/chakra-ui.esm.js --format=umd --file=dist/chakra-ui.umd.js --name=@rjsf/chakra-ui",
     "build": "npm run build:ts && npm run build:cjs && npm run build:esm && npm run build:umd",
-    "cs-check": "prettier -l \"{src,test}/**/*.ts?(x)\"",
-    "cs-format": "prettier \"{src,test}/**/*.ts?(x)\" --write",
-    "lint": "eslint src test",
+    "cs-check": "oxfmt --check \"{src,test}/**/*.{ts,tsx}\"",
+    "cs-format": "oxfmt \"{src,test}/**/*.{ts,tsx}\"",
+    "lint": "oxlint src test",
     "precommit": "lint-staged",
-    "test": "jest",
-    "test:update": "jest --u",
-    "test:watch": "jest --watch",
+    "test": "vitest run",
+    "test:update": "vitest run --update-snapshots",
+    "test:watch": "vitest",
     "type-check": "tsc --noEmit"
   },
   "lint-staged": {
-    "{src,test}/**/*.ts?(x)": [
-      "eslint --fix"
+    "{src,test}/**/*.{ts,tsx}": [
+      "oxlint --fix",
+      "oxfmt"
     ]
   },
   "engineStrict": false,
@@ -85,20 +86,18 @@
   },
   "license": "Apache-2.0",
   "devDependencies": {
-    "@chakra-ui/cli": "^3.34.0",
-    "@chakra-ui/react": "^3.34.0",
-    "@emotion/eslint-plugin": "^11.12.0",
+    "@chakra-ui/cli": "^3.35.0",
+    "@chakra-ui/react": "^3.35.0",
     "@emotion/jest": "^11.14.2",
     "@emotion/react": "^11.14.0",
-    "@rjsf/core": "6.5.2",
-    "@rjsf/snapshot-tests": "6.5.2",
-    "@rjsf/utils": "6.5.2",
-    "@rjsf/validator-ajv8": "6.5.2",
-    "chakra-react-select": "^6.1.1",
-    "eslint": "^8.57.1"
+    "@rjsf/core": "6.6.0",
+    "@rjsf/snapshot-tests": "6.6.0",
+    "@rjsf/utils": "6.6.0",
+    "@rjsf/validator-ajv8": "6.6.0",
+    "chakra-react-select": "^6.1.3"
   },
   "dependencies": {
-    "lucide-react": "^0.548.0",
+    "lucide-react": "^1.16.0",
     "react-icons": "^5.6.0",
     "react-select": "^5.10.2"
   }

package/src/AddButton/AddButton.tsx

@@ -1,5 +1,5 @@
-import { FormContextType, IconButtonProps, RJSFSchema, StrictRJSFSchema, TranslatableString } from '@rjsf/utils';
 import { Button } from '@chakra-ui/react';
+import { FormContextType, IconButtonProps, RJSFSchema, StrictRJSFSchema, TranslatableString } from '@rjsf/utils';
 import { PlusIcon } from 'lucide-react';
 
 export default function AddButton<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>({

package/src/AltDateWidget/AltDateWidget.tsx

@@ -9,6 +9,7 @@ import {
   useAltDateWidgetProps,
   WidgetProps,
 } from '@rjsf/utils';
+
 import { getChakra } from '../utils';
 
 function AltDateWidget<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>({

package/src/BaseInputTemplate/BaseInputTemplate.tsx

@@ -1,5 +1,6 @@
 import { ChangeEvent, FocusEvent, MouseEvent, useCallback } from 'react';
 import { Input } from '@chakra-ui/react';
+import { SchemaExamples } from '@rjsf/core';
 import {
   ariaDescribedByIds,
   BaseInputTemplateProps,
@@ -10,7 +11,6 @@ import {
   RJSFSchema,
   StrictRJSFSchema,
 } from '@rjsf/utils';
-import { SchemaExamples } from '@rjsf/core';
 
 import { Field } from '../components/ui/field';
 import { getChakra } from '../utils';

package/src/ChakraFrameProvider.tsx

@@ -1,7 +1,7 @@
-import { CacheProvider } from '@emotion/react';
+import { ChakraProvider, defaultSystem } from '@chakra-ui/react';
 import createCache from '@emotion/cache';
+import { CacheProvider } from '@emotion/react';
 import weakMemoize from '@emotion/weak-memoize';
-import { ChakraProvider, defaultSystem } from '@chakra-ui/react';
 
 /**
  * __createChakraFrameProvider is used to ensure that <Global> emotion components

package/src/CheckboxWidget/CheckboxWidget.tsx

@@ -13,8 +13,8 @@ import {
   getUiOptions,
 } from '@rjsf/utils';
 
-import { Field } from '../components/ui/field';
 import { Checkbox } from '../components/ui/checkbox';
+import { Field } from '../components/ui/field';
 import { getChakra } from '../utils';
 
 export default function CheckboxWidget<

package/src/CheckboxesWidget/CheckboxesWidget.tsx

@@ -1,3 +1,4 @@
+import { FocusEvent } from 'react';
 import { CheckboxGroup, FieldsetRoot, Stack, Text, FieldsetLegend } from '@chakra-ui/react';
 import {
   ariaDescribedByIds,
@@ -12,7 +13,6 @@ import {
   WidgetProps,
   labelValue,
 } from '@rjsf/utils';
-import { FocusEvent } from 'react';
 
 import { Checkbox } from '../components/ui/checkbox';
 import { getChakra } from '../utils';

package/src/DescriptionField/DescriptionField.tsx

@@ -1,6 +1,6 @@
+import { Text } from '@chakra-ui/react';
 import { RichDescription } from '@rjsf/core';
 import { DescriptionFieldProps, FormContextType, RJSFSchema, StrictRJSFSchema } from '@rjsf/utils';
-import { Text } from '@chakra-ui/react';
 
 /** The `DescriptionField` is the template to use to render the description of a field
  *

package/src/ErrorList/ErrorList.tsx

@@ -1,5 +1,5 @@
-import { ErrorListProps, FormContextType, RJSFSchema, StrictRJSFSchema, TranslatableString } from '@rjsf/utils';
 import { ListItem, ListRoot } from '@chakra-ui/react';
+import { ErrorListProps, FormContextType, RJSFSchema, StrictRJSFSchema, TranslatableString } from '@rjsf/utils';
 
 import { Alert } from '../components/ui/alert';
 

package/src/FieldErrorTemplate/FieldErrorTemplate.tsx

@@ -1,5 +1,5 @@
-import { errorId, FieldErrorProps, FormContextType, RJSFSchema, StrictRJSFSchema } from '@rjsf/utils';
 import { Fieldset } from '@chakra-ui/react';
+import { errorId, FieldErrorProps, FormContextType, RJSFSchema, StrictRJSFSchema } from '@rjsf/utils';
 
 /** The `FieldErrorTemplate` component renders the errors local to the particular field
  *

package/src/FieldHelpTemplate/FieldHelpTemplate.tsx

@@ -1,6 +1,6 @@
 import { Text } from '@chakra-ui/react';
-import { helpId, FieldHelpProps, FormContextType, RJSFSchema, StrictRJSFSchema } from '@rjsf/utils';
 import { RichHelp } from '@rjsf/core';
+import { helpId, FieldHelpProps, FormContextType, RJSFSchema, StrictRJSFSchema } from '@rjsf/utils';
 
 /** The `FieldHelpTemplate` component renders any help desired for a field
  *

package/src/Form/Form.tsx

@@ -1,8 +1,9 @@
 import { ComponentType } from 'react';
 import { withTheme, FormProps } from '@rjsf/core';
-import { generateTheme } from '../Theme';
 import { FormContextType, RJSFSchema, StrictRJSFSchema } from '@rjsf/utils';
 
+import { generateTheme } from '../Theme';
+
 export function generateForm<
   T = any,
   S extends StrictRJSFSchema = RJSFSchema,

package/src/NativeSelectWidget/NativeSelectWidget.tsx

@@ -1,4 +1,5 @@
 import { ChangeEvent, FocusEvent, useMemo } from 'react';
+import { createListCollection, NativeSelect } from '@chakra-ui/react';
 import {
   ariaDescribedByIds,
   EnumOptionsType,
@@ -11,7 +12,6 @@ import {
   WidgetProps,
 } from '@rjsf/utils';
 import { OptionsOrGroups } from 'chakra-react-select';
-import { createListCollection, NativeSelect } from '@chakra-ui/react';
 
 import { Field } from '../components/ui/field';
 import { getChakra } from '../utils';

package/src/SelectWidget/SelectWidget.tsx

@@ -1,5 +1,5 @@
 import { FocusEvent, useMemo, useRef } from 'react';
-
+import { createListCollection, SelectValueChangeDetails, Select as ChakraSelect } from '@chakra-ui/react';
 import {
   ariaDescribedByIds,
   EnumOptionsType,
@@ -14,7 +14,6 @@ import {
   WidgetProps,
 } from '@rjsf/utils';
 import { OptionsOrGroups } from 'chakra-react-select';
-import { createListCollection, SelectValueChangeDetails, Select as ChakraSelect } from '@chakra-ui/react';
 
 import { Field } from '../components/ui/field';
 import { SelectRoot, SelectTrigger, SelectValueText } from '../components/ui/select';

package/src/Templates/Templates.ts

@@ -1,21 +1,22 @@
+import { FormContextType, RJSFSchema, StrictRJSFSchema, TemplatesType } from '@rjsf/utils';
+
 import AddButton from '../AddButton';
 import ArrayFieldItemTemplate from '../ArrayFieldItemTemplate';
 import ArrayFieldTemplate from '../ArrayFieldTemplate';
 import BaseInputTemplate from '../BaseInputTemplate/BaseInputTemplate';
 import DescriptionField from '../DescriptionField';
 import ErrorList from '../ErrorList';
-import { CopyButton, MoveDownButton, MoveUpButton, RemoveButton, ClearButton } from '../IconButton';
 import FieldErrorTemplate from '../FieldErrorTemplate';
 import FieldHelpTemplate from '../FieldHelpTemplate';
 import FieldTemplate from '../FieldTemplate';
 import GridTemplate from '../GridTemplate';
+import { CopyButton, MoveDownButton, MoveUpButton, RemoveButton, ClearButton } from '../IconButton';
 import MultiSchemaFieldTemplate from '../MultiSchemaFieldTemplate';
 import ObjectFieldTemplate from '../ObjectFieldTemplate';
 import OptionalDataControlsTemplate from '../OptionalDataControlsTemplate';
 import SubmitButton from '../SubmitButton';
 import TitleField from '../TitleField';
 import WrapIfAdditionalTemplate from '../WrapIfAdditionalTemplate';
-import { FormContextType, RJSFSchema, StrictRJSFSchema, TemplatesType } from '@rjsf/utils';
 
 export function generateTemplates<
   T = any,

package/src/Theme/Theme.tsx

@@ -1,8 +1,8 @@
 import { ThemeProps } from '@rjsf/core';
+import { FormContextType, RJSFSchema, StrictRJSFSchema } from '@rjsf/utils';
 
 import { generateTemplates } from '../Templates';
 import { generateWidgets } from '../Widgets';
-import { FormContextType, RJSFSchema, StrictRJSFSchema } from '@rjsf/utils';
 
 export function generateTheme<
   T = any,

package/src/TitleField/TitleField.tsx

@@ -1,5 +1,5 @@
-import { FormContextType, RJSFSchema, StrictRJSFSchema, TitleFieldProps } from '@rjsf/utils';
 import { Box, Flex, Heading, Separator, Spacer } from '@chakra-ui/react';
+import { FormContextType, RJSFSchema, StrictRJSFSchema, TitleFieldProps } from '@rjsf/utils';
 
 export default function TitleField<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>({
   id,

package/src/UpDownWidget/UpDownWidget.tsx

@@ -1,5 +1,5 @@
 import { FocusEvent } from 'react';
-
+import { NumberInputValueChangeDetails } from '@chakra-ui/react';
 import {
   ariaDescribedByIds,
   labelValue,
@@ -8,7 +8,6 @@ import {
   StrictRJSFSchema,
   WidgetProps,
 } from '@rjsf/utils';
-import { NumberInputValueChangeDetails } from '@chakra-ui/react';
 
 import { Field } from '../components/ui/field';
 import { NumberInputRoot } from '../components/ui/number-input';

package/src/Widgets/Widgets.ts

@@ -1,14 +1,15 @@
+import { FormContextType, RegistryWidgetsType, RJSFSchema, StrictRJSFSchema } from '@rjsf/utils';
+
 import AltDateTimeWidget from '../AltDateTimeWidget/AltDateTimeWidget';
 import AltDateWidget from '../AltDateWidget/AltDateWidget';
-import CheckboxWidget from '../CheckboxWidget/CheckboxWidget';
 import CheckboxesWidget from '../CheckboxesWidget/CheckboxesWidget';
+import CheckboxWidget from '../CheckboxWidget/CheckboxWidget';
+import NativeSelectWidget from '../NativeSelectWidget/NativeSelectWidget';
 import RadioWidget from '../RadioWidget/RadioWidget';
 import RangeWidget from '../RangeWidget/RangeWidget';
 import SelectWidget from '../SelectWidget/SelectWidget';
-import NativeSelectWidget from '../NativeSelectWidget/NativeSelectWidget';
 import TextareaWidget from '../TextareaWidget/TextareaWidget';
 import UpDownWidget from '../UpDownWidget/UpDownWidget';
-import { FormContextType, RegistryWidgetsType, RJSFSchema, StrictRJSFSchema } from '@rjsf/utils';
 
 export function generateWidgets<
   T = any,

package/src/WrapIfAdditionalTemplate/WrapIfAdditionalTemplate.tsx

@@ -1,3 +1,4 @@
+import { Grid, GridItem, Input } from '@chakra-ui/react';
 import {
   ADDITIONAL_PROPERTY_FLAG,
   buttonId,
@@ -7,7 +8,6 @@ import {
   TranslatableString,
   WrapIfAdditionalTemplateProps,
 } from '@rjsf/utils';
-import { Grid, GridItem, Input } from '@chakra-ui/react';
 
 import { Field } from '../components/ui/field';
 

package/src/tsconfig.json

@@ -4,7 +4,6 @@
   "compilerOptions": {
     "rootDir": "./",
     "outDir": "../lib",
-    "baseUrl": "../",
     "jsx": "react-jsx",
     // There are type errors in @chakra-ui/menu type definitions because of which skipLibCheck had to be added
     // @chakra-ui/menu/dist/declarations/src/use-menu.d.ts:986:61 - error TS2694: Namespace '"node_modules/csstype/index".Property' has no exported member 'ColorAdjust'.

package/src/utils.ts

@@ -1,6 +1,6 @@
 import { Field as ChakraField, defaultSystem } from '@chakra-ui/react';
-import { UiSchema } from '@rjsf/utils';
 import shouldForwardProp from '@emotion/is-prop-valid';
+import { UiSchema } from '@rjsf/utils';
 
 const { isValidProperty } = defaultSystem;