@rjsf/chakra-ui 4.2.2 → 5.0.0-beta.2

package/README.md

@@ -16,7 +16,7 @@
   <p align="center">
   Chakra UI theme, fields and widgets for <a href="https://github.com/rjsf-team/react-jsonschema-form/"><code>react-jsonschema-form</code></a>.
     <br />
-    <a href="https://react-jsonschema-form.readthedocs.io/en/latest/"><strong>Explore the docs »</strong></a>
+    <a href="https://react-jsonschema-form.readthedocs.io/en/stable/"><strong>Explore the docs »</strong></a>
     <br />
     <br />
     <a href="https://rjsf-team.github.io/react-jsonschema-form/">View Playground</a>
@@ -67,7 +67,7 @@ Exports `chakra-ui` theme, fields and widgets for `react-jsonschema-form`.
 - `framer-motion >= 5.0.0`
 - `@rjsf/core >= 2.0.0`
 
-Refer to the [rjsf installation guide](https://react-jsonschema-form.readthedocs.io/en/latest/#installation) and [chakra-ui installation guide](https://chakra-ui.com/docs/getting-started#installation) and for more details.
+Refer to the [rjsf installation guide](https://react-jsonschema-form.readthedocs.io/en/stable/#installation) and [chakra-ui installation guide](https://chakra-ui.com/docs/getting-started#installation) and for more details.
 
 ---
 
@@ -102,7 +102,7 @@ const Form = withTheme(ChakraUITheme);
 
 ## Optional Chakra UI Theme properties
 
-- To pass additional properties to widgets, see this [guide](https://react-jsonschema-form.readthedocs.io/en/latest/form-customization/#object-additional-properties).
+- To pass additional properties to widgets, see this [guide](https://react-jsonschema-form.readthedocs.io/en/stable/form-customization/#object-additional-properties).
 
 You can use `ChakraProvider`, to customize the components at a theme level.\
 And, `uiSchema` allows for the use of a `"chakra"` `"ui:option"` to customize the styling of the form widgets.
@@ -135,7 +135,7 @@ See the [open issues](https://github.com/rjsf-team/react-jsonschema-form/issues)
 
 ## Contributing
 
-Read our [contributors' guide](https://react-jsonschema-form.readthedocs.io/en/latest/contributing/) to get started.
+Read our [contributors' guide](https://react-jsonschema-form.readthedocs.io/en/stable/contributing/) to get started.
 
 <!-- CONTACT -->
 

package/dist/AddButton/AddButton.d.ts

@@ -1,5 +1,4 @@
 import React from "react";
-import { AddButtonProps } from "@rjsf/core";
-import { ButtonProps } from "@chakra-ui/react";
-declare const AddButton: React.FC<AddButtonProps & ButtonProps>;
+import { IconButtonProps } from "@rjsf/utils";
+declare const AddButton: React.ComponentType<IconButtonProps>;
 export default AddButton;

package/dist/AltDateTimeWidget/AltDateTimeWidget.d.ts

@@ -1,4 +1,4 @@
-import { WidgetProps } from "@rjsf/core";
+import { WidgetProps } from "@rjsf/utils";
 declare const AltDateTimeWidget: {
     (props: WidgetProps): JSX.Element;
     defaultProps: {

package/dist/ArrayFieldItemTemplate/ArrayFieldItemTemplate.d.ts

@@ -0,0 +1,3 @@
+import { ArrayFieldTemplateItemType } from "@rjsf/utils";
+declare const ArrayFieldItemTemplate: (props: ArrayFieldTemplateItemType) => JSX.Element;
+export default ArrayFieldItemTemplate;

package/dist/ArrayFieldItemTemplate/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./ArrayFieldItemTemplate";
+export * from "./ArrayFieldItemTemplate";

package/dist/ArrayFieldTemplate/ArrayFieldTemplate.d.ts

@@ -1,3 +1,3 @@
-import { ArrayFieldTemplateProps } from "@rjsf/core";
+import { ArrayFieldTemplateProps } from "@rjsf/utils";
 declare const ArrayFieldTemplate: (props: ArrayFieldTemplateProps) => JSX.Element;
 export default ArrayFieldTemplate;

package/dist/BaseInputTemplate/BaseInputTemplate.d.ts

@@ -0,0 +1,3 @@
+import { WidgetProps } from "@rjsf/utils";
+declare const BaseInputTemplate: (props: WidgetProps) => JSX.Element;
+export default BaseInputTemplate;

package/dist/BaseInputTemplate/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./BaseInputTemplate";
+export * from "./BaseInputTemplate";

package/dist/ChakraFrameProvider.d.ts

@@ -1 +1 @@
-export declare const __createChakraFrameProvider: (props: any) => ({ document, }: any) => JSX.Element;
+export declare const __createChakraFrameProvider: (props: any) => ({ document }: any) => JSX.Element;

package/dist/CheckboxWidget/CheckboxWidget.d.ts

@@ -1,3 +1,3 @@
-import { WidgetProps } from "@rjsf/core";
+import { WidgetProps } from "@rjsf/utils";
 declare const CheckboxWidget: (props: WidgetProps) => JSX.Element;
 export default CheckboxWidget;

package/dist/CheckboxesWidget/CheckboxesWidget.d.ts

@@ -1,3 +1,3 @@
-import { WidgetProps } from "@rjsf/core";
+import { WidgetProps } from "@rjsf/utils";
 declare const CheckboxesWidget: (props: WidgetProps) => JSX.Element;
 export default CheckboxesWidget;

package/dist/DescriptionField/DescriptionField.d.ts

@@ -1,3 +1,3 @@
-import { FieldProps } from "@rjsf/core";
-declare const DescriptionField: ({ description, id }: FieldProps) => JSX.Element | null;
+import { DescriptionFieldProps } from "@rjsf/utils";
+declare const DescriptionField: ({ description, id }: DescriptionFieldProps) => JSX.Element | null;
 export default DescriptionField;

package/dist/ErrorList/ErrorList.d.ts

@@ -1,3 +1,3 @@
-import { ErrorListProps } from "@rjsf/core";
+import { ErrorListProps } from "@rjsf/utils";
 declare const ErrorList: ({ errors }: ErrorListProps) => JSX.Element;
 export default ErrorList;

package/dist/FieldTemplate/FieldTemplate.d.ts

@@ -1,3 +1,3 @@
-import { FieldTemplateProps } from "@rjsf/core";
+import { FieldTemplateProps } from "@rjsf/utils";
 declare const FieldTemplate: (props: FieldTemplateProps) => JSX.Element;
 export default FieldTemplate;

package/dist/FieldTemplate/WrapIfAdditional.d.ts

@@ -1,16 +1,7 @@
-import * as React from "react";
-import { JSONSchema7 } from "json-schema";
-interface WrapIfAdditionalProps {
+import React from "react";
+import { FieldTemplateProps } from "@rjsf/utils";
+declare type WrapIfAdditionalProps = {
     children: React.ReactElement;
-    classNames: string;
-    disabled: boolean;
-    id: string;
-    label: string;
-    onDropPropertyClick: (index: string) => (event?: any) => void;
-    onKeyChange: (index: string) => (event?: any) => void;
-    readonly: boolean;
-    required: boolean;
-    schema: JSONSchema7;
-}
+} & Pick<FieldTemplateProps, "classNames" | "disabled" | "id" | "label" | "onDropPropertyClick" | "onKeyChange" | "readonly" | "required" | "schema" | "registry">;
 declare const WrapIfAdditional: (props: WrapIfAdditionalProps) => JSX.Element;
 export default WrapIfAdditional;

package/dist/Form/Form.d.ts

@@ -1,4 +1,4 @@
+import { ComponentType } from "react";
 import { FormProps } from "@rjsf/core";
-import { ComponentClass, FunctionComponent } from "react";
-declare const Form: ComponentClass<FormProps<any>> | FunctionComponent<FormProps<any>>;
+declare const Form: ComponentType<FormProps>;
 export default Form;

package/dist/IconButton/IconButton.d.ts

@@ -1,17 +1,11 @@
 import React from "react";
-import { IconButtonProps as ChakraIconButtonProps } from "@chakra-ui/react";
-declare const mappings: {
-    remove: JSX.Element;
-    plus: JSX.Element;
-    "arrow-up": JSX.Element;
-    "arrow-down": JSX.Element;
-};
-declare type IconButtonProps = Omit<ChakraIconButtonProps, "aria-label" | "icon"> & {
-    icon: keyof typeof mappings;
-};
+import { IconButtonProps } from "@rjsf/utils";
 /**
  * props used in Template:
  * icon, tabIndex, disabled, onClick
  */
 declare const ChakraIconButton: React.MemoExoticComponent<(props: IconButtonProps) => JSX.Element>;
 export default ChakraIconButton;
+export declare function MoveDownButton(props: IconButtonProps): JSX.Element;
+export declare function MoveUpButton(props: IconButtonProps): JSX.Element;
+export declare function RemoveButton(props: IconButtonProps): JSX.Element;

package/dist/ObjectFieldTemplate/ObjectFieldTemplate.d.ts

@@ -1,3 +1,3 @@
-import { ObjectFieldTemplateProps } from "@rjsf/core";
+import { ObjectFieldTemplateProps } from "@rjsf/utils";
 declare const ObjectFieldTemplate: (props: ObjectFieldTemplateProps) => JSX.Element;
 export default ObjectFieldTemplate;

package/dist/RadioWidget/RadioWidget.d.ts

@@ -1,3 +1,3 @@
-import { WidgetProps } from "@rjsf/core";
+import { WidgetProps } from "@rjsf/utils";
 declare const RadioWidget: ({ id, schema, options, value, required, disabled, readonly, label, onChange, onBlur, onFocus, uiSchema, }: WidgetProps) => JSX.Element;
 export default RadioWidget;

package/dist/RangeWidget/RangeWidget.d.ts

@@ -1,3 +1,3 @@
-import { WidgetProps } from "@rjsf/core";
-declare const RangeWidget: ({ value, readonly, disabled, onBlur, onFocus, options, schema, uiSchema, onChange, label, id, }: WidgetProps) => JSX.Element;
+import { WidgetProps } from "@rjsf/utils";
+declare const RangeWidget: ({ value, readonly, disabled, onBlur, onFocus, options, schema, uiSchema, onChange, label, id, registry, }: WidgetProps) => JSX.Element;
 export default RangeWidget;

package/dist/SelectWidget/SelectWidget.d.ts

@@ -1,3 +1,3 @@
-import { WidgetProps } from "@rjsf/core";
+import { WidgetProps } from "@rjsf/utils";
 declare const SelectWidget: (props: WidgetProps) => JSX.Element;
 export default SelectWidget;

package/dist/SubmitButton/SubmitButton.d.ts

@@ -1,3 +1,3 @@
-import { WidgetProps } from "@rjsf/core";
-declare const SubmitButton: ({ uiSchema }: WidgetProps) => JSX.Element | null;
+import { SubmitButtonProps } from "@rjsf/utils";
+declare const SubmitButton: ({ uiSchema }: SubmitButtonProps) => JSX.Element | null;
 export default SubmitButton;

package/dist/Templates/Templates.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import { MoveDownButton, MoveUpButton, RemoveButton } from "../IconButton";
+declare const _default: {
+    ArrayFieldItemTemplate: (props: import("@rjsf/utils").ArrayFieldTemplateItemType<any, any>) => JSX.Element;
+    ArrayFieldTemplate: (props: import("@rjsf/utils").ArrayFieldTemplateProps<any, any>) => JSX.Element;
+    BaseInputTemplate: (props: import("@rjsf/utils").WidgetProps<any, any>) => JSX.Element;
+    ButtonTemplates: {
+        AddButton: import("react").ComponentType<import("@rjsf/utils").IconButtonProps>;
+        MoveDownButton: typeof MoveDownButton;
+        MoveUpButton: typeof MoveUpButton;
+        RemoveButton: typeof RemoveButton;
+        SubmitButton: ({ uiSchema }: import("@rjsf/utils").SubmitButtonProps<any, any>) => JSX.Element | null;
+    };
+    DescriptionFieldTemplate: ({ description, id }: import("@rjsf/utils").DescriptionFieldProps<any, any>) => JSX.Element | null;
+    ErrorListTemplate: ({ errors }: import("@rjsf/utils").ErrorListProps<any, any>) => JSX.Element;
+    FieldTemplate: (props: import("@rjsf/utils").FieldTemplateProps<any, any>) => JSX.Element;
+    ObjectFieldTemplate: (props: import("@rjsf/utils").ObjectFieldTemplateProps<any, any>) => JSX.Element;
+    TitleFieldTemplate: ({ id, title }: import("@rjsf/utils").TitleFieldProps<any, any>) => JSX.Element;
+};
+export default _default;

package/dist/Templates/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./Templates";
+export * from "./Templates";

package/dist/TextareaWidget/TextareaWidget.d.ts

@@ -1,3 +1,3 @@
-import { WidgetProps } from "@rjsf/core";
-declare const TextareaWidget: ({ id, placeholder, value, label, disabled, autofocus, readonly, onBlur, onFocus, onChange, options, schema, uiSchema, required, rawErrors, }: WidgetProps) => JSX.Element;
+import { WidgetProps } from "@rjsf/utils";
+declare const TextareaWidget: ({ id, placeholder, value, label, disabled, autofocus, readonly, onBlur, onFocus, onChange, options, schema, uiSchema, required, rawErrors, registry, }: WidgetProps) => JSX.Element;
 export default TextareaWidget;

package/dist/Theme/Theme.d.ts

@@ -1,3 +1,3 @@
-import { ThemeProps } from "../utils";
-declare const Theme: ThemeProps;
+import { WithThemeProps } from "@rjsf/core";
+declare const Theme: WithThemeProps;
 export default Theme;

package/dist/TitleField/TitleField.d.ts

@@ -1,3 +1,3 @@
-import { FieldProps } from "@rjsf/core";
-declare const TitleField: ({ title }: FieldProps) => JSX.Element;
+import { TitleFieldProps } from "@rjsf/utils";
+declare const TitleField: ({ id, title }: TitleFieldProps) => JSX.Element;
 export default TitleField;

package/dist/UpDownWidget/UpDownWidget.d.ts

@@ -1,3 +1,3 @@
-import { WidgetProps } from "@rjsf/core";
+import { WidgetProps } from "@rjsf/utils";
 declare const UpDownWidget: (props: WidgetProps) => JSX.Element;
 export default UpDownWidget;

package/dist/Widgets/Widgets.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="@rjsf/core" />
 declare const widgets: {
     AltDateTimeWidget: {
-        (props: import("@rjsf/core").WidgetProps): JSX.Element;
+        (props: import("@rjsf/utils").WidgetProps<any, any>): JSX.Element;
         defaultProps: {
             showTime: boolean;
             autofocus: boolean;
@@ -24,20 +23,12 @@ declare const widgets: {
             };
         };
     };
-    CheckboxWidget: (props: import("@rjsf/core").WidgetProps) => JSX.Element;
-    CheckboxesWidget: (props: import("@rjsf/core").WidgetProps) => JSX.Element;
-    ColorWidget: (props: import("@rjsf/core").WidgetProps) => JSX.Element;
-    DateWidget: (props: import("@rjsf/core").WidgetProps) => JSX.Element;
-    DateTimeWidget: (props: import("@rjsf/core").WidgetProps) => JSX.Element;
-    EmailWidget: (props: import("@rjsf/core").WidgetProps) => JSX.Element;
-    PasswordWidget: (props: import("@rjsf/core").WidgetProps) => JSX.Element;
-    RadioWidget: ({ id, schema, options, value, required, disabled, readonly, label, onChange, onBlur, onFocus, uiSchema, }: import("@rjsf/core").WidgetProps) => JSX.Element;
-    RangeWidget: ({ value, readonly, disabled, onBlur, onFocus, options, schema, uiSchema, onChange, label, id, }: import("@rjsf/core").WidgetProps) => JSX.Element;
-    SelectWidget: (props: import("@rjsf/core").WidgetProps) => JSX.Element;
-    TextareaWidget: ({ id, placeholder, value, label, disabled, autofocus, readonly, onBlur, onFocus, onChange, options, schema, uiSchema, required, rawErrors, }: import("@rjsf/core").WidgetProps) => JSX.Element;
-    TextWidget: (props: import("@rjsf/core").WidgetProps) => JSX.Element;
-    UpDownWidget: (props: import("@rjsf/core").WidgetProps) => JSX.Element;
-    URLWidget: (props: import("@rjsf/core").WidgetProps) => JSX.Element;
-    SubmitButton: ({ uiSchema }: import("@rjsf/core").WidgetProps) => JSX.Element | null;
+    CheckboxWidget: (props: import("@rjsf/utils").WidgetProps<any, any>) => JSX.Element;
+    CheckboxesWidget: (props: import("@rjsf/utils").WidgetProps<any, any>) => JSX.Element;
+    RadioWidget: ({ id, schema, options, value, required, disabled, readonly, label, onChange, onBlur, onFocus, uiSchema, }: import("@rjsf/utils").WidgetProps<any, any>) => JSX.Element;
+    RangeWidget: ({ value, readonly, disabled, onBlur, onFocus, options, schema, uiSchema, onChange, label, id, registry, }: import("@rjsf/utils").WidgetProps<any, any>) => JSX.Element;
+    SelectWidget: (props: import("@rjsf/utils").WidgetProps<any, any>) => JSX.Element;
+    TextareaWidget: ({ id, placeholder, value, label, disabled, autofocus, readonly, onBlur, onFocus, onChange, options, schema, uiSchema, required, rawErrors, registry, }: import("@rjsf/utils").WidgetProps<any, any>) => JSX.Element;
+    UpDownWidget: (props: import("@rjsf/utils").WidgetProps<any, any>) => JSX.Element;
 };
 export default widgets;