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

package/README.md

@@ -38,6 +38,8 @@
   - [Prerequisites](#prerequisites)
   - [Installation](#installation)
 - [Usage](#usage)
+- [Optional Chakra UI Theme properties](#optional-chakra-ui-theme-properties)
+    - [Custom Chakra uiSchema Chakra Property](#custom-chakra-uischema-chakra-property)
 - [Roadmap](#roadmap)
 - [Contributing](#contributing)
 - [Contact](#contact)

package/dist/index.d.ts

@@ -1,8 +1,78 @@
-import Form from "./Form";
-export { default as Form } from "./Form";
-export { default as Templates } from "./Templates";
-export { default as Theme } from "./Theme";
-export { default as Widgets } from "./Widgets";
-export { __createChakraFrameProvider } from "./ChakraFrameProvider";
-export type { ChakraUiSchema as UiSchema } from "./utils";
-export default Form;
+/// <reference types="react" />
+import * as React from 'react';
+import { ComponentType } from 'react';
+import { FormProps, WithThemeProps } from '@rjsf/core';
+import * as _rjsf_utils from '@rjsf/utils';
+import { IconButtonProps, UiSchema } from '@rjsf/utils';
+import { ChakraProps } from '@chakra-ui/react';
+
+declare const Form: ComponentType<FormProps>;
+
+declare function MoveDownButton(props: IconButtonProps): JSX.Element;
+declare function MoveUpButton(props: IconButtonProps): JSX.Element;
+declare function RemoveButton(props: IconButtonProps): JSX.Element;
+
+declare const _default: {
+    ArrayFieldItemTemplate: (props: _rjsf_utils.ArrayFieldTemplateItemType<any, any>) => JSX.Element;
+    ArrayFieldTemplate: (props: _rjsf_utils.ArrayFieldTemplateProps<any, any>) => JSX.Element;
+    BaseInputTemplate: (props: _rjsf_utils.WidgetProps<any, any>) => JSX.Element;
+    ButtonTemplates: {
+        AddButton: React.ComponentType<_rjsf_utils.IconButtonProps>;
+        MoveDownButton: typeof MoveDownButton;
+        MoveUpButton: typeof MoveUpButton;
+        RemoveButton: typeof RemoveButton;
+        SubmitButton: ({ uiSchema }: _rjsf_utils.SubmitButtonProps<any, any>) => JSX.Element | null;
+    };
+    DescriptionFieldTemplate: ({ description, id }: _rjsf_utils.DescriptionFieldProps<any, any>) => JSX.Element | null;
+    ErrorListTemplate: ({ errors }: _rjsf_utils.ErrorListProps<any, any>) => JSX.Element;
+    FieldTemplate: (props: _rjsf_utils.FieldTemplateProps<any, any>) => JSX.Element;
+    ObjectFieldTemplate: (props: _rjsf_utils.ObjectFieldTemplateProps<any, any>) => JSX.Element;
+    TitleFieldTemplate: ({ id, title }: _rjsf_utils.TitleFieldProps<any, any>) => JSX.Element;
+};
+
+declare const Theme: WithThemeProps;
+
+declare const widgets: {
+    AltDateTimeWidget: {
+        (props: _rjsf_utils.WidgetProps<any, any>): JSX.Element;
+        defaultProps: {
+            showTime: boolean;
+            autofocus: boolean;
+            disabled: boolean;
+            readonly: boolean;
+            options: {
+                yearsRange: number[];
+            };
+        };
+    };
+    AltDateWidget: {
+        (props: any): JSX.Element;
+        defaultProps: {
+            autofocus: boolean;
+            disabled: boolean;
+            readonly: boolean;
+            showTime: boolean;
+            options: {
+                yearsRange: number[];
+            };
+        };
+    };
+    CheckboxWidget: (props: _rjsf_utils.WidgetProps<any, any>) => JSX.Element;
+    CheckboxesWidget: (props: _rjsf_utils.WidgetProps<any, any>) => JSX.Element;
+    RadioWidget: ({ id, schema, options, value, required, disabled, readonly, label, onChange, onBlur, onFocus, uiSchema, }: _rjsf_utils.WidgetProps<any, any>) => JSX.Element;
+    RangeWidget: ({ value, readonly, disabled, onBlur, onFocus, options, schema, uiSchema, onChange, label, id, registry, }: _rjsf_utils.WidgetProps<any, any>) => JSX.Element;
+    SelectWidget: (props: _rjsf_utils.WidgetProps<any, any>) => JSX.Element;
+    TextareaWidget: ({ id, placeholder, value, label, disabled, autofocus, readonly, onBlur, onFocus, onChange, options, schema, uiSchema, required, rawErrors, registry, }: _rjsf_utils.WidgetProps<any, any>) => JSX.Element;
+    UpDownWidget: (props: _rjsf_utils.WidgetProps<any, any>) => JSX.Element;
+};
+
+declare const __createChakraFrameProvider: (props: any) => ({ document }: any) => JSX.Element;
+
+interface ChakraUiSchema extends Omit<UiSchema, "ui:options"> {
+    "ui:options"?: ChakraUiOptions;
+}
+declare type ChakraUiOptions = UiSchema["ui:options"] & {
+    chakra?: ChakraProps;
+};
+
+export { Form, _default as Templates, Theme, ChakraUiSchema as UiSchema, widgets as Widgets, __createChakraFrameProvider, Form as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rjsf/chakra-ui",
-  "version": "5.0.0-beta.2",
+  "version": "5.0.0-beta.4",
   "description": "Chakra UI theme, fields, and widgets for react-jsonschema-form",
   "main": "dist/index.js",
   "module": "dist/chakra-ui.esm.js",
@@ -10,7 +10,7 @@
   ],
   "scripts": {
     "start": "dts watch",
-    "build": "rimraf dist && dts build --format cjs,esm,umd",
+    "build": "rimraf dist && dts build --rollupTypes --format cjs,esm,umd",
     "cs-check": "prettier -l \"{src,test}/**/*.ts?(x)\"",
     "cs-format": "prettier \"{src,test}/**/*.ts?(x)\" --write",
     "lint": "eslint src test",
@@ -59,9 +59,9 @@
     "@emotion/jest": "^11.10.0",
     "@emotion/react": "^11.10.0",
     "@emotion/styled": "^11.10.0",
-    "@rjsf/core": "^5.0.0-beta.2",
-    "@rjsf/utils": "^5.0.0-beta.2",
-    "@rjsf/validator-ajv6": "^5.0.0-beta.2",
+    "@rjsf/core": "^5.0.0-beta.4",
+    "@rjsf/utils": "^5.0.0-beta.4",
+    "@rjsf/validator-ajv6": "^5.0.0-beta.4",
     "@types/react": "^17.0.37",
     "@types/react-dom": "^17.0.11",
     "@types/react-test-renderer": "^17.0.1",
@@ -78,5 +78,5 @@
     "chakra-react-select": "^3.3.8",
     "react-select": "^5.4.0"
   },
-  "gitHead": "97bda160aeca8684770da6f3fed5b01b3828a1fa"
+  "gitHead": "3c19f461eb25cc33dec8bf2cc2fc458d4de4cf23"
 }

package/dist/AddButton/AddButton.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import { IconButtonProps } from "@rjsf/utils";
-declare const AddButton: React.ComponentType<IconButtonProps>;
-export default AddButton;

package/dist/AddButton/index.d.ts

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

package/dist/AltDateTimeWidget/AltDateTimeWidget.d.ts

@@ -1,14 +0,0 @@
-import { WidgetProps } from "@rjsf/utils";
-declare const AltDateTimeWidget: {
-    (props: WidgetProps): JSX.Element;
-    defaultProps: {
-        showTime: boolean;
-        autofocus: boolean;
-        disabled: boolean;
-        readonly: boolean;
-        options: {
-            yearsRange: number[];
-        };
-    };
-};
-export default AltDateTimeWidget;

package/dist/AltDateTimeWidget/index.d.ts

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

package/dist/AltDateWidget/AltDateWidget.d.ts

@@ -1,13 +0,0 @@
-declare const AltDateWidget: {
-    (props: any): JSX.Element;
-    defaultProps: {
-        autofocus: boolean;
-        disabled: boolean;
-        readonly: boolean;
-        showTime: boolean;
-        options: {
-            yearsRange: number[];
-        };
-    };
-};
-export default AltDateWidget;

package/dist/AltDateWidget/index.d.ts

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

package/dist/ArrayFieldItemTemplate/ArrayFieldItemTemplate.d.ts

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

package/dist/ArrayFieldItemTemplate/index.d.ts

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

package/dist/ArrayFieldTemplate/ArrayFieldTemplate.d.ts

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

package/dist/ArrayFieldTemplate/index.d.ts

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

package/dist/BaseInputTemplate/BaseInputTemplate.d.ts

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

package/dist/BaseInputTemplate/index.d.ts

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

package/dist/ChakraFrameProvider.d.ts

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

package/dist/CheckboxWidget/CheckboxWidget.d.ts

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

package/dist/CheckboxWidget/index.d.ts

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

package/dist/CheckboxesWidget/CheckboxesWidget.d.ts

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

package/dist/CheckboxesWidget/index.d.ts

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

package/dist/CssReset.d.ts

@@ -1,23 +0,0 @@
-/**
- *
- * The reason we need this is for ChakraProvider styling in Playground.
- * The User Developer would be responsible for styling with ChakraProvider in their app.
- *
- * Exact duplicate of `@chakra-ui/react`'s `CSSReset` component. Except for the following:
- *
-  ```css
-    input {
-      border-width: revert;
-      border-color: revert;
-      border-style: revert;
-    }
-    .array-item > hr {
-      margin-top: 16px;
-      margin-bottom: 16px;
-    }
-  ```
-
-  It is located at the bottom of the styles string.
- */
-export declare const CSSReset: () => JSX.Element;
-export default CSSReset;

package/dist/DescriptionField/DescriptionField.d.ts

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

package/dist/DescriptionField/index.d.ts

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

package/dist/ErrorList/ErrorList.d.ts

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

package/dist/ErrorList/index.d.ts

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

package/dist/FieldTemplate/FieldTemplate.d.ts

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

package/dist/FieldTemplate/WrapIfAdditional.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-import { FieldTemplateProps } from "@rjsf/utils";
-declare type WrapIfAdditionalProps = {
-    children: React.ReactElement;
-} & Pick<FieldTemplateProps, "classNames" | "disabled" | "id" | "label" | "onDropPropertyClick" | "onKeyChange" | "readonly" | "required" | "schema" | "registry">;
-declare const WrapIfAdditional: (props: WrapIfAdditionalProps) => JSX.Element;
-export default WrapIfAdditional;

package/dist/FieldTemplate/index.d.ts

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

package/dist/Form/Form.d.ts

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

package/dist/Form/index.d.ts

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

package/dist/IconButton/IconButton.d.ts

@@ -1,11 +0,0 @@
-import React from "react";
-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/IconButton/index.d.ts

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

package/dist/ObjectFieldTemplate/ObjectFieldTemplate.d.ts

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

package/dist/ObjectFieldTemplate/index.d.ts

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

package/dist/RadioWidget/RadioWidget.d.ts

@@ -1,3 +0,0 @@
-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/RadioWidget/index.d.ts

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

package/dist/RangeWidget/RangeWidget.d.ts

@@ -1,3 +0,0 @@
-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/RangeWidget/index.d.ts

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

package/dist/SelectWidget/SelectWidget.d.ts

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

package/dist/SelectWidget/index.d.ts

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

package/dist/SubmitButton/SubmitButton.d.ts

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

package/dist/SubmitButton/index.d.ts

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

package/dist/Templates/Templates.d.ts

@@ -1,20 +0,0 @@
-/// <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

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

package/dist/TextareaWidget/TextareaWidget.d.ts

@@ -1,3 +0,0 @@
-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/TextareaWidget/index.d.ts

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

package/dist/Theme/Theme.d.ts

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

package/dist/Theme/index.d.ts

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

package/dist/TitleField/TitleField.d.ts

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

package/dist/TitleField/index.d.ts

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

package/dist/UpDownWidget/UpDownWidget.d.ts

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

package/dist/UpDownWidget/index.d.ts

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

package/dist/Widgets/Widgets.d.ts

@@ -1,34 +0,0 @@
-declare const widgets: {
-    AltDateTimeWidget: {
-        (props: import("@rjsf/utils").WidgetProps<any, any>): JSX.Element;
-        defaultProps: {
-            showTime: boolean;
-            autofocus: boolean;
-            disabled: boolean;
-            readonly: boolean;
-            options: {
-                yearsRange: number[];
-            };
-        };
-    };
-    AltDateWidget: {
-        (props: any): JSX.Element;
-        defaultProps: {
-            autofocus: boolean;
-            disabled: boolean;
-            readonly: boolean;
-            showTime: boolean;
-            options: {
-                yearsRange: number[];
-            };
-        };
-    };
-    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;

package/dist/Widgets/index.d.ts

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

package/dist/utils.d.ts

@@ -1,13 +0,0 @@
-import { ChakraProps } from "@chakra-ui/react";
-import { UiSchema } from "@rjsf/utils";
-export interface ChakraUiSchema extends Omit<UiSchema, "ui:options"> {
-    "ui:options"?: ChakraUiOptions;
-}
-declare type ChakraUiOptions = UiSchema["ui:options"] & {
-    chakra?: ChakraProps;
-};
-interface GetChakraProps {
-    uiSchema?: ChakraUiSchema;
-}
-export declare function getChakra({ uiSchema }: GetChakraProps): ChakraProps;
-export {};