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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rjsf/chakra-ui",
-  "version": "4.2.3",
+  "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",
@@ -9,22 +9,33 @@
     "dist"
   ],
   "scripts": {
-    "start": "tsdx watch",
-    "build": "rimraf dist && tsdx build --format cjs,es,umd",
-    "test": "tsdx test",
-    "test:update": "tsdx test --u",
-    "test:watch": "tsdx test --watch"
+    "start": "dts watch",
+    "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",
+    "precommit": "lint-staged",
+    "test": "dts test",
+    "test:update": "dts test --u",
+    "test:watch": "dts test --watch"
+  },
+  "lint-staged": {
+    "{src,test}/**/*.ts?(x)": [
+      "eslint --fix",
+      "prettier --write"
+    ]
   },
   "engineStrict": false,
   "engines": {
-    "node": ">=12"
+    "node": ">=14"
   },
   "peerDependencies": {
     "@chakra-ui/icons": ">=1.1.1",
     "@chakra-ui/react": ">=1.7.3",
-    "@rjsf/core": "^4.0.0",
-    "framer-motion": ">=5.5.5",
-    "react": ">=16"
+    "@rjsf/core": "^5.0.0-beta.1",
+    "@rjsf/utils": "^5.0.0-beta.1",
+    "framer-motion": ">=5.6.0",
+    "react": "^16.14.0 || >=17"
   },
   "publishConfig": {
     "access": "public"
@@ -33,37 +44,39 @@
   "contributors": [
     "jzander <jeremy.zander@gmail.com>",
     "Rodrigo Fuentes <rodrigofuentes@users.noreply.github.com>",
-    "U.M Andrew <me@andrewmiracle.com>"
+    "U.M Andrew <me@andrewmiracle.com>",
+    "Heath Chiavettone <heath.chiavettone@freenome.com"
   ],
   "license": "Apache-2.0",
   "devDependencies": {
-    "@babel/core": "^7.0.0-0",
-    "@babel/plugin-proposal-class-properties": "^7.5.5",
-    "@babel/plugin-transform-modules-commonjs": "^7.8.3",
-    "@babel/preset-env": "^7.5.5",
-    "@babel/preset-react": "^7.10.1",
+    "@babel/core": "^7.18.13",
+    "@babel/plugin-proposal-class-properties": "^7.18.6",
+    "@babel/plugin-transform-modules-commonjs": "^7.18.6",
+    "@babel/preset-env": "^7.18.10",
+    "@babel/preset-react": "^7.18.6",
     "@chakra-ui/icons": "^1.1.1",
     "@chakra-ui/react": "^1.7.3",
-    "@emotion/jest": "^11.7.1",
-    "@emotion/react": "^11.7.0",
-    "@emotion/styled": "^11.6.0",
-    "@rjsf/core": "^4.2.3",
-    "@types/jest": "^24.0.15",
-    "@types/json-schema": "^7.0.7",
-    "@types/react": "^16.9.23",
-    "@types/react-dom": "^16.9.5",
-    "@types/react-test-renderer": "^16.9.2",
-    "babel-loader": "^8.2.3",
-    "framer-motion": "^5.5.5",
+    "@emotion/jest": "^11.10.0",
+    "@emotion/react": "^11.10.0",
+    "@emotion/styled": "^11.10.0",
+    "@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",
+    "dts-cli": "^1.6.0",
+    "eslint": "^8.23.0",
+    "framer-motion": "^5.6.0",
+    "jest-watch-typeahead": "^2.1.1",
     "react": "^17.0.2",
-    "react-dom": "^16.13.0",
-    "react-is": "^17.0.2",
-    "react-test-renderer": "^16.13.1",
-    "rimraf": "^2.6.3"
+    "react-dom": "^17.0.2",
+    "react-test-renderer": "^17.0.2",
+    "rimraf": "^3.0.2"
   },
   "dependencies": {
-    "chakra-react-select": "^3.0.2",
-    "react-select": "^5.2.2"
+    "chakra-react-select": "^3.3.8",
+    "react-select": "^5.4.0"
   },
-  "gitHead": "35663cf43dd1351a9f0d8e7d238e7dca22b4d378"
+  "gitHead": "3c19f461eb25cc33dec8bf2cc2fc458d4de4cf23"
 }

package/dist/AddButton/AddButton.d.ts

@@ -1,5 +0,0 @@
-import React from "react";
-import { AddButtonProps } from "@rjsf/core";
-import { ButtonProps } from "@chakra-ui/react";
-declare const AddButton: React.FC<AddButtonProps & ButtonProps>;
-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/core";
-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/ArrayFieldTemplate/ArrayFieldTemplate.d.ts

@@ -1,3 +0,0 @@
-import { ArrayFieldTemplateProps } from "@rjsf/core";
-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/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/core";
-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/core";
-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/ColorWidget/ColorWidget.d.ts

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

package/dist/ColorWidget/index.d.ts

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

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/DateTimeWidget/DateTimeWidget.d.ts

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

package/dist/DateTimeWidget/index.d.ts

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

package/dist/DateWidget/DateWidget.d.ts

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

package/dist/DateWidget/index.d.ts

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

package/dist/DescriptionField/DescriptionField.d.ts

@@ -1,3 +0,0 @@
-import { FieldProps } from "@rjsf/core";
-declare const DescriptionField: ({ description, id }: FieldProps) => 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/EmailWidget/EmailWidget.d.ts

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

package/dist/EmailWidget/index.d.ts

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

package/dist/ErrorList/ErrorList.d.ts

@@ -1,3 +0,0 @@
-import { ErrorListProps } from "@rjsf/core";
-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/core";
-declare const FieldTemplate: (props: FieldTemplateProps) => JSX.Element;
-export default FieldTemplate;

package/dist/FieldTemplate/WrapIfAdditional.d.ts

@@ -1,16 +0,0 @@
-import * as React from "react";
-import { JSONSchema7 } from "json-schema";
-interface 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;
-}
-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/Fields/Fields.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="@rjsf/core" />
-declare const _default: {
-    TitleField: ({ title }: import("@rjsf/core").FieldProps<any>) => JSX.Element;
-    DescriptionField: ({ description, id }: import("@rjsf/core").FieldProps<any>) => JSX.Element | null;
-};
-export default _default;

package/dist/Fields/index.d.ts

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

package/dist/Form/Form.d.ts

@@ -1,4 +0,0 @@
-import { FormProps } from "@rjsf/core";
-import { ComponentClass, FunctionComponent } from "react";
-declare const Form: ComponentClass<FormProps<any>> | FunctionComponent<FormProps<any>>;
-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,17 +0,0 @@
-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;
-};
-/**
- * props used in Template:
- * icon, tabIndex, disabled, onClick
- */
-declare const ChakraIconButton: React.MemoExoticComponent<(props: IconButtonProps) => JSX.Element>;
-export default ChakraIconButton;

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/core";
-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/PasswordWidget/PasswordWidget.d.ts

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

package/dist/PasswordWidget/index.d.ts

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

package/dist/RadioWidget/RadioWidget.d.ts

@@ -1,3 +0,0 @@
-import { WidgetProps } from "@rjsf/core";
-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/core";
-declare const RangeWidget: ({ value, readonly, disabled, onBlur, onFocus, options, schema, uiSchema, onChange, label, id, }: 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/core";
-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 { WidgetProps } from "@rjsf/core";
-declare const SubmitButton: ({ uiSchema }: WidgetProps) => 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/TextWidget/TextWidget.d.ts

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

package/dist/TextWidget/index.d.ts

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

package/dist/TextareaWidget/TextareaWidget.d.ts

@@ -1,3 +0,0 @@
-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;
-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 { ThemeProps } from "../utils";
-declare const Theme: ThemeProps;
-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 { FieldProps } from "@rjsf/core";
-declare const TitleField: ({ title }: FieldProps) => JSX.Element;
-export default TitleField;

package/dist/TitleField/index.d.ts

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

package/dist/URLWidget/URLWidget.d.ts

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

package/dist/URLWidget/index.d.ts

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

package/dist/UpDownWidget/UpDownWidget.d.ts

@@ -1,3 +0,0 @@
-import { WidgetProps } from "@rjsf/core";
-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,43 +0,0 @@
-/// <reference types="@rjsf/core" />
-declare const widgets: {
-    AltDateTimeWidget: {
-        (props: import("@rjsf/core").WidgetProps): 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/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;
-};
-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,16 +0,0 @@
-import { ChakraProps } from "@chakra-ui/react";
-import { FormProps, UiSchema } from "@rjsf/core";
-export declare type ThemeProps<T = any> = Omit<FormProps<T>, "schema" | "uiSchema"> & {
-    uiSchema?: ChakraUiSchema;
-};
-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 {};