@webiny/app-headless-cms 5.43.3 → 6.0.0-alpha.1

package/admin/plugins/fieldRenderers/dynamicZone/TemplateItem.js

@@ -1,117 +1,33 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TemplateItem = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = _interopRequireDefault(require("react"));
-var _appAdmin = require("@webiny/app-admin");
-var _Typography = require("@webiny/ui/Typography");
-var _Button = require("@webiny/ui/Button");
-var _TemplateIcon = require("./TemplateIcon");
-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)."; }
-var CardContainer = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e11lfux75"
-} : {
-  target: "e11lfux75",
-  label: "CardContainer"
-})(process.env.NODE_ENV === "production" ? {
-  name: "qkl7ol",
-  styles: "display:flex;flex-direction:column;width:170px;height:200px;margin:5px;border:1px solid var(--mdc-theme-background)"
-} : {
-  name: "qkl7ol",
-  styles: "display:flex;flex-direction:column;width:170px;height:200px;margin:5px;border:1px solid var(--mdc-theme-background)",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRlbXBsYXRlSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUWdDIiwiZmlsZSI6IlRlbXBsYXRlSXRlbS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IG1ha2VEZWNvcmF0YWJsZSB9IGZyb20gXCJAd2ViaW55L2FwcC1hZG1pblwiO1xuaW1wb3J0IHsgVHlwb2dyYXBoeSB9IGZyb20gXCJAd2ViaW55L3VpL1R5cG9ncmFwaHlcIjtcbmltcG9ydCB7IEJ1dHRvblNlY29uZGFyeSB9IGZyb20gXCJAd2ViaW55L3VpL0J1dHRvblwiO1xuaW1wb3J0IHsgQ21zRHluYW1pY1pvbmVUZW1wbGF0ZSB9IGZyb20gXCJ+L3R5cGVzXCI7XG5pbXBvcnQgeyBUZW1wbGF0ZUljb24gfSBmcm9tIFwifi9hZG1pbi9wbHVnaW5zL2ZpZWxkUmVuZGVyZXJzL2R5bmFtaWNab25lL1RlbXBsYXRlSWNvblwiO1xuXG5jb25zdCBDYXJkQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgd2lkdGg6IDE3MHB4O1xuICAgIGhlaWdodDogMjAwcHg7XG4gICAgbWFyZ2luOiA1cHg7XG4gICAgYm9yZGVyOiAxcHggc29saWQgdmFyKC0tbWRjLXRoZW1lLWJhY2tncm91bmQpO1xuYDtcblxuY29uc3QgQ2FyZEljb24gPSBzdHlsZWQuZGl2YFxuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICBwYWRkaW5nOiAyNXB4O1xuICAgIGZvbnQtc2l6ZTogMS41cmVtO1xuICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLW1kYy10aGVtZS1iYWNrZ3JvdW5kKTtcbmA7XG5cbmNvbnN0IENhcmRCb2R5ID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgZmxleDogMTtcbiAgICBwYWRkaW5nOiAxMHB4O1xuICAgIHRleHQtYWxpZ246IGxlZnQ7XG5gO1xuXG5jb25zdCBDYXJkVGl0bGUgPSBzdHlsZWQoVHlwb2dyYXBoeSlgXG4gICAgbWFyZ2luLWJvdHRvbTogMTBweDtcbmA7XG5cbmNvbnN0IENhcmREZXNjcmlwdGlvbiA9IHN0eWxlZChUeXBvZ3JhcGh5KWBcbiAgICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgICBtYXJnaW4tYm90dG9tOiAxMHB4O1xuICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcbmA7XG5cbmNvbnN0IENhcmRCdXR0b24gPSBzdHlsZWQoQnV0dG9uU2Vjb25kYXJ5KWBcbiAgICBmb250LXNpemU6IDAuN3JlbTtcbiAgICBsaW5lLWhlaWdodDogMTAwJTtcbiAgICBtYXJnaW4tdG9wOiBhdXRvO1xuYDtcblxuZXhwb3J0IGludGVyZmFjZSBUZW1wbGF0ZUNhcmRQcm9wcyB7XG4gICAgdGVtcGxhdGU6IENtc0R5bmFtaWNab25lVGVtcGxhdGU7XG4gICAgb25UZW1wbGF0ZTogKHRlbXBsYXRlOiBDbXNEeW5hbWljWm9uZVRlbXBsYXRlKSA9PiB2b2lkO1xufVxuXG5leHBvcnQgY29uc3QgVGVtcGxhdGVJdGVtID0gbWFrZURlY29yYXRhYmxlKFxuICAgIFwiVGVtcGxhdGVJdGVtXCIsXG4gICAgKHsgdGVtcGxhdGUsIG9uVGVtcGxhdGUgfTogVGVtcGxhdGVDYXJkUHJvcHMpID0+IHtcbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgIDxDYXJkQ29udGFpbmVyPlxuICAgICAgICAgICAgICAgIDxDYXJkSWNvbj5cbiAgICAgICAgICAgICAgICAgICAgPFRlbXBsYXRlSWNvbiBpY29uPXt0ZW1wbGF0ZS5pY29ufSAvPlxuICAgICAgICAgICAgICAgIDwvQ2FyZEljb24+XG4gICAgICAgICAgICAgICAgPENhcmRCb2R5PlxuICAgICAgICAgICAgICAgICAgICA8Q2FyZFRpdGxlIHRhZz17XCJwXCJ9IHVzZT17XCJzdWJ0aXRsZTJcIn0+XG4gICAgICAgICAgICAgICAgICAgICAgICB7dGVtcGxhdGUubmFtZX1cbiAgICAgICAgICAgICAgICAgICAgPC9DYXJkVGl0bGU+XG4gICAgICAgICAgICAgICAgICAgIDxDYXJkRGVzY3JpcHRpb24gdGFnPXtcInBcIn0gdXNlPXtcImJvZHkyXCJ9PlxuICAgICAgICAgICAgICAgICAgICAgICAge3RlbXBsYXRlLmRlc2NyaXB0aW9ufVxuICAgICAgICAgICAgICAgICAgICA8L0NhcmREZXNjcmlwdGlvbj5cbiAgICAgICAgICAgICAgICAgICAgPENhcmRCdXR0b24gb25DbGljaz17KCkgPT4gb25UZW1wbGF0ZSh0ZW1wbGF0ZSl9PisgSW5zZXJ0IFRlbXBsYXRlPC9DYXJkQnV0dG9uPlxuICAgICAgICAgICAgICAgIDwvQ2FyZEJvZHk+XG4gICAgICAgICAgICA8L0NhcmRDb250YWluZXI+XG4gICAgICAgICk7XG4gICAgfVxuKTtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var CardIcon = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e11lfux74"
-} : {
-  target: "e11lfux74",
-  label: "CardIcon"
-})(process.env.NODE_ENV === "production" ? {
-  name: "rjec2i",
-  styles: "text-align:center;padding:25px;font-size:1.5rem;background-color:var(--mdc-theme-background)"
-} : {
-  name: "rjec2i",
-  styles: "text-align:center;padding:25px;font-size:1.5rem;background-color:var(--mdc-theme-background)",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRlbXBsYXRlSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUIyQiIsImZpbGUiOiJUZW1wbGF0ZUl0ZW0udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBtYWtlRGVjb3JhdGFibGUgfSBmcm9tIFwiQHdlYmlueS9hcHAtYWRtaW5cIjtcbmltcG9ydCB7IFR5cG9ncmFwaHkgfSBmcm9tIFwiQHdlYmlueS91aS9UeXBvZ3JhcGh5XCI7XG5pbXBvcnQgeyBCdXR0b25TZWNvbmRhcnkgfSBmcm9tIFwiQHdlYmlueS91aS9CdXR0b25cIjtcbmltcG9ydCB7IENtc0R5bmFtaWNab25lVGVtcGxhdGUgfSBmcm9tIFwifi90eXBlc1wiO1xuaW1wb3J0IHsgVGVtcGxhdGVJY29uIH0gZnJvbSBcIn4vYWRtaW4vcGx1Z2lucy9maWVsZFJlbmRlcmVycy9keW5hbWljWm9uZS9UZW1wbGF0ZUljb25cIjtcblxuY29uc3QgQ2FyZENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIHdpZHRoOiAxNzBweDtcbiAgICBoZWlnaHQ6IDIwMHB4O1xuICAgIG1hcmdpbjogNXB4O1xuICAgIGJvcmRlcjogMXB4IHNvbGlkIHZhcigtLW1kYy10aGVtZS1iYWNrZ3JvdW5kKTtcbmA7XG5cbmNvbnN0IENhcmRJY29uID0gc3R5bGVkLmRpdmBcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgcGFkZGluZzogMjVweDtcbiAgICBmb250LXNpemU6IDEuNXJlbTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1tZGMtdGhlbWUtYmFja2dyb3VuZCk7XG5gO1xuXG5jb25zdCBDYXJkQm9keSA9IHN0eWxlZC5kaXZgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIGZsZXg6IDE7XG4gICAgcGFkZGluZzogMTBweDtcbiAgICB0ZXh0LWFsaWduOiBsZWZ0O1xuYDtcblxuY29uc3QgQ2FyZFRpdGxlID0gc3R5bGVkKFR5cG9ncmFwaHkpYFxuICAgIG1hcmdpbi1ib3R0b206IDEwcHg7XG5gO1xuXG5jb25zdCBDYXJkRGVzY3JpcHRpb24gPSBzdHlsZWQoVHlwb2dyYXBoeSlgXG4gICAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gICAgbWFyZ2luLWJvdHRvbTogMTBweDtcbiAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG5gO1xuXG5jb25zdCBDYXJkQnV0dG9uID0gc3R5bGVkKEJ1dHRvblNlY29uZGFyeSlgXG4gICAgZm9udC1zaXplOiAwLjdyZW07XG4gICAgbGluZS1oZWlnaHQ6IDEwMCU7XG4gICAgbWFyZ2luLXRvcDogYXV0bztcbmA7XG5cbmV4cG9ydCBpbnRlcmZhY2UgVGVtcGxhdGVDYXJkUHJvcHMge1xuICAgIHRlbXBsYXRlOiBDbXNEeW5hbWljWm9uZVRlbXBsYXRlO1xuICAgIG9uVGVtcGxhdGU6ICh0ZW1wbGF0ZTogQ21zRHluYW1pY1pvbmVUZW1wbGF0ZSkgPT4gdm9pZDtcbn1cblxuZXhwb3J0IGNvbnN0IFRlbXBsYXRlSXRlbSA9IG1ha2VEZWNvcmF0YWJsZShcbiAgICBcIlRlbXBsYXRlSXRlbVwiLFxuICAgICh7IHRlbXBsYXRlLCBvblRlbXBsYXRlIH06IFRlbXBsYXRlQ2FyZFByb3BzKSA9PiB7XG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8Q2FyZENvbnRhaW5lcj5cbiAgICAgICAgICAgICAgICA8Q2FyZEljb24+XG4gICAgICAgICAgICAgICAgICAgIDxUZW1wbGF0ZUljb24gaWNvbj17dGVtcGxhdGUuaWNvbn0gLz5cbiAgICAgICAgICAgICAgICA8L0NhcmRJY29uPlxuICAgICAgICAgICAgICAgIDxDYXJkQm9keT5cbiAgICAgICAgICAgICAgICAgICAgPENhcmRUaXRsZSB0YWc9e1wicFwifSB1c2U9e1wic3VidGl0bGUyXCJ9PlxuICAgICAgICAgICAgICAgICAgICAgICAge3RlbXBsYXRlLm5hbWV9XG4gICAgICAgICAgICAgICAgICAgIDwvQ2FyZFRpdGxlPlxuICAgICAgICAgICAgICAgICAgICA8Q2FyZERlc2NyaXB0aW9uIHRhZz17XCJwXCJ9IHVzZT17XCJib2R5MlwifT5cbiAgICAgICAgICAgICAgICAgICAgICAgIHt0ZW1wbGF0ZS5kZXNjcmlwdGlvbn1cbiAgICAgICAgICAgICAgICAgICAgPC9DYXJkRGVzY3JpcHRpb24+XG4gICAgICAgICAgICAgICAgICAgIDxDYXJkQnV0dG9uIG9uQ2xpY2s9eygpID0+IG9uVGVtcGxhdGUodGVtcGxhdGUpfT4rIEluc2VydCBUZW1wbGF0ZTwvQ2FyZEJ1dHRvbj5cbiAgICAgICAgICAgICAgICA8L0NhcmRCb2R5PlxuICAgICAgICAgICAgPC9DYXJkQ29udGFpbmVyPlxuICAgICAgICApO1xuICAgIH1cbik7XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var CardBody = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e11lfux73"
-} : {
-  target: "e11lfux73",
-  label: "CardBody"
-})(process.env.NODE_ENV === "production" ? {
-  name: "ezosu2",
-  styles: "display:flex;flex-direction:column;flex:1;padding:10px;text-align:left"
-} : {
-  name: "ezosu2",
-  styles: "display:flex;flex-direction:column;flex:1;padding:10px;text-align:left",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRlbXBsYXRlSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0IyQiIsImZpbGUiOiJUZW1wbGF0ZUl0ZW0udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBtYWtlRGVjb3JhdGFibGUgfSBmcm9tIFwiQHdlYmlueS9hcHAtYWRtaW5cIjtcbmltcG9ydCB7IFR5cG9ncmFwaHkgfSBmcm9tIFwiQHdlYmlueS91aS9UeXBvZ3JhcGh5XCI7XG5pbXBvcnQgeyBCdXR0b25TZWNvbmRhcnkgfSBmcm9tIFwiQHdlYmlueS91aS9CdXR0b25cIjtcbmltcG9ydCB7IENtc0R5bmFtaWNab25lVGVtcGxhdGUgfSBmcm9tIFwifi90eXBlc1wiO1xuaW1wb3J0IHsgVGVtcGxhdGVJY29uIH0gZnJvbSBcIn4vYWRtaW4vcGx1Z2lucy9maWVsZFJlbmRlcmVycy9keW5hbWljWm9uZS9UZW1wbGF0ZUljb25cIjtcblxuY29uc3QgQ2FyZENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIHdpZHRoOiAxNzBweDtcbiAgICBoZWlnaHQ6IDIwMHB4O1xuICAgIG1hcmdpbjogNXB4O1xuICAgIGJvcmRlcjogMXB4IHNvbGlkIHZhcigtLW1kYy10aGVtZS1iYWNrZ3JvdW5kKTtcbmA7XG5cbmNvbnN0IENhcmRJY29uID0gc3R5bGVkLmRpdmBcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgcGFkZGluZzogMjVweDtcbiAgICBmb250LXNpemU6IDEuNXJlbTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1tZGMtdGhlbWUtYmFja2dyb3VuZCk7XG5gO1xuXG5jb25zdCBDYXJkQm9keSA9IHN0eWxlZC5kaXZgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIGZsZXg6IDE7XG4gICAgcGFkZGluZzogMTBweDtcbiAgICB0ZXh0LWFsaWduOiBsZWZ0O1xuYDtcblxuY29uc3QgQ2FyZFRpdGxlID0gc3R5bGVkKFR5cG9ncmFwaHkpYFxuICAgIG1hcmdpbi1ib3R0b206IDEwcHg7XG5gO1xuXG5jb25zdCBDYXJkRGVzY3JpcHRpb24gPSBzdHlsZWQoVHlwb2dyYXBoeSlgXG4gICAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gICAgbWFyZ2luLWJvdHRvbTogMTBweDtcbiAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG5gO1xuXG5jb25zdCBDYXJkQnV0dG9uID0gc3R5bGVkKEJ1dHRvblNlY29uZGFyeSlgXG4gICAgZm9udC1zaXplOiAwLjdyZW07XG4gICAgbGluZS1oZWlnaHQ6IDEwMCU7XG4gICAgbWFyZ2luLXRvcDogYXV0bztcbmA7XG5cbmV4cG9ydCBpbnRlcmZhY2UgVGVtcGxhdGVDYXJkUHJvcHMge1xuICAgIHRlbXBsYXRlOiBDbXNEeW5hbWljWm9uZVRlbXBsYXRlO1xuICAgIG9uVGVtcGxhdGU6ICh0ZW1wbGF0ZTogQ21zRHluYW1pY1pvbmVUZW1wbGF0ZSkgPT4gdm9pZDtcbn1cblxuZXhwb3J0IGNvbnN0IFRlbXBsYXRlSXRlbSA9IG1ha2VEZWNvcmF0YWJsZShcbiAgICBcIlRlbXBsYXRlSXRlbVwiLFxuICAgICh7IHRlbXBsYXRlLCBvblRlbXBsYXRlIH06IFRlbXBsYXRlQ2FyZFByb3BzKSA9PiB7XG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8Q2FyZENvbnRhaW5lcj5cbiAgICAgICAgICAgICAgICA8Q2FyZEljb24+XG4gICAgICAgICAgICAgICAgICAgIDxUZW1wbGF0ZUljb24gaWNvbj17dGVtcGxhdGUuaWNvbn0gLz5cbiAgICAgICAgICAgICAgICA8L0NhcmRJY29uPlxuICAgICAgICAgICAgICAgIDxDYXJkQm9keT5cbiAgICAgICAgICAgICAgICAgICAgPENhcmRUaXRsZSB0YWc9e1wicFwifSB1c2U9e1wic3VidGl0bGUyXCJ9PlxuICAgICAgICAgICAgICAgICAgICAgICAge3RlbXBsYXRlLm5hbWV9XG4gICAgICAgICAgICAgICAgICAgIDwvQ2FyZFRpdGxlPlxuICAgICAgICAgICAgICAgICAgICA8Q2FyZERlc2NyaXB0aW9uIHRhZz17XCJwXCJ9IHVzZT17XCJib2R5MlwifT5cbiAgICAgICAgICAgICAgICAgICAgICAgIHt0ZW1wbGF0ZS5kZXNjcmlwdGlvbn1cbiAgICAgICAgICAgICAgICAgICAgPC9DYXJkRGVzY3JpcHRpb24+XG4gICAgICAgICAgICAgICAgICAgIDxDYXJkQnV0dG9uIG9uQ2xpY2s9eygpID0+IG9uVGVtcGxhdGUodGVtcGxhdGUpfT4rIEluc2VydCBUZW1wbGF0ZTwvQ2FyZEJ1dHRvbj5cbiAgICAgICAgICAgICAgICA8L0NhcmRCb2R5PlxuICAgICAgICAgICAgPC9DYXJkQ29udGFpbmVyPlxuICAgICAgICApO1xuICAgIH1cbik7XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var CardTitle = /*#__PURE__*/(0, _base.default)(_Typography.Typography, process.env.NODE_ENV === "production" ? {
-  target: "e11lfux72"
-} : {
-  target: "e11lfux72",
-  label: "CardTitle"
-})(process.env.NODE_ENV === "production" ? {
-  name: "pr10xp",
-  styles: "margin-bottom:10px"
-} : {
-  name: "pr10xp",
-  styles: "margin-bottom:10px",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRlbXBsYXRlSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0NvQyIsImZpbGUiOiJUZW1wbGF0ZUl0ZW0udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBtYWtlRGVjb3JhdGFibGUgfSBmcm9tIFwiQHdlYmlueS9hcHAtYWRtaW5cIjtcbmltcG9ydCB7IFR5cG9ncmFwaHkgfSBmcm9tIFwiQHdlYmlueS91aS9UeXBvZ3JhcGh5XCI7XG5pbXBvcnQgeyBCdXR0b25TZWNvbmRhcnkgfSBmcm9tIFwiQHdlYmlueS91aS9CdXR0b25cIjtcbmltcG9ydCB7IENtc0R5bmFtaWNab25lVGVtcGxhdGUgfSBmcm9tIFwifi90eXBlc1wiO1xuaW1wb3J0IHsgVGVtcGxhdGVJY29uIH0gZnJvbSBcIn4vYWRtaW4vcGx1Z2lucy9maWVsZFJlbmRlcmVycy9keW5hbWljWm9uZS9UZW1wbGF0ZUljb25cIjtcblxuY29uc3QgQ2FyZENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIHdpZHRoOiAxNzBweDtcbiAgICBoZWlnaHQ6IDIwMHB4O1xuICAgIG1hcmdpbjogNXB4O1xuICAgIGJvcmRlcjogMXB4IHNvbGlkIHZhcigtLW1kYy10aGVtZS1iYWNrZ3JvdW5kKTtcbmA7XG5cbmNvbnN0IENhcmRJY29uID0gc3R5bGVkLmRpdmBcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgcGFkZGluZzogMjVweDtcbiAgICBmb250LXNpemU6IDEuNXJlbTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1tZGMtdGhlbWUtYmFja2dyb3VuZCk7XG5gO1xuXG5jb25zdCBDYXJkQm9keSA9IHN0eWxlZC5kaXZgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIGZsZXg6IDE7XG4gICAgcGFkZGluZzogMTBweDtcbiAgICB0ZXh0LWFsaWduOiBsZWZ0O1xuYDtcblxuY29uc3QgQ2FyZFRpdGxlID0gc3R5bGVkKFR5cG9ncmFwaHkpYFxuICAgIG1hcmdpbi1ib3R0b206IDEwcHg7XG5gO1xuXG5jb25zdCBDYXJkRGVzY3JpcHRpb24gPSBzdHlsZWQoVHlwb2dyYXBoeSlgXG4gICAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gICAgbWFyZ2luLWJvdHRvbTogMTBweDtcbiAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG5gO1xuXG5jb25zdCBDYXJkQnV0dG9uID0gc3R5bGVkKEJ1dHRvblNlY29uZGFyeSlgXG4gICAgZm9udC1zaXplOiAwLjdyZW07XG4gICAgbGluZS1oZWlnaHQ6IDEwMCU7XG4gICAgbWFyZ2luLXRvcDogYXV0bztcbmA7XG5cbmV4cG9ydCBpbnRlcmZhY2UgVGVtcGxhdGVDYXJkUHJvcHMge1xuICAgIHRlbXBsYXRlOiBDbXNEeW5hbWljWm9uZVRlbXBsYXRlO1xuICAgIG9uVGVtcGxhdGU6ICh0ZW1wbGF0ZTogQ21zRHluYW1pY1pvbmVUZW1wbGF0ZSkgPT4gdm9pZDtcbn1cblxuZXhwb3J0IGNvbnN0IFRlbXBsYXRlSXRlbSA9IG1ha2VEZWNvcmF0YWJsZShcbiAgICBcIlRlbXBsYXRlSXRlbVwiLFxuICAgICh7IHRlbXBsYXRlLCBvblRlbXBsYXRlIH06IFRlbXBsYXRlQ2FyZFByb3BzKSA9PiB7XG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8Q2FyZENvbnRhaW5lcj5cbiAgICAgICAgICAgICAgICA8Q2FyZEljb24+XG4gICAgICAgICAgICAgICAgICAgIDxUZW1wbGF0ZUljb24gaWNvbj17dGVtcGxhdGUuaWNvbn0gLz5cbiAgICAgICAgICAgICAgICA8L0NhcmRJY29uPlxuICAgICAgICAgICAgICAgIDxDYXJkQm9keT5cbiAgICAgICAgICAgICAgICAgICAgPENhcmRUaXRsZSB0YWc9e1wicFwifSB1c2U9e1wic3VidGl0bGUyXCJ9PlxuICAgICAgICAgICAgICAgICAgICAgICAge3RlbXBsYXRlLm5hbWV9XG4gICAgICAgICAgICAgICAgICAgIDwvQ2FyZFRpdGxlPlxuICAgICAgICAgICAgICAgICAgICA8Q2FyZERlc2NyaXB0aW9uIHRhZz17XCJwXCJ9IHVzZT17XCJib2R5MlwifT5cbiAgICAgICAgICAgICAgICAgICAgICAgIHt0ZW1wbGF0ZS5kZXNjcmlwdGlvbn1cbiAgICAgICAgICAgICAgICAgICAgPC9DYXJkRGVzY3JpcHRpb24+XG4gICAgICAgICAgICAgICAgICAgIDxDYXJkQnV0dG9uIG9uQ2xpY2s9eygpID0+IG9uVGVtcGxhdGUodGVtcGxhdGUpfT4rIEluc2VydCBUZW1wbGF0ZTwvQ2FyZEJ1dHRvbj5cbiAgICAgICAgICAgICAgICA8L0NhcmRCb2R5PlxuICAgICAgICAgICAgPC9DYXJkQ29udGFpbmVyPlxuICAgICAgICApO1xuICAgIH1cbik7XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var CardDescription = /*#__PURE__*/(0, _base.default)(_Typography.Typography, process.env.NODE_ENV === "production" ? {
-  target: "e11lfux71"
-} : {
-  target: "e11lfux71",
-  label: "CardDescription"
-})(process.env.NODE_ENV === "production" ? {
-  name: "jkd7yu",
-  styles: "text-overflow:ellipsis;margin-bottom:10px;white-space:nowrap;overflow:hidden"
-} : {
-  name: "jkd7yu",
-  styles: "text-overflow:ellipsis;margin-bottom:10px;white-space:nowrap;overflow:hidden",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRlbXBsYXRlSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0MwQyIsImZpbGUiOiJUZW1wbGF0ZUl0ZW0udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBtYWtlRGVjb3JhdGFibGUgfSBmcm9tIFwiQHdlYmlueS9hcHAtYWRtaW5cIjtcbmltcG9ydCB7IFR5cG9ncmFwaHkgfSBmcm9tIFwiQHdlYmlueS91aS9UeXBvZ3JhcGh5XCI7XG5pbXBvcnQgeyBCdXR0b25TZWNvbmRhcnkgfSBmcm9tIFwiQHdlYmlueS91aS9CdXR0b25cIjtcbmltcG9ydCB7IENtc0R5bmFtaWNab25lVGVtcGxhdGUgfSBmcm9tIFwifi90eXBlc1wiO1xuaW1wb3J0IHsgVGVtcGxhdGVJY29uIH0gZnJvbSBcIn4vYWRtaW4vcGx1Z2lucy9maWVsZFJlbmRlcmVycy9keW5hbWljWm9uZS9UZW1wbGF0ZUljb25cIjtcblxuY29uc3QgQ2FyZENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIHdpZHRoOiAxNzBweDtcbiAgICBoZWlnaHQ6IDIwMHB4O1xuICAgIG1hcmdpbjogNXB4O1xuICAgIGJvcmRlcjogMXB4IHNvbGlkIHZhcigtLW1kYy10aGVtZS1iYWNrZ3JvdW5kKTtcbmA7XG5cbmNvbnN0IENhcmRJY29uID0gc3R5bGVkLmRpdmBcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgcGFkZGluZzogMjVweDtcbiAgICBmb250LXNpemU6IDEuNXJlbTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1tZGMtdGhlbWUtYmFja2dyb3VuZCk7XG5gO1xuXG5jb25zdCBDYXJkQm9keSA9IHN0eWxlZC5kaXZgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIGZsZXg6IDE7XG4gICAgcGFkZGluZzogMTBweDtcbiAgICB0ZXh0LWFsaWduOiBsZWZ0O1xuYDtcblxuY29uc3QgQ2FyZFRpdGxlID0gc3R5bGVkKFR5cG9ncmFwaHkpYFxuICAgIG1hcmdpbi1ib3R0b206IDEwcHg7XG5gO1xuXG5jb25zdCBDYXJkRGVzY3JpcHRpb24gPSBzdHlsZWQoVHlwb2dyYXBoeSlgXG4gICAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gICAgbWFyZ2luLWJvdHRvbTogMTBweDtcbiAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG5gO1xuXG5jb25zdCBDYXJkQnV0dG9uID0gc3R5bGVkKEJ1dHRvblNlY29uZGFyeSlgXG4gICAgZm9udC1zaXplOiAwLjdyZW07XG4gICAgbGluZS1oZWlnaHQ6IDEwMCU7XG4gICAgbWFyZ2luLXRvcDogYXV0bztcbmA7XG5cbmV4cG9ydCBpbnRlcmZhY2UgVGVtcGxhdGVDYXJkUHJvcHMge1xuICAgIHRlbXBsYXRlOiBDbXNEeW5hbWljWm9uZVRlbXBsYXRlO1xuICAgIG9uVGVtcGxhdGU6ICh0ZW1wbGF0ZTogQ21zRHluYW1pY1pvbmVUZW1wbGF0ZSkgPT4gdm9pZDtcbn1cblxuZXhwb3J0IGNvbnN0IFRlbXBsYXRlSXRlbSA9IG1ha2VEZWNvcmF0YWJsZShcbiAgICBcIlRlbXBsYXRlSXRlbVwiLFxuICAgICh7IHRlbXBsYXRlLCBvblRlbXBsYXRlIH06IFRlbXBsYXRlQ2FyZFByb3BzKSA9PiB7XG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8Q2FyZENvbnRhaW5lcj5cbiAgICAgICAgICAgICAgICA8Q2FyZEljb24+XG4gICAgICAgICAgICAgICAgICAgIDxUZW1wbGF0ZUljb24gaWNvbj17dGVtcGxhdGUuaWNvbn0gLz5cbiAgICAgICAgICAgICAgICA8L0NhcmRJY29uPlxuICAgICAgICAgICAgICAgIDxDYXJkQm9keT5cbiAgICAgICAgICAgICAgICAgICAgPENhcmRUaXRsZSB0YWc9e1wicFwifSB1c2U9e1wic3VidGl0bGUyXCJ9PlxuICAgICAgICAgICAgICAgICAgICAgICAge3RlbXBsYXRlLm5hbWV9XG4gICAgICAgICAgICAgICAgICAgIDwvQ2FyZFRpdGxlPlxuICAgICAgICAgICAgICAgICAgICA8Q2FyZERlc2NyaXB0aW9uIHRhZz17XCJwXCJ9IHVzZT17XCJib2R5MlwifT5cbiAgICAgICAgICAgICAgICAgICAgICAgIHt0ZW1wbGF0ZS5kZXNjcmlwdGlvbn1cbiAgICAgICAgICAgICAgICAgICAgPC9DYXJkRGVzY3JpcHRpb24+XG4gICAgICAgICAgICAgICAgICAgIDxDYXJkQnV0dG9uIG9uQ2xpY2s9eygpID0+IG9uVGVtcGxhdGUodGVtcGxhdGUpfT4rIEluc2VydCBUZW1wbGF0ZTwvQ2FyZEJ1dHRvbj5cbiAgICAgICAgICAgICAgICA8L0NhcmRCb2R5PlxuICAgICAgICAgICAgPC9DYXJkQ29udGFpbmVyPlxuICAgICAgICApO1xuICAgIH1cbik7XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var CardButton = /*#__PURE__*/(0, _base.default)(_Button.ButtonSecondary, process.env.NODE_ENV === "production" ? {
-  target: "e11lfux70"
-} : {
-  target: "e11lfux70",
-  label: "CardButton"
-})(process.env.NODE_ENV === "production" ? {
-  name: "82d3qa",
-  styles: "font-size:0.7rem;line-height:100%;margin-top:auto"
-} : {
-  name: "82d3qa",
-  styles: "font-size:0.7rem;line-height:100%;margin-top:auto",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRlbXBsYXRlSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkMwQyIsImZpbGUiOiJUZW1wbGF0ZUl0ZW0udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBtYWtlRGVjb3JhdGFibGUgfSBmcm9tIFwiQHdlYmlueS9hcHAtYWRtaW5cIjtcbmltcG9ydCB7IFR5cG9ncmFwaHkgfSBmcm9tIFwiQHdlYmlueS91aS9UeXBvZ3JhcGh5XCI7XG5pbXBvcnQgeyBCdXR0b25TZWNvbmRhcnkgfSBmcm9tIFwiQHdlYmlueS91aS9CdXR0b25cIjtcbmltcG9ydCB7IENtc0R5bmFtaWNab25lVGVtcGxhdGUgfSBmcm9tIFwifi90eXBlc1wiO1xuaW1wb3J0IHsgVGVtcGxhdGVJY29uIH0gZnJvbSBcIn4vYWRtaW4vcGx1Z2lucy9maWVsZFJlbmRlcmVycy9keW5hbWljWm9uZS9UZW1wbGF0ZUljb25cIjtcblxuY29uc3QgQ2FyZENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIHdpZHRoOiAxNzBweDtcbiAgICBoZWlnaHQ6IDIwMHB4O1xuICAgIG1hcmdpbjogNXB4O1xuICAgIGJvcmRlcjogMXB4IHNvbGlkIHZhcigtLW1kYy10aGVtZS1iYWNrZ3JvdW5kKTtcbmA7XG5cbmNvbnN0IENhcmRJY29uID0gc3R5bGVkLmRpdmBcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgcGFkZGluZzogMjVweDtcbiAgICBmb250LXNpemU6IDEuNXJlbTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1tZGMtdGhlbWUtYmFja2dyb3VuZCk7XG5gO1xuXG5jb25zdCBDYXJkQm9keSA9IHN0eWxlZC5kaXZgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIGZsZXg6IDE7XG4gICAgcGFkZGluZzogMTBweDtcbiAgICB0ZXh0LWFsaWduOiBsZWZ0O1xuYDtcblxuY29uc3QgQ2FyZFRpdGxlID0gc3R5bGVkKFR5cG9ncmFwaHkpYFxuICAgIG1hcmdpbi1ib3R0b206IDEwcHg7XG5gO1xuXG5jb25zdCBDYXJkRGVzY3JpcHRpb24gPSBzdHlsZWQoVHlwb2dyYXBoeSlgXG4gICAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gICAgbWFyZ2luLWJvdHRvbTogMTBweDtcbiAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG5gO1xuXG5jb25zdCBDYXJkQnV0dG9uID0gc3R5bGVkKEJ1dHRvblNlY29uZGFyeSlgXG4gICAgZm9udC1zaXplOiAwLjdyZW07XG4gICAgbGluZS1oZWlnaHQ6IDEwMCU7XG4gICAgbWFyZ2luLXRvcDogYXV0bztcbmA7XG5cbmV4cG9ydCBpbnRlcmZhY2UgVGVtcGxhdGVDYXJkUHJvcHMge1xuICAgIHRlbXBsYXRlOiBDbXNEeW5hbWljWm9uZVRlbXBsYXRlO1xuICAgIG9uVGVtcGxhdGU6ICh0ZW1wbGF0ZTogQ21zRHluYW1pY1pvbmVUZW1wbGF0ZSkgPT4gdm9pZDtcbn1cblxuZXhwb3J0IGNvbnN0IFRlbXBsYXRlSXRlbSA9IG1ha2VEZWNvcmF0YWJsZShcbiAgICBcIlRlbXBsYXRlSXRlbVwiLFxuICAgICh7IHRlbXBsYXRlLCBvblRlbXBsYXRlIH06IFRlbXBsYXRlQ2FyZFByb3BzKSA9PiB7XG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8Q2FyZENvbnRhaW5lcj5cbiAgICAgICAgICAgICAgICA8Q2FyZEljb24+XG4gICAgICAgICAgICAgICAgICAgIDxUZW1wbGF0ZUljb24gaWNvbj17dGVtcGxhdGUuaWNvbn0gLz5cbiAgICAgICAgICAgICAgICA8L0NhcmRJY29uPlxuICAgICAgICAgICAgICAgIDxDYXJkQm9keT5cbiAgICAgICAgICAgICAgICAgICAgPENhcmRUaXRsZSB0YWc9e1wicFwifSB1c2U9e1wic3VidGl0bGUyXCJ9PlxuICAgICAgICAgICAgICAgICAgICAgICAge3RlbXBsYXRlLm5hbWV9XG4gICAgICAgICAgICAgICAgICAgIDwvQ2FyZFRpdGxlPlxuICAgICAgICAgICAgICAgICAgICA8Q2FyZERlc2NyaXB0aW9uIHRhZz17XCJwXCJ9IHVzZT17XCJib2R5MlwifT5cbiAgICAgICAgICAgICAgICAgICAgICAgIHt0ZW1wbGF0ZS5kZXNjcmlwdGlvbn1cbiAgICAgICAgICAgICAgICAgICAgPC9DYXJkRGVzY3JpcHRpb24+XG4gICAgICAgICAgICAgICAgICAgIDxDYXJkQnV0dG9uIG9uQ2xpY2s9eygpID0+IG9uVGVtcGxhdGUodGVtcGxhdGUpfT4rIEluc2VydCBUZW1wbGF0ZTwvQ2FyZEJ1dHRvbj5cbiAgICAgICAgICAgICAgICA8L0NhcmRCb2R5PlxuICAgICAgICAgICAgPC9DYXJkQ29udGFpbmVyPlxuICAgICAgICApO1xuICAgIH1cbik7XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var TemplateItem = exports.TemplateItem = (0, _appAdmin.makeDecoratable)("TemplateItem", function (_ref) {
-  var template = _ref.template,
-    onTemplate = _ref.onTemplate;
-  return /*#__PURE__*/_react.default.createElement(CardContainer, null, /*#__PURE__*/_react.default.createElement(CardIcon, null, /*#__PURE__*/_react.default.createElement(_TemplateIcon.TemplateIcon, {
+import React from "react";
+import { makeDecoratable } from "@webiny/app-admin";
+import { TemplateIcon } from "./TemplateIcon";
+import { Button, Heading, Text } from "@webiny/admin-ui";
+export const TemplateItem = makeDecoratable("TemplateItem", ({
+  template,
+  onTemplate
+}) => {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "wby-flex wby-flex-col wby-justify-between wby-bg-neutral-base wby-rounded-sm wby-shadow-sm wby-overflow-hidden"
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+    className: "wby-text-center wby-p-lg wby-bg-neutral-muted"
+  }, /*#__PURE__*/React.createElement(TemplateIcon, {
     icon: template.icon
-  })), /*#__PURE__*/_react.default.createElement(CardBody, null, /*#__PURE__*/_react.default.createElement(CardTitle, {
-    tag: "p",
-    use: "subtitle2"
-  }, template.name), /*#__PURE__*/_react.default.createElement(CardDescription, {
-    tag: "p",
-    use: "body2"
-  }, template.description), /*#__PURE__*/_react.default.createElement(CardButton, {
-    onClick: function onClick() {
-      return onTemplate(template);
-    }
-  }, "+ Insert Template")));
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "wby-pt-md wby-px-md wby-text-left"
+  }, /*#__PURE__*/React.createElement(Heading, {
+    level: 6,
+    className: "wby-mb-xs"
+  }, template.name), /*#__PURE__*/React.createElement(Text, {
+    size: "sm",
+    as: "div",
+    className: "wby-text-neutral-strong"
+  }, template.description))), /*#__PURE__*/React.createElement("div", {
+    className: "wby-p-sm wby-text-right"
+  }, /*#__PURE__*/React.createElement(Button, {
+    size: "sm",
+    text: "Insert",
+    onClick: () => onTemplate(template)
+  })));
 });
 
 //# sourceMappingURL=TemplateItem.js.map

package/admin/plugins/fieldRenderers/dynamicZone/TemplateItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_appAdmin","_Typography","_Button","_TemplateIcon","_EMOTION_STRINGIFIED_CSS_ERROR__","CardContainer","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","CardIcon","CardBody","CardTitle","Typography","CardDescription","CardButton","ButtonSecondary","TemplateItem","exports","makeDecoratable","_ref","template","onTemplate","createElement","TemplateIcon","icon","tag","use","description","onClick"],"sources":["TemplateItem.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { makeDecoratable } from \"@webiny/app-admin\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { ButtonSecondary } from \"@webiny/ui/Button\";\nimport { CmsDynamicZoneTemplate } from \"~/types\";\nimport { TemplateIcon } from \"~/admin/plugins/fieldRenderers/dynamicZone/TemplateIcon\";\n\nconst CardContainer = styled.div`\n    display: flex;\n    flex-direction: column;\n    width: 170px;\n    height: 200px;\n    margin: 5px;\n    border: 1px solid var(--mdc-theme-background);\n`;\n\nconst CardIcon = styled.div`\n    text-align: center;\n    padding: 25px;\n    font-size: 1.5rem;\n    background-color: var(--mdc-theme-background);\n`;\n\nconst CardBody = styled.div`\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n    padding: 10px;\n    text-align: left;\n`;\n\nconst CardTitle = styled(Typography)`\n    margin-bottom: 10px;\n`;\n\nconst CardDescription = styled(Typography)`\n    text-overflow: ellipsis;\n    margin-bottom: 10px;\n    white-space: nowrap;\n    overflow: hidden;\n`;\n\nconst CardButton = styled(ButtonSecondary)`\n    font-size: 0.7rem;\n    line-height: 100%;\n    margin-top: auto;\n`;\n\nexport interface TemplateCardProps {\n    template: CmsDynamicZoneTemplate;\n    onTemplate: (template: CmsDynamicZoneTemplate) => void;\n}\n\nexport const TemplateItem = makeDecoratable(\n    \"TemplateItem\",\n    ({ template, onTemplate }: TemplateCardProps) => {\n        return (\n            <CardContainer>\n                <CardIcon>\n                    <TemplateIcon icon={template.icon} />\n                </CardIcon>\n                <CardBody>\n                    <CardTitle tag={\"p\"} use={\"subtitle2\"}>\n                        {template.name}\n                    </CardTitle>\n                    <CardDescription tag={\"p\"} use={\"body2\"}>\n                        {template.description}\n                    </CardDescription>\n                    <CardButton onClick={() => onTemplate(template)}>+ Insert Template</CardButton>\n                </CardBody>\n            </CardContainer>\n        );\n    }\n);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","makeDecoratable","TemplateIcon","Button","Heading","Text","TemplateItem","template","onTemplate","createElement","className","icon","level","name","size","as","description","text","onClick"],"sources":["TemplateItem.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable } from \"@webiny/app-admin\";\nimport type { CmsDynamicZoneTemplate } from \"~/types\";\nimport { TemplateIcon } from \"~/admin/plugins/fieldRenderers/dynamicZone/TemplateIcon\";\nimport { Button, Heading, Text } from \"@webiny/admin-ui\";\n\nexport interface TemplateCardProps {\n    template: CmsDynamicZoneTemplate;\n    onTemplate: (template: CmsDynamicZoneTemplate) => void;\n}\n\nexport const TemplateItem = makeDecoratable(\n    \"TemplateItem\",\n    ({ template, onTemplate }: TemplateCardProps) => {\n        return (\n            <div\n                className={\n                    \"wby-flex wby-flex-col wby-justify-between wby-bg-neutral-base wby-rounded-sm wby-shadow-sm wby-overflow-hidden\"\n                }\n            >\n                <div>\n                    <div className={\"wby-text-center wby-p-lg wby-bg-neutral-muted\"}>\n                        <TemplateIcon icon={template.icon} />\n                    </div>\n                    <div className={\"wby-pt-md wby-px-md wby-text-left\"}>\n                        <Heading level={6} className={\"wby-mb-xs\"}>\n                            {template.name}\n                        </Heading>\n                        <Text size={\"sm\"} as={\"div\"} className={\"wby-text-neutral-strong\"}>\n                            {template.description}\n                        </Text>\n                    </div>\n                </div>\n                <div className={\"wby-p-sm wby-text-right\"}>\n                    <Button size={\"sm\"} text={\"Insert\"} onClick={() => onTemplate(template)} />\n                </div>\n            </div>\n        );\n    }\n);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,QAAQ,mBAAmB;AAEnD,SAASC,YAAY;AACrB,SAASC,MAAM,EAAEC,OAAO,EAAEC,IAAI,QAAQ,kBAAkB;AAOxD,OAAO,MAAMC,YAAY,GAAGL,eAAe,CACvC,cAAc,EACd,CAAC;EAAEM,QAAQ;EAAEC;AAA8B,CAAC,KAAK;EAC7C,oBACIR,KAAA,CAAAS,aAAA;IACIC,SAAS,EACL;EACH,gBAEDV,KAAA,CAAAS,aAAA,2BACIT,KAAA,CAAAS,aAAA;IAAKC,SAAS,EAAE;EAAgD,gBAC5DV,KAAA,CAAAS,aAAA,CAACP,YAAY;IAACS,IAAI,EAAEJ,QAAQ,CAACI;EAAK,CAAE,CACnC,CAAC,eACNX,KAAA,CAAAS,aAAA;IAAKC,SAAS,EAAE;EAAoC,gBAChDV,KAAA,CAAAS,aAAA,CAACL,OAAO;IAACQ,KAAK,EAAE,CAAE;IAACF,SAAS,EAAE;EAAY,GACrCH,QAAQ,CAACM,IACL,CAAC,eACVb,KAAA,CAAAS,aAAA,CAACJ,IAAI;IAACS,IAAI,EAAE,IAAK;IAACC,EAAE,EAAE,KAAM;IAACL,SAAS,EAAE;EAA0B,GAC7DH,QAAQ,CAACS,WACR,CACL,CACJ,CAAC,eACNhB,KAAA,CAAAS,aAAA;IAAKC,SAAS,EAAE;EAA0B,gBACtCV,KAAA,CAAAS,aAAA,CAACN,MAAM;IAACW,IAAI,EAAE,IAAK;IAACG,IAAI,EAAE,QAAS;IAACC,OAAO,EAAEA,CAAA,KAAMV,UAAU,CAACD,QAAQ;EAAE,CAAE,CACzE,CACJ,CAAC;AAEd,CACJ,CAAC","ignoreList":[]}

package/admin/plugins/fieldRenderers/dynamicZone/TemplateProvider.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { CmsDynamicZoneTemplate } from "@webiny/app-headless-cms-common/types";
+import type { CmsDynamicZoneTemplate } from "@webiny/app-headless-cms-common/types";
 export interface TemplateContext {
     template: CmsDynamicZoneTemplate;
 }

package/admin/plugins/fieldRenderers/dynamicZone/TemplateProvider.js

@@ -1,27 +1,18 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TemplateProvider = void 0;
-exports.useTemplate = useTemplate;
-var _react = _interopRequireWildcard(require("react"));
-var TemplateContext = /*#__PURE__*/_react.default.createContext(undefined);
-var TemplateProvider = exports.TemplateProvider = function TemplateProvider(_ref) {
-  var template = _ref.template,
-    children = _ref.children;
-  var context = (0, _react.useMemo)(function () {
-    return {
-      template: template
-    };
-  }, [template.id]);
-  return /*#__PURE__*/_react.default.createElement(TemplateContext.Provider, {
+import React, { useMemo } from "react";
+const TemplateContext = /*#__PURE__*/React.createContext(undefined);
+export const TemplateProvider = ({
+  template,
+  children
+}) => {
+  const context = useMemo(() => ({
+    template
+  }), [template.id]);
+  return /*#__PURE__*/React.createElement(TemplateContext.Provider, {
     value: context
   }, children);
 };
-function useTemplate() {
-  return _react.default.useContext(TemplateContext);
+export function useTemplate() {
+  return React.useContext(TemplateContext);
 }
 
 //# sourceMappingURL=TemplateProvider.js.map

package/admin/plugins/fieldRenderers/dynamicZone/TemplateProvider.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","TemplateContext","React","createContext","undefined","TemplateProvider","exports","_ref","template","children","context","useMemo","id","default","createElement","Provider","value","useTemplate","useContext"],"sources":["TemplateProvider.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { CmsDynamicZoneTemplate } from \"@webiny/app-headless-cms-common/types\";\n\nexport interface TemplateContext {\n    template: CmsDynamicZoneTemplate;\n}\n\nconst TemplateContext = React.createContext<TemplateContext | undefined>(undefined);\n\nexport interface TemplateProviderProps {\n    template: CmsDynamicZoneTemplate;\n    children: React.ReactNode;\n}\n\nexport const TemplateProvider = ({ template, children }: TemplateProviderProps) => {\n    const context = useMemo(() => ({ template }), [template.id]);\n    return <TemplateContext.Provider value={context}>{children}</TemplateContext.Provider>;\n};\n\nexport function useTemplate() {\n    return React.useContext(TemplateContext);\n}\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAOA,IAAMC,eAAe,gBAAGC,cAAK,CAACC,aAAa,CAA8BC,SAAS,CAAC;AAO5E,IAAMC,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,SAAnBA,gBAAgBA,CAAAE,IAAA,EAAsD;EAAA,IAAhDC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;EACjD,IAAMC,OAAO,GAAG,IAAAC,cAAO,EAAC;IAAA,OAAO;MAAEH,QAAQ,EAARA;IAAS,CAAC;EAAA,CAAC,EAAE,CAACA,QAAQ,CAACI,EAAE,CAAC,CAAC;EAC5D,oBAAOd,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACb,eAAe,CAACc,QAAQ;IAACC,KAAK,EAAEN;EAAQ,GAAED,QAAmC,CAAC;AAC1F,CAAC;AAEM,SAASQ,WAAWA,CAAA,EAAG;EAC1B,OAAOf,cAAK,CAACgB,UAAU,CAACjB,eAAe,CAAC;AAC5C","ignoreList":[]}
+{"version":3,"names":["React","useMemo","TemplateContext","createContext","undefined","TemplateProvider","template","children","context","id","createElement","Provider","value","useTemplate","useContext"],"sources":["TemplateProvider.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport type { CmsDynamicZoneTemplate } from \"@webiny/app-headless-cms-common/types\";\n\nexport interface TemplateContext {\n    template: CmsDynamicZoneTemplate;\n}\n\nconst TemplateContext = React.createContext<TemplateContext | undefined>(undefined);\n\nexport interface TemplateProviderProps {\n    template: CmsDynamicZoneTemplate;\n    children: React.ReactNode;\n}\n\nexport const TemplateProvider = ({ template, children }: TemplateProviderProps) => {\n    const context = useMemo(() => ({ template }), [template.id]);\n    return <TemplateContext.Provider value={context}>{children}</TemplateContext.Provider>;\n};\n\nexport function useTemplate() {\n    return React.useContext(TemplateContext);\n}\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AAOtC,MAAMC,eAAe,gBAAGF,KAAK,CAACG,aAAa,CAA8BC,SAAS,CAAC;AAOnF,OAAO,MAAMC,gBAAgB,GAAGA,CAAC;EAAEC,QAAQ;EAAEC;AAAgC,CAAC,KAAK;EAC/E,MAAMC,OAAO,GAAGP,OAAO,CAAC,OAAO;IAAEK;EAAS,CAAC,CAAC,EAAE,CAACA,QAAQ,CAACG,EAAE,CAAC,CAAC;EAC5D,oBAAOT,KAAA,CAAAU,aAAA,CAACR,eAAe,CAACS,QAAQ;IAACC,KAAK,EAAEJ;EAAQ,GAAED,QAAmC,CAAC;AAC1F,CAAC;AAED,OAAO,SAASM,WAAWA,CAAA,EAAG;EAC1B,OAAOb,KAAK,CAACc,UAAU,CAACZ,eAAe,CAAC;AAC5C","ignoreList":[]}

package/admin/plugins/fieldRenderers/dynamicZone/dynamicZoneRenderer.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { BindComponent, BindComponentRenderProp, CmsModel, CmsModelField, CmsModelFieldRendererPlugin } from "../../../../types";
+import type { BindComponent, BindComponentRenderProp, CmsModel, CmsModelField, CmsModelFieldRendererPlugin } from "../../../../types";
 export type DynamicZoneContainerProps = {
     field: CmsModelField;
     getBind: (index?: number, key?: string) => BindComponent;

package/admin/plugins/fieldRenderers/dynamicZone/dynamicZoneRenderer.js

@@ -1,63 +1,67 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
+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)."; }
+import React from "react";
+import { css } from "@emotion/css";
+import { SingleValueDynamicZone } from "./SingleValueDynamicZone";
+import { MultiValueDynamicZone } from "./MultiValueDynamicZone";
+import { AccordionRenderSettings, getAccordionRenderSettings } from "../AccordionRenderSettings";
+import { makeDecoratable } from "@webiny/react-composition";
+import { Accordion, FormComponentErrorMessage } from "@webiny/admin-ui";
+const noBottomPadding = /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+  name: "1n8outh",
+  styles: ">.webiny-ui-accordion-item__content{padding-bottom:0!important;}"
+} : {
+  name: "lyg8qk-noBottomPadding",
+  styles: ">.webiny-ui-accordion-item__content{padding-bottom:0!important;};label:noBottomPadding;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImR5bmFtaWNab25lUmVuZGVyZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdCMkIiLCJmaWxlIjoiZHluYW1pY1pvbmVSZW5kZXJlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vY3NzXCI7XG5pbXBvcnQgdHlwZSB7XG4gICAgQmluZENvbXBvbmVudCxcbiAgICBCaW5kQ29tcG9uZW50UmVuZGVyUHJvcCxcbiAgICBDbXNNb2RlbCxcbiAgICBDbXNNb2RlbEZpZWxkLFxuICAgIENtc01vZGVsRmllbGRSZW5kZXJlclBsdWdpbixcbiAgICBDbXNNb2RlbEZpZWxkUmVuZGVyZXJQcm9wc1xufSBmcm9tIFwifi90eXBlc1wiO1xuaW1wb3J0IHsgU2luZ2xlVmFsdWVEeW5hbWljWm9uZSB9IGZyb20gXCIuL1NpbmdsZVZhbHVlRHluYW1pY1pvbmVcIjtcbmltcG9ydCB7IE11bHRpVmFsdWVEeW5hbWljWm9uZSB9IGZyb20gXCIuL011bHRpVmFsdWVEeW5hbWljWm9uZVwiO1xuaW1wb3J0IHsgQWNjb3JkaW9uUmVuZGVyU2V0dGluZ3MsIGdldEFjY29yZGlvblJlbmRlclNldHRpbmdzIH0gZnJvbSBcIi4uL0FjY29yZGlvblJlbmRlclNldHRpbmdzXCI7XG5pbXBvcnQgeyBtYWtlRGVjb3JhdGFibGUgfSBmcm9tIFwiQHdlYmlueS9yZWFjdC1jb21wb3NpdGlvblwiO1xuaW1wb3J0IHsgQWNjb3JkaW9uLCBGb3JtQ29tcG9uZW50RXJyb3JNZXNzYWdlIH0gZnJvbSBcIkB3ZWJpbnkvYWRtaW4tdWlcIjtcblxuY29uc3Qgbm9Cb3R0b21QYWRkaW5nID0gY3NzYFxuICAgID4gLndlYmlueS11aS1hY2NvcmRpb24taXRlbV9fY29udGVudCB7XG4gICAgICAgIHBhZGRpbmctYm90dG9tOiAwICFpbXBvcnRhbnQ7XG4gICAgfVxuYDtcblxuZXhwb3J0IHR5cGUgRHluYW1pY1pvbmVDb250YWluZXJQcm9wcyA9IHtcbiAgICBmaWVsZDogQ21zTW9kZWxGaWVsZDtcbiAgICBnZXRCaW5kOiAoaW5kZXg/OiBudW1iZXIsIGtleT86IHN0cmluZykgPT4gQmluZENvbXBvbmVudDtcbiAgICBjb250ZW50TW9kZWw6IENtc01vZGVsO1xuICAgIGJpbmQ6IEJpbmRDb21wb25lbnRSZW5kZXJQcm9wO1xuICAgIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGU7XG4gICAgdGl0bGU/OiBzdHJpbmc7XG4gICAgZGVzY3JpcHRpb24/OiBzdHJpbmc7XG4gICAgY2xhc3NOYW1lPzogc3RyaW5nO1xuICAgIGFjdGlvbnM/OiBKU1guRWxlbWVudDtcbn07XG5cbmV4cG9ydCBjb25zdCBEeW5hbWljWm9uZUNvbnRhaW5lciA9IG1ha2VEZWNvcmF0YWJsZShcbiAgICBcIkR5bmFtaWNab25lQ29udGFpbmVyXCIsXG4gICAgKHByb3BzOiBEeW5hbWljWm9uZUNvbnRhaW5lclByb3BzKSA9PiB7XG4gICAgICAgIGNvbnN0IHtcbiAgICAgICAgICAgIGZpZWxkLFxuICAgICAgICAgICAgYmluZDoge1xuICAgICAgICAgICAgICAgIHZhbGlkYXRpb246IHsgaXNWYWxpZCwgbWVzc2FnZSB9XG4gICAgICAgICAgICB9LFxuICAgICAgICAgICAgdGl0bGUgPSBmaWVsZC5sYWJlbCxcbiAgICAgICAgICAgIGRlc2NyaXB0aW9uID0gZmllbGQuaGVscFRleHQsXG4gICAgICAgICAgICBjbGFzc05hbWUsXG4gICAgICAgICAgICBjaGlsZHJlblxuICAgICAgICB9ID0gcHJvcHM7XG5cbiAgICAgICAgY29uc3QgZGVmYXVsdENsYXNzTmFtZSA9IGZpZWxkLm11bHRpcGxlVmFsdWVzID8gbm9Cb3R0b21QYWRkaW5nIDogdW5kZWZpbmVkO1xuICAgICAgICBjb25zdCB7IG9wZW4gfSA9IGdldEFjY29yZGlvblJlbmRlclNldHRpbmdzKGZpZWxkKTtcblxuICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgPD5cbiAgICAgICAgICAgICAgICA8QWNjb3JkaW9uPlxuICAgICAgICAgICAgICAgICAgICA8QWNjb3JkaW9uLkl0ZW1cbiAgICAgICAgICAgICAgICAgICAgICAgIHRpdGxlPXt0aXRsZX1cbiAgICAgICAgICAgICAgICAgICAgICAgIGRlc2NyaXB0aW9uPXtkZXNjcmlwdGlvbn1cbiAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lIHx8IGRlZmF1bHRDbGFzc05hbWV9XG4gICAgICAgICAgICAgICAgICAgICAgICBkZWZhdWx0T3Blbj17b3Blbn1cbiAgICAgICAgICAgICAgICAgICAgICAgIGFjdGlvbnM9e3Byb3BzLmFjdGlvbnMgPz8gbnVsbH1cbiAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgICAgICAgICAgICA8L0FjY29yZGlvbi5JdGVtPlxuICAgICAgICAgICAgICAgIDwvQWNjb3JkaW9uPlxuICAgICAgICAgICAgICAgIHtpc1ZhbGlkID09PSBmYWxzZSAmJiA8Rm9ybUNvbXBvbmVudEVycm9yTWVzc2FnZSB0ZXh0PXttZXNzYWdlfSAvPn1cbiAgICAgICAgICAgIDwvPlxuICAgICAgICApO1xuICAgIH1cbik7XG5cbmNvbnN0IER5bmFtaWNab25lQ29udGVudCA9ICh7IGZpZWxkLCBnZXRCaW5kLCBjb250ZW50TW9kZWwgfTogQ21zTW9kZWxGaWVsZFJlbmRlcmVyUHJvcHMpID0+IHtcbiAgICBjb25zdCB0ZW1wbGF0ZXMgPSBmaWVsZC5zZXR0aW5ncz8udGVtcGxhdGVzIHx8IFtdO1xuICAgIGlmICghdGVtcGxhdGVzLmxlbmd0aCkge1xuICAgICAgICBjb25zb2xlLmluZm8oXG4gICAgICAgICAgICBgU2tpcHBpbmcgXCIke2ZpZWxkLmZpZWxkSWR9XCIgZmllbGQuIFRoZXJlIGFyZSBubyB0ZW1wbGF0ZXMgZGVmaW5lZCBmb3IgdGhpcyBkeW5hbWljIHpvbmUuYFxuICAgICAgICApO1xuICAgICAgICByZXR1cm4gbnVsbDtcbiAgICB9XG5cbiAgICBjb25zdCBCaW5kID0gZ2V0QmluZCgpO1xuXG4gICAgY29uc3QgQ29tcG9uZW50ID0gZmllbGQubXVsdGlwbGVWYWx1ZXMgPyBNdWx0aVZhbHVlRHluYW1pY1pvbmUgOiBTaW5nbGVWYWx1ZUR5bmFtaWNab25lO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPEJpbmQ+XG4gICAgICAgICAgICB7YmluZCA9PiB7XG4gICAgICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgICAgICAgPEJpbmQuVmFsaWRhdGlvbkNvbnRhaW5lcj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxEeW5hbWljWm9uZUNvbnRhaW5lclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGZpZWxkPXtmaWVsZH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBiaW5kPXtiaW5kfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGdldEJpbmQ9e2dldEJpbmR9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgY29udGVudE1vZGVsPXtjb250ZW50TW9kZWx9XG4gICAgICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPENvbXBvbmVudFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBiaW5kPXtiaW5kfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBmaWVsZD17ZmllbGR9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGdldEJpbmQ9e2dldEJpbmR9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvbnRlbnRNb2RlbD17Y29udGVudE1vZGVsfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L0R5bmFtaWNab25lQ29udGFpbmVyPlxuICAgICAgICAgICAgICAgICAgICA8L0JpbmQuVmFsaWRhdGlvbkNvbnRhaW5lcj5cbiAgICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgfX1cbiAgICAgICAgPC9CaW5kPlxuICAgICk7XG59O1xuXG5leHBvcnQgY29uc3QgZHluYW1pY1pvbmVGaWVsZFJlbmRlcmVyOiBDbXNNb2RlbEZpZWxkUmVuZGVyZXJQbHVnaW4gPSB7XG4gICAgdHlwZTogXCJjbXMtZWRpdG9yLWZpZWxkLXJlbmRlcmVyXCIsXG4gICAgbmFtZTogXCJjbXMtZWRpdG9yLWZpZWxkLXJlbmRlcmVyLWR5bmFtaWMtem9uZVwiLFxuICAgIHJlbmRlcmVyOiB7XG4gICAgICAgIHJlbmRlcmVyTmFtZTogXCJkeW5hbWljWm9uZVwiLFxuICAgICAgICBuYW1lOiBcIkR5bmFtaWMgWm9uZVwiLFxuICAgICAgICBkZXNjcmlwdGlvbjogXCJSZW5kZXJzIGEgZHluYW1pYyB6b25lLlwiLFxuICAgICAgICBjYW5Vc2UoeyBmaWVsZCB9KSB7XG4gICAgICAgICAgICByZXR1cm4gZmllbGQudHlwZSA9PT0gXCJkeW5hbWljWm9uZVwiO1xuICAgICAgICB9LFxuICAgICAgICByZW5kZXIocHJvcHMpIHtcbiAgICAgICAgICAgIHJldHVybiA8RHluYW1pY1pvbmVDb250ZW50IHsuLi5wcm9wc30gLz47XG4gICAgICAgIH0sXG4gICAgICAgIHJlbmRlclNldHRpbmdzKHsgZmllbGQgfSkge1xuICAgICAgICAgICAgcmV0dXJuIDxBY2NvcmRpb25SZW5kZXJTZXR0aW5ncyBmaWVsZD17ZmllbGR9IC8+O1xuICAgICAgICB9XG4gICAgfVxufTtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-exports.dynamicZoneFieldRenderer = exports.DynamicZoneContainer = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _react = _interopRequireDefault(require("react"));
-var _emotion = require("emotion");
-var _Accordion = require("@webiny/ui/Accordion");
-var _SingleValueDynamicZone = require("./SingleValueDynamicZone");
-var _MultiValueDynamicZone = require("./MultiValueDynamicZone");
-var _AccordionRenderSettings = require("../AccordionRenderSettings");
-var _FormElementMessage = require("@webiny/ui/FormElementMessage");
-var _reactComposition = require("@webiny/react-composition");
-var _templateObject;
-var noBottomPadding = (0, _emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    > .webiny-ui-accordion-item__content {\n        padding-bottom: 0 !important;\n    }\n"])));
-var DynamicZoneContainer = exports.DynamicZoneContainer = (0, _reactComposition.makeDecoratable)("DynamicZoneContainer", function (props) {
-  var field = props.field,
-    _props$bind$validatio = props.bind.validation,
-    isValid = _props$bind$validatio.isValid,
-    message = _props$bind$validatio.message,
-    _props$title = props.title,
-    title = _props$title === void 0 ? field.label : _props$title,
-    _props$description = props.description,
-    description = _props$description === void 0 ? field.helpText : _props$description,
-    className = props.className,
-    children = props.children;
-  var defaultClassName = field.multipleValues ? noBottomPadding : undefined;
-  var _getAccordionRenderSe = (0, _AccordionRenderSettings.getAccordionRenderSettings)(field),
-    open = _getAccordionRenderSe.open;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Accordion.Accordion, null, /*#__PURE__*/_react.default.createElement(_Accordion.AccordionItem, {
+export const DynamicZoneContainer = makeDecoratable("DynamicZoneContainer", props => {
+  const {
+    field,
+    bind: {
+      validation: {
+        isValid,
+        message
+      }
+    },
+    title = field.label,
+    description = field.helpText,
+    className,
+    children
+  } = props;
+  const defaultClassName = field.multipleValues ? noBottomPadding : undefined;
+  const {
+    open
+  } = getAccordionRenderSettings(field);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Accordion, null, /*#__PURE__*/React.createElement(Accordion.Item, {
     title: title,
     description: description,
     className: className || defaultClassName,
-    open: open,
+    defaultOpen: open,
     actions: props.actions ?? null
-  }, children)), isValid === false && /*#__PURE__*/_react.default.createElement(_FormElementMessage.FormElementMessage, {
-    error: true
-  }, message));
+  }, children)), isValid === false && /*#__PURE__*/React.createElement(FormComponentErrorMessage, {
+    text: message
+  }));
 });
-var DynamicZoneContent = function DynamicZoneContent(_ref) {
-  var field = _ref.field,
-    getBind = _ref.getBind,
-    contentModel = _ref.contentModel;
-  var templates = field.settings?.templates || [];
+const DynamicZoneContent = ({
+  field,
+  getBind,
+  contentModel
+}) => {
+  const templates = field.settings?.templates || [];
   if (!templates.length) {
-    console.info("Skipping \"".concat(field.fieldId, "\" field. There are no templates defined for this dynamic zone."));
+    console.info(`Skipping "${field.fieldId}" field. There are no templates defined for this dynamic zone.`);
     return null;
   }
-  var Bind = getBind();
-  var Component = field.multipleValues ? _MultiValueDynamicZone.MultiValueDynamicZone : _SingleValueDynamicZone.SingleValueDynamicZone;
-  return /*#__PURE__*/_react.default.createElement(Bind, null, function (bind) {
-    return /*#__PURE__*/_react.default.createElement(Bind.ValidationContainer, null, /*#__PURE__*/_react.default.createElement(DynamicZoneContainer, {
+  const Bind = getBind();
+  const Component = field.multipleValues ? MultiValueDynamicZone : SingleValueDynamicZone;
+  return /*#__PURE__*/React.createElement(Bind, null, bind => {
+    return /*#__PURE__*/React.createElement(Bind.ValidationContainer, null, /*#__PURE__*/React.createElement(DynamicZoneContainer, {
       field: field,
       bind: bind,
       getBind: getBind,
       contentModel: contentModel
-    }, /*#__PURE__*/_react.default.createElement(Component, {
+    }, /*#__PURE__*/React.createElement(Component, {
       bind: bind,
       field: field,
       getBind: getBind,
@@ -65,23 +69,25 @@ var DynamicZoneContent = function DynamicZoneContent(_ref) {
     })));
   });
 };
-var dynamicZoneFieldRenderer = exports.dynamicZoneFieldRenderer = {
+export const dynamicZoneFieldRenderer = {
   type: "cms-editor-field-renderer",
   name: "cms-editor-field-renderer-dynamic-zone",
   renderer: {
     rendererName: "dynamicZone",
     name: "Dynamic Zone",
     description: "Renders a dynamic zone.",
-    canUse: function canUse(_ref2) {
-      var field = _ref2.field;
+    canUse({
+      field
+    }) {
       return field.type === "dynamicZone";
     },
-    render: function render(props) {
-      return /*#__PURE__*/_react.default.createElement(DynamicZoneContent, props);
+    render(props) {
+      return /*#__PURE__*/React.createElement(DynamicZoneContent, props);
     },
-    renderSettings: function renderSettings(_ref3) {
-      var field = _ref3.field;
-      return /*#__PURE__*/_react.default.createElement(_AccordionRenderSettings.AccordionRenderSettings, {
+    renderSettings({
+      field
+    }) {
+      return /*#__PURE__*/React.createElement(AccordionRenderSettings, {
         field: field
       });
     }

package/admin/plugins/fieldRenderers/dynamicZone/dynamicZoneRenderer.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_emotion","_Accordion","_SingleValueDynamicZone","_MultiValueDynamicZone","_AccordionRenderSettings","_FormElementMessage","_reactComposition","_templateObject","noBottomPadding","css","_taggedTemplateLiteral2","default","DynamicZoneContainer","exports","makeDecoratable","props","field","_props$bind$validatio","bind","validation","isValid","message","_props$title","title","label","_props$description","description","helpText","className","children","defaultClassName","multipleValues","undefined","_getAccordionRenderSe","getAccordionRenderSettings","open","createElement","Fragment","Accordion","AccordionItem","actions","FormElementMessage","error","DynamicZoneContent","_ref","getBind","contentModel","templates","settings","length","console","info","concat","fieldId","Bind","Component","MultiValueDynamicZone","SingleValueDynamicZone","ValidationContainer","dynamicZoneFieldRenderer","type","name","renderer","rendererName","canUse","_ref2","render","renderSettings","_ref3","AccordionRenderSettings"],"sources":["dynamicZoneRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport { Accordion, AccordionItem } from \"@webiny/ui/Accordion\";\nimport {\n    BindComponent,\n    BindComponentRenderProp,\n    CmsModel,\n    CmsModelField,\n    CmsModelFieldRendererPlugin,\n    CmsModelFieldRendererProps\n} from \"~/types\";\nimport { SingleValueDynamicZone } from \"./SingleValueDynamicZone\";\nimport { MultiValueDynamicZone } from \"./MultiValueDynamicZone\";\nimport { AccordionRenderSettings, getAccordionRenderSettings } from \"../AccordionRenderSettings\";\nimport { FormElementMessage } from \"@webiny/ui/FormElementMessage\";\nimport { makeDecoratable } from \"@webiny/react-composition\";\n\nconst noBottomPadding = css`\n    > .webiny-ui-accordion-item__content {\n        padding-bottom: 0 !important;\n    }\n`;\n\nexport type DynamicZoneContainerProps = {\n    field: CmsModelField;\n    getBind: (index?: number, key?: string) => BindComponent;\n    contentModel: CmsModel;\n    bind: BindComponentRenderProp;\n    children: React.ReactNode;\n    title?: string;\n    description?: string;\n    className?: string;\n    actions?: JSX.Element;\n};\n\nexport const DynamicZoneContainer = makeDecoratable(\n    \"DynamicZoneContainer\",\n    (props: DynamicZoneContainerProps) => {\n        const {\n            field,\n            bind: {\n                validation: { isValid, message }\n            },\n            title = field.label,\n            description = field.helpText,\n            className,\n            children\n        } = props;\n\n        const defaultClassName = field.multipleValues ? noBottomPadding : undefined;\n        const { open } = getAccordionRenderSettings(field);\n\n        return (\n            <>\n                <Accordion>\n                    <AccordionItem\n                        title={title}\n                        description={description}\n                        className={className || defaultClassName}\n                        open={open}\n                        actions={props.actions ?? null}\n                    >\n                        {children}\n                    </AccordionItem>\n                </Accordion>\n                {isValid === false && (\n                    <FormElementMessage error={true}>{message}</FormElementMessage>\n                )}\n            </>\n        );\n    }\n);\n\nconst DynamicZoneContent = ({ field, getBind, contentModel }: CmsModelFieldRendererProps) => {\n    const templates = field.settings?.templates || [];\n    if (!templates.length) {\n        console.info(\n            `Skipping \"${field.fieldId}\" field. There are no templates defined for this dynamic zone.`\n        );\n        return null;\n    }\n\n    const Bind = getBind();\n\n    const Component = field.multipleValues ? MultiValueDynamicZone : SingleValueDynamicZone;\n\n    return (\n        <Bind>\n            {bind => {\n                return (\n                    <Bind.ValidationContainer>\n                        <DynamicZoneContainer\n                            field={field}\n                            bind={bind}\n                            getBind={getBind}\n                            contentModel={contentModel}\n                        >\n                            <Component\n                                bind={bind}\n                                field={field}\n                                getBind={getBind}\n                                contentModel={contentModel}\n                            />\n                        </DynamicZoneContainer>\n                    </Bind.ValidationContainer>\n                );\n            }}\n        </Bind>\n    );\n};\n\nexport const dynamicZoneFieldRenderer: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-dynamic-zone\",\n    renderer: {\n        rendererName: \"dynamicZone\",\n        name: \"Dynamic Zone\",\n        description: \"Renders a dynamic zone.\",\n        canUse({ field }) {\n            return field.type === \"dynamicZone\";\n        },\n        render(props) {\n            return <DynamicZoneContent {...props} />;\n        },\n        renderSettings({ field }) {\n            return <AccordionRenderSettings field={field} />;\n        }\n    }\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","css","SingleValueDynamicZone","MultiValueDynamicZone","AccordionRenderSettings","getAccordionRenderSettings","makeDecoratable","Accordion","FormComponentErrorMessage","noBottomPadding","process","env","NODE_ENV","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","DynamicZoneContainer","props","field","bind","validation","isValid","message","title","label","description","helpText","className","children","defaultClassName","multipleValues","undefined","open","createElement","Fragment","Item","defaultOpen","actions","text","DynamicZoneContent","getBind","contentModel","templates","settings","length","console","info","fieldId","Bind","Component","ValidationContainer","dynamicZoneFieldRenderer","type","renderer","rendererName","canUse","render","renderSettings"],"sources":["dynamicZoneRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"@emotion/css\";\nimport type {\n    BindComponent,\n    BindComponentRenderProp,\n    CmsModel,\n    CmsModelField,\n    CmsModelFieldRendererPlugin,\n    CmsModelFieldRendererProps\n} from \"~/types\";\nimport { SingleValueDynamicZone } from \"./SingleValueDynamicZone\";\nimport { MultiValueDynamicZone } from \"./MultiValueDynamicZone\";\nimport { AccordionRenderSettings, getAccordionRenderSettings } from \"../AccordionRenderSettings\";\nimport { makeDecoratable } from \"@webiny/react-composition\";\nimport { Accordion, FormComponentErrorMessage } from \"@webiny/admin-ui\";\n\nconst noBottomPadding = css`\n    > .webiny-ui-accordion-item__content {\n        padding-bottom: 0 !important;\n    }\n`;\n\nexport type DynamicZoneContainerProps = {\n    field: CmsModelField;\n    getBind: (index?: number, key?: string) => BindComponent;\n    contentModel: CmsModel;\n    bind: BindComponentRenderProp;\n    children: React.ReactNode;\n    title?: string;\n    description?: string;\n    className?: string;\n    actions?: JSX.Element;\n};\n\nexport const DynamicZoneContainer = makeDecoratable(\n    \"DynamicZoneContainer\",\n    (props: DynamicZoneContainerProps) => {\n        const {\n            field,\n            bind: {\n                validation: { isValid, message }\n            },\n            title = field.label,\n            description = field.helpText,\n            className,\n            children\n        } = props;\n\n        const defaultClassName = field.multipleValues ? noBottomPadding : undefined;\n        const { open } = getAccordionRenderSettings(field);\n\n        return (\n            <>\n                <Accordion>\n                    <Accordion.Item\n                        title={title}\n                        description={description}\n                        className={className || defaultClassName}\n                        defaultOpen={open}\n                        actions={props.actions ?? null}\n                    >\n                        {children}\n                    </Accordion.Item>\n                </Accordion>\n                {isValid === false && <FormComponentErrorMessage text={message} />}\n            </>\n        );\n    }\n);\n\nconst DynamicZoneContent = ({ field, getBind, contentModel }: CmsModelFieldRendererProps) => {\n    const templates = field.settings?.templates || [];\n    if (!templates.length) {\n        console.info(\n            `Skipping \"${field.fieldId}\" field. There are no templates defined for this dynamic zone.`\n        );\n        return null;\n    }\n\n    const Bind = getBind();\n\n    const Component = field.multipleValues ? MultiValueDynamicZone : SingleValueDynamicZone;\n\n    return (\n        <Bind>\n            {bind => {\n                return (\n                    <Bind.ValidationContainer>\n                        <DynamicZoneContainer\n                            field={field}\n                            bind={bind}\n                            getBind={getBind}\n                            contentModel={contentModel}\n                        >\n                            <Component\n                                bind={bind}\n                                field={field}\n                                getBind={getBind}\n                                contentModel={contentModel}\n                            />\n                        </DynamicZoneContainer>\n                    </Bind.ValidationContainer>\n                );\n            }}\n        </Bind>\n    );\n};\n\nexport const dynamicZoneFieldRenderer: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-dynamic-zone\",\n    renderer: {\n        rendererName: \"dynamicZone\",\n        name: \"Dynamic Zone\",\n        description: \"Renders a dynamic zone.\",\n        canUse({ field }) {\n            return field.type === \"dynamicZone\";\n        },\n        render(props) {\n            return <DynamicZoneContent {...props} />;\n        },\n        renderSettings({ field }) {\n            return <AccordionRenderSettings field={field} />;\n        }\n    }\n};\n"],"mappings":"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","ignoreList":[]}

package/admin/plugins/fieldRenderers/dynamicZone/index.d.ts

@@ -1,4 +1,4 @@
-export { DynamicZoneContainerProps, DynamicZoneContainer } from "./dynamicZoneRenderer";
+export { type DynamicZoneContainerProps, DynamicZoneContainer } from "./dynamicZoneRenderer";
 export { TemplateGallery } from "./TemplateGallery";
 export { MultiValueItemContainer, MultiValueContainer, MultiValueItem } from "./MultiValueDynamicZone";
 export * from "./TemplateProvider";

package/admin/plugins/fieldRenderers/dynamicZone/index.js

@@ -1,66 +1,6 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {
-  DynamicZoneContainerProps: true,
-  DynamicZoneContainer: true,
-  TemplateGallery: true,
-  MultiValueItemContainer: true,
-  MultiValueContainer: true,
-  MultiValueItem: true
-};
-Object.defineProperty(exports, "DynamicZoneContainer", {
-  enumerable: true,
-  get: function get() {
-    return _dynamicZoneRenderer.DynamicZoneContainer;
-  }
-});
-Object.defineProperty(exports, "DynamicZoneContainerProps", {
-  enumerable: true,
-  get: function get() {
-    return _dynamicZoneRenderer.DynamicZoneContainerProps;
-  }
-});
-Object.defineProperty(exports, "MultiValueContainer", {
-  enumerable: true,
-  get: function get() {
-    return _MultiValueDynamicZone.MultiValueContainer;
-  }
-});
-Object.defineProperty(exports, "MultiValueItem", {
-  enumerable: true,
-  get: function get() {
-    return _MultiValueDynamicZone.MultiValueItem;
-  }
-});
-Object.defineProperty(exports, "MultiValueItemContainer", {
-  enumerable: true,
-  get: function get() {
-    return _MultiValueDynamicZone.MultiValueItemContainer;
-  }
-});
-Object.defineProperty(exports, "TemplateGallery", {
-  enumerable: true,
-  get: function get() {
-    return _TemplateGallery.TemplateGallery;
-  }
-});
-var _dynamicZoneRenderer = require("./dynamicZoneRenderer");
-var _TemplateGallery = require("./TemplateGallery");
-var _MultiValueDynamicZone = require("./MultiValueDynamicZone");
-var _TemplateProvider = require("./TemplateProvider");
-Object.keys(_TemplateProvider).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _TemplateProvider[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _TemplateProvider[key];
-    }
-  });
-});
+export { DynamicZoneContainer } from "./dynamicZoneRenderer";
+export { TemplateGallery } from "./TemplateGallery";
+export { MultiValueItemContainer, MultiValueContainer, MultiValueItem } from "./MultiValueDynamicZone";
+export * from "./TemplateProvider";
 
 //# sourceMappingURL=index.js.map

package/admin/plugins/fieldRenderers/dynamicZone/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_dynamicZoneRenderer","require","_TemplateGallery","_MultiValueDynamicZone","_TemplateProvider","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get"],"sources":["index.tsx"],"sourcesContent":["export { DynamicZoneContainerProps, DynamicZoneContainer } from \"./dynamicZoneRenderer\";\nexport { TemplateGallery } from \"./TemplateGallery\";\nexport {\n    MultiValueItemContainer,\n    MultiValueContainer,\n    MultiValueItem\n} from \"./MultiValueDynamicZone\";\nexport * from \"./TemplateProvider\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,oBAAA,GAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AACA,IAAAE,sBAAA,GAAAF,OAAA;AAKA,IAAAG,iBAAA,GAAAH,OAAA;AAAAI,MAAA,CAAAC,IAAA,CAAAF,iBAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,iBAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAZ,iBAAA,CAAAI,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
+{"version":3,"names":["DynamicZoneContainer","TemplateGallery","MultiValueItemContainer","MultiValueContainer","MultiValueItem"],"sources":["index.tsx"],"sourcesContent":["export { type DynamicZoneContainerProps, DynamicZoneContainer } from \"./dynamicZoneRenderer\";\nexport { TemplateGallery } from \"./TemplateGallery\";\nexport {\n    MultiValueItemContainer,\n    MultiValueContainer,\n    MultiValueItem\n} from \"./MultiValueDynamicZone\";\nexport * from \"./TemplateProvider\";\n"],"mappings":"AAAA,SAAyCA,oBAAoB;AAC7D,SAASC,eAAe;AACxB,SACIC,uBAAuB,EACvBC,mBAAmB,EACnBC,cAAc;AAElB","ignoreList":[]}

package/admin/plugins/fieldRenderers/dynamicZone/useTemplateTypename.d.ts

@@ -1,4 +1,4 @@
-import { CmsDynamicZoneTemplate } from "@webiny/app-headless-cms-common/types";
+import type { CmsDynamicZoneTemplate } from "@webiny/app-headless-cms-common/types";
 export declare const useTemplateTypename: () => {
     getFullTypename: (template: CmsDynamicZoneTemplate) => string;
 };