@rjsf/chakra-ui 4.1.1 → 4.2.0

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+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/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, {
@@ -1239,17 +1272,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,