@comet/cms-admin 8.20.2 → 9.0.0-beta.1

package/lib/blocks/createTableBlock.js

@@ -1,21 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.createTableBlock = void 0;
-var _admin = require("@comet/admin");
-var _material = require("@mui/material");
-var _react = require("react");
-var _reactIntl = require("react-intl");
-var _uuid = require("uuid");
-var _BlocksFinalForm = require("./form/BlocksFinalForm");
-var _createBlockSkeleton = require("./helpers/createBlockSkeleton");
-var _SelectPreviewComponent = require("./iframebridge/SelectPreviewComponent");
-var _TableBlockContext = require("./table/TableBlockContext");
-var _TableBlockGrid = require("./table/TableBlockGrid");
-var _types = require("./types");
-var _jsxRuntime = require("react/jsx-runtime");
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -32,11 +14,23 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-var createTableBlock = exports.createTableBlock = function createTableBlock(_ref, override) {
+import { Dialog, OkayButton, useStackApi } from "@comet/admin";
+import { DialogActions } from "@mui/material";
+import { useState } from "react";
+import { FormattedMessage, useIntl } from "react-intl";
+import { v4 as uuid } from "uuid";
+import { BlocksFinalForm } from "./form/BlocksFinalForm";
+import { createBlockSkeleton } from "./helpers/createBlockSkeleton";
+import { SelectPreviewComponent } from "./iframebridge/SelectPreviewComponent";
+import { TableBlockContextProvider } from "./table/TableBlockContext";
+import { TableBlockGrid } from "./table/TableBlockGrid";
+import { BlockCategory } from "./types";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export var createTableBlock = function createTableBlock(_ref, override) {
   var RichTextBlock = _ref.richText;
   var getInitialTableState = function getInitialTableState() {
-    var columnIdOne = (0, _uuid.v4)();
-    var columnIdTwo = (0, _uuid.v4)();
+    var columnIdOne = uuid();
+    var columnIdTwo = uuid();
     return {
       columns: [{
         id: columnIdOne,
@@ -48,7 +42,7 @@ var createTableBlock = exports.createTableBlock = function createTableBlock(_ref
         highlighted: false
       }],
       rows: [{
-        id: (0, _uuid.v4)(),
+        id: uuid(),
         highlighted: false,
         cellValues: [{
           columnId: columnIdOne,
@@ -58,7 +52,7 @@ var createTableBlock = exports.createTableBlock = function createTableBlock(_ref
           value: RichTextBlock.defaultValues()
         }]
       }, {
-        id: (0, _uuid.v4)(),
+        id: uuid(),
         highlighted: false,
         cellValues: [{
           columnId: columnIdOne,
@@ -70,13 +64,13 @@ var createTableBlock = exports.createTableBlock = function createTableBlock(_ref
       }]
     };
   };
-  var TableBlock = _objectSpread(_objectSpread({}, (0, _createBlockSkeleton.createBlockSkeleton)()), {}, {
+  var TableBlock = _objectSpread(_objectSpread({}, createBlockSkeleton()), {}, {
     name: "Table",
-    displayName: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+    displayName: /*#__PURE__*/_jsx(FormattedMessage, {
       id: "comet.blocks.table.displayName",
       defaultMessage: "Table"
     }),
-    category: _types.BlockCategory.TextAndContent,
+    category: BlockCategory.TextAndContent,
     defaultValues: getInitialTableState,
     input2State: function input2State(input) {
       return {
@@ -193,9 +187,9 @@ var createTableBlock = exports.createTableBlock = function createTableBlock(_ref
     AdminComponent: function AdminComponent(_ref4) {
       var state = _ref4.state,
         updateState = _ref4.updateState;
-      var stackApi = (0, _admin.useStackApi)();
-      var intl = (0, _reactIntl.useIntl)();
-      var _useState = (0, _react.useState)(true),
+      var stackApi = useStackApi();
+      var intl = useIntl();
+      var _useState = useState(true),
         _useState2 = _slicedToArray(_useState, 2),
         showDialog = _useState2[0],
         setShowDialog = _useState2[1];
@@ -203,13 +197,13 @@ var createTableBlock = exports.createTableBlock = function createTableBlock(_ref
         setShowDialog(false);
         stackApi === null || stackApi === void 0 || stackApi.goBack();
       };
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TableBlockContext.TableBlockContextProvider, {
+      return /*#__PURE__*/_jsx(TableBlockContextProvider, {
         RichTextBlock: RichTextBlock,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectPreviewComponent.SelectPreviewComponent, {
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_BlocksFinalForm.BlocksFinalForm, {
+        children: /*#__PURE__*/_jsx(SelectPreviewComponent, {
+          children: /*#__PURE__*/_jsx(BlocksFinalForm, {
             onSubmit: updateState,
             initialValues: state,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_admin.Dialog, {
+            children: /*#__PURE__*/_jsxs(Dialog, {
               open: showDialog,
               maxWidth: "xl",
               onClose: closeTableBlock,
@@ -228,11 +222,11 @@ var createTableBlock = exports.createTableBlock = function createTableBlock(_ref
                   zIndex: theme.zIndex.modal - 2
                 };
               },
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TableBlockGrid.TableBlockGrid, {
+              children: [/*#__PURE__*/_jsx(TableBlockGrid, {
                 state: state,
                 updateState: updateState
-              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.DialogActions, {
-                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_admin.OkayButton, {
+              }), /*#__PURE__*/_jsx(DialogActions, {
+                children: /*#__PURE__*/_jsx(OkayButton, {
                   onClick: closeTableBlock
                 })
               })]

package/lib/blocks/createTextImageBlock.js

@@ -1,22 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.createTextImageBlock = void 0;
-var _admin = require("@comet/admin");
-var _material = require("@mui/material");
-var _reactIntl = require("react-intl");
-var _damConfig = require("../dam/config/damConfig");
-var _BlockAdminComponentPaper = require("./common/BlockAdminComponentPaper");
-var _BlockAdminComponentSection = require("./common/BlockAdminComponentSection");
-var _composeBlocks = require("./helpers/composeBlocks/composeBlocks");
-var _createBlockSkeleton = require("./helpers/createBlockSkeleton");
-var _decomposeUpdateStateAction = require("./helpers/decomposeUpdateStateAction");
-var _withAdditionalBlockAttributes = require("./helpers/withAdditionalBlockAttributes");
-var _PixelImageBlock = require("./PixelImageBlock");
-var _types = require("./types");
-var _jsxRuntime = require("react/jsx-runtime");
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -29,62 +10,75 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-var createTextImageBlock = exports.createTextImageBlock = function createTextImageBlock(_ref, override) {
+import { messages } from "@comet/admin";
+import { FormControlLabel, MenuItem, Radio, RadioGroup, Select } from "@mui/material";
+import { FormattedMessage } from "react-intl";
+import { useDamConfig } from "../dam/config/damConfig";
+import { BlockAdminComponentPaper } from "./common/BlockAdminComponentPaper";
+import { BlockAdminComponentSection } from "./common/BlockAdminComponentSection";
+import { composeBlocks } from "./helpers/composeBlocks/composeBlocks";
+import { createBlockSkeleton } from "./helpers/createBlockSkeleton";
+import { decomposeUpdateStateAction } from "./helpers/decomposeUpdateStateAction";
+import { withAdditionalBlockAttributes } from "./helpers/withAdditionalBlockAttributes";
+import { PixelImageBlock } from "./PixelImageBlock";
+import { BlockCategory } from "./types";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+var createTextImageBlock = function createTextImageBlock(_ref, override) {
   var text = _ref.text,
     _ref$image = _ref.image,
-    image = _ref$image === void 0 ? _PixelImageBlock.PixelImageBlock : _ref$image,
+    image = _ref$image === void 0 ? PixelImageBlock : _ref$image,
     tags = _ref.tags;
-  var composed = (0, _composeBlocks.composeBlocks)({
+  var composed = composeBlocks({
     text: text,
     image: image
   });
   var composedApi = composed.api,
     composedBlock = composed.block;
-  var block = (0, _withAdditionalBlockAttributes.withAdditionalBlockAttributes)({
+  var block = withAdditionalBlockAttributes({
     imagePosition: "left",
     imageAspectRatio: "4x3"
   })(composedBlock);
-  var TextImageBlock = _objectSpread(_objectSpread(_objectSpread({}, (0, _createBlockSkeleton.createBlockSkeleton)()), block), {}, {
+  var TextImageBlock = _objectSpread(_objectSpread(_objectSpread({}, createBlockSkeleton()), block), {}, {
     name: "TextImage",
-    displayName: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+    displayName: /*#__PURE__*/_jsx(FormattedMessage, {
       id: "comet.blocks.textImage",
       defaultMessage: "Text/Image"
     }),
-    category: _types.BlockCategory.TextAndContent,
+    category: BlockCategory.TextAndContent,
     tags: tags ? tags : [].concat(_toConsumableArray(text.tags || []), _toConsumableArray(image.tags || [])),
     AdminComponent: function AdminComponent(_ref2) {
       var state = _ref2.state,
         updateState = _ref2.updateState;
       var _composedApi$adminCom = composedApi.adminComponents({
           state: state,
-          updateState: (0, _decomposeUpdateStateAction.decomposeUpdateStateAction)(updateState, ["text", "image"])
+          updateState: decomposeUpdateStateAction(updateState, ["text", "image"])
         }),
         text = _composedApi$adminCom.text,
         image = _composedApi$adminCom.image;
-      var _useDamConfig = (0, _damConfig.useDamConfig)(),
+      var _useDamConfig = useDamConfig(),
         allowedImageAspectRatios = _useDamConfig.allowedImageAspectRatios;
-      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_BlockAdminComponentSection.BlockAdminComponentSection, {
-          title: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+      return /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx(BlockAdminComponentSection, {
+          title: /*#__PURE__*/_jsx(FormattedMessage, {
             id: "comet.blocks.textImage.text",
             defaultMessage: "Text"
           }),
           children: text
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_BlockAdminComponentSection.BlockAdminComponentSection, {
-          title: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+        }), /*#__PURE__*/_jsx(BlockAdminComponentSection, {
+          title: /*#__PURE__*/_jsx(FormattedMessage, {
             id: "comet.blocks.textImage.image",
             defaultMessage: "Image"
           }),
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_BlockAdminComponentPaper.BlockAdminComponentPaper, {
+          children: /*#__PURE__*/_jsx(BlockAdminComponentPaper, {
             disablePadding: true,
             children: image
           })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_BlockAdminComponentSection.BlockAdminComponentSection, {
-          title: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+        }), /*#__PURE__*/_jsx(BlockAdminComponentSection, {
+          title: /*#__PURE__*/_jsx(FormattedMessage, {
             id: "comet.blocks.textImage.imagePosition",
             defaultMessage: "Image position"
           }),
-          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.RadioGroup, {
+          children: /*#__PURE__*/_jsxs(RadioGroup, {
             row: true,
             value: state.imagePosition,
             onChange: function onChange(event) {
@@ -94,22 +88,22 @@ var createTextImageBlock = exports.createTextImageBlock = function createTextIma
                 });
               });
             },
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.FormControlLabel, {
+            children: [/*#__PURE__*/_jsx(FormControlLabel, {
               value: "left",
-              control: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Radio, {}),
-              label: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, _objectSpread({}, _admin.messages.left))
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.FormControlLabel, {
+              control: /*#__PURE__*/_jsx(Radio, {}),
+              label: /*#__PURE__*/_jsx(FormattedMessage, _objectSpread({}, messages.left))
+            }), /*#__PURE__*/_jsx(FormControlLabel, {
               value: "right",
-              control: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Radio, {}),
-              label: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, _objectSpread({}, _admin.messages.right))
+              control: /*#__PURE__*/_jsx(Radio, {}),
+              label: /*#__PURE__*/_jsx(FormattedMessage, _objectSpread({}, messages.right))
             })]
           })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_BlockAdminComponentSection.BlockAdminComponentSection, {
-          title: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+        }), /*#__PURE__*/_jsx(BlockAdminComponentSection, {
+          title: /*#__PURE__*/_jsx(FormattedMessage, {
             id: "comet.blocks.textImage.imageAspectRatio",
             defaultMessage: "Image aspect ratio"
           }),
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Select, {
+          children: /*#__PURE__*/_jsx(Select, {
             value: state.imageAspectRatio,
             onChange: function onChange(event) {
               updateState(function (prevState) {
@@ -120,7 +114,7 @@ var createTextImageBlock = exports.createTextImageBlock = function createTextIma
             },
             fullWidth: true,
             children: allowedImageAspectRatios.map(function (aspectRatio) {
-              return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.MenuItem, {
+              return /*#__PURE__*/_jsx(MenuItem, {
                 value: aspectRatio,
                 children: aspectRatio
               }, aspectRatio);
@@ -134,4 +128,5 @@ var createTextImageBlock = exports.createTextImageBlock = function createTextIma
     return override(TextImageBlock);
   }
   return TextImageBlock;
-};
+};
+export { createTextImageBlock };

package/lib/blocks/createTextLinkBlock.js

@@ -1,20 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.createTextLinkBlock = createTextLinkBlock;
-var _admin = require("@comet/admin");
-var _material = require("@mui/material");
-var _reactIntl = require("react-intl");
-var _BlockAdminComponentPaper = require("./common/BlockAdminComponentPaper");
-var _BlocksFinalForm = require("./form/BlocksFinalForm");
-var _composeBlocks2 = require("./helpers/composeBlocks/composeBlocks");
-var _createBlockSkeleton = require("./helpers/createBlockSkeleton");
-var _decomposeUpdateStateAction = require("./helpers/decomposeUpdateStateAction");
-var _withAdditionalBlockAttributes = require("./helpers/withAdditionalBlockAttributes");
-var _types = require("./types");
-var _jsxRuntime = require("react/jsx-runtime");
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -27,41 +10,52 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function createTextLinkBlock(_ref, override) {
+import { Field, FinalFormInput, messages } from "@comet/admin";
+import { Box } from "@mui/material";
+import { FormattedMessage } from "react-intl";
+import { BlockAdminComponentPaper } from "./common/BlockAdminComponentPaper";
+import { BlocksFinalForm } from "./form/BlocksFinalForm";
+import { composeBlocks } from "./helpers/composeBlocks/composeBlocks";
+import { createBlockSkeleton } from "./helpers/createBlockSkeleton";
+import { decomposeUpdateStateAction } from "./helpers/decomposeUpdateStateAction";
+import { withAdditionalBlockAttributes } from "./helpers/withAdditionalBlockAttributes";
+import { BlockCategory } from "./types";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function createTextLinkBlock(_ref, override) {
   var LinkBlock = _ref.link,
     _ref$name = _ref.name,
     name = _ref$name === void 0 ? "TextLink" : _ref$name,
     _ref$displayName = _ref.displayName,
-    displayName = _ref$displayName === void 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, _objectSpread({}, _admin.messages.link)) : _ref$displayName,
+    displayName = _ref$displayName === void 0 ? /*#__PURE__*/_jsx(FormattedMessage, _objectSpread({}, messages.link)) : _ref$displayName,
     tags = _ref.tags;
-  var _composeBlocks = (0, _composeBlocks2.composeBlocks)({
+  var _composeBlocks = composeBlocks({
       link: LinkBlock
     }),
     composedApi = _composeBlocks.api,
     composedBlock = _composeBlocks.block;
-  var block = (0, _withAdditionalBlockAttributes.withAdditionalBlockAttributes)({
+  var block = withAdditionalBlockAttributes({
     text: ""
   })(composedBlock);
-  var TextLinkBlock = _objectSpread(_objectSpread(_objectSpread({}, (0, _createBlockSkeleton.createBlockSkeleton)()), block), {}, {
+  var TextLinkBlock = _objectSpread(_objectSpread(_objectSpread({}, createBlockSkeleton()), block), {}, {
     name: name,
     displayName: displayName,
     tags: tags ? tags : LinkBlock.tags,
-    category: _types.BlockCategory.Navigation,
+    category: BlockCategory.Navigation,
     definesOwnPadding: true,
     AdminComponent: function AdminComponent(_ref2) {
       var state = _ref2.state,
         updateState = _ref2.updateState;
       var _composedApi$adminCom = composedApi.adminComponents({
           state: state,
-          updateState: (0, _decomposeUpdateStateAction.decomposeUpdateStateAction)(updateState, ["link"])
+          updateState: decomposeUpdateStateAction(updateState, ["link"])
         }),
         link = _composedApi$adminCom.link;
-      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_BlockAdminComponentPaper.BlockAdminComponentPaper, {
+      return /*#__PURE__*/_jsxs(BlockAdminComponentPaper, {
         disablePadding: true,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+        children: [/*#__PURE__*/_jsx(Box, {
           padding: 3,
           paddingBottom: 0,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_BlocksFinalForm.BlocksFinalForm, {
+          children: /*#__PURE__*/_jsx(BlocksFinalForm, {
             onSubmit: function onSubmit(_ref3) {
               var text = _ref3.text;
               updateState(function (prevState) {
@@ -73,10 +67,10 @@ function createTextLinkBlock(_ref, override) {
             initialValues: {
               text: state.text
             },
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_admin.Field, {
-              label: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, _objectSpread({}, _admin.messages.text)),
+            children: /*#__PURE__*/_jsx(Field, {
+              label: /*#__PURE__*/_jsx(FormattedMessage, _objectSpread({}, messages.text)),
               name: "text",
-              component: _admin.FinalFormInput,
+              component: FinalFormInput,
               fullWidth: true
             })
           })

package/lib/blocks/factories/columnsBlock/ColumnsIcon.d.ts

@@ -1,4 +1,5 @@
 import { type SvgIconProps } from "@mui/material";
+import type { JSX } from "react";
 interface ColumnsIconProps extends SvgIconProps {
     columns: number;
 }

package/lib/blocks/factories/columnsBlock/ColumnsIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ColumnsIcon.d.ts","sourceRoot":"","sources":["../../../../src/blocks/factories/columnsBlock/ColumnsIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AAE3D,UAAU,gBAAiB,SAAQ,YAAY;IAC3C,OAAO,EAAE,MAAM,CAAC;CACnB;AAqCD,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,GAAG,QAAQ,EAAE,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CAenF"}
+{"version":3,"file":"ColumnsIcon.d.ts","sourceRoot":"","sources":["../../../../src/blocks/factories/columnsBlock/ColumnsIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AAC3D,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAEjC,UAAU,gBAAiB,SAAQ,YAAY;IAC3C,OAAO,EAAE,MAAM,CAAC;CACnB;AAqCD,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,GAAG,QAAQ,EAAE,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CAenF"}

package/lib/blocks/factories/columnsBlock/ColumnsIcon.js

@@ -1,12 +1,4 @@
-"use strict";
-
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ColumnsIcon = ColumnsIcon;
-var _material = require("@mui/material");
-var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["columns"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -15,6 +7,8 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+import { SvgIcon } from "@mui/material";
+import { jsx as _jsx } from "react/jsx-runtime";
 // Data to construct the rectangles in the svgs
 // Index 0 is for 1 column, index 1 is for 2 columns,...
 var rectangleAttributesMatrices = [[{
@@ -63,7 +57,7 @@ var rectangleAttributesMatrices = [[{
   x: 40,
   width: 8
 }]];
-function ColumnsIcon(_ref) {
+export function ColumnsIcon(_ref) {
   var columns = _ref.columns,
     svgProps = _objectWithoutProperties(_ref, _excluded);
   if (columns < 1) {
@@ -72,13 +66,13 @@ function ColumnsIcon(_ref) {
   return columns > rectangleAttributesMatrices.length ?
   /*#__PURE__*/
   // Fallback for cases where column number is too high to display it with svgs
-  (0, _jsxRuntime.jsx)("span", {
+  _jsx("span", {
     children: columns
-  }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.SvgIcon, _objectSpread(_objectSpread({
+  }) : /*#__PURE__*/_jsx(SvgIcon, _objectSpread(_objectSpread({
     viewBox: "0 0 48 48"
   }, svgProps), {}, {
     children: rectangleAttributesMatrices[columns - 1].map(function (c, i) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", _objectSpread({
+      return /*#__PURE__*/_jsx("rect", _objectSpread({
         y: 4,
         height: 40
       }, c), i);

package/lib/blocks/factories/columnsBlock/ColumnsLayoutPreview.js

@@ -1,27 +1,19 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ColumnsLayoutPreview = ColumnsLayoutPreview;
-exports.ColumnsLayoutPreviewContent = ColumnsLayoutPreviewContent;
-exports.ColumnsLayoutPreviewSpacing = void 0;
-var _material = require("@mui/material");
-var _styles = require("@mui/material/styles");
-var _react = require("react");
-var _jsxRuntime = require("react/jsx-runtime");
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-function ColumnsLayoutPreview(_ref) {
+import { Typography } from "@mui/material";
+import { styled } from "@mui/material/styles";
+import { Children } from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function ColumnsLayoutPreview(_ref) {
   var children = _ref.children;
-  var columns = _react.Children.map(children, function (child) {
+  var columns = Children.map(children, function (child) {
     return "".concat(child.props.width, "fr");
   }).join(" ");
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Root, {
+  return /*#__PURE__*/_jsx(Root, {
     columns: columns,
     children: children
   });
 }
-var Root = /*#__PURE__*/(0, _styles.styled)("div", process.env.NODE_ENV === "production" ? {
+var Root = /*#__PURE__*/styled("div", process.env.NODE_ENV === "production" ? {
   target: "eij675p2"
 } : {
   target: "eij675p2",
@@ -33,7 +25,7 @@ var Root = /*#__PURE__*/(0, _styles.styled)("div", process.env.NODE_ENV === "pro
   var theme = _ref3.theme;
   return theme.shadows[1];
 }, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9ibG9ja3MvZmFjdG9yaWVzL2NvbHVtbnNCbG9jay9Db2x1bW5zTGF5b3V0UHJldmlldy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0IrQyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvYmxvY2tzL2ZhY3Rvcmllcy9jb2x1bW5zQmxvY2svQ29sdW1uc0xheW91dFByZXZpZXcudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgVHlwb2dyYXBoeSB9IGZyb20gXCJAbXVpL21hdGVyaWFsXCI7XG5pbXBvcnQgeyBzdHlsZWQgfSBmcm9tIFwiQG11aS9tYXRlcmlhbC9zdHlsZXNcIjtcbmltcG9ydCB7IENoaWxkcmVuLCB0eXBlIFJlYWN0RWxlbWVudCwgdHlwZSBSZWFjdE5vZGUgfSBmcm9tIFwicmVhY3RcIjtcblxuaW50ZXJmYWNlIEl0ZW1Qcm9wcyB7XG4gICAgd2lkdGg6IG51bWJlcjtcbiAgICBsYWJlbD86IFJlYWN0Tm9kZTtcbn1cblxuaW50ZXJmYWNlIENvbnRhaW5lclByb3BzIHtcbiAgICBjaGlsZHJlbjogUmVhY3RFbGVtZW50PEl0ZW1Qcm9wcz5bXTtcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIENvbHVtbnNMYXlvdXRQcmV2aWV3KHsgY2hpbGRyZW4gfTogQ29udGFpbmVyUHJvcHMpIHtcbiAgICBjb25zdCBjb2x1bW5zID0gQ2hpbGRyZW4ubWFwKGNoaWxkcmVuLCAoY2hpbGQpID0+IGAke2NoaWxkLnByb3BzLndpZHRofWZyYCkuam9pbihcIiBcIik7XG4gICAgcmV0dXJuIDxSb290IGNvbHVtbnM9e2NvbHVtbnN9PntjaGlsZHJlbn08L1Jvb3Q+O1xufVxuXG5jb25zdCBSb290ID0gc3R5bGVkKFwiZGl2XCIpPHsgY29sdW1uczogc3RyaW5nIH0+YFxuICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAkeyh7IGNvbHVtbnMgfSkgPT4gY29sdW1uc307XG4gICAgYm94LXNoYWRvdzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zaGFkb3dzWzFdfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBDb2x1bW5zTGF5b3V0UHJldmlld1NwYWNpbmcgPSBzdHlsZWQoXCJzcGFuXCIpPEl0ZW1Qcm9wcz5gXG4gICAgaGVpZ2h0OiA0MHB4O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICNmZmY7XG5gO1xuXG5jb25zdCBSb290Q29udGVudCA9IHN0eWxlZChDb2x1bW5zTGF5b3V0UHJldmlld1NwYWNpbmcpYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucGFsZXR0ZS5ncmV5WzEwMF19O1xuICAgIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnBhbGV0dGUuYmFja2dyb3VuZC5wYXBlcn07XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuYDtcblxuZXhwb3J0IGZ1bmN0aW9uIENvbHVtbnNMYXlvdXRQcmV2aWV3Q29udGVudCh7IHdpZHRoLCBsYWJlbCB9OiBJdGVtUHJvcHMpIHtcbiAgICByZXR1cm4gPFJvb3RDb250ZW50IHdpZHRoPXt3aWR0aH0+e2xhYmVsID8gbGFiZWwgOiB3aWR0aCA+IDMgPyA8VHlwb2dyYXBoeSB2YXJpYW50PVwic3VidGl0bGUxXCI+e3dpZHRofTwvVHlwb2dyYXBoeT4gOiBudWxsfTwvUm9vdENvbnRlbnQ+O1xufVxuIl19 */"));
-var ColumnsLayoutPreviewSpacing = exports.ColumnsLayoutPreviewSpacing = /*#__PURE__*/(0, _styles.styled)("span", process.env.NODE_ENV === "production" ? {
+export var ColumnsLayoutPreviewSpacing = /*#__PURE__*/styled("span", process.env.NODE_ENV === "production" ? {
   target: "eij675p1"
 } : {
   target: "eij675p1",
@@ -46,7 +38,7 @@ var ColumnsLayoutPreviewSpacing = exports.ColumnsLayoutPreviewSpacing = /*#__PUR
   styles: "height:40px;background-color:#fff/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9ibG9ja3MvZmFjdG9yaWVzL2NvbHVtbnNCbG9jay9Db2x1bW5zTGF5b3V0UHJldmlldy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0JvRSIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvYmxvY2tzL2ZhY3Rvcmllcy9jb2x1bW5zQmxvY2svQ29sdW1uc0xheW91dFByZXZpZXcudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgVHlwb2dyYXBoeSB9IGZyb20gXCJAbXVpL21hdGVyaWFsXCI7XG5pbXBvcnQgeyBzdHlsZWQgfSBmcm9tIFwiQG11aS9tYXRlcmlhbC9zdHlsZXNcIjtcbmltcG9ydCB7IENoaWxkcmVuLCB0eXBlIFJlYWN0RWxlbWVudCwgdHlwZSBSZWFjdE5vZGUgfSBmcm9tIFwicmVhY3RcIjtcblxuaW50ZXJmYWNlIEl0ZW1Qcm9wcyB7XG4gICAgd2lkdGg6IG51bWJlcjtcbiAgICBsYWJlbD86IFJlYWN0Tm9kZTtcbn1cblxuaW50ZXJmYWNlIENvbnRhaW5lclByb3BzIHtcbiAgICBjaGlsZHJlbjogUmVhY3RFbGVtZW50PEl0ZW1Qcm9wcz5bXTtcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIENvbHVtbnNMYXlvdXRQcmV2aWV3KHsgY2hpbGRyZW4gfTogQ29udGFpbmVyUHJvcHMpIHtcbiAgICBjb25zdCBjb2x1bW5zID0gQ2hpbGRyZW4ubWFwKGNoaWxkcmVuLCAoY2hpbGQpID0+IGAke2NoaWxkLnByb3BzLndpZHRofWZyYCkuam9pbihcIiBcIik7XG4gICAgcmV0dXJuIDxSb290IGNvbHVtbnM9e2NvbHVtbnN9PntjaGlsZHJlbn08L1Jvb3Q+O1xufVxuXG5jb25zdCBSb290ID0gc3R5bGVkKFwiZGl2XCIpPHsgY29sdW1uczogc3RyaW5nIH0+YFxuICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAkeyh7IGNvbHVtbnMgfSkgPT4gY29sdW1uc307XG4gICAgYm94LXNoYWRvdzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zaGFkb3dzWzFdfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBDb2x1bW5zTGF5b3V0UHJldmlld1NwYWNpbmcgPSBzdHlsZWQoXCJzcGFuXCIpPEl0ZW1Qcm9wcz5gXG4gICAgaGVpZ2h0OiA0MHB4O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICNmZmY7XG5gO1xuXG5jb25zdCBSb290Q29udGVudCA9IHN0eWxlZChDb2x1bW5zTGF5b3V0UHJldmlld1NwYWNpbmcpYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucGFsZXR0ZS5ncmV5WzEwMF19O1xuICAgIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnBhbGV0dGUuYmFja2dyb3VuZC5wYXBlcn07XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuYDtcblxuZXhwb3J0IGZ1bmN0aW9uIENvbHVtbnNMYXlvdXRQcmV2aWV3Q29udGVudCh7IHdpZHRoLCBsYWJlbCB9OiBJdGVtUHJvcHMpIHtcbiAgICByZXR1cm4gPFJvb3RDb250ZW50IHdpZHRoPXt3aWR0aH0+e2xhYmVsID8gbGFiZWwgOiB3aWR0aCA+IDMgPyA8VHlwb2dyYXBoeSB2YXJpYW50PVwic3VidGl0bGUxXCI+e3dpZHRofTwvVHlwb2dyYXBoeT4gOiBudWxsfTwvUm9vdENvbnRlbnQ+O1xufVxuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-var RootContent = /*#__PURE__*/(0, _styles.styled)(ColumnsLayoutPreviewSpacing, process.env.NODE_ENV === "production" ? {
+var RootContent = /*#__PURE__*/styled(ColumnsLayoutPreviewSpacing, process.env.NODE_ENV === "production" ? {
   target: "eij675p0"
 } : {
   target: "eij675p0",
@@ -58,12 +50,12 @@ var RootContent = /*#__PURE__*/(0, _styles.styled)(ColumnsLayoutPreviewSpacing,
   var theme = _ref5.theme;
   return theme.palette.background.paper;
 }, ";display:flex;justify-content:center;align-items:center;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9ibG9ja3MvZmFjdG9yaWVzL2NvbHVtbnNCbG9jay9Db2x1bW5zTGF5b3V0UHJldmlldy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkJ1RCIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvYmxvY2tzL2ZhY3Rvcmllcy9jb2x1bW5zQmxvY2svQ29sdW1uc0xheW91dFByZXZpZXcudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgVHlwb2dyYXBoeSB9IGZyb20gXCJAbXVpL21hdGVyaWFsXCI7XG5pbXBvcnQgeyBzdHlsZWQgfSBmcm9tIFwiQG11aS9tYXRlcmlhbC9zdHlsZXNcIjtcbmltcG9ydCB7IENoaWxkcmVuLCB0eXBlIFJlYWN0RWxlbWVudCwgdHlwZSBSZWFjdE5vZGUgfSBmcm9tIFwicmVhY3RcIjtcblxuaW50ZXJmYWNlIEl0ZW1Qcm9wcyB7XG4gICAgd2lkdGg6IG51bWJlcjtcbiAgICBsYWJlbD86IFJlYWN0Tm9kZTtcbn1cblxuaW50ZXJmYWNlIENvbnRhaW5lclByb3BzIHtcbiAgICBjaGlsZHJlbjogUmVhY3RFbGVtZW50PEl0ZW1Qcm9wcz5bXTtcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIENvbHVtbnNMYXlvdXRQcmV2aWV3KHsgY2hpbGRyZW4gfTogQ29udGFpbmVyUHJvcHMpIHtcbiAgICBjb25zdCBjb2x1bW5zID0gQ2hpbGRyZW4ubWFwKGNoaWxkcmVuLCAoY2hpbGQpID0+IGAke2NoaWxkLnByb3BzLndpZHRofWZyYCkuam9pbihcIiBcIik7XG4gICAgcmV0dXJuIDxSb290IGNvbHVtbnM9e2NvbHVtbnN9PntjaGlsZHJlbn08L1Jvb3Q+O1xufVxuXG5jb25zdCBSb290ID0gc3R5bGVkKFwiZGl2XCIpPHsgY29sdW1uczogc3RyaW5nIH0+YFxuICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAkeyh7IGNvbHVtbnMgfSkgPT4gY29sdW1uc307XG4gICAgYm94LXNoYWRvdzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zaGFkb3dzWzFdfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBDb2x1bW5zTGF5b3V0UHJldmlld1NwYWNpbmcgPSBzdHlsZWQoXCJzcGFuXCIpPEl0ZW1Qcm9wcz5gXG4gICAgaGVpZ2h0OiA0MHB4O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICNmZmY7XG5gO1xuXG5jb25zdCBSb290Q29udGVudCA9IHN0eWxlZChDb2x1bW5zTGF5b3V0UHJldmlld1NwYWNpbmcpYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucGFsZXR0ZS5ncmV5WzEwMF19O1xuICAgIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnBhbGV0dGUuYmFja2dyb3VuZC5wYXBlcn07XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuYDtcblxuZXhwb3J0IGZ1bmN0aW9uIENvbHVtbnNMYXlvdXRQcmV2aWV3Q29udGVudCh7IHdpZHRoLCBsYWJlbCB9OiBJdGVtUHJvcHMpIHtcbiAgICByZXR1cm4gPFJvb3RDb250ZW50IHdpZHRoPXt3aWR0aH0+e2xhYmVsID8gbGFiZWwgOiB3aWR0aCA+IDMgPyA8VHlwb2dyYXBoeSB2YXJpYW50PVwic3VidGl0bGUxXCI+e3dpZHRofTwvVHlwb2dyYXBoeT4gOiBudWxsfTwvUm9vdENvbnRlbnQ+O1xufVxuIl19 */"));
-function ColumnsLayoutPreviewContent(_ref6) {
+export function ColumnsLayoutPreviewContent(_ref6) {
   var width = _ref6.width,
     label = _ref6.label;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(RootContent, {
+  return /*#__PURE__*/_jsx(RootContent, {
     width: width,
-    children: label ? label : width > 3 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+    children: label ? label : width > 3 ? /*#__PURE__*/_jsx(Typography, {
       variant: "subtitle1",
       children: width
     }) : null

package/lib/blocks/factories/columnsBlock/FinalFormColumnsSelect.js

@@ -1,18 +1,12 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FinalFormColumnsSelect = FinalFormColumnsSelect;
-var _material = require("@mui/material");
-var _ColumnsIcon = require("./ColumnsIcon");
-var _jsxRuntime = require("react/jsx-runtime");
-function FinalFormColumnsSelect(_ref) {
+import { ToggleButton, ToggleButtonGroup } from "@mui/material";
+import { ColumnsIcon } from "./ColumnsIcon";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function FinalFormColumnsSelect(_ref) {
   var _ref$input = _ref.input,
     value = _ref$input.value,
     _onChange = _ref$input.onChange,
     columns = _ref.columns;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ToggleButtonGroup, {
+  return /*#__PURE__*/_jsx(ToggleButtonGroup, {
     value: value,
     onChange: function onChange(event, value) {
       if (value !== null) {
@@ -21,9 +15,9 @@ function FinalFormColumnsSelect(_ref) {
     },
     exclusive: true,
     children: columns.map(function (c) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ToggleButton, {
+      return /*#__PURE__*/_jsx(ToggleButton, {
         value: c,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ColumnsIcon.ColumnsIcon, {
+        children: /*#__PURE__*/_jsx(ColumnsIcon, {
           columns: c
         })
       }, c);