@rjsf/chakra-ui 4.1.0 → 4.2.1

package/dist/AltDateTimeWidget/AltDateTimeWidget.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { WidgetProps } from "@rjsf/core";
 declare const AltDateTimeWidget: {
     (props: WidgetProps): JSX.Element;

package/dist/AltDateWidget/AltDateWidget.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const AltDateWidget: {
     (props: any): JSX.Element;
     defaultProps: {

package/dist/ArrayFieldTemplate/ArrayFieldTemplate.d.ts

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

package/dist/ChakraFrameProvider.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const __createChakraFrameProvider: (props: any) => ({ document, }: any) => JSX.Element;

package/dist/CheckboxWidget/CheckboxWidget.d.ts

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

package/dist/CheckboxesWidget/CheckboxesWidget.d.ts

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

package/dist/ColorWidget/ColorWidget.d.ts

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

package/dist/CssReset.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  *
  * The reason we need this is for ChakraProvider styling in Playground.

package/dist/DateTimeWidget/DateTimeWidget.d.ts

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

package/dist/DateWidget/DateWidget.d.ts

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

package/dist/DescriptionField/DescriptionField.d.ts

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

package/dist/EmailWidget/EmailWidget.d.ts

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

package/dist/ErrorList/ErrorList.d.ts

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

package/dist/FieldTemplate/FieldTemplate.d.ts

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

package/dist/Fields/Fields.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /// <reference types="@rjsf/core" />
 declare const _default: {
     TitleField: ({ title }: import("@rjsf/core").FieldProps<any>) => JSX.Element;

package/dist/IconButton/IconButton.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import { IconButtonProps as ChakraIconButtonProps } from "@chakra-ui/react";
 declare const mappings: {
     remove: JSX.Element;
@@ -13,5 +13,5 @@ declare type IconButtonProps = Omit<ChakraIconButtonProps, "aria-label" | "icon"
  * props used in Template:
  * icon, tabIndex, disabled, onClick
  */
-declare const ChakraIconButton: (props: IconButtonProps) => JSX.Element;
+declare const ChakraIconButton: React.MemoExoticComponent<(props: IconButtonProps) => JSX.Element>;
 export default ChakraIconButton;

package/dist/ObjectFieldTemplate/ObjectFieldTemplate.d.ts

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

package/dist/PasswordWidget/PasswordWidget.d.ts

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

package/dist/RadioWidget/RadioWidget.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 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/RangeWidget/RangeWidget.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 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/SelectWidget/SelectWidget.d.ts

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

package/dist/SubmitButton/SubmitButton.d.ts

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

package/dist/SubmitButton/index.d.ts

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

package/dist/TextWidget/TextWidget.d.ts

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

package/dist/TextareaWidget/TextareaWidget.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 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/TitleField/TitleField.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FieldProps } from "@rjsf/core";
 declare const TitleField: ({ title }: FieldProps) => JSX.Element;
 export default TitleField;

package/dist/URLWidget/URLWidget.d.ts

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

package/dist/UpDownWidget/UpDownWidget.d.ts

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

package/dist/Widgets/Widgets.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /// <reference types="@rjsf/core" />
 declare const widgets: {
     AltDateTimeWidget: {
@@ -39,5 +38,6 @@ declare const widgets: {
     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/chakra-ui.cjs.development.js

@@ -65,7 +65,7 @@ var mappings = {
  * icon, tabIndex, disabled, onClick
  */
 
-var ChakraIconButton = function ChakraIconButton(props) {
+var ChakraIconButton = /*#__PURE__*/React.memo(function (props) {
   var icon = props.icon,
       otherProps = _objectWithoutPropertiesLoose(props, _excluded);
 
@@ -73,8 +73,11 @@ var ChakraIconButton = function ChakraIconButton(props) {
     icon: mappings[icon],
     "aria-label": icon
   }));
-};
+});
+ChakraIconButton.displayName = 'ChakraIconButton';
 
+var _excluded$1 = ["key"],
+    _excluded2 = ["key"];
 var isMultiSelect = core.utils.isMultiSelect,
     getDefaultRegistry = core.utils.getDefaultRegistry;
 
@@ -125,31 +128,49 @@ var ArrayFieldDescription = function ArrayFieldDescription(_ref2) {
 }; // Used in the two templates
 
 
-var DefaultArrayItem = function DefaultArrayItem(props) {
+var DefaultArrayItem = function DefaultArrayItem(_ref3) {
+  var index = _ref3.index,
+      readonly = _ref3.readonly,
+      disabled = _ref3.disabled,
+      children = _ref3.children,
+      hasToolbar = _ref3.hasToolbar,
+      hasRemove = _ref3.hasRemove,
+      hasMoveUp = _ref3.hasMoveUp,
+      hasMoveDown = _ref3.hasMoveDown,
+      onReorderClick = _ref3.onReorderClick,
+      onDropIndexClick = _ref3.onDropIndexClick;
+  var onRemoveClick = React.useMemo(function () {
+    return onDropIndexClick(index);
+  }, [index, onDropIndexClick]);
+  var onArrowUpClick = React.useMemo(function () {
+    return onReorderClick(index, index - 1);
+  }, [index, onReorderClick]);
+  var onArrowDownClick = React.useMemo(function () {
+    return onReorderClick(index, index + 1);
+  }, [index, onReorderClick]);
   return React__default.createElement(react.HStack, {
-    key: props.key,
     alignItems: "flex-end",
     py: 1
   }, React__default.createElement(react.Box, {
     w: "100%"
-  }, props.children), props.hasToolbar && React__default.createElement(react.Box, null, React__default.createElement(react.ButtonGroup, {
+  }, children), hasToolbar && React__default.createElement(react.Box, null, React__default.createElement(react.ButtonGroup, {
     isAttached: true,
     mb: 1
-  }, (props.hasMoveUp || props.hasMoveDown) && React__default.createElement(ChakraIconButton, {
+  }, (hasMoveUp || hasMoveDown) && React__default.createElement(ChakraIconButton, {
     icon: "arrow-up",
     tabIndex: -1,
-    disabled: props.disabled || props.readonly || !props.hasMoveUp,
-    onClick: props.onReorderClick(props.index, props.index - 1)
-  }), (props.hasMoveUp || props.hasMoveDown) && React__default.createElement(ChakraIconButton, {
+    disabled: disabled || readonly || !hasMoveUp,
+    onClick: onArrowUpClick
+  }), (hasMoveUp || hasMoveDown) && React__default.createElement(ChakraIconButton, {
     icon: "arrow-down",
     tabIndex: -1,
-    disabled: props.disabled || props.readonly || !props.hasMoveDown,
-    onClick: props.onReorderClick(props.index, props.index + 1)
-  }), props.hasRemove && React__default.createElement(ChakraIconButton, {
+    disabled: disabled || readonly || !hasMoveDown,
+    onClick: onArrowDownClick
+  }), hasRemove && React__default.createElement(ChakraIconButton, {
     icon: "remove",
     tabIndex: -1,
-    disabled: props.disabled || props.readonly,
-    onClick: props.onDropIndexClick(props.index)
+    disabled: disabled || readonly,
+    onClick: onRemoveClick
   }))));
 };
 
@@ -169,7 +190,14 @@ var DefaultFixedArrayFieldTemplate = function DefaultFixedArrayFieldTemplate(pro
   }, props.uiSchema["ui:description"] || props.schema.description), React__default.createElement("div", {
     className: "row array-item-list",
     key: "array-item-list-" + props.idSchema.$id
-  }, props.items && props.items.map(DefaultArrayItem)), props.canAdd && React__default.createElement(AddButton, {
+  }, props.items && props.items.map(function (p) {
+    var key = p.key,
+        itemProps = _objectWithoutPropertiesLoose(p, _excluded$1);
+
+    return React__default.createElement(DefaultArrayItem, Object.assign({
+      key: key
+    }, itemProps));
+  })), props.canAdd && React__default.createElement(AddButton, {
     justifySelf: "flex-end",
     className: "array-item-add",
     onClick: props.onAddClick,
@@ -192,7 +220,12 @@ var DefaultNormalArrayFieldTemplate = function DefaultNormalArrayFieldTemplate(p
   }), React__default.createElement(react.Grid, {
     key: "array-item-list-" + props.idSchema.$id
   }, React__default.createElement(react.GridItem, null, props.items.length > 0 && props.items.map(function (p) {
-    return DefaultArrayItem(p);
+    var key = p.key,
+        itemProps = _objectWithoutPropertiesLoose(p, _excluded2);
+
+    return React__default.createElement(DefaultArrayItem, Object.assign({
+      key: key
+    }, itemProps));
   })), props.canAdd && React__default.createElement(react.GridItem, {
     justifySelf: "flex-end"
   }, React__default.createElement(react.Box, {
@@ -1214,6 +1247,28 @@ var URLWidget = function URLWidget(props) {
   }, props));
 };
 
+var getSubmitButtonOptions = core.utils.getSubmitButtonOptions;
+
+var SubmitButton = function SubmitButton(_ref) {
+  var uiSchema = _ref.uiSchema;
+
+  var _getSubmitButtonOptio = getSubmitButtonOptions(uiSchema),
+      submitText = _getSubmitButtonOptio.submitText,
+      norender = _getSubmitButtonOptio.norender,
+      submitButtonProps = _getSubmitButtonOptio.props;
+
+  if (norender) {
+    return null;
+  }
+
+  return React__default.createElement(react.Box, {
+    marginTop: 3
+  }, React__default.createElement(react.Button, Object.assign({
+    type: "submit",
+    variant: "solid"
+  }, submitButtonProps), submitText));
+};
+
 var widgets = {
   AltDateTimeWidget: AltDateTimeWidget,
   AltDateWidget: AltDateWidget,
@@ -1230,7 +1285,8 @@ var widgets = {
   TextareaWidget: TextareaWidget,
   TextWidget: TextWidget,
   UpDownWidget: UpDownWidget,
-  URLWidget: URLWidget
+  URLWidget: URLWidget,
+  SubmitButton: SubmitButton
 };
 
 var getDefaultRegistry$1 = core.utils.getDefaultRegistry;
@@ -1239,17 +1295,7 @@ var _getDefaultRegistry = /*#__PURE__*/getDefaultRegistry$1(),
     fields = _getDefaultRegistry.fields,
     widgets$1 = _getDefaultRegistry.widgets;
 
-var SubmitButton = function SubmitButton() {
-  return React__default.createElement(react.Box, {
-    marginTop: 3
-  }, React__default.createElement(react.Button, {
-    type: "submit",
-    variant: "solid"
-  }, "Submit"));
-};
-
 var Theme = {
-  children: /*#__PURE__*/React__default.createElement(SubmitButton, null),
   ArrayFieldTemplate: ArrayFieldTemplate,
   FieldTemplate: FieldTemplate,
   ObjectFieldTemplate: ObjectFieldTemplate,