@rjsf/antd 6.0.0-alpha.0 → 6.0.0-beta.2

package/dist/antd.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@rjsf/core'), require('antd'), require('react/jsx-runtime'), require('@rjsf/utils'), require('classnames'), require('react'), require('@ant-design/icons/ExclamationCircleOutlined'), require('@ant-design/icons/ArrowDownOutlined'), require('@ant-design/icons/ArrowUpOutlined'), require('@ant-design/icons/CopyOutlined'), require('@ant-design/icons/DeleteOutlined'), require('@ant-design/icons/PlusCircleOutlined'), require('lodash/isObject'), require('lodash/isNumber'), require('lodash/isString'), require('dayjs')) :
-  typeof define === 'function' && define.amd ? define(['exports', '@rjsf/core', 'antd', 'react/jsx-runtime', '@rjsf/utils', 'classnames', 'react', '@ant-design/icons/ExclamationCircleOutlined', '@ant-design/icons/ArrowDownOutlined', '@ant-design/icons/ArrowUpOutlined', '@ant-design/icons/CopyOutlined', '@ant-design/icons/DeleteOutlined', '@ant-design/icons/PlusCircleOutlined', 'lodash/isObject', 'lodash/isNumber', 'lodash/isString', 'dayjs'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["@rjsf/antd"] = {}, global.core, global.antd, global.jsxRuntime, global.utils, global.classNames, global.react, global.ExclamationCircleOutlined, global.ArrowDownOutlined, global.ArrowUpOutlined, global.CopyOutlined, global.DeleteOutlined, global.PlusCircleOutlined, global.isObject, global.isNumber, global.isString, global.dayjs));
-})(this, (function (exports, core, antd, jsxRuntime, utils, classNames, react, ExclamationCircleOutlined, ArrowDownOutlined, ArrowUpOutlined, CopyOutlined, DeleteOutlined, PlusCircleOutlined, isObject, isNumber, isString, dayjs) { 'use strict';
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@rjsf/core'), require('antd'), require('@rjsf/utils'), require('react/jsx-runtime'), require('classnames'), require('react'), require('@ant-design/icons/ExclamationCircleOutlined'), require('@ant-design/icons/ArrowDownOutlined'), require('@ant-design/icons/ArrowUpOutlined'), require('@ant-design/icons/CopyOutlined'), require('@ant-design/icons/DeleteOutlined'), require('@ant-design/icons/PlusCircleOutlined'), require('lodash/isObject'), require('lodash/isNumber'), require('lodash/isString'), require('dayjs')) :
+  typeof define === 'function' && define.amd ? define(['exports', '@rjsf/core', 'antd', '@rjsf/utils', 'react/jsx-runtime', 'classnames', 'react', '@ant-design/icons/ExclamationCircleOutlined', '@ant-design/icons/ArrowDownOutlined', '@ant-design/icons/ArrowUpOutlined', '@ant-design/icons/CopyOutlined', '@ant-design/icons/DeleteOutlined', '@ant-design/icons/PlusCircleOutlined', 'lodash/isObject', 'lodash/isNumber', 'lodash/isString', 'dayjs'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["@rjsf/antd"] = {}, global.core, global.antd, global.utils, global.jsxRuntime, global.classNames, global.react, global.ExclamationCircleOutlined, global.ArrowDownOutlined, global.ArrowUpOutlined, global.CopyOutlined, global.DeleteOutlined, global.PlusCircleOutlined, global.isObject, global.isNumber, global.isString, global.dayjs));
+})(this, (function (exports, core, antd, utils, jsxRuntime, classNames, react, ExclamationCircleOutlined, ArrowDownOutlined, ArrowUpOutlined, CopyOutlined, DeleteOutlined, PlusCircleOutlined, isObject, isNumber, isString, dayjs) { 'use strict';
 
   // src/index.ts
   var BTN_GRP_STYLE = {
@@ -12,69 +12,18 @@
     width: "calc(100% / 4)"
   };
   function ArrayFieldItemTemplate(props) {
-    const {
-      children,
-      disabled,
-      hasCopy,
-      hasMoveDown,
-      hasMoveUp,
-      hasRemove,
-      hasToolbar,
-      index,
-      onCopyIndexClick,
-      onDropIndexClick,
-      onReorderClick,
-      readonly,
+    const { children, buttonsProps, hasToolbar, index, registry, uiSchema } = props;
+    const uiOptions = utils.getUiOptions(uiSchema);
+    const ArrayFieldItemButtonsTemplate = utils.getTemplate(
+      "ArrayFieldItemButtonsTemplate",
       registry,
-      uiSchema
-    } = props;
-    const { CopyButton: CopyButton2, MoveDownButton: MoveDownButton2, MoveUpButton: MoveUpButton2, RemoveButton: RemoveButton2 } = registry.templates.ButtonTemplates;
+      uiOptions
+    );
     const { rowGutter = 24, toolbarAlign = "top" } = registry.formContext;
     return /* @__PURE__ */ jsxRuntime.jsxs(antd.Row, { align: toolbarAlign, gutter: rowGutter, children: [
       /* @__PURE__ */ jsxRuntime.jsx(antd.Col, { flex: "1", children }),
-      hasToolbar && /* @__PURE__ */ jsxRuntime.jsx(antd.Col, { flex: "192px", children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Button.Group, { style: BTN_GRP_STYLE, children: [
-        (hasMoveUp || hasMoveDown) && /* @__PURE__ */ jsxRuntime.jsx(
-          MoveUpButton2,
-          {
-            disabled: disabled || readonly || !hasMoveUp,
-            onClick: onReorderClick(index, index - 1),
-            style: BTN_STYLE,
-            uiSchema,
-            registry
-          }
-        ),
-        (hasMoveUp || hasMoveDown) && /* @__PURE__ */ jsxRuntime.jsx(
-          MoveDownButton2,
-          {
-            disabled: disabled || readonly || !hasMoveDown,
-            onClick: onReorderClick(index, index + 1),
-            style: BTN_STYLE,
-            uiSchema,
-            registry
-          }
-        ),
-        hasCopy && /* @__PURE__ */ jsxRuntime.jsx(
-          CopyButton2,
-          {
-            disabled: disabled || readonly,
-            onClick: onCopyIndexClick(index),
-            style: BTN_STYLE,
-            uiSchema,
-            registry
-          }
-        ),
-        hasRemove && /* @__PURE__ */ jsxRuntime.jsx(
-          RemoveButton2,
-          {
-            disabled: disabled || readonly,
-            onClick: onDropIndexClick(index),
-            style: BTN_STYLE,
-            uiSchema,
-            registry
-          }
-        )
-      ] }) })
-    ] }, `array-item-${index}`);
+      hasToolbar && /* @__PURE__ */ jsxRuntime.jsx(antd.Col, { flex: "192px", children: /* @__PURE__ */ jsxRuntime.jsx(antd.Space.Compact, { style: BTN_GRP_STYLE, children: /* @__PURE__ */ jsxRuntime.jsx(ArrayFieldItemButtonsTemplate, { ...buttonsProps, style: BTN_STYLE }) }) })
+    ] }, `rjsf-array-item-${index}`);
   }
   var DESCRIPTION_COL_STYLE = {
     paddingBottom: "8px"
@@ -149,7 +98,8 @@
       canAdd && /* @__PURE__ */ jsxRuntime.jsx(antd.Col, { span: 24, children: /* @__PURE__ */ jsxRuntime.jsx(antd.Row, { gutter: rowGutter, justify: "end", children: /* @__PURE__ */ jsxRuntime.jsx(antd.Col, { flex: "192px", children: /* @__PURE__ */ jsxRuntime.jsx(
         AddButton2,
         {
-          className: "array-item-add",
+          id: utils.buttonId(idSchema, "add"),
+          className: "rjsf-array-item-add",
           disabled: disabled || readonly,
           onClick: onAddClick,
           uiSchema,
@@ -224,11 +174,11 @@
     ] });
   }
   function DescriptionField(props) {
-    const { id, description } = props;
+    const { id, description, registry, uiSchema } = props;
     if (!description) {
       return null;
     }
-    return /* @__PURE__ */ jsxRuntime.jsx("span", { id, children: description });
+    return /* @__PURE__ */ jsxRuntime.jsx("span", { id, children: /* @__PURE__ */ jsxRuntime.jsx(core.RichDescription, { description, registry, uiSchema }) });
   }
   function ErrorList({
     errors,
@@ -360,7 +310,7 @@
       uiOptions
     );
     if (hidden) {
-      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "field-hidden", children });
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rjsf-field-hidden", children });
     }
     const descriptionNode = rawDescription ? description : void 0;
     const descriptionProps = {};
@@ -408,6 +358,13 @@
       }
     );
   }
+  function GridTemplate(props) {
+    const { children, column, ...rest } = props;
+    if (column) {
+      return /* @__PURE__ */ jsxRuntime.jsx(antd.Col, { ...rest, children });
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(antd.Row, { ...rest, children });
+  }
   var DESCRIPTION_COL_STYLE2 = {
     paddingBottom: "8px"
   };
@@ -502,7 +459,8 @@
       utils.canExpand(schema, uiSchema, formData) && /* @__PURE__ */ jsxRuntime.jsx(antd.Col, { span: 24, children: /* @__PURE__ */ jsxRuntime.jsx(antd.Row, { gutter: rowGutter, justify: "end", children: /* @__PURE__ */ jsxRuntime.jsx(antd.Col, { flex: "192px", children: /* @__PURE__ */ jsxRuntime.jsx(
         AddButton2,
         {
-          className: "object-property-expand",
+          id: utils.buttonId(idSchema, "add"),
+          className: "rjsf-object-property-expand",
           disabled: disabled || readonly,
           onClick: onAddClick(schema),
           uiSchema,
@@ -631,7 +589,8 @@
       /* @__PURE__ */ jsxRuntime.jsx(antd.Col, { flex: "192px", children: /* @__PURE__ */ jsxRuntime.jsx(
         RemoveButton2,
         {
-          className: "array-item-remove",
+          id: utils.buttonId(id, "remove"),
+          className: "rjsf-object-property-remove",
           disabled: disabled || readonly,
           onClick: onDropPropertyClick(label),
           uiSchema: buttonUiOptions,
@@ -659,6 +618,7 @@
       ErrorListTemplate: ErrorList,
       FieldErrorTemplate,
       FieldTemplate,
+      GridTemplate,
       ObjectFieldTemplate,
       TitleFieldTemplate: TitleField,
       WrapIfAdditionalTemplate
@@ -960,7 +920,7 @@
             id: utils.optionId(id, i),
             name: id,
             autoFocus: i === 0 ? autofocus : false,
-            disabled: Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1,
+            disabled: disabled || Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1,
             value: String(i),
             children: option.label
           },
@@ -1154,13 +1114,13 @@
     return core.withTheme(generateTheme());
   }
   var Form3 = generateForm();
-  var src_default = Form3;
+  var index_default = Form3;
 
   exports.Form = Form3;
   exports.Templates = templates_default;
   exports.Theme = Theme;
   exports.Widgets = widgets_default;
-  exports.default = src_default;
+  exports.default = index_default;
   exports.generateForm = generateForm;
   exports.generateTemplates = generateTemplates;
   exports.generateTheme = generateTheme;