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

package/admin/views/contentEntries/Table/Sidebar.js

@@ -1,84 +1,11 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Sidebar = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = _interopRequireDefault(require("react"));
-var _appAco = require("@webiny/app-aco");
-var _styled2 = require("./styled");
-var _Typography = require("@webiny/ui/Typography");
-var _Tooltip = require("@webiny/ui/Tooltip");
-var _reactRouter = require("@webiny/react-router");
-var _ModelProvider = require("../../../components/ModelProvider");
-var _i18n = require("@webiny/app/i18n");
-var _emotion = require("emotion");
-var _TrashBin = require("../../../components/ContentEntries/TrashBin/components/TrashBin");
-var _templateObject, _templateObject2;
-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 t = _i18n.i18n.ns("app-headless-cms/admin/content-entries/table");
-var ModelName = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "efbsdge1"
-} : {
-  target: "efbsdge1",
-  label: "ModelName"
-})(process.env.NODE_ENV === "production" ? {
-  name: "8yntog",
-  styles: "font-family:var(--mdc-typography-font-family);padding:10px 0;font-size:24px"
-} : {
-  name: "8yntog",
-  styles: "font-family:var(--mdc-typography-font-family);padding:10px 0;font-size:24px",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNpZGViYXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWM0QiIsImZpbGUiOiJTaWRlYmFyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgRm9sZGVyVHJlZSwgdXNlTmF2aWdhdGVGb2xkZXIgfSBmcm9tIFwiQHdlYmlueS9hcHAtYWNvXCI7XG5pbXBvcnQgeyBTaWRlYmFyQ29udGFpbmVyLCBTaWRlYmFyQ29udGVudCwgU2lkZWJhckZvb3RlciB9IGZyb20gXCIuL3N0eWxlZFwiO1xuaW1wb3J0IHsgVHlwb2dyYXBoeSB9IGZyb20gXCJAd2ViaW55L3VpL1R5cG9ncmFwaHlcIjtcbmltcG9ydCB7IFRvb2x0aXAgfSBmcm9tIFwiQHdlYmlueS91aS9Ub29sdGlwXCI7XG5pbXBvcnQgeyBMaW5rIH0gZnJvbSBcIkB3ZWJpbnkvcmVhY3Qtcm91dGVyXCI7XG5pbXBvcnQgeyB1c2VNb2RlbCB9IGZyb20gXCJ+L2FkbWluL2NvbXBvbmVudHMvTW9kZWxQcm92aWRlclwiO1xuaW1wb3J0IHsgaTE4biB9IGZyb20gXCJAd2ViaW55L2FwcC9pMThuXCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiZW1vdGlvblwiO1xuaW1wb3J0IHsgVHJhc2hCaW4gfSBmcm9tIFwifi9hZG1pbi9jb21wb25lbnRzL0NvbnRlbnRFbnRyaWVzL1RyYXNoQmluL2NvbXBvbmVudHMvVHJhc2hCaW5cIjtcblxuY29uc3QgdCA9IGkxOG4ubnMoXCJhcHAtaGVhZGxlc3MtY21zL2FkbWluL2NvbnRlbnQtZW50cmllcy90YWJsZVwiKTtcblxuY29uc3QgTW9kZWxOYW1lID0gc3R5bGVkLmRpdmBcbiAgICBmb250LWZhbWlseTogdmFyKC0tbWRjLXR5cG9ncmFwaHktZm9udC1mYW1pbHkpO1xuICAgIHBhZGRpbmc6IDEwcHggMDtcbiAgICBmb250LXNpemU6IDI0cHg7XG5gO1xuXG5jb25zdCBNb2RlbElkID0gc3R5bGVkKFwic3BhblwiKSh7XG4gICAgY29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLXRleHQtc2Vjb25kYXJ5LW9uLWJhY2tncm91bmQpXCJcbn0pO1xuXG5jb25zdCBkaXNhYmxlZCA9IGNzcyh7XG4gICAgY29sb3I6IFwicmdiYSgwLCAwLCAwLCAwLjU0KVwiLFxuICAgIGN1cnNvcjogXCJkZWZhdWx0XCJcbn0pO1xuXG5pbnRlcmZhY2UgU2lkZWJhclByb3BzIHtcbiAgICBmb2xkZXJJZD86IHN0cmluZztcbn1cblxuZXhwb3J0IGNvbnN0IFNpZGViYXIgPSAoeyBmb2xkZXJJZCB9OiBTaWRlYmFyUHJvcHMpID0+IHtcbiAgICBjb25zdCB7IG5hdmlnYXRlVG9Gb2xkZXIgfSA9IHVzZU5hdmlnYXRlRm9sZGVyKCk7XG5cbiAgICBjb25zdCB7IG1vZGVsIH0gPSB1c2VNb2RlbCgpO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPFNpZGViYXJDb250YWluZXI+XG4gICAgICAgICAgICA8U2lkZWJhckNvbnRlbnQ+XG4gICAgICAgICAgICAgICAgPE1vZGVsTmFtZT5cbiAgICAgICAgICAgICAgICAgICAge21vZGVsLm5hbWV9XG4gICAgICAgICAgICAgICAgICAgIDxiciAvPlxuICAgICAgICAgICAgICAgICAgICA8VHlwb2dyYXBoeSB1c2U9e1wic3VidGl0bGUxXCJ9PlxuICAgICAgICAgICAgICAgICAgICAgICAgPE1vZGVsSWQ+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgTW9kZWwgSUQ6e1wiIFwifVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHttb2RlbC5wbHVnaW4gPyAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxUb29sdGlwXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjb250ZW50PXt0YENvbnRlbnQgbW9kZWwgaXMgcmVnaXN0ZXJlZCB2aWEgYSBwbHVnaW4uYH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHBsYWNlbWVudD17XCJ0b3BcIn1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPExpbmsgdG89XCIjXCIgY2xhc3NOYW1lPXtkaXNhYmxlZH0+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge21vZGVsLm1vZGVsSWR9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L0xpbms+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvVG9vbHRpcD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8VG9vbHRpcCBjb250ZW50PXt0YEVkaXQgY29udGVudCBtb2RlbGB9IHBsYWNlbWVudD17XCJ0b3BcIn0+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8TGluayB0bz17YC9jbXMvY29udGVudC1tb2RlbHMvJHttb2RlbC5tb2RlbElkfWB9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHttb2RlbC5tb2RlbElkfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9MaW5rPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L1Rvb2x0aXA+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvTW9kZWxJZD5cbiAgICAgICAgICAgICAgICAgICAgPC9UeXBvZ3JhcGh5PlxuICAgICAgICAgICAgICAgIDwvTW9kZWxOYW1lPlxuICAgICAgICAgICAgICAgIDxGb2xkZXJUcmVlXG4gICAgICAgICAgICAgICAgICAgIGZvY3VzZWRGb2xkZXJJZD17Zm9sZGVySWR9XG4gICAgICAgICAgICAgICAgICAgIG9uRm9sZGVyQ2xpY2s9e2RhdGEgPT4gbmF2aWdhdGVUb0ZvbGRlcihkYXRhLmlkKX1cbiAgICAgICAgICAgICAgICAgICAgZW5hYmxlQWN0aW9ucz17dHJ1ZX1cbiAgICAgICAgICAgICAgICAgICAgZW5hYmxlQ3JlYXRlPXt0cnVlfVxuICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8L1NpZGViYXJDb250ZW50PlxuICAgICAgICAgICAgPFNpZGViYXJGb290ZXI+XG4gICAgICAgICAgICAgICAgPFRyYXNoQmluIC8+XG4gICAgICAgICAgICA8L1NpZGViYXJGb290ZXI+XG4gICAgICAgIDwvU2lkZWJhckNvbnRhaW5lcj5cbiAgICApO1xufTtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var ModelId = /*#__PURE__*/(0, _base.default)("span", process.env.NODE_ENV === "production" ? {
-  target: "efbsdge0"
-} : {
-  target: "efbsdge0",
-  label: "ModelId"
-})(process.env.NODE_ENV === "production" ? {
-  name: "23sal4",
-  styles: "color:var(--mdc-theme-text-secondary-on-background)"
-} : {
-  name: "23sal4",
-  styles: "color:var(--mdc-theme-text-secondary-on-background)",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNpZGViYXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9CZ0IiLCJmaWxlIjoiU2lkZWJhci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEZvbGRlclRyZWUsIHVzZU5hdmlnYXRlRm9sZGVyIH0gZnJvbSBcIkB3ZWJpbnkvYXBwLWFjb1wiO1xuaW1wb3J0IHsgU2lkZWJhckNvbnRhaW5lciwgU2lkZWJhckNvbnRlbnQsIFNpZGViYXJGb290ZXIgfSBmcm9tIFwiLi9zdHlsZWRcIjtcbmltcG9ydCB7IFR5cG9ncmFwaHkgfSBmcm9tIFwiQHdlYmlueS91aS9UeXBvZ3JhcGh5XCI7XG5pbXBvcnQgeyBUb29sdGlwIH0gZnJvbSBcIkB3ZWJpbnkvdWkvVG9vbHRpcFwiO1xuaW1wb3J0IHsgTGluayB9IGZyb20gXCJAd2ViaW55L3JlYWN0LXJvdXRlclwiO1xuaW1wb3J0IHsgdXNlTW9kZWwgfSBmcm9tIFwifi9hZG1pbi9jb21wb25lbnRzL01vZGVsUHJvdmlkZXJcIjtcbmltcG9ydCB7IGkxOG4gfSBmcm9tIFwiQHdlYmlueS9hcHAvaTE4blwiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcImVtb3Rpb25cIjtcbmltcG9ydCB7IFRyYXNoQmluIH0gZnJvbSBcIn4vYWRtaW4vY29tcG9uZW50cy9Db250ZW50RW50cmllcy9UcmFzaEJpbi9jb21wb25lbnRzL1RyYXNoQmluXCI7XG5cbmNvbnN0IHQgPSBpMThuLm5zKFwiYXBwLWhlYWRsZXNzLWNtcy9hZG1pbi9jb250ZW50LWVudHJpZXMvdGFibGVcIik7XG5cbmNvbnN0IE1vZGVsTmFtZSA9IHN0eWxlZC5kaXZgXG4gICAgZm9udC1mYW1pbHk6IHZhcigtLW1kYy10eXBvZ3JhcGh5LWZvbnQtZmFtaWx5KTtcbiAgICBwYWRkaW5nOiAxMHB4IDA7XG4gICAgZm9udC1zaXplOiAyNHB4O1xuYDtcblxuY29uc3QgTW9kZWxJZCA9IHN0eWxlZChcInNwYW5cIikoe1xuICAgIGNvbG9yOiBcInZhcigtLW1kYy10aGVtZS10ZXh0LXNlY29uZGFyeS1vbi1iYWNrZ3JvdW5kKVwiXG59KTtcblxuY29uc3QgZGlzYWJsZWQgPSBjc3Moe1xuICAgIGNvbG9yOiBcInJnYmEoMCwgMCwgMCwgMC41NClcIixcbiAgICBjdXJzb3I6IFwiZGVmYXVsdFwiXG59KTtcblxuaW50ZXJmYWNlIFNpZGViYXJQcm9wcyB7XG4gICAgZm9sZGVySWQ/OiBzdHJpbmc7XG59XG5cbmV4cG9ydCBjb25zdCBTaWRlYmFyID0gKHsgZm9sZGVySWQgfTogU2lkZWJhclByb3BzKSA9PiB7XG4gICAgY29uc3QgeyBuYXZpZ2F0ZVRvRm9sZGVyIH0gPSB1c2VOYXZpZ2F0ZUZvbGRlcigpO1xuXG4gICAgY29uc3QgeyBtb2RlbCB9ID0gdXNlTW9kZWwoKTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxTaWRlYmFyQ29udGFpbmVyPlxuICAgICAgICAgICAgPFNpZGViYXJDb250ZW50PlxuICAgICAgICAgICAgICAgIDxNb2RlbE5hbWU+XG4gICAgICAgICAgICAgICAgICAgIHttb2RlbC5uYW1lfVxuICAgICAgICAgICAgICAgICAgICA8YnIgLz5cbiAgICAgICAgICAgICAgICAgICAgPFR5cG9ncmFwaHkgdXNlPXtcInN1YnRpdGxlMVwifT5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxNb2RlbElkPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIE1vZGVsIElEOntcIiBcIn1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB7bW9kZWwucGx1Z2luID8gKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8VG9vbHRpcFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY29udGVudD17dGBDb250ZW50IG1vZGVsIGlzIHJlZ2lzdGVyZWQgdmlhIGEgcGx1Z2luLmB9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBwbGFjZW1lbnQ9e1widG9wXCJ9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxMaW5rIHRvPVwiI1wiIGNsYXNzTmFtZT17ZGlzYWJsZWR9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHttb2RlbC5tb2RlbElkfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9MaW5rPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L1Rvb2x0aXA+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPFRvb2x0aXAgY29udGVudD17dGBFZGl0IGNvbnRlbnQgbW9kZWxgfSBwbGFjZW1lbnQ9e1widG9wXCJ9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPExpbmsgdG89e2AvY21zL2NvbnRlbnQtbW9kZWxzLyR7bW9kZWwubW9kZWxJZH1gfT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7bW9kZWwubW9kZWxJZH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvTGluaz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9Ub29sdGlwPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgICAgICAgICA8L01vZGVsSWQ+XG4gICAgICAgICAgICAgICAgICAgIDwvVHlwb2dyYXBoeT5cbiAgICAgICAgICAgICAgICA8L01vZGVsTmFtZT5cbiAgICAgICAgICAgICAgICA8Rm9sZGVyVHJlZVxuICAgICAgICAgICAgICAgICAgICBmb2N1c2VkRm9sZGVySWQ9e2ZvbGRlcklkfVxuICAgICAgICAgICAgICAgICAgICBvbkZvbGRlckNsaWNrPXtkYXRhID0+IG5hdmlnYXRlVG9Gb2xkZXIoZGF0YS5pZCl9XG4gICAgICAgICAgICAgICAgICAgIGVuYWJsZUFjdGlvbnM9e3RydWV9XG4gICAgICAgICAgICAgICAgICAgIGVuYWJsZUNyZWF0ZT17dHJ1ZX1cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgPC9TaWRlYmFyQ29udGVudD5cbiAgICAgICAgICAgIDxTaWRlYmFyRm9vdGVyPlxuICAgICAgICAgICAgICAgIDxUcmFzaEJpbiAvPlxuICAgICAgICAgICAgPC9TaWRlYmFyRm9vdGVyPlxuICAgICAgICA8L1NpZGViYXJDb250YWluZXI+XG4gICAgKTtcbn07XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var disabled = (0, _emotion.css)({
-  color: "rgba(0, 0, 0, 0.54)",
-  cursor: "default"
-});
-var Sidebar = exports.Sidebar = function Sidebar(_ref) {
-  var folderId = _ref.folderId;
-  var _useNavigateFolder = (0, _appAco.useNavigateFolder)(),
-    navigateToFolder = _useNavigateFolder.navigateToFolder;
-  var _useModel = (0, _ModelProvider.useModel)(),
-    model = _useModel.model;
-  return /*#__PURE__*/_react.default.createElement(_styled2.SidebarContainer, null, /*#__PURE__*/_react.default.createElement(_styled2.SidebarContent, null, /*#__PURE__*/_react.default.createElement(ModelName, null, model.name, /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
-    use: "subtitle1"
-  }, /*#__PURE__*/_react.default.createElement(ModelId, null, "Model ID:", " ", model.plugin ? /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
-    content: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Content model is registered via a plugin."]))),
-    placement: "top"
-  }, /*#__PURE__*/_react.default.createElement(_reactRouter.Link, {
-    to: "#",
-    className: disabled
-  }, model.modelId)) : /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
-    content: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Edit content model"]))),
-    placement: "top"
-  }, /*#__PURE__*/_react.default.createElement(_reactRouter.Link, {
-    to: "/cms/content-models/".concat(model.modelId)
-  }, model.modelId))))), /*#__PURE__*/_react.default.createElement(_appAco.FolderTree, {
-    focusedFolderId: folderId,
-    onFolderClick: function onFolderClick(data) {
-      return navigateToFolder(data.id);
-    },
-    enableActions: true,
-    enableCreate: true
-  })), /*#__PURE__*/_react.default.createElement(_styled2.SidebarFooter, null, /*#__PURE__*/_react.default.createElement(_TrashBin.TrashBin, null)));
+import React from "react";
+import { SidebarHeader } from "../../../components/ContentEntries/SidebarHeader";
+import { SidebarContent } from "../../../components/ContentEntries/SidebarContent";
+import { SidebarFooter } from "../../../components/ContentEntries/SidebarFooter/SidebarFooter";
+export const Sidebar = () => {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "wby-flex wby-flex-col wby-h-main-content"
+  }, /*#__PURE__*/React.createElement(SidebarHeader, null), /*#__PURE__*/React.createElement(SidebarContent, null), /*#__PURE__*/React.createElement(SidebarFooter, null));
 };
 
 //# sourceMappingURL=Sidebar.js.map

package/admin/views/contentEntries/Table/Sidebar.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_appAco","_styled2","_Typography","_Tooltip","_reactRouter","_ModelProvider","_i18n","_emotion","_TrashBin","_templateObject","_templateObject2","_EMOTION_STRINGIFIED_CSS_ERROR__","t","i18n","ns","ModelName","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","ModelId","disabled","css","color","cursor","Sidebar","exports","_ref","folderId","_useNavigateFolder","useNavigateFolder","navigateToFolder","_useModel","useModel","model","createElement","SidebarContainer","SidebarContent","Typography","use","plugin","Tooltip","content","_taggedTemplateLiteral2","placement","Link","to","className","modelId","concat","FolderTree","focusedFolderId","onFolderClick","data","id","enableActions","enableCreate","SidebarFooter","TrashBin"],"sources":["Sidebar.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { FolderTree, useNavigateFolder } from \"@webiny/app-aco\";\nimport { SidebarContainer, SidebarContent, SidebarFooter } from \"./styled\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { Tooltip } from \"@webiny/ui/Tooltip\";\nimport { Link } from \"@webiny/react-router\";\nimport { useModel } from \"~/admin/components/ModelProvider\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { css } from \"emotion\";\nimport { TrashBin } from \"~/admin/components/ContentEntries/TrashBin/components/TrashBin\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/content-entries/table\");\n\nconst ModelName = styled.div`\n    font-family: var(--mdc-typography-font-family);\n    padding: 10px 0;\n    font-size: 24px;\n`;\n\nconst ModelId = styled(\"span\")({\n    color: \"var(--mdc-theme-text-secondary-on-background)\"\n});\n\nconst disabled = css({\n    color: \"rgba(0, 0, 0, 0.54)\",\n    cursor: \"default\"\n});\n\ninterface SidebarProps {\n    folderId?: string;\n}\n\nexport const Sidebar = ({ folderId }: SidebarProps) => {\n    const { navigateToFolder } = useNavigateFolder();\n\n    const { model } = useModel();\n\n    return (\n        <SidebarContainer>\n            <SidebarContent>\n                <ModelName>\n                    {model.name}\n                    <br />\n                    <Typography use={\"subtitle1\"}>\n                        <ModelId>\n                            Model ID:{\" \"}\n                            {model.plugin ? (\n                                <Tooltip\n                                    content={t`Content model is registered via a plugin.`}\n                                    placement={\"top\"}\n                                >\n                                    <Link to=\"#\" className={disabled}>\n                                        {model.modelId}\n                                    </Link>\n                                </Tooltip>\n                            ) : (\n                                <Tooltip content={t`Edit content model`} placement={\"top\"}>\n                                    <Link to={`/cms/content-models/${model.modelId}`}>\n                                        {model.modelId}\n                                    </Link>\n                                </Tooltip>\n                            )}\n                        </ModelId>\n                    </Typography>\n                </ModelName>\n                <FolderTree\n                    focusedFolderId={folderId}\n                    onFolderClick={data => navigateToFolder(data.id)}\n                    enableActions={true}\n                    enableCreate={true}\n                />\n            </SidebarContent>\n            <SidebarFooter>\n                <TrashBin />\n            </SidebarFooter>\n        </SidebarContainer>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","SidebarHeader","SidebarContent","SidebarFooter","Sidebar","createElement","className"],"sources":["Sidebar.tsx"],"sourcesContent":["import React from \"react\";\nimport { SidebarHeader } from \"~/admin/components/ContentEntries/SidebarHeader\";\nimport { SidebarContent } from \"~/admin/components/ContentEntries/SidebarContent\";\nimport { SidebarFooter } from \"~/admin/components/ContentEntries/SidebarFooter/SidebarFooter\";\n\nexport const Sidebar = () => {\n    return (\n        <div className={\"wby-flex wby-flex-col wby-h-main-content\"}>\n            <SidebarHeader />\n            <SidebarContent />\n            <SidebarFooter />\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,aAAa;AACtB,SAASC,cAAc;AACvB,SAASC,aAAa;AAEtB,OAAO,MAAMC,OAAO,GAAGA,CAAA,KAAM;EACzB,oBACIJ,KAAA,CAAAK,aAAA;IAAKC,SAAS,EAAE;EAA2C,gBACvDN,KAAA,CAAAK,aAAA,CAACJ,aAAa,MAAE,CAAC,eACjBD,KAAA,CAAAK,aAAA,CAACH,cAAc,MAAE,CAAC,eAClBF,KAAA,CAAAK,aAAA,CAACF,aAAa,MAAE,CACf,CAAC;AAEd,CAAC","ignoreList":[]}

package/admin/views/contentEntries/Table/index.js

@@ -1,21 +1,15 @@
-"use strict";
+import React, { useCallback } from "react";
+import { LeftPanel, RightPanel, SplitView } from "@webiny/app-admin/components/SplitView";
+import { Sidebar } from "./Sidebar";
+import { Main } from "./Main";
+import { ContentEntryProvider } from "../ContentEntry/ContentEntryContext";
+import { AcoProvider, useNavigateFolder } from "@webiny/app-aco";
+import { useI18N } from "@webiny/app-i18n";
+import { useTenancy } from "@webiny/app-tenancy";
+import { useApolloClient, useModel } from "../../../hooks";
+import { ContentEntriesListProvider } from "../hooks";
+import { CMS_ENTRY_LIST_LINK, LOCAL_STORAGE_LATEST_VISITED_FOLDER } from "../../../constants";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Table = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _SplitView = require("@webiny/app-admin/components/SplitView");
-var _Sidebar = require("./Sidebar");
-var _Main = require("./Main");
-var _ContentEntryContext = require("../ContentEntry/ContentEntryContext");
-var _appAco = require("@webiny/app-aco");
-var _appI18n = require("@webiny/app-i18n");
-var _appTenancy = require("@webiny/app-tenancy");
-var _hooks = require("../../../hooks");
-var _hooks2 = require("../hooks");
-var _constants = require("../../../constants");
 /**
  * Generates a `layoutId` to be used with the `<SplitView />` component.
  * The `layoutId` is essential for saving user preferences into localStorage.
@@ -23,56 +17,59 @@ var _constants = require("../../../constants");
  *
  *  TODO: export the useLayoutId from a generic use package, such as app-admin. At the moment is not possible because of circular dependency issues.
  */
-var useLayoutId = function useLayoutId(applicationId) {
-  var _useTenancy = (0, _appTenancy.useTenancy)(),
-    tenant = _useTenancy.tenant;
-  var _useI18N = (0, _appI18n.useI18N)(),
-    getCurrentLocale = _useI18N.getCurrentLocale;
-  var localeCode = getCurrentLocale("content");
+const useLayoutId = applicationId => {
+  const {
+    tenant
+  } = useTenancy();
+  const {
+    getCurrentLocale
+  } = useI18N();
+  const localeCode = getCurrentLocale("content");
   if (!tenant || !localeCode) {
     console.warn("Missing tenant or localeCode while creating layoutId");
     return null;
   }
-  return "T#".concat(tenant, "#L#").concat(localeCode, "#A#").concat(applicationId);
+  return `T#${tenant}#L#${localeCode}#A#${applicationId}`;
 };
-var View = function View() {
-  var _useNavigateFolder = (0, _appAco.useNavigateFolder)(),
-    currentFolderId = _useNavigateFolder.currentFolderId;
-  var _useModel = (0, _hooks.useModel)(),
-    model = _useModel.model;
-  var layoutId = useLayoutId("cms:".concat(model.modelId));
-  return /*#__PURE__*/_react.default.createElement(_SplitView.SplitView, {
+const View = () => {
+  const {
+    currentFolderId
+  } = useNavigateFolder();
+  const {
+    model
+  } = useModel();
+  const layoutId = useLayoutId(`cms:${model.modelId}`);
+  return /*#__PURE__*/React.createElement(SplitView, {
     layoutId: layoutId
-  }, /*#__PURE__*/_react.default.createElement(_SplitView.LeftPanel, {
+  }, /*#__PURE__*/React.createElement(LeftPanel, {
     span: 2
-  }, /*#__PURE__*/_react.default.createElement(_Sidebar.Sidebar, {
-    folderId: currentFolderId
-  })), /*#__PURE__*/_react.default.createElement(_SplitView.RightPanel, {
+  }, /*#__PURE__*/React.createElement(Sidebar, null)), /*#__PURE__*/React.createElement(RightPanel, {
     span: 10
-  }, /*#__PURE__*/_react.default.createElement(_ContentEntryContext.ContentEntryProvider, {
+  }, /*#__PURE__*/React.createElement(ContentEntryProvider, {
     currentFolderId: currentFolderId
-  }, /*#__PURE__*/_react.default.createElement(_Main.Main, {
+  }, /*#__PURE__*/React.createElement(Main, {
     folderId: currentFolderId
   }))));
 };
-var Table = exports.Table = function Table() {
-  var _useModel2 = (0, _hooks.useModel)(),
-    model = _useModel2.model;
-  var client = (0, _hooks.useApolloClient)();
-  var createNavigateFolderListLink = (0, _react.useCallback)(function () {
-    return "".concat(_constants.CMS_ENTRY_LIST_LINK, "/").concat(model.modelId);
+export const Table = () => {
+  const {
+    model
+  } = useModel();
+  const client = useApolloClient();
+  const createNavigateFolderListLink = useCallback(() => {
+    return `${CMS_ENTRY_LIST_LINK}/${model.modelId}`;
   }, [model.modelId]);
-  var createNavigateFolderStorageKey = (0, _react.useCallback)(function () {
-    return "".concat(_constants.LOCAL_STORAGE_LATEST_VISITED_FOLDER, "_").concat(model.modelId);
+  const createNavigateFolderStorageKey = useCallback(() => {
+    return `${LOCAL_STORAGE_LATEST_VISITED_FOLDER}_${model.modelId}`;
   }, [model.modelId]);
-  return /*#__PURE__*/_react.default.createElement(_appAco.AcoProvider, {
-    id: "cms:".concat(model.modelId),
+  return /*#__PURE__*/React.createElement(AcoProvider, {
+    id: `cms:${model.modelId}`,
     folderIdPath: "wbyAco_location.folderId",
     client: client,
     model: model,
     createNavigateFolderListLink: createNavigateFolderListLink,
     createNavigateFolderStorageKey: createNavigateFolderStorageKey
-  }, /*#__PURE__*/_react.default.createElement(_hooks2.ContentEntriesListProvider, null, /*#__PURE__*/_react.default.createElement(View, null)));
+  }, /*#__PURE__*/React.createElement(ContentEntriesListProvider, null, /*#__PURE__*/React.createElement(View, null)));
 };
 
 //# sourceMappingURL=index.js.map

package/admin/views/contentEntries/Table/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_SplitView","_Sidebar","_Main","_ContentEntryContext","_appAco","_appI18n","_appTenancy","_hooks","_hooks2","_constants","useLayoutId","applicationId","_useTenancy","useTenancy","tenant","_useI18N","useI18N","getCurrentLocale","localeCode","console","warn","concat","View","_useNavigateFolder","useNavigateFolder","currentFolderId","_useModel","useModel","model","layoutId","modelId","default","createElement","SplitView","LeftPanel","span","Sidebar","folderId","RightPanel","ContentEntryProvider","Main","Table","exports","_useModel2","client","useApolloClient","createNavigateFolderListLink","useCallback","CMS_ENTRY_LIST_LINK","createNavigateFolderStorageKey","LOCAL_STORAGE_LATEST_VISITED_FOLDER","AcoProvider","id","folderIdPath","ContentEntriesListProvider"],"sources":["index.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { LeftPanel, RightPanel, SplitView } from \"@webiny/app-admin/components/SplitView\";\nimport { Sidebar } from \"./Sidebar\";\nimport { Main } from \"./Main\";\nimport { ContentEntryProvider } from \"~/admin/views/contentEntries/ContentEntry/ContentEntryContext\";\nimport { AcoProvider, useNavigateFolder } from \"@webiny/app-aco\";\nimport { useI18N } from \"@webiny/app-i18n\";\nimport { useTenancy } from \"@webiny/app-tenancy\";\nimport { useApolloClient, useModel } from \"~/admin/hooks\";\nimport { ContentEntriesListProvider } from \"~/admin/views/contentEntries/hooks\";\nimport { CMS_ENTRY_LIST_LINK, LOCAL_STORAGE_LATEST_VISITED_FOLDER } from \"~/admin/constants\";\n\n/**\n * Generates a `layoutId` to be used with the `<SplitView />` component.\n * The `layoutId` is essential for saving user preferences into localStorage.\n * The generation of the `layoutId` takes into account the current `tenantId`, `localeCode`, and the provided `applicationId`.\n *\n *  TODO: export the useLayoutId from a generic use package, such as app-admin. At the moment is not possible because of circular dependency issues.\n */\nconst useLayoutId = (applicationId: string) => {\n    const { tenant } = useTenancy();\n    const { getCurrentLocale } = useI18N();\n    const localeCode = getCurrentLocale(\"content\");\n\n    if (!tenant || !localeCode) {\n        console.warn(\"Missing tenant or localeCode while creating layoutId\");\n        return null;\n    }\n\n    return `T#${tenant}#L#${localeCode}#A#${applicationId}`;\n};\n\nconst View = () => {\n    const { currentFolderId } = useNavigateFolder();\n    const { model } = useModel();\n    const layoutId = useLayoutId(`cms:${model.modelId}`);\n\n    return (\n        <SplitView layoutId={layoutId}>\n            <LeftPanel span={2}>\n                <Sidebar folderId={currentFolderId} />\n            </LeftPanel>\n            <RightPanel span={10}>\n                <ContentEntryProvider currentFolderId={currentFolderId}>\n                    <Main folderId={currentFolderId} />\n                </ContentEntryProvider>\n            </RightPanel>\n        </SplitView>\n    );\n};\n\nexport const Table = () => {\n    const { model } = useModel();\n    const client = useApolloClient();\n\n    const createNavigateFolderListLink = useCallback(() => {\n        return `${CMS_ENTRY_LIST_LINK}/${model.modelId}`;\n    }, [model.modelId]);\n    const createNavigateFolderStorageKey = useCallback(() => {\n        return `${LOCAL_STORAGE_LATEST_VISITED_FOLDER}_${model.modelId}`;\n    }, [model.modelId]);\n\n    return (\n        <AcoProvider\n            id={`cms:${model.modelId}`}\n            folderIdPath={\"wbyAco_location.folderId\"}\n            client={client}\n            model={model}\n            createNavigateFolderListLink={createNavigateFolderListLink}\n            createNavigateFolderStorageKey={createNavigateFolderStorageKey}\n        >\n            <ContentEntriesListProvider>\n                <View />\n            </ContentEntriesListProvider>\n        </AcoProvider>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useCallback","LeftPanel","RightPanel","SplitView","Sidebar","Main","ContentEntryProvider","AcoProvider","useNavigateFolder","useI18N","useTenancy","useApolloClient","useModel","ContentEntriesListProvider","CMS_ENTRY_LIST_LINK","LOCAL_STORAGE_LATEST_VISITED_FOLDER","useLayoutId","applicationId","tenant","getCurrentLocale","localeCode","console","warn","View","currentFolderId","model","layoutId","modelId","createElement","span","folderId","Table","client","createNavigateFolderListLink","createNavigateFolderStorageKey","id","folderIdPath"],"sources":["index.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { LeftPanel, RightPanel, SplitView } from \"@webiny/app-admin/components/SplitView\";\nimport { Sidebar } from \"./Sidebar\";\nimport { Main } from \"./Main\";\nimport { ContentEntryProvider } from \"~/admin/views/contentEntries/ContentEntry/ContentEntryContext\";\nimport { AcoProvider, useNavigateFolder } from \"@webiny/app-aco\";\nimport { useI18N } from \"@webiny/app-i18n\";\nimport { useTenancy } from \"@webiny/app-tenancy\";\nimport { useApolloClient, useModel } from \"~/admin/hooks\";\nimport { ContentEntriesListProvider } from \"~/admin/views/contentEntries/hooks\";\nimport { CMS_ENTRY_LIST_LINK, LOCAL_STORAGE_LATEST_VISITED_FOLDER } from \"~/admin/constants\";\n\n/**\n * Generates a `layoutId` to be used with the `<SplitView />` component.\n * The `layoutId` is essential for saving user preferences into localStorage.\n * The generation of the `layoutId` takes into account the current `tenantId`, `localeCode`, and the provided `applicationId`.\n *\n *  TODO: export the useLayoutId from a generic use package, such as app-admin. At the moment is not possible because of circular dependency issues.\n */\nconst useLayoutId = (applicationId: string) => {\n    const { tenant } = useTenancy();\n    const { getCurrentLocale } = useI18N();\n    const localeCode = getCurrentLocale(\"content\");\n\n    if (!tenant || !localeCode) {\n        console.warn(\"Missing tenant or localeCode while creating layoutId\");\n        return null;\n    }\n\n    return `T#${tenant}#L#${localeCode}#A#${applicationId}`;\n};\n\nconst View = () => {\n    const { currentFolderId } = useNavigateFolder();\n    const { model } = useModel();\n    const layoutId = useLayoutId(`cms:${model.modelId}`);\n\n    return (\n        <SplitView layoutId={layoutId}>\n            <LeftPanel span={2}>\n                <Sidebar />\n            </LeftPanel>\n            <RightPanel span={10}>\n                <ContentEntryProvider currentFolderId={currentFolderId}>\n                    <Main folderId={currentFolderId} />\n                </ContentEntryProvider>\n            </RightPanel>\n        </SplitView>\n    );\n};\n\nexport const Table = () => {\n    const { model } = useModel();\n    const client = useApolloClient();\n\n    const createNavigateFolderListLink = useCallback(() => {\n        return `${CMS_ENTRY_LIST_LINK}/${model.modelId}`;\n    }, [model.modelId]);\n    const createNavigateFolderStorageKey = useCallback(() => {\n        return `${LOCAL_STORAGE_LATEST_VISITED_FOLDER}_${model.modelId}`;\n    }, [model.modelId]);\n\n    return (\n        <AcoProvider\n            id={`cms:${model.modelId}`}\n            folderIdPath={\"wbyAco_location.folderId\"}\n            client={client}\n            model={model}\n            createNavigateFolderListLink={createNavigateFolderListLink}\n            createNavigateFolderStorageKey={createNavigateFolderStorageKey}\n        >\n            <ContentEntriesListProvider>\n                <View />\n            </ContentEntriesListProvider>\n        </AcoProvider>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,SAASC,SAAS,EAAEC,UAAU,EAAEC,SAAS,QAAQ,wCAAwC;AACzF,SAASC,OAAO;AAChB,SAASC,IAAI;AACb,SAASC,oBAAoB;AAC7B,SAASC,WAAW,EAAEC,iBAAiB,QAAQ,iBAAiB;AAChE,SAASC,OAAO,QAAQ,kBAAkB;AAC1C,SAASC,UAAU,QAAQ,qBAAqB;AAChD,SAASC,eAAe,EAAEC,QAAQ;AAClC,SAASC,0BAA0B;AACnC,SAASC,mBAAmB,EAAEC,mCAAmC;;AAEjE;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,WAAW,GAAIC,aAAqB,IAAK;EAC3C,MAAM;IAAEC;EAAO,CAAC,GAAGR,UAAU,CAAC,CAAC;EAC/B,MAAM;IAAES;EAAiB,CAAC,GAAGV,OAAO,CAAC,CAAC;EACtC,MAAMW,UAAU,GAAGD,gBAAgB,CAAC,SAAS,CAAC;EAE9C,IAAI,CAACD,MAAM,IAAI,CAACE,UAAU,EAAE;IACxBC,OAAO,CAACC,IAAI,CAAC,sDAAsD,CAAC;IACpE,OAAO,IAAI;EACf;EAEA,OAAO,KAAKJ,MAAM,MAAME,UAAU,MAAMH,aAAa,EAAE;AAC3D,CAAC;AAED,MAAMM,IAAI,GAAGA,CAAA,KAAM;EACf,MAAM;IAAEC;EAAgB,CAAC,GAAGhB,iBAAiB,CAAC,CAAC;EAC/C,MAAM;IAAEiB;EAAM,CAAC,GAAGb,QAAQ,CAAC,CAAC;EAC5B,MAAMc,QAAQ,GAAGV,WAAW,CAAC,OAAOS,KAAK,CAACE,OAAO,EAAE,CAAC;EAEpD,oBACI5B,KAAA,CAAA6B,aAAA,CAACzB,SAAS;IAACuB,QAAQ,EAAEA;EAAS,gBAC1B3B,KAAA,CAAA6B,aAAA,CAAC3B,SAAS;IAAC4B,IAAI,EAAE;EAAE,gBACf9B,KAAA,CAAA6B,aAAA,CAACxB,OAAO,MAAE,CACH,CAAC,eACZL,KAAA,CAAA6B,aAAA,CAAC1B,UAAU;IAAC2B,IAAI,EAAE;EAAG,gBACjB9B,KAAA,CAAA6B,aAAA,CAACtB,oBAAoB;IAACkB,eAAe,EAAEA;EAAgB,gBACnDzB,KAAA,CAAA6B,aAAA,CAACvB,IAAI;IAACyB,QAAQ,EAAEN;EAAgB,CAAE,CAChB,CACd,CACL,CAAC;AAEpB,CAAC;AAED,OAAO,MAAMO,KAAK,GAAGA,CAAA,KAAM;EACvB,MAAM;IAAEN;EAAM,CAAC,GAAGb,QAAQ,CAAC,CAAC;EAC5B,MAAMoB,MAAM,GAAGrB,eAAe,CAAC,CAAC;EAEhC,MAAMsB,4BAA4B,GAAGjC,WAAW,CAAC,MAAM;IACnD,OAAO,GAAGc,mBAAmB,IAAIW,KAAK,CAACE,OAAO,EAAE;EACpD,CAAC,EAAE,CAACF,KAAK,CAACE,OAAO,CAAC,CAAC;EACnB,MAAMO,8BAA8B,GAAGlC,WAAW,CAAC,MAAM;IACrD,OAAO,GAAGe,mCAAmC,IAAIU,KAAK,CAACE,OAAO,EAAE;EACpE,CAAC,EAAE,CAACF,KAAK,CAACE,OAAO,CAAC,CAAC;EAEnB,oBACI5B,KAAA,CAAA6B,aAAA,CAACrB,WAAW;IACR4B,EAAE,EAAE,OAAOV,KAAK,CAACE,OAAO,EAAG;IAC3BS,YAAY,EAAE,0BAA2B;IACzCJ,MAAM,EAAEA,MAAO;IACfP,KAAK,EAAEA,KAAM;IACbQ,4BAA4B,EAAEA,4BAA6B;IAC3DC,8BAA8B,EAAEA;EAA+B,gBAE/DnC,KAAA,CAAA6B,aAAA,CAACf,0BAA0B,qBACvBd,KAAA,CAAA6B,aAAA,CAACL,IAAI,MAAE,CACiB,CACnB,CAAC;AAEtB,CAAC","ignoreList":[]}

package/admin/views/contentEntries/ValidationIndicators.js

@@ -1,50 +1,52 @@
-"use strict";
+import React, { useEffect } from "react";
+import { makeDecoratable } from "@webiny/react-composition";
+import { Global, css } from "@emotion/react";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ValidationIndicators = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactComposition = require("@webiny/react-composition");
-var _react2 = require("@emotion/react");
-// To customize the color and icon, define a CSS variable within the validation class:
+// To customize the icon, define a CSS variable within the validation class:
 // .wby-content-entry-invalid-field {
-//     --error-color: blue;
 //     --error-icon: "🤔"
 // }
+// To customize the border color, use the Admin UI Colors APIs to override the default `destructive` color palette.
 
-var errorColor = "var(--error-color, #fa5723)";
-var errorIcon = "var(--error-icon, \"\u26A0\uFE0F\")";
-var errorTitleMixin = "\n    content: ".concat(errorIcon, ";\n    margin-right: 5px;\n");
-var errorBorderMixin = "\n    border-left: 5px solid ".concat(errorColor, ";\n    padding-left: 10px;\n    border-top-left-radius: 5px; \n    border-bottom-left-radius: 5px;\n");
-var defaultClass = /*#__PURE__*/(0, _react2.css)(".wby-content-entry-invalid-field{", errorBorderMixin, ";}.wby-content-entry-invalid-field[data-field-type=\"text\"],.wby-content-entry-invalid-field[data-field-type=\"number\"],.wby-content-entry-invalid-field[data-field-type=\"datetime\"],.wby-content-entry-invalid-field[data-field-type=\"long-text\"],.wby-content-entry-invalid-field[data-field-type=\"dynamicZone\"],.wby-content-entry-invalid-field[data-field-type=\"object\"],.wby-content-entry-invalid-field[data-field-type=\"ref\"],.wby-content-entry-invalid-field[data-field-type=\"file\"]{border:none;padding-left:0;border-radius:0;}.wby-content-entry-invalid-field[data-field-type=\"text\"],.wby-content-entry-invalid-field[data-field-type=\"ref\"][data-field-renderer=\"ref-input\"],.wby-content-entry-invalid-field[data-field-type=\"number\"],.wby-content-entry-invalid-field[data-field-type=\"datetime\"],.wby-content-entry-invalid-field[data-field-type=\"long-text\"]{&[data-field-multiple-values=\"false\"]:not([data-field-renderer=\"radio-buttons\"]) label:first-of-type,&[data-field-multiple-values=\"true\"]>hcms-parent-field-provider,>label{", errorBorderMixin, " .mdc-floating-label{left:12px;}.mdc-floating-label::before{", errorTitleMixin, ";}}&[data-field-multiple-values=\"true\"]>hcms-parent-field-provider{display:block;}>hcms-parent-field-provider h5::before{", errorTitleMixin, ";}&[data-field-renderer=\"radio-buttons\"]{", errorBorderMixin, ";>div:first-of-type::before{", errorTitleMixin, " padding-right:10px;}}&[data-field-renderer=\"select-box\"]{.mdc-floating-label::before{", errorTitleMixin, ";}.webiny-ui-select{", errorBorderMixin, " padding-left:0;box-sizing:border-box;}}&[data-field-renderer=\"checkboxes\"]{", errorBorderMixin, ";>div:first-of-type::before{", errorTitleMixin, " padding-right:10px;}}}.wby-content-entry-invalid-field[data-field-type=\"ref\"][data-field-multiple-values=\"false\"]{h3::before,h5::before{", errorTitleMixin, ";}&:not([data-field-renderer=\"ref-input\"]){", errorBorderMixin, ";}.wby-content-entry-invalid-field[data-field-type=\"dynamicZone\"]{padding-left:0px;}}.wby-content-entry-invalid-field[data-field-type=\"dynamicZone\"]{ul>div>li::before{", errorTitleMixin, ";}", errorBorderMixin, " .wby-content-entry-invalid-field[data-field-type=\"dynamicZone\"]{padding-left:0px;}hcms-parent-field-provider .wby-content-entry-invalid-field{li>.webiny-ui-accordion-item__title{font-weight:bold;color:", errorColor, ";}}}.wby-content-entry-invalid-field[data-field-type=\"object\"]{&[data-field-renderer=\"object\"],&[data-field-renderer=\"objects\"]{h5::before,ul>div>li::before{", errorTitleMixin, ";}hcms-parent-field-provider{", errorBorderMixin, ".wby-content-entry-invalid-field{border:none;padding-left:0;.accordion-title>span{font-weight:bold;color:", errorColor, ";::before{", errorTitleMixin, ";}}}}}&[data-field-renderer=\"object-accordion\"],&[data-field-renderer=\"objects-accordion\"]{ul>div>li::before{", errorTitleMixin, " display:contents;}", errorBorderMixin, " &[data-field-multiple-values=\"false\"]{padding-left:0px;}&[data-field-multiple-values=\"true\"]{.wby-content-entry-invalid-field{border:none;padding-left:0;.accordion-title>span{font-weight:bold;color:", errorColor, ";::before{", errorTitleMixin, ";}}}}}}.wby-content-entry-invalid-field[data-field-type=\"file\"]{&[data-field-multiple-values=\"false\"]>div>div:first-of-type{", errorBorderMixin, ";>span::before{", errorTitleMixin, ";}}&[data-field-multiple-values=\"true\"]{", errorBorderMixin, ";>div>div>p::before{", errorTitleMixin, ";}}}.wby-content-entry-invalid-field>.webiny-ui-accordion{margin-left:-10px;}.webiny-ui-accordion:has(.wby-content-entry-invalid-field){border-radius:5px;}.wby-content-entry-invalid-field .webiny-ui-accordion-item{border-radius:5px;}ul>.wby-content-entry-invalid-field{padding-left:0px;}" + (process.env.NODE_ENV === "production" ? "" : ";label:defaultClass;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlZhbGlkYXRpb25JbmRpY2F0b3JzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQndCIiwiZmlsZSI6IlZhbGlkYXRpb25JbmRpY2F0b3JzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB0eXBlIHsgRm9ybVZhbGlkYXRpb24gfSBmcm9tIFwiQHdlYmlueS9mb3JtXCI7XG5pbXBvcnQgeyBtYWtlRGVjb3JhdGFibGUgfSBmcm9tIFwiQHdlYmlueS9yZWFjdC1jb21wb3NpdGlvblwiO1xuaW1wb3J0IHsgR2xvYmFsLCBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcblxuLy8gVG8gY3VzdG9taXplIHRoZSBjb2xvciBhbmQgaWNvbiwgZGVmaW5lIGEgQ1NTIHZhcmlhYmxlIHdpdGhpbiB0aGUgdmFsaWRhdGlvbiBjbGFzczpcbi8vIC53YnktY29udGVudC1lbnRyeS1pbnZhbGlkLWZpZWxkIHtcbi8vICAgICAtLWVycm9yLWNvbG9yOiBibHVlO1xuLy8gICAgIC0tZXJyb3ItaWNvbjogXCLwn6SUXCJcbi8vIH1cblxuY29uc3QgZXJyb3JDb2xvciA9IGB2YXIoLS1lcnJvci1jb2xvciwgI2ZhNTcyMylgO1xuY29uc3QgZXJyb3JJY29uID0gYHZhcigtLWVycm9yLWljb24sIFwi4pqg77iPXCIpYDtcblxuY29uc3QgZXJyb3JUaXRsZU1peGluID0gYFxuICAgIGNvbnRlbnQ6ICR7ZXJyb3JJY29ufTtcbiAgICBtYXJnaW4tcmlnaHQ6IDVweDtcbmA7XG5cbmNvbnN0IGVycm9yQm9yZGVyTWl4aW4gPSBgXG4gICAgYm9yZGVyLWxlZnQ6IDVweCBzb2xpZCAke2Vycm9yQ29sb3J9O1xuICAgIHBhZGRpbmctbGVmdDogMTBweDtcbiAgICBib3JkZXItdG9wLWxlZnQtcmFkaXVzOiA1cHg7IFxuICAgIGJvcmRlci1ib3R0b20tbGVmdC1yYWRpdXM6IDVweDtcbmA7XG5cbmNvbnN0IGRlZmF1bHRDbGFzcyA9IGNzc2BcbiAgICAvLyBkZWZhdWx0IGJlaGF2aW9yIGZvciBlcnJvciBmaWVsZHNcbiAgICAud2J5LWNvbnRlbnQtZW50cnktaW52YWxpZC1maWVsZCB7XG4gICAgICAgICR7ZXJyb3JCb3JkZXJNaXhpbn1cbiAgICB9XG5cbiAgICAvLyByZXNldCB0aGUgZGVmYXVsdCBiZWhhdmlvciBmb3IgZmllbGRzIHRoYXQgd2Ugd2FudCB0byBtYW51YWxseSBjb250cm9sXG4gICAgLndieS1jb250ZW50LWVudHJ5LWludmFsaWQtZmllbGRbZGF0YS1maWVsZC10eXBlPVwidGV4dFwiXSxcbiAgICAud2J5LWNvbnRlbnQtZW50cnktaW52YWxpZC1maWVsZFtkYXRhLWZpZWxkLXR5cGU9XCJudW1iZXJcIl0sXG4gICAgLndieS1jb250ZW50LWVudHJ5LWludmFsaWQtZmllbGRbZGF0YS1maWVsZC10eXBlPVwiZGF0ZXRpbWVcIl0sXG4gICAgLndieS1jb250ZW50LWVudHJ5LWludmFsaWQtZmllbGRbZGF0YS1maWVsZC10eXBlPVwibG9uZy10ZXh0XCJdLFxuICAgIC53YnktY29udGVudC1lbnRyeS1pbnZhbGlkLWZpZWxkW2RhdGEtZmllbGQtdHlwZT1cImR5bmFtaWNab25lXCJdLFxuICAgIC53YnktY29udGVudC1lbnRyeS1pbnZhbGlkLWZpZWxkW2RhdGEtZmllbGQtdHlwZT1cIm9iamVjdFwiXSxcbiAgICAud2J5LWNvbnRlbnQtZW50cnktaW52YWxpZC1maWVsZFtkYXRhLWZpZWxkLXR5cGU9XCJyZWZcIl0sXG4gICAgLndieS1jb250ZW50LWVudHJ5LWludmFsaWQtZmllbGRbZGF0YS1maWVsZC10eXBlPVwiZmlsZVwiXSB7XG4gICAgICAgIGJvcmRlcjogbm9uZTtcbiAgICAgICAgcGFkZGluZy1sZWZ0OiAwO1xuICAgICAgICBib3JkZXItcmFkaXVzOiAwO1xuICAgIH1cblxuICAgIC8vIHNob3J0IHRleHQgZXJyb3JcbiAgICAvLyBsb25nIHRleHQgZXJyb3JcbiAgICAvLyBudW1iZXIgZXJyb3JcbiAgICAvLyBjaGVja2JveCBlcnJvclxuICAgIC8vIHNlbGVjdCBlcnJvclxuICAgIC8vIGRhdGUgdGltZSBlcnJvclxuICAgIC53YnktY29udGVudC1lbnRyeS1pbnZhbGlkLWZpZWxkW2RhdGEtZmllbGQtdHlwZT1cInRleHRcIl0sXG4gICAgLndieS1jb250ZW50LWVudHJ5LWludmFsaWQtZmllbGRbZGF0YS1maWVsZC10eXBlPVwicmVmXCJdW2RhdGEtZmllbGQtcmVuZGVyZXI9XCJyZWYtaW5wdXRcIl0sXG4gICAgLndieS1jb250ZW50LWVudHJ5LWludmFsaWQtZmllbGRbZGF0YS1maWVsZC10eXBlPVwibnVtYmVyXCJdLFxuICAgIC53YnktY29udGVudC1lbnRyeS1pbnZhbGlkLWZpZWxkW2RhdGEtZmllbGQtdHlwZT1cImRhdGV0aW1lXCJdLFxuICAgIC53YnktY29udGVudC1lbnRyeS1pbnZhbGlkLWZpZWxkW2RhdGEtZmllbGQtdHlwZT1cImxvbmctdGV4dFwiXSB7XG4gICAgICAgIC8vIGlucHV0IHJlbmRlcmVyXG4gICAgICAgICZbZGF0YS1maWVsZC1tdWx0aXBsZS12YWx1ZXM9XCJmYWxzZVwiXTpub3QoW2RhdGEtZmllbGQtcmVuZGVyZXI9XCJyYWRpby1idXR0b25zXCJdKVxuICAgICAgICAgICAgbGFiZWw6Zmlyc3Qtb2YtdHlwZSxcbiAgICAgICAgJltkYXRhLWZpZWxkLW11bHRpcGxlLXZhbHVlcz1cInRydWVcIl0gPiBoY21zLXBhcmVudC1maWVsZC1wcm92aWRlcixcbiAgICAgICAgPiBsYWJlbCB7XG4gICAgICAgICAgICAke2Vycm9yQm9yZGVyTWl4aW59XG4gICAgICAgICAgICAubWRjLWZsb2F0aW5nLWxhYmVsIHtcbiAgICAgICAgICAgICAgICBsZWZ0OiAxMnB4O1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAubWRjLWZsb2F0aW5nLWxhYmVsOjpiZWZvcmUge1xuICAgICAgICAgICAgICAgICR7ZXJyb3JUaXRsZU1peGlufVxuICAgICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgJltkYXRhLWZpZWxkLW11bHRpcGxlLXZhbHVlcz1cInRydWVcIl0gPiBoY21zLXBhcmVudC1maWVsZC1wcm92aWRlciB7XG4gICAgICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgfVxuXG4gICAgICAgIC8vIG11bHRpcGxlIGVudHJpZXNcbiAgICAgICAgPiBoY21zLXBhcmVudC1maWVsZC1wcm92aWRlciBoNTo6YmVmb3JlIHtcbiAgICAgICAgICAgICR7ZXJyb3JUaXRsZU1peGlufVxuICAgICAgICB9XG5cbiAgICAgICAgLy8gcmFkaW8gYnV0dG9uc1xuICAgICAgICAmW2RhdGEtZmllbGQtcmVuZGVyZXI9XCJyYWRpby1idXR0b25zXCJdIHtcbiAgICAgICAgICAgID4gZGl2OmZpcnN0LW9mLXR5cGU6OmJlZm9yZSB7XG4gICAgICAgICAgICAgICAgJHtlcnJvclRpdGxlTWl4aW59XG4gICAgICAgICAgICAgICAgcGFkZGluZy1yaWdodDogMTBweDtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgICR7ZXJyb3JCb3JkZXJNaXhpbn1cbiAgICAgICAgfVxuXG4gICAgICAgIC8vIHNlbGVjdCBib3hcbiAgICAgICAgJltkYXRhLWZpZWxkLXJlbmRlcmVyPVwic2VsZWN0LWJveFwiXSB7XG4gICAgICAgICAgICAubWRjLWZsb2F0aW5nLWxhYmVsOjpiZWZvcmUge1xuICAgICAgICAgICAgICAgICR7ZXJyb3JUaXRsZU1peGlufVxuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAud2ViaW55LXVpLXNlbGVjdCB7XG4gICAgICAgICAgICAgICAgJHtlcnJvckJvcmRlck1peGlufVxuICAgICAgICAgICAgICAgIHBhZGRpbmctbGVmdDogMDtcbiAgICAgICAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgLy8gY2hlY2tib3hlc1xuICAgICAgICAmW2RhdGEtZmllbGQtcmVuZGVyZXI9XCJjaGVja2JveGVzXCJdIHtcbiAgICAgICAgICAgID4gZGl2OmZpcnN0LW9mLXR5cGU6OmJlZm9yZSB7XG4gICAgICAgICAgICAgICAgJHtlcnJvclRpdGxlTWl4aW59XG4gICAgICAgICAgICAgICAgcGFkZGluZy1yaWdodDogMTBweDtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgICR7ZXJyb3JCb3JkZXJNaXhpbn1cbiAgICAgICAgfVxuICAgIH1cblxuICAgIC8vIHJlZmVyZW5jZSBmaWVsZFxuICAgIC53YnktY29udGVudC1lbnRyeS1pbnZhbGlkLWZpZWxkW2RhdGEtZmllbGQtdHlwZT1cInJlZlwiXVtkYXRhLWZpZWxkLW11bHRpcGxlLXZhbHVlcz1cImZhbHNlXCJdIHtcbiAgICAgICAgaDM6OmJlZm9yZSxcbiAgICAgICAgaDU6OmJlZm9yZSB7XG4gICAgICAgICAgICAke2Vycm9yVGl0bGVNaXhpbn1cbiAgICAgICAgfVxuXG4gICAgICAgICY6bm90KFtkYXRhLWZpZWxkLXJlbmRlcmVyPVwicmVmLWlucHV0XCJdKSB7XG4gICAgICAgICAgICAke2Vycm9yQm9yZGVyTWl4aW59XG4gICAgICAgIH1cblxuICAgICAgICAud2J5LWNvbnRlbnQtZW50cnktaW52YWxpZC1maWVsZFtkYXRhLWZpZWxkLXR5cGU9XCJkeW5hbWljWm9uZVwiXSB7XG4gICAgICAgICAgICBwYWRkaW5nLWxlZnQ6IDBweDtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIC8vIGR5bmFtaWMgem9uZVxuICAgIC53YnktY29udGVudC1lbnRyeS1pbnZhbGlkLWZpZWxkW2RhdGEtZmllbGQtdHlwZT1cImR5bmFtaWNab25lXCJdIHtcbiAgICAgICAgdWwgPiBkaXYgPiBsaTo6YmVmb3JlIHtcbiAgICAgICAgICAgICR7ZXJyb3JUaXRsZU1peGlufVxuICAgICAgICB9XG5cbiAgICAgICAgJHtlcnJvckJvcmRlck1peGlufVxuXG4gICAgICAgIC53YnktY29udGVudC1lbnRyeS1pbnZhbGlkLWZpZWxkW2RhdGEtZmllbGQtdHlwZT1cImR5bmFtaWNab25lXCJdIHtcbiAgICAgICAgICAgIHBhZGRpbmctbGVmdDogMHB4O1xuICAgICAgICB9XG5cbiAgICAgICAgaGNtcy1wYXJlbnQtZmllbGQtcHJvdmlkZXIgLndieS1jb250ZW50LWVudHJ5LWludmFsaWQtZmllbGQge1xuICAgICAgICAgICAgbGkgPiAud2ViaW55LXVpLWFjY29yZGlvbi1pdGVtX190aXRsZSB7XG4gICAgICAgICAgICAgICAgZm9udC13ZWlnaHQ6IGJvbGQ7XG4gICAgICAgICAgICAgICAgY29sb3I6ICR7ZXJyb3JDb2xvcn07XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAvLyBvYmplY3QgZmllbGRcbiAgICAud2J5LWNvbnRlbnQtZW50cnktaW52YWxpZC1maWVsZFtkYXRhLWZpZWxkLXR5cGU9XCJvYmplY3RcIl0ge1xuICAgICAgICAmW2RhdGEtZmllbGQtcmVuZGVyZXI9XCJvYmplY3RcIl0sXG4gICAgICAgICZbZGF0YS1maWVsZC1yZW5kZXJlcj1cIm9iamVjdHNcIl0ge1xuICAgICAgICAgICAgaDU6OmJlZm9yZSxcbiAgICAgICAgICAgIHVsID4gZGl2ID4gbGk6OmJlZm9yZSB7XG4gICAgICAgICAgICAgICAgJHtlcnJvclRpdGxlTWl4aW59XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIGhjbXMtcGFyZW50LWZpZWxkLXByb3ZpZGVyIHtcbiAgICAgICAgICAgICAgICAke2Vycm9yQm9yZGVyTWl4aW59XG5cbiAgICAgICAgICAgICAgICAvLyBvYmplY3QgZmllbGQgKG11bHRpcGxlIHZhbHVlcylcbiAgICAgICAgICAgICAgICAud2J5LWNvbnRlbnQtZW50cnktaW52YWxpZC1maWVsZCB7XG4gICAgICAgICAgICAgICAgICAgIGJvcmRlcjogbm9uZTtcbiAgICAgICAgICAgICAgICAgICAgcGFkZGluZy1sZWZ0OiAwO1xuICAgICAgICAgICAgICAgICAgICAuYWNjb3JkaW9uLXRpdGxlID4gc3BhbiB7XG4gICAgICAgICAgICAgICAgICAgICAgICBmb250LXdlaWdodDogYm9sZDtcbiAgICAgICAgICAgICAgICAgICAgICAgIGNvbG9yOiAke2Vycm9yQ29sb3J9O1xuICAgICAgICAgICAgICAgICAgICAgICAgOjpiZWZvcmUge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICR7ZXJyb3JUaXRsZU1peGlufVxuICAgICAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgJltkYXRhLWZpZWxkLXJlbmRlcmVyPVwib2JqZWN0LWFjY29yZGlvblwiXSxcbiAgICAgICAgJltkYXRhLWZpZWxkLXJlbmRlcmVyPVwib2JqZWN0cy1hY2NvcmRpb25cIl0ge1xuICAgICAgICAgICAgdWwgPiBkaXYgPiBsaTo6YmVmb3JlIHtcbiAgICAgICAgICAgICAgICAke2Vycm9yVGl0bGVNaXhpbn1cbiAgICAgICAgICAgICAgICBkaXNwbGF5OiBjb250ZW50cztcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgJHtlcnJvckJvcmRlck1peGlufVxuXG4gICAgICAgICAgICAmW2RhdGEtZmllbGQtbXVsdGlwbGUtdmFsdWVzPVwiZmFsc2VcIl0ge1xuICAgICAgICAgICAgICAgIHBhZGRpbmctbGVmdDogMHB4O1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAmW2RhdGEtZmllbGQtbXVsdGlwbGUtdmFsdWVzPVwidHJ1ZVwiXSB7XG4gICAgICAgICAgICAgICAgLndieS1jb250ZW50LWVudHJ5LWludmFsaWQtZmllbGQge1xuICAgICAgICAgICAgICAgICAgICBib3JkZXI6IG5vbmU7XG4gICAgICAgICAgICAgICAgICAgIHBhZGRpbmctbGVmdDogMDtcbiAgICAgICAgICAgICAgICAgICAgLy8gb2JqZWN0IGZpZWxkIChtdWx0aXBsZSB2YWx1ZXMpXG4gICAgICAgICAgICAgICAgICAgIC5hY2NvcmRpb24tdGl0bGUgPiBzcGFuIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xuICAgICAgICAgICAgICAgICAgICAgICAgY29sb3I6ICR7ZXJyb3JDb2xvcn07XG4gICAgICAgICAgICAgICAgICAgICAgICA6OmJlZm9yZSB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgJHtlcnJvclRpdGxlTWl4aW59XG4gICAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAvLyBmaWxlIGVycm9yXG4gICAgLndieS1jb250ZW50LWVudHJ5LWludmFsaWQtZmllbGRbZGF0YS1maWVsZC10eXBlPVwiZmlsZVwiXSB7XG4gICAgICAgICZbZGF0YS1maWVsZC1tdWx0aXBsZS12YWx1ZXM9XCJmYWxzZVwiXSA+IGRpdiA+IGRpdjpmaXJzdC1vZi10eXBlIHtcbiAgICAgICAgICAgID4gc3Bhbjo6YmVmb3JlIHtcbiAgICAgICAgICAgICAgICAke2Vycm9yVGl0bGVNaXhpbn1cbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgJHtlcnJvckJvcmRlck1peGlufVxuICAgICAgICB9XG5cbiAgICAgICAgJltkYXRhLWZpZWxkLW11bHRpcGxlLXZhbHVlcz1cInRydWVcIl0ge1xuICAgICAgICAgICAgPiBkaXYgPiBkaXYgPiBwOjpiZWZvcmUge1xuICAgICAgICAgICAgICAgICR7ZXJyb3JUaXRsZU1peGlufVxuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAke2Vycm9yQm9yZGVyTWl4aW59XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAud2J5LWNvbnRlbnQtZW50cnktaW52YWxpZC1maWVsZCA+IC53ZWJpbnktdWktYWNjb3JkaW9uIHtcbiAgICAgICAgbWFyZ2luLWxlZnQ6IC0xMHB4O1xuICAgIH1cblxuICAgIC53ZWJpbnktdWktYWNjb3JkaW9uOmhhcygud2J5LWNvbnRlbnQtZW50cnktaW52YWxpZC1maWVsZCkge1xuICAgICAgICBib3JkZXItcmFkaXVzOiA1cHg7XG4gICAgfVxuXG4gICAgLndieS1jb250ZW50LWVudHJ5LWludmFsaWQtZmllbGQgLndlYmlueS11aS1hY2NvcmRpb24taXRlbSB7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgICB9XG5cbiAgICAvLyBXZSBkb24ndCB3YW50IHRvIGFkZCBwYWRkaW5nLCBpZiB3ZSdyZSBhIGRpcmVjdCBjaGlsZCBvZiBhbiBcInVsXCIuXG4gICAgdWwgPiAud2J5LWNvbnRlbnQtZW50cnktaW52YWxpZC1maWVsZCB7XG4gICAgICAgIHBhZGRpbmctbGVmdDogMHB4O1xuICAgIH1cbmA7XG5cbmV4cG9ydCBpbnRlcmZhY2UgVmFsaWRhdGlvbkluZGljYXRvcnNQcm9wcyB7XG4gICAgaW52YWxpZEZpZWxkczogRm9ybVZhbGlkYXRpb247XG4gICAgY2xhc3NOYW1lPzogc3RyaW5nO1xufVxuXG5leHBvcnQgY29uc3QgVmFsaWRhdGlvbkluZGljYXRvcnMgPSBtYWtlRGVjb3JhdGFibGUoXG4gICAgXCJWYWxpZGF0aW9uSW5kaWNhdG9yc1wiLFxuICAgICh7XG4gICAgICAgIGludmFsaWRGaWVsZHMsXG4gICAgICAgIGNsYXNzTmFtZSA9IFwid2J5LWNvbnRlbnQtZW50cnktaW52YWxpZC1maWVsZFwiXG4gICAgfTogVmFsaWRhdGlvbkluZGljYXRvcnNQcm9wcykgPT4ge1xuICAgICAgICBjb25zdCB2aXN1YWxpemVEb21CeVBhdGggPSAocGF0aDogc3RyaW5nKSA9PiB7XG4gICAgICAgICAgICBjb25zdCBzZWxlY3RvciA9IGBoY21zLWZpZWxkLXZhbGlkYXRpb25bZGF0YS1wYXRoPVwiJHtwYXRofVwiXWA7XG4gICAgICAgICAgICBjb25zdCBtYXJrZXIgPSBBcnJheS5mcm9tKGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3JBbGwoc2VsZWN0b3IpLnZhbHVlcygpKVswXTtcbiAgICAgICAgICAgIGlmIChtYXJrZXIpIHtcbiAgICAgICAgICAgICAgICBtYXJrZXIuY2xhc3NMaXN0LmFkZChjbGFzc05hbWUpO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICBpZiAocGF0aC5pbmNsdWRlcyhcIi5cIikpIHtcbiAgICAgICAgICAgICAgICBjb25zdCBwYXRocyA9IHBhdGguc3BsaXQoXCIuXCIpO1xuICAgICAgICAgICAgICAgIGNvbnN0IHBhcmVudFBhdGggPSBwYXRocy5zbGljZSgwLCBwYXRocy5sZW5ndGggLSAxKTtcbiAgICAgICAgICAgICAgICB2aXN1YWxpemVEb21CeVBhdGgocGFyZW50UGF0aC5qb2luKFwiLlwiKSk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH07XG5cbiAgICAgICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgICAgICAgIGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3JBbGwoYC4ke2NsYXNzTmFtZX1gKS5mb3JFYWNoKGVsID0+IHtcbiAgICAgICAgICAgICAgICBlbC5jbGFzc0xpc3QucmVtb3ZlKGNsYXNzTmFtZSk7XG4gICAgICAgICAgICB9KTtcblxuICAgICAgICAgICAgZm9yIChjb25zdCBrZXkgb2YgT2JqZWN0LmtleXMoaW52YWxpZEZpZWxkcykpIHtcbiAgICAgICAgICAgICAgICB2aXN1YWxpemVEb21CeVBhdGgoa2V5KTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfSwgW2ludmFsaWRGaWVsZHNdKTtcblxuICAgICAgICByZXR1cm4gPEdsb2JhbCBzdHlsZXM9e2RlZmF1bHRDbGFzc30gLz47XG4gICAgfVxuKTtcbiJdfQ== */");
-var ValidationIndicators = exports.ValidationIndicators = (0, _reactComposition.makeDecoratable)("ValidationIndicators", function (_ref) {
-  var invalidFields = _ref.invalidFields,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? "wby-content-entry-invalid-field" : _ref$className;
-  var _visualizeDomByPath = function visualizeDomByPath(path) {
-    var selector = "hcms-field-validation[data-path=\"".concat(path, "\"]");
-    var marker = Array.from(document.querySelectorAll(selector).values())[0];
+const errorColor = `hsl(var(--border-destructive-default))`;
+const errorIcon = `var(--error-icon, "⚠️")`;
+const errorTitleMixin = `
+    content: ${errorIcon}!important;
+    margin-right: var(--spacing-xs-plus)!important;
+`;
+const noErrorTitleMixin = `
+    content: "";
+    margin: 0;
+`;
+const errorBorderMixin = `
+    border: 1px solid ${errorColor};
+`;
+const defaultClass = /*#__PURE__*/css(".wby-content-entry-invalid-field{.webiny_label-invalid{left:var(--spacing-sm-extra);.webiny_label-text::before{", errorTitleMixin, ";}}.webiny_accordion-item-title::before{", errorTitleMixin, ";}.webiny_accordion-title-text::before{", errorTitleMixin, ";}>hcms-parent-field-provider .webiny_group-label-text::before{", errorTitleMixin, ";}&[data-field-renderer=\"radio-buttons\"]{[role=\"radiogroup\"] .webiny_label-text::before{", noErrorTitleMixin, ";}}&[data-field-renderer=\"checkboxes\"]{[role=\"checkbox\"]+label .webiny_label-text::before{", noErrorTitleMixin, ";}}}.wby-content-entry-invalid-field[data-field-type=\"ref\"]{.webiny_group-label-text::before{", errorTitleMixin, ";}.webiny_ref-field-container{", errorBorderMixin, ";}&[data-field-renderer=\"ref-simple-single\"]{[role=\"radiogroup\"] .webiny_label-text::before{", noErrorTitleMixin, ";}[role=\"checkbox\"]+label .webiny_label-text::before{", noErrorTitleMixin, ";}}}.wby-content-entry-invalid-field[data-field-type=\"object\"]{&[data-field-renderer=\"object\"],&[data-field-renderer=\"objects\"]{.webiny_group-label-text::before{", errorTitleMixin, ";}label{left:0;.webiny_label-text::before{", noErrorTitleMixin, ";}}}}" + (process.env.NODE_ENV === "production" ? "" : ";label:defaultClass;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlZhbGlkYXRpb25JbmRpY2F0b3JzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0QndCIiwiZmlsZSI6IlZhbGlkYXRpb25JbmRpY2F0b3JzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB0eXBlIHsgRm9ybVZhbGlkYXRpb24gfSBmcm9tIFwiQHdlYmlueS9mb3JtXCI7XG5pbXBvcnQgeyBtYWtlRGVjb3JhdGFibGUgfSBmcm9tIFwiQHdlYmlueS9yZWFjdC1jb21wb3NpdGlvblwiO1xuaW1wb3J0IHsgR2xvYmFsLCBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcblxuLy8gVG8gY3VzdG9taXplIHRoZSBpY29uLCBkZWZpbmUgYSBDU1MgdmFyaWFibGUgd2l0aGluIHRoZSB2YWxpZGF0aW9uIGNsYXNzOlxuLy8gLndieS1jb250ZW50LWVudHJ5LWludmFsaWQtZmllbGQge1xuLy8gICAgIC0tZXJyb3ItaWNvbjogXCLwn6SUXCJcbi8vIH1cbi8vIFRvIGN1c3RvbWl6ZSB0aGUgYm9yZGVyIGNvbG9yLCB1c2UgdGhlIEFkbWluIFVJIENvbG9ycyBBUElzIHRvIG92ZXJyaWRlIHRoZSBkZWZhdWx0IGBkZXN0cnVjdGl2ZWAgY29sb3IgcGFsZXR0ZS5cblxuY29uc3QgZXJyb3JDb2xvciA9IGBoc2wodmFyKC0tYm9yZGVyLWRlc3RydWN0aXZlLWRlZmF1bHQpKWA7XG5jb25zdCBlcnJvckljb24gPSBgdmFyKC0tZXJyb3ItaWNvbiwgXCLimqDvuI9cIilgO1xuXG5jb25zdCBlcnJvclRpdGxlTWl4aW4gPSBgXG4gICAgY29udGVudDogJHtlcnJvckljb259IWltcG9ydGFudDtcbiAgICBtYXJnaW4tcmlnaHQ6IHZhcigtLXNwYWNpbmcteHMtcGx1cykhaW1wb3J0YW50O1xuYDtcblxuY29uc3Qgbm9FcnJvclRpdGxlTWl4aW4gPSBgXG4gICAgY29udGVudDogXCJcIjtcbiAgICBtYXJnaW46IDA7XG5gO1xuXG5jb25zdCBlcnJvckJvcmRlck1peGluID0gYFxuICAgIGJvcmRlcjogMXB4IHNvbGlkICR7ZXJyb3JDb2xvcn07XG5gO1xuXG5jb25zdCBkZWZhdWx0Q2xhc3MgPSBjc3NgXG4gICAgLndieS1jb250ZW50LWVudHJ5LWludmFsaWQtZmllbGQge1xuICAgICAgICAvLyBEZWZhdWx0IGZpZWxkc1xuICAgICAgICAud2ViaW55X2xhYmVsLWludmFsaWQge1xuICAgICAgICAgICAgbGVmdDogdmFyKC0tc3BhY2luZy1zbS1leHRyYSk7XG5cbiAgICAgICAgICAgIC53ZWJpbnlfbGFiZWwtdGV4dDo6YmVmb3JlIHtcbiAgICAgICAgICAgICAgICAke2Vycm9yVGl0bGVNaXhpbn1cbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgIC8vIGFjY29yZGlvblxuICAgICAgICAud2ViaW55X2FjY29yZGlvbi1pdGVtLXRpdGxlOjpiZWZvcmUge1xuICAgICAgICAgICAgJHtlcnJvclRpdGxlTWl4aW59XG4gICAgICAgIH1cbiAgICAgICAgLndlYmlueV9hY2NvcmRpb24tdGl0bGUtdGV4dDo6YmVmb3JlIHtcbiAgICAgICAgICAgICR7ZXJyb3JUaXRsZU1peGlufVxuICAgICAgICB9XG5cbiAgICAgICAgLy8gbXVsdGlwbGUgZW50cmllc1xuICAgICAgICA+IGhjbXMtcGFyZW50LWZpZWxkLXByb3ZpZGVyIC53ZWJpbnlfZ3JvdXAtbGFiZWwtdGV4dDo6YmVmb3JlIHtcbiAgICAgICAgICAgICR7ZXJyb3JUaXRsZU1peGlufVxuICAgICAgICB9XG5cbiAgICAgICAgLy8gcmFkaW8gYnV0dG9uc1xuICAgICAgICAmW2RhdGEtZmllbGQtcmVuZGVyZXI9XCJyYWRpby1idXR0b25zXCJdIHtcbiAgICAgICAgICAgIFtyb2xlPVwicmFkaW9ncm91cFwiXSAud2ViaW55X2xhYmVsLXRleHQ6OmJlZm9yZSB7XG4gICAgICAgICAgICAgICAgJHtub0Vycm9yVGl0bGVNaXhpbn1cbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgIC8vIGNoZWNrYm94ZXNcbiAgICAgICAgJltkYXRhLWZpZWxkLXJlbmRlcmVyPVwiY2hlY2tib3hlc1wiXSB7XG4gICAgICAgICAgICBbcm9sZT1cImNoZWNrYm94XCJdICsgbGFiZWwgLndlYmlueV9sYWJlbC10ZXh0OjpiZWZvcmUge1xuICAgICAgICAgICAgICAgICR7bm9FcnJvclRpdGxlTWl4aW59XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAvLyByZWZlcmVuY2UgZmllbGRcbiAgICAud2J5LWNvbnRlbnQtZW50cnktaW52YWxpZC1maWVsZFtkYXRhLWZpZWxkLXR5cGU9XCJyZWZcIl0ge1xuICAgICAgICAud2ViaW55X2dyb3VwLWxhYmVsLXRleHQ6OmJlZm9yZSB7XG4gICAgICAgICAgICAke2Vycm9yVGl0bGVNaXhpbn1cbiAgICAgICAgfVxuXG4gICAgICAgIC53ZWJpbnlfcmVmLWZpZWxkLWNvbnRhaW5lciB7XG4gICAgICAgICAgICAke2Vycm9yQm9yZGVyTWl4aW59XG4gICAgICAgIH1cblxuICAgICAgICAmW2RhdGEtZmllbGQtcmVuZGVyZXI9XCJyZWYtc2ltcGxlLXNpbmdsZVwiXSB7XG4gICAgICAgICAgICBbcm9sZT1cInJhZGlvZ3JvdXBcIl0gLndlYmlueV9sYWJlbC10ZXh0OjpiZWZvcmUge1xuICAgICAgICAgICAgICAgICR7bm9FcnJvclRpdGxlTWl4aW59XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIFtyb2xlPVwiY2hlY2tib3hcIl0gKyBsYWJlbCAud2ViaW55X2xhYmVsLXRleHQ6OmJlZm9yZSB7XG4gICAgICAgICAgICAgICAgJHtub0Vycm9yVGl0bGVNaXhpbn1cbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH1cblxuICAgIC8vIE9iamVjdCBmaWVsZFxuICAgIC53YnktY29udGVudC1lbnRyeS1pbnZhbGlkLWZpZWxkW2RhdGEtZmllbGQtdHlwZT1cIm9iamVjdFwiXSB7XG4gICAgICAgICZbZGF0YS1maWVsZC1yZW5kZXJlcj1cIm9iamVjdFwiXSxcbiAgICAgICAgJltkYXRhLWZpZWxkLXJlbmRlcmVyPVwib2JqZWN0c1wiXSB7XG4gICAgICAgICAgICAud2ViaW55X2dyb3VwLWxhYmVsLXRleHQ6OmJlZm9yZSB7XG4gICAgICAgICAgICAgICAgJHtlcnJvclRpdGxlTWl4aW59XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIGxhYmVsIHtcbiAgICAgICAgICAgICAgICBsZWZ0OiAwO1xuXG4gICAgICAgICAgICAgICAgLndlYmlueV9sYWJlbC10ZXh0OjpiZWZvcmUge1xuICAgICAgICAgICAgICAgICAgICAke25vRXJyb3JUaXRsZU1peGlufVxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH1cbmA7XG5cbmV4cG9ydCBpbnRlcmZhY2UgVmFsaWRhdGlvbkluZGljYXRvcnNQcm9wcyB7XG4gICAgaW52YWxpZEZpZWxkczogRm9ybVZhbGlkYXRpb247XG4gICAgY2xhc3NOYW1lPzogc3RyaW5nO1xufVxuXG5leHBvcnQgY29uc3QgVmFsaWRhdGlvbkluZGljYXRvcnMgPSBtYWtlRGVjb3JhdGFibGUoXG4gICAgXCJWYWxpZGF0aW9uSW5kaWNhdG9yc1wiLFxuICAgICh7XG4gICAgICAgIGludmFsaWRGaWVsZHMsXG4gICAgICAgIGNsYXNzTmFtZSA9IFwid2J5LWNvbnRlbnQtZW50cnktaW52YWxpZC1maWVsZFwiXG4gICAgfTogVmFsaWRhdGlvbkluZGljYXRvcnNQcm9wcykgPT4ge1xuICAgICAgICBjb25zdCB2aXN1YWxpemVEb21CeVBhdGggPSAocGF0aDogc3RyaW5nKSA9PiB7XG4gICAgICAgICAgICBjb25zdCBzZWxlY3RvciA9IGBoY21zLWZpZWxkLXZhbGlkYXRpb25bZGF0YS1wYXRoPVwiJHtwYXRofVwiXWA7XG4gICAgICAgICAgICBjb25zdCBtYXJrZXIgPSBBcnJheS5mcm9tKGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3JBbGwoc2VsZWN0b3IpLnZhbHVlcygpKVswXTtcbiAgICAgICAgICAgIGlmIChtYXJrZXIpIHtcbiAgICAgICAgICAgICAgICBtYXJrZXIuY2xhc3NMaXN0LmFkZChjbGFzc05hbWUpO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICBpZiAocGF0aC5pbmNsdWRlcyhcIi5cIikpIHtcbiAgICAgICAgICAgICAgICBjb25zdCBwYXRocyA9IHBhdGguc3BsaXQoXCIuXCIpO1xuICAgICAgICAgICAgICAgIGNvbnN0IHBhcmVudFBhdGggPSBwYXRocy5zbGljZSgwLCBwYXRocy5sZW5ndGggLSAxKTtcbiAgICAgICAgICAgICAgICB2aXN1YWxpemVEb21CeVBhdGgocGFyZW50UGF0aC5qb2luKFwiLlwiKSk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH07XG5cbiAgICAgICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgICAgICAgIGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3JBbGwoYC4ke2NsYXNzTmFtZX1gKS5mb3JFYWNoKGVsID0+IHtcbiAgICAgICAgICAgICAgICBlbC5jbGFzc0xpc3QucmVtb3ZlKGNsYXNzTmFtZSk7XG4gICAgICAgICAgICB9KTtcblxuICAgICAgICAgICAgZm9yIChjb25zdCBrZXkgb2YgT2JqZWN0LmtleXMoaW52YWxpZEZpZWxkcykpIHtcbiAgICAgICAgICAgICAgICB2aXN1YWxpemVEb21CeVBhdGgoa2V5KTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfSwgW2ludmFsaWRGaWVsZHNdKTtcblxuICAgICAgICByZXR1cm4gPEdsb2JhbCBzdHlsZXM9e2RlZmF1bHRDbGFzc30gLz47XG4gICAgfVxuKTtcbiJdfQ== */");
+export const ValidationIndicators = makeDecoratable("ValidationIndicators", ({
+  invalidFields,
+  className = "wby-content-entry-invalid-field"
+}) => {
+  const visualizeDomByPath = path => {
+    const selector = `hcms-field-validation[data-path="${path}"]`;
+    const marker = Array.from(document.querySelectorAll(selector).values())[0];
     if (marker) {
       marker.classList.add(className);
     }
     if (path.includes(".")) {
-      var paths = path.split(".");
-      var parentPath = paths.slice(0, paths.length - 1);
-      _visualizeDomByPath(parentPath.join("."));
+      const paths = path.split(".");
+      const parentPath = paths.slice(0, paths.length - 1);
+      visualizeDomByPath(parentPath.join("."));
     }
   };
-  (0, _react.useEffect)(function () {
-    document.querySelectorAll(".".concat(className)).forEach(function (el) {
+  useEffect(() => {
+    document.querySelectorAll(`.${className}`).forEach(el => {
       el.classList.remove(className);
     });
-    for (var _i = 0, _Object$keys = Object.keys(invalidFields); _i < _Object$keys.length; _i++) {
-      var key = _Object$keys[_i];
-      _visualizeDomByPath(key);
+    for (const key of Object.keys(invalidFields)) {
+      visualizeDomByPath(key);
     }
   }, [invalidFields]);
-  return /*#__PURE__*/_react.default.createElement(_react2.Global, {
+  return /*#__PURE__*/React.createElement(Global, {
     styles: defaultClass
   });
 });

package/admin/views/contentEntries/ValidationIndicators.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactComposition","_react2","errorColor","errorIcon","errorTitleMixin","concat","errorBorderMixin","defaultClass","css","process","env","NODE_ENV","ValidationIndicators","exports","makeDecoratable","_ref","invalidFields","_ref$className","className","visualizeDomByPath","path","selector","marker","Array","from","document","querySelectorAll","values","classList","add","includes","paths","split","parentPath","slice","length","join","useEffect","forEach","el","remove","_i","_Object$keys","Object","keys","key","default","createElement","Global","styles"],"sources":["ValidationIndicators.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport type { FormValidation } from \"@webiny/form\";\nimport { makeDecoratable } from \"@webiny/react-composition\";\nimport { Global, css } from \"@emotion/react\";\n\n// To customize the color and icon, define a CSS variable within the validation class:\n// .wby-content-entry-invalid-field {\n//     --error-color: blue;\n//     --error-icon: \"🤔\"\n// }\n\nconst errorColor = `var(--error-color, #fa5723)`;\nconst errorIcon = `var(--error-icon, \"⚠️\")`;\n\nconst errorTitleMixin = `\n    content: ${errorIcon};\n    margin-right: 5px;\n`;\n\nconst errorBorderMixin = `\n    border-left: 5px solid ${errorColor};\n    padding-left: 10px;\n    border-top-left-radius: 5px; \n    border-bottom-left-radius: 5px;\n`;\n\nconst defaultClass = css`\n    // default behavior for error fields\n    .wby-content-entry-invalid-field {\n        ${errorBorderMixin}\n    }\n\n    // reset the default behavior for fields that we want to manually control\n    .wby-content-entry-invalid-field[data-field-type=\"text\"],\n    .wby-content-entry-invalid-field[data-field-type=\"number\"],\n    .wby-content-entry-invalid-field[data-field-type=\"datetime\"],\n    .wby-content-entry-invalid-field[data-field-type=\"long-text\"],\n    .wby-content-entry-invalid-field[data-field-type=\"dynamicZone\"],\n    .wby-content-entry-invalid-field[data-field-type=\"object\"],\n    .wby-content-entry-invalid-field[data-field-type=\"ref\"],\n    .wby-content-entry-invalid-field[data-field-type=\"file\"] {\n        border: none;\n        padding-left: 0;\n        border-radius: 0;\n    }\n\n    // short text error\n    // long text error\n    // number error\n    // checkbox error\n    // select error\n    // date time error\n    .wby-content-entry-invalid-field[data-field-type=\"text\"],\n    .wby-content-entry-invalid-field[data-field-type=\"ref\"][data-field-renderer=\"ref-input\"],\n    .wby-content-entry-invalid-field[data-field-type=\"number\"],\n    .wby-content-entry-invalid-field[data-field-type=\"datetime\"],\n    .wby-content-entry-invalid-field[data-field-type=\"long-text\"] {\n        // input renderer\n        &[data-field-multiple-values=\"false\"]:not([data-field-renderer=\"radio-buttons\"])\n            label:first-of-type,\n        &[data-field-multiple-values=\"true\"] > hcms-parent-field-provider,\n        > label {\n            ${errorBorderMixin}\n            .mdc-floating-label {\n                left: 12px;\n            }\n\n            .mdc-floating-label::before {\n                ${errorTitleMixin}\n            }\n        }\n\n        &[data-field-multiple-values=\"true\"] > hcms-parent-field-provider {\n            display: block;\n        }\n\n        // multiple entries\n        > hcms-parent-field-provider h5::before {\n            ${errorTitleMixin}\n        }\n\n        // radio buttons\n        &[data-field-renderer=\"radio-buttons\"] {\n            > div:first-of-type::before {\n                ${errorTitleMixin}\n                padding-right: 10px;\n            }\n            ${errorBorderMixin}\n        }\n\n        // select box\n        &[data-field-renderer=\"select-box\"] {\n            .mdc-floating-label::before {\n                ${errorTitleMixin}\n            }\n\n            .webiny-ui-select {\n                ${errorBorderMixin}\n                padding-left: 0;\n                box-sizing: border-box;\n            }\n        }\n\n        // checkboxes\n        &[data-field-renderer=\"checkboxes\"] {\n            > div:first-of-type::before {\n                ${errorTitleMixin}\n                padding-right: 10px;\n            }\n            ${errorBorderMixin}\n        }\n    }\n\n    // reference field\n    .wby-content-entry-invalid-field[data-field-type=\"ref\"][data-field-multiple-values=\"false\"] {\n        h3::before,\n        h5::before {\n            ${errorTitleMixin}\n        }\n\n        &:not([data-field-renderer=\"ref-input\"]) {\n            ${errorBorderMixin}\n        }\n\n        .wby-content-entry-invalid-field[data-field-type=\"dynamicZone\"] {\n            padding-left: 0px;\n        }\n    }\n\n    // dynamic zone\n    .wby-content-entry-invalid-field[data-field-type=\"dynamicZone\"] {\n        ul > div > li::before {\n            ${errorTitleMixin}\n        }\n\n        ${errorBorderMixin}\n\n        .wby-content-entry-invalid-field[data-field-type=\"dynamicZone\"] {\n            padding-left: 0px;\n        }\n\n        hcms-parent-field-provider .wby-content-entry-invalid-field {\n            li > .webiny-ui-accordion-item__title {\n                font-weight: bold;\n                color: ${errorColor};\n            }\n        }\n    }\n\n    // object field\n    .wby-content-entry-invalid-field[data-field-type=\"object\"] {\n        &[data-field-renderer=\"object\"],\n        &[data-field-renderer=\"objects\"] {\n            h5::before,\n            ul > div > li::before {\n                ${errorTitleMixin}\n            }\n\n            hcms-parent-field-provider {\n                ${errorBorderMixin}\n\n                // object field (multiple values)\n                .wby-content-entry-invalid-field {\n                    border: none;\n                    padding-left: 0;\n                    .accordion-title > span {\n                        font-weight: bold;\n                        color: ${errorColor};\n                        ::before {\n                            ${errorTitleMixin}\n                        }\n                    }\n                }\n            }\n        }\n\n        &[data-field-renderer=\"object-accordion\"],\n        &[data-field-renderer=\"objects-accordion\"] {\n            ul > div > li::before {\n                ${errorTitleMixin}\n                display: contents;\n            }\n\n            ${errorBorderMixin}\n\n            &[data-field-multiple-values=\"false\"] {\n                padding-left: 0px;\n            }\n\n            &[data-field-multiple-values=\"true\"] {\n                .wby-content-entry-invalid-field {\n                    border: none;\n                    padding-left: 0;\n                    // object field (multiple values)\n                    .accordion-title > span {\n                        font-weight: bold;\n                        color: ${errorColor};\n                        ::before {\n                            ${errorTitleMixin}\n                        }\n                    }\n                }\n            }\n        }\n    }\n\n    // file error\n    .wby-content-entry-invalid-field[data-field-type=\"file\"] {\n        &[data-field-multiple-values=\"false\"] > div > div:first-of-type {\n            > span::before {\n                ${errorTitleMixin}\n            }\n\n            ${errorBorderMixin}\n        }\n\n        &[data-field-multiple-values=\"true\"] {\n            > div > div > p::before {\n                ${errorTitleMixin}\n            }\n\n            ${errorBorderMixin}\n        }\n    }\n\n    .wby-content-entry-invalid-field > .webiny-ui-accordion {\n        margin-left: -10px;\n    }\n\n    .webiny-ui-accordion:has(.wby-content-entry-invalid-field) {\n        border-radius: 5px;\n    }\n\n    .wby-content-entry-invalid-field .webiny-ui-accordion-item {\n        border-radius: 5px;\n    }\n\n    // We don't want to add padding, if we're a direct child of an \"ul\".\n    ul > .wby-content-entry-invalid-field {\n        padding-left: 0px;\n    }\n`;\n\nexport interface ValidationIndicatorsProps {\n    invalidFields: FormValidation;\n    className?: string;\n}\n\nexport const ValidationIndicators = makeDecoratable(\n    \"ValidationIndicators\",\n    ({\n        invalidFields,\n        className = \"wby-content-entry-invalid-field\"\n    }: ValidationIndicatorsProps) => {\n        const visualizeDomByPath = (path: string) => {\n            const selector = `hcms-field-validation[data-path=\"${path}\"]`;\n            const marker = Array.from(document.querySelectorAll(selector).values())[0];\n            if (marker) {\n                marker.classList.add(className);\n            }\n\n            if (path.includes(\".\")) {\n                const paths = path.split(\".\");\n                const parentPath = paths.slice(0, paths.length - 1);\n                visualizeDomByPath(parentPath.join(\".\"));\n            }\n        };\n\n        useEffect(() => {\n            document.querySelectorAll(`.${className}`).forEach(el => {\n                el.classList.remove(className);\n            });\n\n            for (const key of Object.keys(invalidFields)) {\n                visualizeDomByPath(key);\n            }\n        }, [invalidFields]);\n\n        return <Global styles={defaultClass} />;\n    }\n);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useEffect","makeDecoratable","Global","css","errorColor","errorIcon","errorTitleMixin","noErrorTitleMixin","errorBorderMixin","defaultClass","process","env","NODE_ENV","ValidationIndicators","invalidFields","className","visualizeDomByPath","path","selector","marker","Array","from","document","querySelectorAll","values","classList","add","includes","paths","split","parentPath","slice","length","join","forEach","el","remove","key","Object","keys","createElement","styles"],"sources":["ValidationIndicators.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport type { FormValidation } from \"@webiny/form\";\nimport { makeDecoratable } from \"@webiny/react-composition\";\nimport { Global, css } from \"@emotion/react\";\n\n// To customize the icon, define a CSS variable within the validation class:\n// .wby-content-entry-invalid-field {\n//     --error-icon: \"🤔\"\n// }\n// To customize the border color, use the Admin UI Colors APIs to override the default `destructive` color palette.\n\nconst errorColor = `hsl(var(--border-destructive-default))`;\nconst errorIcon = `var(--error-icon, \"⚠️\")`;\n\nconst errorTitleMixin = `\n    content: ${errorIcon}!important;\n    margin-right: var(--spacing-xs-plus)!important;\n`;\n\nconst noErrorTitleMixin = `\n    content: \"\";\n    margin: 0;\n`;\n\nconst errorBorderMixin = `\n    border: 1px solid ${errorColor};\n`;\n\nconst defaultClass = css`\n    .wby-content-entry-invalid-field {\n        // Default fields\n        .webiny_label-invalid {\n            left: var(--spacing-sm-extra);\n\n            .webiny_label-text::before {\n                ${errorTitleMixin}\n            }\n        }\n\n        // accordion\n        .webiny_accordion-item-title::before {\n            ${errorTitleMixin}\n        }\n        .webiny_accordion-title-text::before {\n            ${errorTitleMixin}\n        }\n\n        // multiple entries\n        > hcms-parent-field-provider .webiny_group-label-text::before {\n            ${errorTitleMixin}\n        }\n\n        // radio buttons\n        &[data-field-renderer=\"radio-buttons\"] {\n            [role=\"radiogroup\"] .webiny_label-text::before {\n                ${noErrorTitleMixin}\n            }\n        }\n\n        // checkboxes\n        &[data-field-renderer=\"checkboxes\"] {\n            [role=\"checkbox\"] + label .webiny_label-text::before {\n                ${noErrorTitleMixin}\n            }\n        }\n    }\n\n    // reference field\n    .wby-content-entry-invalid-field[data-field-type=\"ref\"] {\n        .webiny_group-label-text::before {\n            ${errorTitleMixin}\n        }\n\n        .webiny_ref-field-container {\n            ${errorBorderMixin}\n        }\n\n        &[data-field-renderer=\"ref-simple-single\"] {\n            [role=\"radiogroup\"] .webiny_label-text::before {\n                ${noErrorTitleMixin}\n            }\n\n            [role=\"checkbox\"] + label .webiny_label-text::before {\n                ${noErrorTitleMixin}\n            }\n        }\n    }\n\n    // Object field\n    .wby-content-entry-invalid-field[data-field-type=\"object\"] {\n        &[data-field-renderer=\"object\"],\n        &[data-field-renderer=\"objects\"] {\n            .webiny_group-label-text::before {\n                ${errorTitleMixin}\n            }\n\n            label {\n                left: 0;\n\n                .webiny_label-text::before {\n                    ${noErrorTitleMixin}\n                }\n            }\n        }\n    }\n`;\n\nexport interface ValidationIndicatorsProps {\n    invalidFields: FormValidation;\n    className?: string;\n}\n\nexport const ValidationIndicators = makeDecoratable(\n    \"ValidationIndicators\",\n    ({\n        invalidFields,\n        className = \"wby-content-entry-invalid-field\"\n    }: ValidationIndicatorsProps) => {\n        const visualizeDomByPath = (path: string) => {\n            const selector = `hcms-field-validation[data-path=\"${path}\"]`;\n            const marker = Array.from(document.querySelectorAll(selector).values())[0];\n            if (marker) {\n                marker.classList.add(className);\n            }\n\n            if (path.includes(\".\")) {\n                const paths = path.split(\".\");\n                const parentPath = paths.slice(0, paths.length - 1);\n                visualizeDomByPath(parentPath.join(\".\"));\n            }\n        };\n\n        useEffect(() => {\n            document.querySelectorAll(`.${className}`).forEach(el => {\n                el.classList.remove(className);\n            });\n\n            for (const key of Object.keys(invalidFields)) {\n                visualizeDomByPath(key);\n            }\n        }, [invalidFields]);\n\n        return <Global styles={defaultClass} />;\n    }\n);\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AAExC,SAASC,eAAe,QAAQ,2BAA2B;AAC3D,SAASC,MAAM,EAAEC,GAAG,QAAQ,gBAAgB;;AAE5C;AACA;AACA;AACA;AACA;;AAEA,MAAMC,UAAU,GAAG,wCAAwC;AAC3D,MAAMC,SAAS,GAAG,yBAAyB;AAE3C,MAAMC,eAAe,GAAG;AACxB,eAAeD,SAAS;AACxB;AACA,CAAC;AAED,MAAME,iBAAiB,GAAG;AAC1B;AACA;AACA,CAAC;AAED,MAAMC,gBAAgB,GAAG;AACzB,wBAAwBJ,UAAU;AAClC,CAAC;AAED,MAAMK,YAAY,gBAAGN,GAAG,oHAONG,eAAe,8CAMnBA,eAAe,6CAGfA,eAAe,qEAKfA,eAAe,kGAMXC,iBAAiB,oGAOjBA,iBAAiB,qGAQrBD,eAAe,oCAIfE,gBAAgB,sGAKZD,iBAAiB,6DAIjBA,iBAAiB,6KAUjBD,eAAe,gDAOXC,iBAAiB,aAAAG,OAAA,CAAAC,GAAA,CAAAC,QAAA,kDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,m0LAKtC;AAOD,OAAO,MAAMC,oBAAoB,GAAGZ,eAAe,CAC/C,sBAAsB,EACtB,CAAC;EACGa,aAAa;EACbC,SAAS,GAAG;AACW,CAAC,KAAK;EAC7B,MAAMC,kBAAkB,GAAIC,IAAY,IAAK;IACzC,MAAMC,QAAQ,GAAG,oCAAoCD,IAAI,IAAI;IAC7D,MAAME,MAAM,GAAGC,KAAK,CAACC,IAAI,CAACC,QAAQ,CAACC,gBAAgB,CAACL,QAAQ,CAAC,CAACM,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC1E,IAAIL,MAAM,EAAE;MACRA,MAAM,CAACM,SAAS,CAACC,GAAG,CAACX,SAAS,CAAC;IACnC;IAEA,IAAIE,IAAI,CAACU,QAAQ,CAAC,GAAG,CAAC,EAAE;MACpB,MAAMC,KAAK,GAAGX,IAAI,CAACY,KAAK,CAAC,GAAG,CAAC;MAC7B,MAAMC,UAAU,GAAGF,KAAK,CAACG,KAAK,CAAC,CAAC,EAAEH,KAAK,CAACI,MAAM,GAAG,CAAC,CAAC;MACnDhB,kBAAkB,CAACc,UAAU,CAACG,IAAI,CAAC,GAAG,CAAC,CAAC;IAC5C;EACJ,CAAC;EAEDjC,SAAS,CAAC,MAAM;IACZsB,QAAQ,CAACC,gBAAgB,CAAC,IAAIR,SAAS,EAAE,CAAC,CAACmB,OAAO,CAACC,EAAE,IAAI;MACrDA,EAAE,CAACV,SAAS,CAACW,MAAM,CAACrB,SAAS,CAAC;IAClC,CAAC,CAAC;IAEF,KAAK,MAAMsB,GAAG,IAAIC,MAAM,CAACC,IAAI,CAACzB,aAAa,CAAC,EAAE;MAC1CE,kBAAkB,CAACqB,GAAG,CAAC;IAC3B;EACJ,CAAC,EAAE,CAACvB,aAAa,CAAC,CAAC;EAEnB,oBAAOf,KAAA,CAAAyC,aAAA,CAACtC,MAAM;IAACuC,MAAM,EAAEhC;EAAa,CAAE,CAAC;AAC3C,CACJ,CAAC","ignoreList":[]}

package/admin/views/contentEntries/hooks/index.js

@@ -1,51 +1,6 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _useContentEntries = require("./useContentEntries");
-Object.keys(_useContentEntries).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _useContentEntries[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _useContentEntries[key];
-    }
-  });
-});
-var _useContentEntriesList = require("./useContentEntriesList");
-Object.keys(_useContentEntriesList).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _useContentEntriesList[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _useContentEntriesList[key];
-    }
-  });
-});
-var _useContentEntry = require("./useContentEntry");
-Object.keys(_useContentEntry).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _useContentEntry[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _useContentEntry[key];
-    }
-  });
-});
-var _useMoveContentEntryToFolder = require("./useMoveContentEntryToFolder");
-Object.keys(_useMoveContentEntryToFolder).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _useMoveContentEntryToFolder[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _useMoveContentEntryToFolder[key];
-    }
-  });
-});
+export * from "./useContentEntries";
+export * from "./useContentEntriesList";
+export * from "./useContentEntry";
+export * from "./useMoveContentEntryToFolder";
 
 //# sourceMappingURL=index.js.map

package/admin/views/contentEntries/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_useContentEntries","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_useContentEntriesList","_useContentEntry","_useMoveContentEntryToFolder"],"sources":["index.ts"],"sourcesContent":["export * from \"./useContentEntries\";\nexport * from \"./useContentEntriesList\";\nexport * from \"./useContentEntry\";\nexport * from \"./useMoveContentEntryToFolder\";\n"],"mappings":";;;;;AAAA,IAAAA,kBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,kBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,kBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,kBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,sBAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,sBAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,sBAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAC,sBAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,gBAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,gBAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,gBAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAE,gBAAA,CAAAN,GAAA;IAAA;EAAA;AAAA;AACA,IAAAO,4BAAA,GAAAX,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAS,4BAAA,EAAAR,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAO,4BAAA,CAAAP,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAG,4BAAA,CAAAP,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./useContentEntries\";\nexport * from \"./useContentEntriesList\";\nexport * from \"./useContentEntry\";\nexport * from \"./useMoveContentEntryToFolder\";\n"],"mappings":"AAAA;AACA;AACA;AACA","ignoreList":[]}

package/admin/views/contentEntries/hooks/useContentEntries.js

@@ -1,15 +1,9 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useContentEntries = useContentEntries;
-var _react = require("react");
-var _ContentEntriesContext = require("../ContentEntriesContext");
-function useContentEntries() {
-  var context = (0, _react.useContext)(_ContentEntriesContext.ContentEntriesContext);
+import { useContext } from "react";
+import { ContentEntriesContext } from "../ContentEntriesContext";
+export function useContentEntries() {
+  const context = useContext(ContentEntriesContext);
   if (!context) {
-    throw Error("Missing \"ContentEntriesContext\" provider in the component tree!");
+    throw Error(`Missing "ContentEntriesContext" provider in the component tree!`);
   }
   return context;
 }

package/admin/views/contentEntries/hooks/useContentEntries.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_ContentEntriesContext","useContentEntries","context","useContext","ContentEntriesContext","Error"],"sources":["useContentEntries.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { ContentEntriesContext } from \"../ContentEntriesContext\";\n\nexport function useContentEntries() {\n    const context = useContext(ContentEntriesContext);\n    if (!context) {\n        throw Error(`Missing \"ContentEntriesContext\" provider in the component tree!`);\n    }\n\n    return context;\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,sBAAA,GAAAD,OAAA;AAEO,SAASE,iBAAiBA,CAAA,EAAG;EAChC,IAAMC,OAAO,GAAG,IAAAC,iBAAU,EAACC,4CAAqB,CAAC;EACjD,IAAI,CAACF,OAAO,EAAE;IACV,MAAMG,KAAK,oEAAkE,CAAC;EAClF;EAEA,OAAOH,OAAO;AAClB","ignoreList":[]}
+{"version":3,"names":["useContext","ContentEntriesContext","useContentEntries","context","Error"],"sources":["useContentEntries.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { ContentEntriesContext } from \"../ContentEntriesContext\";\n\nexport function useContentEntries() {\n    const context = useContext(ContentEntriesContext);\n    if (!context) {\n        throw Error(`Missing \"ContentEntriesContext\" provider in the component tree!`);\n    }\n\n    return context;\n}\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,qBAAqB;AAE9B,OAAO,SAASC,iBAAiBA,CAAA,EAAG;EAChC,MAAMC,OAAO,GAAGH,UAAU,CAACC,qBAAqB,CAAC;EACjD,IAAI,CAACE,OAAO,EAAE;IACV,MAAMC,KAAK,CAAC,iEAAiE,CAAC;EAClF;EAEA,OAAOD,OAAO;AAClB","ignoreList":[]}