@webiny/app-headless-cms 6.0.0-alpha.5 → 6.0.0-rc.0

package/admin/views/contentEntries/ValidationIndicators.js

@@ -1,53 +1,73 @@
+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, { useEffect } from "react";
 import { makeDecoratable } from "@webiny/react-composition";
 import { Global, css } from "@emotion/react";
 
-// To customize the icon, define a CSS variable within the validation class:
-// .wby-content-entry-invalid-field {
-//     --error-icon: "🤔"
-// }
 // To customize the border color, use the Admin UI Colors APIs to override the default `destructive` color palette.
 
-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== */");
+const ERROR_COLOR = `hsl(var(--border-destructive-default))`;
+const ERROR_COLOR_MUTED = `hsl(var(--bg-destructive-muted))`;
+const createErrorIconDataUrl = () => {
+  const svgString = `
+        <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <path d="M8.0013 4.32663L13.0213 13H2.9813L8.0013 4.32663ZM8.0013 1.66663L0.667969 14.3333H15.3346L8.0013 1.66663ZM8.66797 11H7.33463V12.3333H8.66797V11ZM8.66797 6.99996H7.33463V9.66663H8.66797V6.99996Z" fill="white"/>
+        </svg>
+    `;
+  return `data:image/svg+xml;charset=utf-8,${encodeURIComponent(svgString)}`;
+};
+const SVG_DATA_URL = createErrorIconDataUrl();
+
+// Style mixins
+const errorIconStyles = /*#__PURE__*/css("content:\"\"!important;display:inline-block;width:20px;height:20px;margin-right:var(--spacing-xs-plus)!important;background-color:", ERROR_COLOR_MUTED, "!important;background-image:url(", SVG_DATA_URL, ");background-size:80%;background-position:center;background-repeat:no-repeat;border-radius:4px;" + (process.env.NODE_ENV === "production" ? "" : ";label:errorIconStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlZhbGlkYXRpb25JbmRpY2F0b3JzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQjJCIiwiZmlsZSI6IlZhbGlkYXRpb25JbmRpY2F0b3JzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB0eXBlIHsgRm9ybVZhbGlkYXRpb24gfSBmcm9tIFwiQHdlYmlueS9mb3JtXCI7XG5pbXBvcnQgeyBtYWtlRGVjb3JhdGFibGUgfSBmcm9tIFwiQHdlYmlueS9yZWFjdC1jb21wb3NpdGlvblwiO1xuaW1wb3J0IHsgR2xvYmFsLCBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcblxuLy8gVG8gY3VzdG9taXplIHRoZSBib3JkZXIgY29sb3IsIHVzZSB0aGUgQWRtaW4gVUkgQ29sb3JzIEFQSXMgdG8gb3ZlcnJpZGUgdGhlIGRlZmF1bHQgYGRlc3RydWN0aXZlYCBjb2xvciBwYWxldHRlLlxuXG5jb25zdCBFUlJPUl9DT0xPUiA9IGBoc2wodmFyKC0tYm9yZGVyLWRlc3RydWN0aXZlLWRlZmF1bHQpKWA7XG5jb25zdCBFUlJPUl9DT0xPUl9NVVRFRCA9IGBoc2wodmFyKC0tYmctZGVzdHJ1Y3RpdmUtbXV0ZWQpKWA7XG5cbmNvbnN0IGNyZWF0ZUVycm9ySWNvbkRhdGFVcmwgPSAoKTogc3RyaW5nID0+IHtcbiAgICBjb25zdCBzdmdTdHJpbmcgPSBgXG4gICAgICAgIDxzdmcgd2lkdGg9XCIxNlwiIGhlaWdodD1cIjE2XCIgdmlld0JveD1cIjAgMCAxNiAxNlwiIGZpbGw9XCJub25lXCIgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiPlxuICAgICAgICAgICAgPHBhdGggZD1cIk04LjAwMTMgNC4zMjY2M0wxMy4wMjEzIDEzSDIuOTgxM0w4LjAwMTMgNC4zMjY2M1pNOC4wMDEzIDEuNjY2NjNMMC42Njc5NjkgMTQuMzMzM0gxNS4zMzQ2TDguMDAxMyAxLjY2NjYzWk04LjY2Nzk3IDExSDcuMzM0NjNWMTIuMzMzM0g4LjY2Nzk3VjExWk04LjY2Nzk3IDYuOTk5OTZINy4zMzQ2M1Y5LjY2NjYzSDguNjY3OTdWNi45OTk5NlpcIiBmaWxsPVwid2hpdGVcIi8+XG4gICAgICAgIDwvc3ZnPlxuICAgIGA7XG4gICAgcmV0dXJuIGBkYXRhOmltYWdlL3N2Zyt4bWw7Y2hhcnNldD11dGYtOCwke2VuY29kZVVSSUNvbXBvbmVudChzdmdTdHJpbmcpfWA7XG59O1xuXG5jb25zdCBTVkdfREFUQV9VUkwgPSBjcmVhdGVFcnJvckljb25EYXRhVXJsKCk7XG5cbi8vIFN0eWxlIG1peGluc1xuY29uc3QgZXJyb3JJY29uU3R5bGVzID0gY3NzYFxuICAgIGNvbnRlbnQ6IFwiXCIgIWltcG9ydGFudDtcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgd2lkdGg6IDIwcHg7XG4gICAgaGVpZ2h0OiAyMHB4O1xuICAgIG1hcmdpbi1yaWdodDogdmFyKC0tc3BhY2luZy14cy1wbHVzKSAhaW1wb3J0YW50O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7RVJST1JfQ09MT1JfTVVURUR9ICFpbXBvcnRhbnQ7XG4gICAgYmFja2dyb3VuZC1pbWFnZTogdXJsKCR7U1ZHX0RBVEFfVVJMfSk7XG4gICAgYmFja2dyb3VuZC1zaXplOiA4MCU7XG4gICAgYmFja2dyb3VuZC1wb3NpdGlvbjogY2VudGVyO1xuICAgIGJhY2tncm91bmQtcmVwZWF0OiBuby1yZXBlYXQ7XG4gICAgYm9yZGVyLXJhZGl1czogNHB4O1xuYDtcblxuY29uc3Qgbm9FcnJvckljb25TdHlsZXMgPSBjc3NgXG4gICAgY29udGVudDogXCJcIjtcbiAgICBtYXJnaW46IDA7XG5gO1xuXG5jb25zdCBlcnJvckJvcmRlclN0eWxlcyA9IGNzc2BcbiAgICBib3JkZXI6IDFweCBzb2xpZCAke0VSUk9SX0NPTE9SfTtcbmA7XG5cbmNvbnN0IHZhbGlkYXRpb25TdHlsZXMgPSBjc3NgXG4gICAgLndieS1jb250ZW50LWVudHJ5LWludmFsaWQtZmllbGQge1xuICAgICAgICAvLyBEZWZhdWx0IGZpZWxkc1xuICAgICAgICAud2ViaW55X2xhYmVsLWludmFsaWQge1xuICAgICAgICAgICAgbGVmdDogdmFyKC0tc3BhY2luZy1zbS1leHRyYSk7XG5cbiAgICAgICAgICAgIC53ZWJpbnlfbGFiZWwtdGV4dDo6YmVmb3JlIHtcbiAgICAgICAgICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgLy8gQWNjb3JkaW9uXG4gICAgICAgIC53ZWJpbnlfYWNjb3JkaW9uLWl0ZW0tdGl0bGU6OmJlZm9yZSxcbiAgICAgICAgLndlYmlueV9hY2NvcmRpb24tdGl0bGUtdGV4dDo6YmVmb3JlIHtcbiAgICAgICAgICAgICR7ZXJyb3JJY29uU3R5bGVzfVxuICAgICAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICAgICAgbGVmdDogLTEwcHg7XG4gICAgICAgICAgICB0b3A6IDE3cHg7XG4gICAgICAgIH1cblxuICAgICAgICAvLyBNdWx0aXBsZSBlbnRyaWVzXG4gICAgICAgID4gaGNtcy1wYXJlbnQtZmllbGQtcHJvdmlkZXIgLndlYmlueV9ncm91cC1sYWJlbC10ZXh0OjpiZWZvcmUge1xuICAgICAgICAgICAgJHtlcnJvckljb25TdHlsZXN9XG4gICAgICAgIH1cblxuICAgICAgICAvLyBSYWRpbyBidXR0b25zIC0gaGlkZSBlcnJvciBpY29uIG9uIGluZGl2aWR1YWwgb3B0aW9uc1xuICAgICAgICAmW2RhdGEtZmllbGQtcmVuZGVyZXI9XCJyYWRpby1idXR0b25zXCJdIHtcbiAgICAgICAgICAgIFtyb2xlPVwicmFkaW9ncm91cFwiXSAud2ViaW55X2xhYmVsLXRleHQ6OmJlZm9yZSB7XG4gICAgICAgICAgICAgICAgJHtub0Vycm9ySWNvblN0eWxlc31cbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgIC8vIENoZWNrYm94ZXMgLSBoaWRlIGVycm9yIGljb24gb24gaW5kaXZpZHVhbCBvcHRpb25zXG4gICAgICAgICZbZGF0YS1maWVsZC1yZW5kZXJlcj1cImNoZWNrYm94ZXNcIl0ge1xuICAgICAgICAgICAgW3JvbGU9XCJjaGVja2JveFwiXSArIGxhYmVsIC53ZWJpbnlfbGFiZWwtdGV4dDo6YmVmb3JlIHtcbiAgICAgICAgICAgICAgICAke25vRXJyb3JJY29uU3R5bGVzfVxuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuXG4gICAgLy8gUmVmZXJlbmNlIGZpZWxkXG4gICAgLndieS1jb250ZW50LWVudHJ5LWludmFsaWQtZmllbGRbZGF0YS1maWVsZC10eXBlPVwicmVmXCJdIHtcbiAgICAgICAgLndlYmlueV9ncm91cC1sYWJlbC10ZXh0OjpiZWZvcmUge1xuICAgICAgICAgICAgJHtlcnJvckljb25TdHlsZXN9XG4gICAgICAgIH1cblxuICAgICAgICAud2ViaW55X3JlZi1maWVsZC1jb250YWluZXIge1xuICAgICAgICAgICAgJHtlcnJvckJvcmRlclN0eWxlc31cbiAgICAgICAgfVxuXG4gICAgICAgICZbZGF0YS1maWVsZC1yZW5kZXJlcj1cInJlZi1zaW1wbGUtc2luZ2xlXCJdIHtcbiAgICAgICAgICAgIFtyb2xlPVwicmFkaW9ncm91cFwiXSAud2ViaW55X2xhYmVsLXRleHQ6OmJlZm9yZSxcbiAgICAgICAgICAgIFtyb2xlPVwiY2hlY2tib3hcIl0gKyBsYWJlbCAud2ViaW55X2xhYmVsLXRleHQ6OmJlZm9yZSB7XG4gICAgICAgICAgICAgICAgJHtub0Vycm9ySWNvblN0eWxlc31cbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH1cblxuICAgIC8vIE9iamVjdCBmaWVsZFxuICAgIC53YnktY29udGVudC1lbnRyeS1pbnZhbGlkLWZpZWxkW2RhdGEtZmllbGQtdHlwZT1cIm9iamVjdFwiXSB7XG4gICAgICAgICZbZGF0YS1maWVsZC1yZW5kZXJlcj1cIm9iamVjdHNcIl0gPiBkaXYge1xuICAgICAgICAgICAgYm9yZGVyOiAxcHggc29saWQgJHtFUlJPUl9DT0xPUl9NVVRFRH07XG4gICAgICAgICAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1yYWRpdXMtbGcpO1xuICAgICAgICB9XG5cbiAgICAgICAgJltkYXRhLWZpZWxkLXJlbmRlcmVyPVwib2JqZWN0XCJdLFxuICAgICAgICAmW2RhdGEtZmllbGQtcmVuZGVyZXI9XCJvYmplY3RzXCJdIHtcbiAgICAgICAgICAgIC53ZWJpbnlfZ3JvdXAtbGFiZWwtdGV4dDo6YmVmb3JlIHtcbiAgICAgICAgICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICBsYWJlbCB7XG4gICAgICAgICAgICAgICAgbGVmdDogMDtcblxuICAgICAgICAgICAgICAgIC53ZWJpbnlfbGFiZWwtdGV4dDo6YmVmb3JlIHtcbiAgICAgICAgICAgICAgICAgICAgJHtub0Vycm9ySWNvblN0eWxlc31cbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICB9XG5gO1xuXG4vLyBWYWxpZGF0aW9uIG1hcmtlciB1dGlsaXRpZXNcbmNvbnN0IGdldEZpZWxkRWxlbWVudCA9IChwYXRoOiBzdHJpbmcpOiBFbGVtZW50IHwgbnVsbCA9PiB7XG4gICAgcmV0dXJuIGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3IoYGhjbXMtZmllbGQtdmFsaWRhdGlvbltkYXRhLXBhdGg9XCIke3BhdGh9XCJdYCk7XG59O1xuXG5jb25zdCBnZXRQYXJlbnRQYXRocyA9IChwYXRoOiBzdHJpbmcpOiBzdHJpbmdbXSA9PiB7XG4gICAgaWYgKCFwYXRoLmluY2x1ZGVzKFwiLlwiKSkge1xuICAgICAgICByZXR1cm4gW107XG4gICAgfVxuXG4gICAgY29uc3Qgc2VnbWVudHMgPSBwYXRoLnNwbGl0KFwiLlwiKTtcbiAgICByZXR1cm4gc2VnbWVudHMubWFwKChfLCBpbmRleCkgPT4gc2VnbWVudHMuc2xpY2UoMCwgaW5kZXgpLmpvaW4oXCIuXCIpKS5maWx0ZXIoQm9vbGVhbik7XG59O1xuXG5jb25zdCBtYXJrRmllbGRBc0ludmFsaWQgPSAocGF0aDogc3RyaW5nLCBjbGFzc05hbWU6IHN0cmluZyk6IHZvaWQgPT4ge1xuICAgIGNvbnN0IGVsZW1lbnQgPSBnZXRGaWVsZEVsZW1lbnQocGF0aCk7XG4gICAgZWxlbWVudD8uY2xhc3NMaXN0LmFkZChjbGFzc05hbWUpO1xufTtcblxuY29uc3QgYXBwbHlWYWxpZGF0aW9uTWFya2VycyA9IChpbnZhbGlkRmllbGRzOiBGb3JtVmFsaWRhdGlvbiwgY2xhc3NOYW1lOiBzdHJpbmcpOiB2b2lkID0+IHtcbiAgICBPYmplY3Qua2V5cyhpbnZhbGlkRmllbGRzKS5mb3JFYWNoKGZpZWxkUGF0aCA9PiB7XG4gICAgICAgIC8vIE1hcmsgdGhlIGZpZWxkIGFuZCBhbGwgaXRzIHBhcmVudCBmaWVsZHNcbiAgICAgICAgW2ZpZWxkUGF0aCwgLi4uZ2V0UGFyZW50UGF0aHMoZmllbGRQYXRoKV0uZm9yRWFjaChwYXRoID0+IHtcbiAgICAgICAgICAgIG1hcmtGaWVsZEFzSW52YWxpZChwYXRoLCBjbGFzc05hbWUpO1xuICAgICAgICB9KTtcbiAgICB9KTtcbn07XG5cbmNvbnN0IGNsZWFyVmFsaWRhdGlvbk1hcmtlcnMgPSAoY2xhc3NOYW1lOiBzdHJpbmcpOiB2b2lkID0+IHtcbiAgICBkb2N1bWVudC5xdWVyeVNlbGVjdG9yQWxsKGAuJHtjbGFzc05hbWV9YCkuZm9yRWFjaChlbGVtZW50ID0+IHtcbiAgICAgICAgZWxlbWVudC5jbGFzc0xpc3QucmVtb3ZlKGNsYXNzTmFtZSk7XG4gICAgfSk7XG59O1xuXG5leHBvcnQgaW50ZXJmYWNlIFZhbGlkYXRpb25JbmRpY2F0b3JzUHJvcHMge1xuICAgIGludmFsaWRGaWVsZHM6IEZvcm1WYWxpZGF0aW9uO1xuICAgIGNsYXNzTmFtZT86IHN0cmluZztcbn1cblxuZXhwb3J0IGNvbnN0IFZhbGlkYXRpb25JbmRpY2F0b3JzID0gbWFrZURlY29yYXRhYmxlKFxuICAgIFwiVmFsaWRhdGlvbkluZGljYXRvcnNcIixcbiAgICAoe1xuICAgICAgICBpbnZhbGlkRmllbGRzLFxuICAgICAgICBjbGFzc05hbWUgPSBcIndieS1jb250ZW50LWVudHJ5LWludmFsaWQtZmllbGRcIlxuICAgIH06IFZhbGlkYXRpb25JbmRpY2F0b3JzUHJvcHMpID0+IHtcbiAgICAgICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgICAgICAgIGNsZWFyVmFsaWRhdGlvbk1hcmtlcnMoY2xhc3NOYW1lKTtcbiAgICAgICAgICAgIGFwcGx5VmFsaWRhdGlvbk1hcmtlcnMoaW52YWxpZEZpZWxkcywgY2xhc3NOYW1lKTtcbiAgICAgICAgfSwgW2ludmFsaWRGaWVsZHMsIGNsYXNzTmFtZV0pO1xuXG4gICAgICAgIHJldHVybiA8R2xvYmFsIHN0eWxlcz17dmFsaWRhdGlvblN0eWxlc30gLz47XG4gICAgfVxuKTtcbiJdfQ== */");
+const noErrorIconStyles = process.env.NODE_ENV === "production" ? {
+  name: "16i1hx2",
+  styles: "content:\"\";margin:0"
+} : {
+  name: "1bltyq7-noErrorIconStyles",
+  styles: "content:\"\";margin:0;label:noErrorIconStyles;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlZhbGlkYXRpb25JbmRpY2F0b3JzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQzZCIiwiZmlsZSI6IlZhbGlkYXRpb25JbmRpY2F0b3JzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB0eXBlIHsgRm9ybVZhbGlkYXRpb24gfSBmcm9tIFwiQHdlYmlueS9mb3JtXCI7XG5pbXBvcnQgeyBtYWtlRGVjb3JhdGFibGUgfSBmcm9tIFwiQHdlYmlueS9yZWFjdC1jb21wb3NpdGlvblwiO1xuaW1wb3J0IHsgR2xvYmFsLCBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcblxuLy8gVG8gY3VzdG9taXplIHRoZSBib3JkZXIgY29sb3IsIHVzZSB0aGUgQWRtaW4gVUkgQ29sb3JzIEFQSXMgdG8gb3ZlcnJpZGUgdGhlIGRlZmF1bHQgYGRlc3RydWN0aXZlYCBjb2xvciBwYWxldHRlLlxuXG5jb25zdCBFUlJPUl9DT0xPUiA9IGBoc2wodmFyKC0tYm9yZGVyLWRlc3RydWN0aXZlLWRlZmF1bHQpKWA7XG5jb25zdCBFUlJPUl9DT0xPUl9NVVRFRCA9IGBoc2wodmFyKC0tYmctZGVzdHJ1Y3RpdmUtbXV0ZWQpKWA7XG5cbmNvbnN0IGNyZWF0ZUVycm9ySWNvbkRhdGFVcmwgPSAoKTogc3RyaW5nID0+IHtcbiAgICBjb25zdCBzdmdTdHJpbmcgPSBgXG4gICAgICAgIDxzdmcgd2lkdGg9XCIxNlwiIGhlaWdodD1cIjE2XCIgdmlld0JveD1cIjAgMCAxNiAxNlwiIGZpbGw9XCJub25lXCIgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiPlxuICAgICAgICAgICAgPHBhdGggZD1cIk04LjAwMTMgNC4zMjY2M0wxMy4wMjEzIDEzSDIuOTgxM0w4LjAwMTMgNC4zMjY2M1pNOC4wMDEzIDEuNjY2NjNMMC42Njc5NjkgMTQuMzMzM0gxNS4zMzQ2TDguMDAxMyAxLjY2NjYzWk04LjY2Nzk3IDExSDcuMzM0NjNWMTIuMzMzM0g4LjY2Nzk3VjExWk04LjY2Nzk3IDYuOTk5OTZINy4zMzQ2M1Y5LjY2NjYzSDguNjY3OTdWNi45OTk5NlpcIiBmaWxsPVwid2hpdGVcIi8+XG4gICAgICAgIDwvc3ZnPlxuICAgIGA7XG4gICAgcmV0dXJuIGBkYXRhOmltYWdlL3N2Zyt4bWw7Y2hhcnNldD11dGYtOCwke2VuY29kZVVSSUNvbXBvbmVudChzdmdTdHJpbmcpfWA7XG59O1xuXG5jb25zdCBTVkdfREFUQV9VUkwgPSBjcmVhdGVFcnJvckljb25EYXRhVXJsKCk7XG5cbi8vIFN0eWxlIG1peGluc1xuY29uc3QgZXJyb3JJY29uU3R5bGVzID0gY3NzYFxuICAgIGNvbnRlbnQ6IFwiXCIgIWltcG9ydGFudDtcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgd2lkdGg6IDIwcHg7XG4gICAgaGVpZ2h0OiAyMHB4O1xuICAgIG1hcmdpbi1yaWdodDogdmFyKC0tc3BhY2luZy14cy1wbHVzKSAhaW1wb3J0YW50O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7RVJST1JfQ09MT1JfTVVURUR9ICFpbXBvcnRhbnQ7XG4gICAgYmFja2dyb3VuZC1pbWFnZTogdXJsKCR7U1ZHX0RBVEFfVVJMfSk7XG4gICAgYmFja2dyb3VuZC1zaXplOiA4MCU7XG4gICAgYmFja2dyb3VuZC1wb3NpdGlvbjogY2VudGVyO1xuICAgIGJhY2tncm91bmQtcmVwZWF0OiBuby1yZXBlYXQ7XG4gICAgYm9yZGVyLXJhZGl1czogNHB4O1xuYDtcblxuY29uc3Qgbm9FcnJvckljb25TdHlsZXMgPSBjc3NgXG4gICAgY29udGVudDogXCJcIjtcbiAgICBtYXJnaW46IDA7XG5gO1xuXG5jb25zdCBlcnJvckJvcmRlclN0eWxlcyA9IGNzc2BcbiAgICBib3JkZXI6IDFweCBzb2xpZCAke0VSUk9SX0NPTE9SfTtcbmA7XG5cbmNvbnN0IHZhbGlkYXRpb25TdHlsZXMgPSBjc3NgXG4gICAgLndieS1jb250ZW50LWVudHJ5LWludmFsaWQtZmllbGQge1xuICAgICAgICAvLyBEZWZhdWx0IGZpZWxkc1xuICAgICAgICAud2ViaW55X2xhYmVsLWludmFsaWQge1xuICAgICAgICAgICAgbGVmdDogdmFyKC0tc3BhY2luZy1zbS1leHRyYSk7XG5cbiAgICAgICAgICAgIC53ZWJpbnlfbGFiZWwtdGV4dDo6YmVmb3JlIHtcbiAgICAgICAgICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgLy8gQWNjb3JkaW9uXG4gICAgICAgIC53ZWJpbnlfYWNjb3JkaW9uLWl0ZW0tdGl0bGU6OmJlZm9yZSxcbiAgICAgICAgLndlYmlueV9hY2NvcmRpb24tdGl0bGUtdGV4dDo6YmVmb3JlIHtcbiAgICAgICAgICAgICR7ZXJyb3JJY29uU3R5bGVzfVxuICAgICAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICAgICAgbGVmdDogLTEwcHg7XG4gICAgICAgICAgICB0b3A6IDE3cHg7XG4gICAgICAgIH1cblxuICAgICAgICAvLyBNdWx0aXBsZSBlbnRyaWVzXG4gICAgICAgID4gaGNtcy1wYXJlbnQtZmllbGQtcHJvdmlkZXIgLndlYmlueV9ncm91cC1sYWJlbC10ZXh0OjpiZWZvcmUge1xuICAgICAgICAgICAgJHtlcnJvckljb25TdHlsZXN9XG4gICAgICAgIH1cblxuICAgICAgICAvLyBSYWRpbyBidXR0b25zIC0gaGlkZSBlcnJvciBpY29uIG9uIGluZGl2aWR1YWwgb3B0aW9uc1xuICAgICAgICAmW2RhdGEtZmllbGQtcmVuZGVyZXI9XCJyYWRpby1idXR0b25zXCJdIHtcbiAgICAgICAgICAgIFtyb2xlPVwicmFkaW9ncm91cFwiXSAud2ViaW55X2xhYmVsLXRleHQ6OmJlZm9yZSB7XG4gICAgICAgICAgICAgICAgJHtub0Vycm9ySWNvblN0eWxlc31cbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgIC8vIENoZWNrYm94ZXMgLSBoaWRlIGVycm9yIGljb24gb24gaW5kaXZpZHVhbCBvcHRpb25zXG4gICAgICAgICZbZGF0YS1maWVsZC1yZW5kZXJlcj1cImNoZWNrYm94ZXNcIl0ge1xuICAgICAgICAgICAgW3JvbGU9XCJjaGVja2JveFwiXSArIGxhYmVsIC53ZWJpbnlfbGFiZWwtdGV4dDo6YmVmb3JlIHtcbiAgICAgICAgICAgICAgICAke25vRXJyb3JJY29uU3R5bGVzfVxuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuXG4gICAgLy8gUmVmZXJlbmNlIGZpZWxkXG4gICAgLndieS1jb250ZW50LWVudHJ5LWludmFsaWQtZmllbGRbZGF0YS1maWVsZC10eXBlPVwicmVmXCJdIHtcbiAgICAgICAgLndlYmlueV9ncm91cC1sYWJlbC10ZXh0OjpiZWZvcmUge1xuICAgICAgICAgICAgJHtlcnJvckljb25TdHlsZXN9XG4gICAgICAgIH1cblxuICAgICAgICAud2ViaW55X3JlZi1maWVsZC1jb250YWluZXIge1xuICAgICAgICAgICAgJHtlcnJvckJvcmRlclN0eWxlc31cbiAgICAgICAgfVxuXG4gICAgICAgICZbZGF0YS1maWVsZC1yZW5kZXJlcj1cInJlZi1zaW1wbGUtc2luZ2xlXCJdIHtcbiAgICAgICAgICAgIFtyb2xlPVwicmFkaW9ncm91cFwiXSAud2ViaW55X2xhYmVsLXRleHQ6OmJlZm9yZSxcbiAgICAgICAgICAgIFtyb2xlPVwiY2hlY2tib3hcIl0gKyBsYWJlbCAud2ViaW55X2xhYmVsLXRleHQ6OmJlZm9yZSB7XG4gICAgICAgICAgICAgICAgJHtub0Vycm9ySWNvblN0eWxlc31cbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH1cblxuICAgIC8vIE9iamVjdCBmaWVsZFxuICAgIC53YnktY29udGVudC1lbnRyeS1pbnZhbGlkLWZpZWxkW2RhdGEtZmllbGQtdHlwZT1cIm9iamVjdFwiXSB7XG4gICAgICAgICZbZGF0YS1maWVsZC1yZW5kZXJlcj1cIm9iamVjdHNcIl0gPiBkaXYge1xuICAgICAgICAgICAgYm9yZGVyOiAxcHggc29saWQgJHtFUlJPUl9DT0xPUl9NVVRFRH07XG4gICAgICAgICAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1yYWRpdXMtbGcpO1xuICAgICAgICB9XG5cbiAgICAgICAgJltkYXRhLWZpZWxkLXJlbmRlcmVyPVwib2JqZWN0XCJdLFxuICAgICAgICAmW2RhdGEtZmllbGQtcmVuZGVyZXI9XCJvYmplY3RzXCJdIHtcbiAgICAgICAgICAgIC53ZWJpbnlfZ3JvdXAtbGFiZWwtdGV4dDo6YmVmb3JlIHtcbiAgICAgICAgICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICBsYWJlbCB7XG4gICAgICAgICAgICAgICAgbGVmdDogMDtcblxuICAgICAgICAgICAgICAgIC53ZWJpbnlfbGFiZWwtdGV4dDo6YmVmb3JlIHtcbiAgICAgICAgICAgICAgICAgICAgJHtub0Vycm9ySWNvblN0eWxlc31cbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICB9XG5gO1xuXG4vLyBWYWxpZGF0aW9uIG1hcmtlciB1dGlsaXRpZXNcbmNvbnN0IGdldEZpZWxkRWxlbWVudCA9IChwYXRoOiBzdHJpbmcpOiBFbGVtZW50IHwgbnVsbCA9PiB7XG4gICAgcmV0dXJuIGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3IoYGhjbXMtZmllbGQtdmFsaWRhdGlvbltkYXRhLXBhdGg9XCIke3BhdGh9XCJdYCk7XG59O1xuXG5jb25zdCBnZXRQYXJlbnRQYXRocyA9IChwYXRoOiBzdHJpbmcpOiBzdHJpbmdbXSA9PiB7XG4gICAgaWYgKCFwYXRoLmluY2x1ZGVzKFwiLlwiKSkge1xuICAgICAgICByZXR1cm4gW107XG4gICAgfVxuXG4gICAgY29uc3Qgc2VnbWVudHMgPSBwYXRoLnNwbGl0KFwiLlwiKTtcbiAgICByZXR1cm4gc2VnbWVudHMubWFwKChfLCBpbmRleCkgPT4gc2VnbWVudHMuc2xpY2UoMCwgaW5kZXgpLmpvaW4oXCIuXCIpKS5maWx0ZXIoQm9vbGVhbik7XG59O1xuXG5jb25zdCBtYXJrRmllbGRBc0ludmFsaWQgPSAocGF0aDogc3RyaW5nLCBjbGFzc05hbWU6IHN0cmluZyk6IHZvaWQgPT4ge1xuICAgIGNvbnN0IGVsZW1lbnQgPSBnZXRGaWVsZEVsZW1lbnQocGF0aCk7XG4gICAgZWxlbWVudD8uY2xhc3NMaXN0LmFkZChjbGFzc05hbWUpO1xufTtcblxuY29uc3QgYXBwbHlWYWxpZGF0aW9uTWFya2VycyA9IChpbnZhbGlkRmllbGRzOiBGb3JtVmFsaWRhdGlvbiwgY2xhc3NOYW1lOiBzdHJpbmcpOiB2b2lkID0+IHtcbiAgICBPYmplY3Qua2V5cyhpbnZhbGlkRmllbGRzKS5mb3JFYWNoKGZpZWxkUGF0aCA9PiB7XG4gICAgICAgIC8vIE1hcmsgdGhlIGZpZWxkIGFuZCBhbGwgaXRzIHBhcmVudCBmaWVsZHNcbiAgICAgICAgW2ZpZWxkUGF0aCwgLi4uZ2V0UGFyZW50UGF0aHMoZmllbGRQYXRoKV0uZm9yRWFjaChwYXRoID0+IHtcbiAgICAgICAgICAgIG1hcmtGaWVsZEFzSW52YWxpZChwYXRoLCBjbGFzc05hbWUpO1xuICAgICAgICB9KTtcbiAgICB9KTtcbn07XG5cbmNvbnN0IGNsZWFyVmFsaWRhdGlvbk1hcmtlcnMgPSAoY2xhc3NOYW1lOiBzdHJpbmcpOiB2b2lkID0+IHtcbiAgICBkb2N1bWVudC5xdWVyeVNlbGVjdG9yQWxsKGAuJHtjbGFzc05hbWV9YCkuZm9yRWFjaChlbGVtZW50ID0+IHtcbiAgICAgICAgZWxlbWVudC5jbGFzc0xpc3QucmVtb3ZlKGNsYXNzTmFtZSk7XG4gICAgfSk7XG59O1xuXG5leHBvcnQgaW50ZXJmYWNlIFZhbGlkYXRpb25JbmRpY2F0b3JzUHJvcHMge1xuICAgIGludmFsaWRGaWVsZHM6IEZvcm1WYWxpZGF0aW9uO1xuICAgIGNsYXNzTmFtZT86IHN0cmluZztcbn1cblxuZXhwb3J0IGNvbnN0IFZhbGlkYXRpb25JbmRpY2F0b3JzID0gbWFrZURlY29yYXRhYmxlKFxuICAgIFwiVmFsaWRhdGlvbkluZGljYXRvcnNcIixcbiAgICAoe1xuICAgICAgICBpbnZhbGlkRmllbGRzLFxuICAgICAgICBjbGFzc05hbWUgPSBcIndieS1jb250ZW50LWVudHJ5LWludmFsaWQtZmllbGRcIlxuICAgIH06IFZhbGlkYXRpb25JbmRpY2F0b3JzUHJvcHMpID0+IHtcbiAgICAgICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgICAgICAgIGNsZWFyVmFsaWRhdGlvbk1hcmtlcnMoY2xhc3NOYW1lKTtcbiAgICAgICAgICAgIGFwcGx5VmFsaWRhdGlvbk1hcmtlcnMoaW52YWxpZEZpZWxkcywgY2xhc3NOYW1lKTtcbiAgICAgICAgfSwgW2ludmFsaWRGaWVsZHMsIGNsYXNzTmFtZV0pO1xuXG4gICAgICAgIHJldHVybiA8R2xvYmFsIHN0eWxlcz17dmFsaWRhdGlvblN0eWxlc30gLz47XG4gICAgfVxuKTtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+const errorBorderStyles = /*#__PURE__*/css("border:1px solid ", ERROR_COLOR, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:errorBorderStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlZhbGlkYXRpb25JbmRpY2F0b3JzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5QzZCIiwiZmlsZSI6IlZhbGlkYXRpb25JbmRpY2F0b3JzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB0eXBlIHsgRm9ybVZhbGlkYXRpb24gfSBmcm9tIFwiQHdlYmlueS9mb3JtXCI7XG5pbXBvcnQgeyBtYWtlRGVjb3JhdGFibGUgfSBmcm9tIFwiQHdlYmlueS9yZWFjdC1jb21wb3NpdGlvblwiO1xuaW1wb3J0IHsgR2xvYmFsLCBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcblxuLy8gVG8gY3VzdG9taXplIHRoZSBib3JkZXIgY29sb3IsIHVzZSB0aGUgQWRtaW4gVUkgQ29sb3JzIEFQSXMgdG8gb3ZlcnJpZGUgdGhlIGRlZmF1bHQgYGRlc3RydWN0aXZlYCBjb2xvciBwYWxldHRlLlxuXG5jb25zdCBFUlJPUl9DT0xPUiA9IGBoc2wodmFyKC0tYm9yZGVyLWRlc3RydWN0aXZlLWRlZmF1bHQpKWA7XG5jb25zdCBFUlJPUl9DT0xPUl9NVVRFRCA9IGBoc2wodmFyKC0tYmctZGVzdHJ1Y3RpdmUtbXV0ZWQpKWA7XG5cbmNvbnN0IGNyZWF0ZUVycm9ySWNvbkRhdGFVcmwgPSAoKTogc3RyaW5nID0+IHtcbiAgICBjb25zdCBzdmdTdHJpbmcgPSBgXG4gICAgICAgIDxzdmcgd2lkdGg9XCIxNlwiIGhlaWdodD1cIjE2XCIgdmlld0JveD1cIjAgMCAxNiAxNlwiIGZpbGw9XCJub25lXCIgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiPlxuICAgICAgICAgICAgPHBhdGggZD1cIk04LjAwMTMgNC4zMjY2M0wxMy4wMjEzIDEzSDIuOTgxM0w4LjAwMTMgNC4zMjY2M1pNOC4wMDEzIDEuNjY2NjNMMC42Njc5NjkgMTQuMzMzM0gxNS4zMzQ2TDguMDAxMyAxLjY2NjYzWk04LjY2Nzk3IDExSDcuMzM0NjNWMTIuMzMzM0g4LjY2Nzk3VjExWk04LjY2Nzk3IDYuOTk5OTZINy4zMzQ2M1Y5LjY2NjYzSDguNjY3OTdWNi45OTk5NlpcIiBmaWxsPVwid2hpdGVcIi8+XG4gICAgICAgIDwvc3ZnPlxuICAgIGA7XG4gICAgcmV0dXJuIGBkYXRhOmltYWdlL3N2Zyt4bWw7Y2hhcnNldD11dGYtOCwke2VuY29kZVVSSUNvbXBvbmVudChzdmdTdHJpbmcpfWA7XG59O1xuXG5jb25zdCBTVkdfREFUQV9VUkwgPSBjcmVhdGVFcnJvckljb25EYXRhVXJsKCk7XG5cbi8vIFN0eWxlIG1peGluc1xuY29uc3QgZXJyb3JJY29uU3R5bGVzID0gY3NzYFxuICAgIGNvbnRlbnQ6IFwiXCIgIWltcG9ydGFudDtcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgd2lkdGg6IDIwcHg7XG4gICAgaGVpZ2h0OiAyMHB4O1xuICAgIG1hcmdpbi1yaWdodDogdmFyKC0tc3BhY2luZy14cy1wbHVzKSAhaW1wb3J0YW50O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7RVJST1JfQ09MT1JfTVVURUR9ICFpbXBvcnRhbnQ7XG4gICAgYmFja2dyb3VuZC1pbWFnZTogdXJsKCR7U1ZHX0RBVEFfVVJMfSk7XG4gICAgYmFja2dyb3VuZC1zaXplOiA4MCU7XG4gICAgYmFja2dyb3VuZC1wb3NpdGlvbjogY2VudGVyO1xuICAgIGJhY2tncm91bmQtcmVwZWF0OiBuby1yZXBlYXQ7XG4gICAgYm9yZGVyLXJhZGl1czogNHB4O1xuYDtcblxuY29uc3Qgbm9FcnJvckljb25TdHlsZXMgPSBjc3NgXG4gICAgY29udGVudDogXCJcIjtcbiAgICBtYXJnaW46IDA7XG5gO1xuXG5jb25zdCBlcnJvckJvcmRlclN0eWxlcyA9IGNzc2BcbiAgICBib3JkZXI6IDFweCBzb2xpZCAke0VSUk9SX0NPTE9SfTtcbmA7XG5cbmNvbnN0IHZhbGlkYXRpb25TdHlsZXMgPSBjc3NgXG4gICAgLndieS1jb250ZW50LWVudHJ5LWludmFsaWQtZmllbGQge1xuICAgICAgICAvLyBEZWZhdWx0IGZpZWxkc1xuICAgICAgICAud2ViaW55X2xhYmVsLWludmFsaWQge1xuICAgICAgICAgICAgbGVmdDogdmFyKC0tc3BhY2luZy1zbS1leHRyYSk7XG5cbiAgICAgICAgICAgIC53ZWJpbnlfbGFiZWwtdGV4dDo6YmVmb3JlIHtcbiAgICAgICAgICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgLy8gQWNjb3JkaW9uXG4gICAgICAgIC53ZWJpbnlfYWNjb3JkaW9uLWl0ZW0tdGl0bGU6OmJlZm9yZSxcbiAgICAgICAgLndlYmlueV9hY2NvcmRpb24tdGl0bGUtdGV4dDo6YmVmb3JlIHtcbiAgICAgICAgICAgICR7ZXJyb3JJY29uU3R5bGVzfVxuICAgICAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICAgICAgbGVmdDogLTEwcHg7XG4gICAgICAgICAgICB0b3A6IDE3cHg7XG4gICAgICAgIH1cblxuICAgICAgICAvLyBNdWx0aXBsZSBlbnRyaWVzXG4gICAgICAgID4gaGNtcy1wYXJlbnQtZmllbGQtcHJvdmlkZXIgLndlYmlueV9ncm91cC1sYWJlbC10ZXh0OjpiZWZvcmUge1xuICAgICAgICAgICAgJHtlcnJvckljb25TdHlsZXN9XG4gICAgICAgIH1cblxuICAgICAgICAvLyBSYWRpbyBidXR0b25zIC0gaGlkZSBlcnJvciBpY29uIG9uIGluZGl2aWR1YWwgb3B0aW9uc1xuICAgICAgICAmW2RhdGEtZmllbGQtcmVuZGVyZXI9XCJyYWRpby1idXR0b25zXCJdIHtcbiAgICAgICAgICAgIFtyb2xlPVwicmFkaW9ncm91cFwiXSAud2ViaW55X2xhYmVsLXRleHQ6OmJlZm9yZSB7XG4gICAgICAgICAgICAgICAgJHtub0Vycm9ySWNvblN0eWxlc31cbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgIC8vIENoZWNrYm94ZXMgLSBoaWRlIGVycm9yIGljb24gb24gaW5kaXZpZHVhbCBvcHRpb25zXG4gICAgICAgICZbZGF0YS1maWVsZC1yZW5kZXJlcj1cImNoZWNrYm94ZXNcIl0ge1xuICAgICAgICAgICAgW3JvbGU9XCJjaGVja2JveFwiXSArIGxhYmVsIC53ZWJpbnlfbGFiZWwtdGV4dDo6YmVmb3JlIHtcbiAgICAgICAgICAgICAgICAke25vRXJyb3JJY29uU3R5bGVzfVxuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuXG4gICAgLy8gUmVmZXJlbmNlIGZpZWxkXG4gICAgLndieS1jb250ZW50LWVudHJ5LWludmFsaWQtZmllbGRbZGF0YS1maWVsZC10eXBlPVwicmVmXCJdIHtcbiAgICAgICAgLndlYmlueV9ncm91cC1sYWJlbC10ZXh0OjpiZWZvcmUge1xuICAgICAgICAgICAgJHtlcnJvckljb25TdHlsZXN9XG4gICAgICAgIH1cblxuICAgICAgICAud2ViaW55X3JlZi1maWVsZC1jb250YWluZXIge1xuICAgICAgICAgICAgJHtlcnJvckJvcmRlclN0eWxlc31cbiAgICAgICAgfVxuXG4gICAgICAgICZbZGF0YS1maWVsZC1yZW5kZXJlcj1cInJlZi1zaW1wbGUtc2luZ2xlXCJdIHtcbiAgICAgICAgICAgIFtyb2xlPVwicmFkaW9ncm91cFwiXSAud2ViaW55X2xhYmVsLXRleHQ6OmJlZm9yZSxcbiAgICAgICAgICAgIFtyb2xlPVwiY2hlY2tib3hcIl0gKyBsYWJlbCAud2ViaW55X2xhYmVsLXRleHQ6OmJlZm9yZSB7XG4gICAgICAgICAgICAgICAgJHtub0Vycm9ySWNvblN0eWxlc31cbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH1cblxuICAgIC8vIE9iamVjdCBmaWVsZFxuICAgIC53YnktY29udGVudC1lbnRyeS1pbnZhbGlkLWZpZWxkW2RhdGEtZmllbGQtdHlwZT1cIm9iamVjdFwiXSB7XG4gICAgICAgICZbZGF0YS1maWVsZC1yZW5kZXJlcj1cIm9iamVjdHNcIl0gPiBkaXYge1xuICAgICAgICAgICAgYm9yZGVyOiAxcHggc29saWQgJHtFUlJPUl9DT0xPUl9NVVRFRH07XG4gICAgICAgICAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1yYWRpdXMtbGcpO1xuICAgICAgICB9XG5cbiAgICAgICAgJltkYXRhLWZpZWxkLXJlbmRlcmVyPVwib2JqZWN0XCJdLFxuICAgICAgICAmW2RhdGEtZmllbGQtcmVuZGVyZXI9XCJvYmplY3RzXCJdIHtcbiAgICAgICAgICAgIC53ZWJpbnlfZ3JvdXAtbGFiZWwtdGV4dDo6YmVmb3JlIHtcbiAgICAgICAgICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICBsYWJlbCB7XG4gICAgICAgICAgICAgICAgbGVmdDogMDtcblxuICAgICAgICAgICAgICAgIC53ZWJpbnlfbGFiZWwtdGV4dDo6YmVmb3JlIHtcbiAgICAgICAgICAgICAgICAgICAgJHtub0Vycm9ySWNvblN0eWxlc31cbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICB9XG5gO1xuXG4vLyBWYWxpZGF0aW9uIG1hcmtlciB1dGlsaXRpZXNcbmNvbnN0IGdldEZpZWxkRWxlbWVudCA9IChwYXRoOiBzdHJpbmcpOiBFbGVtZW50IHwgbnVsbCA9PiB7XG4gICAgcmV0dXJuIGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3IoYGhjbXMtZmllbGQtdmFsaWRhdGlvbltkYXRhLXBhdGg9XCIke3BhdGh9XCJdYCk7XG59O1xuXG5jb25zdCBnZXRQYXJlbnRQYXRocyA9IChwYXRoOiBzdHJpbmcpOiBzdHJpbmdbXSA9PiB7XG4gICAgaWYgKCFwYXRoLmluY2x1ZGVzKFwiLlwiKSkge1xuICAgICAgICByZXR1cm4gW107XG4gICAgfVxuXG4gICAgY29uc3Qgc2VnbWVudHMgPSBwYXRoLnNwbGl0KFwiLlwiKTtcbiAgICByZXR1cm4gc2VnbWVudHMubWFwKChfLCBpbmRleCkgPT4gc2VnbWVudHMuc2xpY2UoMCwgaW5kZXgpLmpvaW4oXCIuXCIpKS5maWx0ZXIoQm9vbGVhbik7XG59O1xuXG5jb25zdCBtYXJrRmllbGRBc0ludmFsaWQgPSAocGF0aDogc3RyaW5nLCBjbGFzc05hbWU6IHN0cmluZyk6IHZvaWQgPT4ge1xuICAgIGNvbnN0IGVsZW1lbnQgPSBnZXRGaWVsZEVsZW1lbnQocGF0aCk7XG4gICAgZWxlbWVudD8uY2xhc3NMaXN0LmFkZChjbGFzc05hbWUpO1xufTtcblxuY29uc3QgYXBwbHlWYWxpZGF0aW9uTWFya2VycyA9IChpbnZhbGlkRmllbGRzOiBGb3JtVmFsaWRhdGlvbiwgY2xhc3NOYW1lOiBzdHJpbmcpOiB2b2lkID0+IHtcbiAgICBPYmplY3Qua2V5cyhpbnZhbGlkRmllbGRzKS5mb3JFYWNoKGZpZWxkUGF0aCA9PiB7XG4gICAgICAgIC8vIE1hcmsgdGhlIGZpZWxkIGFuZCBhbGwgaXRzIHBhcmVudCBmaWVsZHNcbiAgICAgICAgW2ZpZWxkUGF0aCwgLi4uZ2V0UGFyZW50UGF0aHMoZmllbGRQYXRoKV0uZm9yRWFjaChwYXRoID0+IHtcbiAgICAgICAgICAgIG1hcmtGaWVsZEFzSW52YWxpZChwYXRoLCBjbGFzc05hbWUpO1xuICAgICAgICB9KTtcbiAgICB9KTtcbn07XG5cbmNvbnN0IGNsZWFyVmFsaWRhdGlvbk1hcmtlcnMgPSAoY2xhc3NOYW1lOiBzdHJpbmcpOiB2b2lkID0+IHtcbiAgICBkb2N1bWVudC5xdWVyeVNlbGVjdG9yQWxsKGAuJHtjbGFzc05hbWV9YCkuZm9yRWFjaChlbGVtZW50ID0+IHtcbiAgICAgICAgZWxlbWVudC5jbGFzc0xpc3QucmVtb3ZlKGNsYXNzTmFtZSk7XG4gICAgfSk7XG59O1xuXG5leHBvcnQgaW50ZXJmYWNlIFZhbGlkYXRpb25JbmRpY2F0b3JzUHJvcHMge1xuICAgIGludmFsaWRGaWVsZHM6IEZvcm1WYWxpZGF0aW9uO1xuICAgIGNsYXNzTmFtZT86IHN0cmluZztcbn1cblxuZXhwb3J0IGNvbnN0IFZhbGlkYXRpb25JbmRpY2F0b3JzID0gbWFrZURlY29yYXRhYmxlKFxuICAgIFwiVmFsaWRhdGlvbkluZGljYXRvcnNcIixcbiAgICAoe1xuICAgICAgICBpbnZhbGlkRmllbGRzLFxuICAgICAgICBjbGFzc05hbWUgPSBcIndieS1jb250ZW50LWVudHJ5LWludmFsaWQtZmllbGRcIlxuICAgIH06IFZhbGlkYXRpb25JbmRpY2F0b3JzUHJvcHMpID0+IHtcbiAgICAgICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgICAgICAgIGNsZWFyVmFsaWRhdGlvbk1hcmtlcnMoY2xhc3NOYW1lKTtcbiAgICAgICAgICAgIGFwcGx5VmFsaWRhdGlvbk1hcmtlcnMoaW52YWxpZEZpZWxkcywgY2xhc3NOYW1lKTtcbiAgICAgICAgfSwgW2ludmFsaWRGaWVsZHMsIGNsYXNzTmFtZV0pO1xuXG4gICAgICAgIHJldHVybiA8R2xvYmFsIHN0eWxlcz17dmFsaWRhdGlvblN0eWxlc30gLz47XG4gICAgfVxuKTtcbiJdfQ== */");
+const validationStyles = /*#__PURE__*/css(".wby-content-entry-invalid-field{.webiny_label-invalid{left:var(--spacing-sm-extra);.webiny_label-text::before{display:none;}}.webiny_accordion-item-title::before,.webiny_accordion-title-text::before{", errorIconStyles, " position:absolute;left:-10px;top:17px;}>hcms-parent-field-provider .webiny_group-label-text::before{", errorIconStyles, ";}&[data-field-renderer=\"radio-buttons\"]{[role=\"radiogroup\"] .webiny_label-text::before{", noErrorIconStyles, ";}}&[data-field-renderer=\"checkboxes\"]{[role=\"checkbox\"]+label .webiny_label-text::before{", noErrorIconStyles, ";}}}.wby-content-entry-invalid-field[data-field-type=\"ref\"]{.webiny_group-label-text::before{", errorIconStyles, ";}.webiny_ref-field-container{", errorBorderStyles, ";}&[data-field-renderer=\"ref-simple-single\"]{[role=\"radiogroup\"] .webiny_label-text::before,[role=\"checkbox\"]+label .webiny_label-text::before{", noErrorIconStyles, ";}}}.wby-content-entry-invalid-field[data-field-type=\"object\"]{&[data-field-renderer=\"objects\"]>div{border:1px solid ", ERROR_COLOR_MUTED, ";border-radius:var(--radius-lg);}&[data-field-renderer=\"object\"],&[data-field-renderer=\"objects\"]{.webiny_group-label-text::before{display:none;}label{left:0;.webiny_label-text::before{", noErrorIconStyles, ";}}}}" + (process.env.NODE_ENV === "production" ? "" : ";label:validationStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlZhbGlkYXRpb25JbmRpY2F0b3JzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2QzRCIiwiZmlsZSI6IlZhbGlkYXRpb25JbmRpY2F0b3JzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB0eXBlIHsgRm9ybVZhbGlkYXRpb24gfSBmcm9tIFwiQHdlYmlueS9mb3JtXCI7XG5pbXBvcnQgeyBtYWtlRGVjb3JhdGFibGUgfSBmcm9tIFwiQHdlYmlueS9yZWFjdC1jb21wb3NpdGlvblwiO1xuaW1wb3J0IHsgR2xvYmFsLCBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcblxuLy8gVG8gY3VzdG9taXplIHRoZSBib3JkZXIgY29sb3IsIHVzZSB0aGUgQWRtaW4gVUkgQ29sb3JzIEFQSXMgdG8gb3ZlcnJpZGUgdGhlIGRlZmF1bHQgYGRlc3RydWN0aXZlYCBjb2xvciBwYWxldHRlLlxuXG5jb25zdCBFUlJPUl9DT0xPUiA9IGBoc2wodmFyKC0tYm9yZGVyLWRlc3RydWN0aXZlLWRlZmF1bHQpKWA7XG5jb25zdCBFUlJPUl9DT0xPUl9NVVRFRCA9IGBoc2wodmFyKC0tYmctZGVzdHJ1Y3RpdmUtbXV0ZWQpKWA7XG5cbmNvbnN0IGNyZWF0ZUVycm9ySWNvbkRhdGFVcmwgPSAoKTogc3RyaW5nID0+IHtcbiAgICBjb25zdCBzdmdTdHJpbmcgPSBgXG4gICAgICAgIDxzdmcgd2lkdGg9XCIxNlwiIGhlaWdodD1cIjE2XCIgdmlld0JveD1cIjAgMCAxNiAxNlwiIGZpbGw9XCJub25lXCIgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiPlxuICAgICAgICAgICAgPHBhdGggZD1cIk04LjAwMTMgNC4zMjY2M0wxMy4wMjEzIDEzSDIuOTgxM0w4LjAwMTMgNC4zMjY2M1pNOC4wMDEzIDEuNjY2NjNMMC42Njc5NjkgMTQuMzMzM0gxNS4zMzQ2TDguMDAxMyAxLjY2NjYzWk04LjY2Nzk3IDExSDcuMzM0NjNWMTIuMzMzM0g4LjY2Nzk3VjExWk04LjY2Nzk3IDYuOTk5OTZINy4zMzQ2M1Y5LjY2NjYzSDguNjY3OTdWNi45OTk5NlpcIiBmaWxsPVwid2hpdGVcIi8+XG4gICAgICAgIDwvc3ZnPlxuICAgIGA7XG4gICAgcmV0dXJuIGBkYXRhOmltYWdlL3N2Zyt4bWw7Y2hhcnNldD11dGYtOCwke2VuY29kZVVSSUNvbXBvbmVudChzdmdTdHJpbmcpfWA7XG59O1xuXG5jb25zdCBTVkdfREFUQV9VUkwgPSBjcmVhdGVFcnJvckljb25EYXRhVXJsKCk7XG5cbi8vIFN0eWxlIG1peGluc1xuY29uc3QgZXJyb3JJY29uU3R5bGVzID0gY3NzYFxuICAgIGNvbnRlbnQ6IFwiXCIgIWltcG9ydGFudDtcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgd2lkdGg6IDIwcHg7XG4gICAgaGVpZ2h0OiAyMHB4O1xuICAgIG1hcmdpbi1yaWdodDogdmFyKC0tc3BhY2luZy14cy1wbHVzKSAhaW1wb3J0YW50O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7RVJST1JfQ09MT1JfTVVURUR9ICFpbXBvcnRhbnQ7XG4gICAgYmFja2dyb3VuZC1pbWFnZTogdXJsKCR7U1ZHX0RBVEFfVVJMfSk7XG4gICAgYmFja2dyb3VuZC1zaXplOiA4MCU7XG4gICAgYmFja2dyb3VuZC1wb3NpdGlvbjogY2VudGVyO1xuICAgIGJhY2tncm91bmQtcmVwZWF0OiBuby1yZXBlYXQ7XG4gICAgYm9yZGVyLXJhZGl1czogNHB4O1xuYDtcblxuY29uc3Qgbm9FcnJvckljb25TdHlsZXMgPSBjc3NgXG4gICAgY29udGVudDogXCJcIjtcbiAgICBtYXJnaW46IDA7XG5gO1xuXG5jb25zdCBlcnJvckJvcmRlclN0eWxlcyA9IGNzc2BcbiAgICBib3JkZXI6IDFweCBzb2xpZCAke0VSUk9SX0NPTE9SfTtcbmA7XG5cbmNvbnN0IHZhbGlkYXRpb25TdHlsZXMgPSBjc3NgXG4gICAgLndieS1jb250ZW50LWVudHJ5LWludmFsaWQtZmllbGQge1xuICAgICAgICAvLyBEZWZhdWx0IGZpZWxkc1xuICAgICAgICAud2ViaW55X2xhYmVsLWludmFsaWQge1xuICAgICAgICAgICAgbGVmdDogdmFyKC0tc3BhY2luZy1zbS1leHRyYSk7XG5cbiAgICAgICAgICAgIC53ZWJpbnlfbGFiZWwtdGV4dDo6YmVmb3JlIHtcbiAgICAgICAgICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgLy8gQWNjb3JkaW9uXG4gICAgICAgIC53ZWJpbnlfYWNjb3JkaW9uLWl0ZW0tdGl0bGU6OmJlZm9yZSxcbiAgICAgICAgLndlYmlueV9hY2NvcmRpb24tdGl0bGUtdGV4dDo6YmVmb3JlIHtcbiAgICAgICAgICAgICR7ZXJyb3JJY29uU3R5bGVzfVxuICAgICAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICAgICAgbGVmdDogLTEwcHg7XG4gICAgICAgICAgICB0b3A6IDE3cHg7XG4gICAgICAgIH1cblxuICAgICAgICAvLyBNdWx0aXBsZSBlbnRyaWVzXG4gICAgICAgID4gaGNtcy1wYXJlbnQtZmllbGQtcHJvdmlkZXIgLndlYmlueV9ncm91cC1sYWJlbC10ZXh0OjpiZWZvcmUge1xuICAgICAgICAgICAgJHtlcnJvckljb25TdHlsZXN9XG4gICAgICAgIH1cblxuICAgICAgICAvLyBSYWRpbyBidXR0b25zIC0gaGlkZSBlcnJvciBpY29uIG9uIGluZGl2aWR1YWwgb3B0aW9uc1xuICAgICAgICAmW2RhdGEtZmllbGQtcmVuZGVyZXI9XCJyYWRpby1idXR0b25zXCJdIHtcbiAgICAgICAgICAgIFtyb2xlPVwicmFkaW9ncm91cFwiXSAud2ViaW55X2xhYmVsLXRleHQ6OmJlZm9yZSB7XG4gICAgICAgICAgICAgICAgJHtub0Vycm9ySWNvblN0eWxlc31cbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgIC8vIENoZWNrYm94ZXMgLSBoaWRlIGVycm9yIGljb24gb24gaW5kaXZpZHVhbCBvcHRpb25zXG4gICAgICAgICZbZGF0YS1maWVsZC1yZW5kZXJlcj1cImNoZWNrYm94ZXNcIl0ge1xuICAgICAgICAgICAgW3JvbGU9XCJjaGVja2JveFwiXSArIGxhYmVsIC53ZWJpbnlfbGFiZWwtdGV4dDo6YmVmb3JlIHtcbiAgICAgICAgICAgICAgICAke25vRXJyb3JJY29uU3R5bGVzfVxuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuXG4gICAgLy8gUmVmZXJlbmNlIGZpZWxkXG4gICAgLndieS1jb250ZW50LWVudHJ5LWludmFsaWQtZmllbGRbZGF0YS1maWVsZC10eXBlPVwicmVmXCJdIHtcbiAgICAgICAgLndlYmlueV9ncm91cC1sYWJlbC10ZXh0OjpiZWZvcmUge1xuICAgICAgICAgICAgJHtlcnJvckljb25TdHlsZXN9XG4gICAgICAgIH1cblxuICAgICAgICAud2ViaW55X3JlZi1maWVsZC1jb250YWluZXIge1xuICAgICAgICAgICAgJHtlcnJvckJvcmRlclN0eWxlc31cbiAgICAgICAgfVxuXG4gICAgICAgICZbZGF0YS1maWVsZC1yZW5kZXJlcj1cInJlZi1zaW1wbGUtc2luZ2xlXCJdIHtcbiAgICAgICAgICAgIFtyb2xlPVwicmFkaW9ncm91cFwiXSAud2ViaW55X2xhYmVsLXRleHQ6OmJlZm9yZSxcbiAgICAgICAgICAgIFtyb2xlPVwiY2hlY2tib3hcIl0gKyBsYWJlbCAud2ViaW55X2xhYmVsLXRleHQ6OmJlZm9yZSB7XG4gICAgICAgICAgICAgICAgJHtub0Vycm9ySWNvblN0eWxlc31cbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH1cblxuICAgIC8vIE9iamVjdCBmaWVsZFxuICAgIC53YnktY29udGVudC1lbnRyeS1pbnZhbGlkLWZpZWxkW2RhdGEtZmllbGQtdHlwZT1cIm9iamVjdFwiXSB7XG4gICAgICAgICZbZGF0YS1maWVsZC1yZW5kZXJlcj1cIm9iamVjdHNcIl0gPiBkaXYge1xuICAgICAgICAgICAgYm9yZGVyOiAxcHggc29saWQgJHtFUlJPUl9DT0xPUl9NVVRFRH07XG4gICAgICAgICAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1yYWRpdXMtbGcpO1xuICAgICAgICB9XG5cbiAgICAgICAgJltkYXRhLWZpZWxkLXJlbmRlcmVyPVwib2JqZWN0XCJdLFxuICAgICAgICAmW2RhdGEtZmllbGQtcmVuZGVyZXI9XCJvYmplY3RzXCJdIHtcbiAgICAgICAgICAgIC53ZWJpbnlfZ3JvdXAtbGFiZWwtdGV4dDo6YmVmb3JlIHtcbiAgICAgICAgICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICBsYWJlbCB7XG4gICAgICAgICAgICAgICAgbGVmdDogMDtcblxuICAgICAgICAgICAgICAgIC53ZWJpbnlfbGFiZWwtdGV4dDo6YmVmb3JlIHtcbiAgICAgICAgICAgICAgICAgICAgJHtub0Vycm9ySWNvblN0eWxlc31cbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICB9XG5gO1xuXG4vLyBWYWxpZGF0aW9uIG1hcmtlciB1dGlsaXRpZXNcbmNvbnN0IGdldEZpZWxkRWxlbWVudCA9IChwYXRoOiBzdHJpbmcpOiBFbGVtZW50IHwgbnVsbCA9PiB7XG4gICAgcmV0dXJuIGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3IoYGhjbXMtZmllbGQtdmFsaWRhdGlvbltkYXRhLXBhdGg9XCIke3BhdGh9XCJdYCk7XG59O1xuXG5jb25zdCBnZXRQYXJlbnRQYXRocyA9IChwYXRoOiBzdHJpbmcpOiBzdHJpbmdbXSA9PiB7XG4gICAgaWYgKCFwYXRoLmluY2x1ZGVzKFwiLlwiKSkge1xuICAgICAgICByZXR1cm4gW107XG4gICAgfVxuXG4gICAgY29uc3Qgc2VnbWVudHMgPSBwYXRoLnNwbGl0KFwiLlwiKTtcbiAgICByZXR1cm4gc2VnbWVudHMubWFwKChfLCBpbmRleCkgPT4gc2VnbWVudHMuc2xpY2UoMCwgaW5kZXgpLmpvaW4oXCIuXCIpKS5maWx0ZXIoQm9vbGVhbik7XG59O1xuXG5jb25zdCBtYXJrRmllbGRBc0ludmFsaWQgPSAocGF0aDogc3RyaW5nLCBjbGFzc05hbWU6IHN0cmluZyk6IHZvaWQgPT4ge1xuICAgIGNvbnN0IGVsZW1lbnQgPSBnZXRGaWVsZEVsZW1lbnQocGF0aCk7XG4gICAgZWxlbWVudD8uY2xhc3NMaXN0LmFkZChjbGFzc05hbWUpO1xufTtcblxuY29uc3QgYXBwbHlWYWxpZGF0aW9uTWFya2VycyA9IChpbnZhbGlkRmllbGRzOiBGb3JtVmFsaWRhdGlvbiwgY2xhc3NOYW1lOiBzdHJpbmcpOiB2b2lkID0+IHtcbiAgICBPYmplY3Qua2V5cyhpbnZhbGlkRmllbGRzKS5mb3JFYWNoKGZpZWxkUGF0aCA9PiB7XG4gICAgICAgIC8vIE1hcmsgdGhlIGZpZWxkIGFuZCBhbGwgaXRzIHBhcmVudCBmaWVsZHNcbiAgICAgICAgW2ZpZWxkUGF0aCwgLi4uZ2V0UGFyZW50UGF0aHMoZmllbGRQYXRoKV0uZm9yRWFjaChwYXRoID0+IHtcbiAgICAgICAgICAgIG1hcmtGaWVsZEFzSW52YWxpZChwYXRoLCBjbGFzc05hbWUpO1xuICAgICAgICB9KTtcbiAgICB9KTtcbn07XG5cbmNvbnN0IGNsZWFyVmFsaWRhdGlvbk1hcmtlcnMgPSAoY2xhc3NOYW1lOiBzdHJpbmcpOiB2b2lkID0+IHtcbiAgICBkb2N1bWVudC5xdWVyeVNlbGVjdG9yQWxsKGAuJHtjbGFzc05hbWV9YCkuZm9yRWFjaChlbGVtZW50ID0+IHtcbiAgICAgICAgZWxlbWVudC5jbGFzc0xpc3QucmVtb3ZlKGNsYXNzTmFtZSk7XG4gICAgfSk7XG59O1xuXG5leHBvcnQgaW50ZXJmYWNlIFZhbGlkYXRpb25JbmRpY2F0b3JzUHJvcHMge1xuICAgIGludmFsaWRGaWVsZHM6IEZvcm1WYWxpZGF0aW9uO1xuICAgIGNsYXNzTmFtZT86IHN0cmluZztcbn1cblxuZXhwb3J0IGNvbnN0IFZhbGlkYXRpb25JbmRpY2F0b3JzID0gbWFrZURlY29yYXRhYmxlKFxuICAgIFwiVmFsaWRhdGlvbkluZGljYXRvcnNcIixcbiAgICAoe1xuICAgICAgICBpbnZhbGlkRmllbGRzLFxuICAgICAgICBjbGFzc05hbWUgPSBcIndieS1jb250ZW50LWVudHJ5LWludmFsaWQtZmllbGRcIlxuICAgIH06IFZhbGlkYXRpb25JbmRpY2F0b3JzUHJvcHMpID0+IHtcbiAgICAgICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgICAgICAgIGNsZWFyVmFsaWRhdGlvbk1hcmtlcnMoY2xhc3NOYW1lKTtcbiAgICAgICAgICAgIGFwcGx5VmFsaWRhdGlvbk1hcmtlcnMoaW52YWxpZEZpZWxkcywgY2xhc3NOYW1lKTtcbiAgICAgICAgfSwgW2ludmFsaWRGaWVsZHMsIGNsYXNzTmFtZV0pO1xuXG4gICAgICAgIHJldHVybiA8R2xvYmFsIHN0eWxlcz17dmFsaWRhdGlvblN0eWxlc30gLz47XG4gICAgfVxuKTtcbiJdfQ== */");
+
+// Validation marker utilities
+const getFieldElement = path => {
+  return document.querySelector(`hcms-field-validation[data-path="${path}"]`);
+};
+const getParentPaths = path => {
+  if (!path.includes(".")) {
+    return [];
+  }
+  const segments = path.split(".");
+  return segments.map((_, index) => segments.slice(0, index).join(".")).filter(Boolean);
+};
+const markFieldAsInvalid = (path, className) => {
+  const element = getFieldElement(path);
+  element?.classList.add(className);
+};
+const applyValidationMarkers = (invalidFields, className) => {
+  Object.keys(invalidFields).forEach(fieldPath => {
+    // Mark the field and all its parent fields
+    [fieldPath, ...getParentPaths(fieldPath)].forEach(path => {
+      markFieldAsInvalid(path, className);
+    });
+  });
+};
+const clearValidationMarkers = className => {
+  document.querySelectorAll(`.${className}`).forEach(element => {
+    element.classList.remove(className);
+  });
+};
 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(".")) {
-      const paths = path.split(".");
-      const parentPath = paths.slice(0, paths.length - 1);
-      visualizeDomByPath(parentPath.join("."));
-    }
-  };
   useEffect(() => {
-    document.querySelectorAll(`.${className}`).forEach(el => {
-      el.classList.remove(className);
-    });
-    for (const key of Object.keys(invalidFields)) {
-      visualizeDomByPath(key);
-    }
-  }, [invalidFields]);
+    clearValidationMarkers(className);
+    applyValidationMarkers(invalidFields, className);
+  }, [invalidFields, className]);
   return /*#__PURE__*/React.createElement(Global, {
-    styles: defaultClass
+    styles: validationStyles
   });
 });
 

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

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"names":["React","useEffect","makeDecoratable","Global","css","ERROR_COLOR","ERROR_COLOR_MUTED","createErrorIconDataUrl","svgString","encodeURIComponent","SVG_DATA_URL","errorIconStyles","process","env","NODE_ENV","noErrorIconStyles","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","errorBorderStyles","validationStyles","getFieldElement","path","document","querySelector","getParentPaths","includes","segments","split","map","_","index","slice","join","filter","Boolean","markFieldAsInvalid","className","element","classList","add","applyValidationMarkers","invalidFields","Object","keys","forEach","fieldPath","clearValidationMarkers","querySelectorAll","remove","ValidationIndicators","createElement"],"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 border color, use the Admin UI Colors APIs to override the default `destructive` color palette.\n\nconst ERROR_COLOR = `hsl(var(--border-destructive-default))`;\nconst ERROR_COLOR_MUTED = `hsl(var(--bg-destructive-muted))`;\n\nconst createErrorIconDataUrl = (): string => {\n    const svgString = `\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <path d=\"M8.0013 4.32663L13.0213 13H2.9813L8.0013 4.32663ZM8.0013 1.66663L0.667969 14.3333H15.3346L8.0013 1.66663ZM8.66797 11H7.33463V12.3333H8.66797V11ZM8.66797 6.99996H7.33463V9.66663H8.66797V6.99996Z\" fill=\"white\"/>\n        </svg>\n    `;\n    return `data:image/svg+xml;charset=utf-8,${encodeURIComponent(svgString)}`;\n};\n\nconst SVG_DATA_URL = createErrorIconDataUrl();\n\n// Style mixins\nconst errorIconStyles = css`\n    content: \"\" !important;\n    display: inline-block;\n    width: 20px;\n    height: 20px;\n    margin-right: var(--spacing-xs-plus) !important;\n    background-color: ${ERROR_COLOR_MUTED} !important;\n    background-image: url(${SVG_DATA_URL});\n    background-size: 80%;\n    background-position: center;\n    background-repeat: no-repeat;\n    border-radius: 4px;\n`;\n\nconst noErrorIconStyles = css`\n    content: \"\";\n    margin: 0;\n`;\n\nconst errorBorderStyles = css`\n    border: 1px solid ${ERROR_COLOR};\n`;\n\nconst validationStyles = 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                display: none;\n            }\n        }\n\n        // Accordion\n        .webiny_accordion-item-title::before,\n        .webiny_accordion-title-text::before {\n            ${errorIconStyles}\n            position: absolute;\n            left: -10px;\n            top: 17px;\n        }\n\n        // Multiple entries\n        > hcms-parent-field-provider .webiny_group-label-text::before {\n            ${errorIconStyles}\n        }\n\n        // Radio buttons - hide error icon on individual options\n        &[data-field-renderer=\"radio-buttons\"] {\n            [role=\"radiogroup\"] .webiny_label-text::before {\n                ${noErrorIconStyles}\n            }\n        }\n\n        // Checkboxes - hide error icon on individual options\n        &[data-field-renderer=\"checkboxes\"] {\n            [role=\"checkbox\"] + label .webiny_label-text::before {\n                ${noErrorIconStyles}\n            }\n        }\n    }\n\n    // Reference field\n    .wby-content-entry-invalid-field[data-field-type=\"ref\"] {\n        .webiny_group-label-text::before {\n            ${errorIconStyles}\n        }\n\n        .webiny_ref-field-container {\n            ${errorBorderStyles}\n        }\n\n        &[data-field-renderer=\"ref-simple-single\"] {\n            [role=\"radiogroup\"] .webiny_label-text::before,\n            [role=\"checkbox\"] + label .webiny_label-text::before {\n                ${noErrorIconStyles}\n            }\n        }\n    }\n\n    // Object field\n    .wby-content-entry-invalid-field[data-field-type=\"object\"] {\n        &[data-field-renderer=\"objects\"] > div {\n            border: 1px solid ${ERROR_COLOR_MUTED};\n            border-radius: var(--radius-lg);\n        }\n\n        &[data-field-renderer=\"object\"],\n        &[data-field-renderer=\"objects\"] {\n            .webiny_group-label-text::before {\n                display: none;\n            }\n\n            label {\n                left: 0;\n\n                .webiny_label-text::before {\n                    ${noErrorIconStyles}\n                }\n            }\n        }\n    }\n`;\n\n// Validation marker utilities\nconst getFieldElement = (path: string): Element | null => {\n    return document.querySelector(`hcms-field-validation[data-path=\"${path}\"]`);\n};\n\nconst getParentPaths = (path: string): string[] => {\n    if (!path.includes(\".\")) {\n        return [];\n    }\n\n    const segments = path.split(\".\");\n    return segments.map((_, index) => segments.slice(0, index).join(\".\")).filter(Boolean);\n};\n\nconst markFieldAsInvalid = (path: string, className: string): void => {\n    const element = getFieldElement(path);\n    element?.classList.add(className);\n};\n\nconst applyValidationMarkers = (invalidFields: FormValidation, className: string): void => {\n    Object.keys(invalidFields).forEach(fieldPath => {\n        // Mark the field and all its parent fields\n        [fieldPath, ...getParentPaths(fieldPath)].forEach(path => {\n            markFieldAsInvalid(path, className);\n        });\n    });\n};\n\nconst clearValidationMarkers = (className: string): void => {\n    document.querySelectorAll(`.${className}`).forEach(element => {\n        element.classList.remove(className);\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        useEffect(() => {\n            clearValidationMarkers(className);\n            applyValidationMarkers(invalidFields, className);\n        }, [invalidFields, className]);\n\n        return <Global styles={validationStyles} />;\n    }\n);\n"],"mappings":"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","ignoreList":[]}

package/admin/views/contentEntries/hooks/index.d.ts

@@ -1,4 +1,4 @@
-export * from "./useContentEntries";
-export * from "./useContentEntriesList";
-export * from "./useContentEntry";
-export * from "./useMoveContentEntryToFolder";
+export * from "./useContentEntries.js";
+export * from "./useContentEntriesList.js";
+export * from "./useContentEntry.js";
+export * from "./useMoveContentEntryToFolder.js";

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

@@ -1,6 +1,6 @@
-export * from "./useContentEntries";
-export * from "./useContentEntriesList";
-export * from "./useContentEntry";
-export * from "./useMoveContentEntryToFolder";
+export * from "./useContentEntries.js";
+export * from "./useContentEntriesList.js";
+export * from "./useContentEntry.js";
+export * from "./useMoveContentEntryToFolder.js";
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./useContentEntries.js\";\nexport * from \"./useContentEntriesList.js\";\nexport * from \"./useContentEntry.js\";\nexport * from \"./useMoveContentEntryToFolder.js\";\n"],"mappings":"AAAA;AACA;AACA;AACA","ignoreList":[]}

package/admin/views/contentEntries/hooks/useContentEntries.d.ts

@@ -1,2 +1,2 @@
-import { ContentEntriesContext } from "../ContentEntriesContext";
+import { ContentEntriesContext } from "../ContentEntriesContext.js";
 export declare function useContentEntries(): ContentEntriesContext;

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

@@ -1,5 +1,5 @@
 import { useContext } from "react";
-import { ContentEntriesContext } from "../ContentEntriesContext";
+import { ContentEntriesContext } from "../ContentEntriesContext.js";
 export function useContentEntries() {
   const context = useContext(ContentEntriesContext);
   if (!context) {

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

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"names":["useContext","ContentEntriesContext","useContentEntries","context","Error"],"sources":["useContentEntries.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { ContentEntriesContext } from \"../ContentEntriesContext.js\";\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":[]}

package/admin/views/contentEntries/hooks/useContentEntriesList.d.ts

@@ -1,13 +1,12 @@
 import React from "react";
-import type { CmsContentEntry, TableItem } from "../../../../types";
-import type { OnSortingChange, Sorting } from "@webiny/ui/DataTable";
-import type { ListMeta } from "@webiny/app-aco";
-import type { FolderItem } from "@webiny/app-aco/types";
+import type { FolderDto, ListMeta } from "@webiny/app-aco";
+import type { CmsContentEntry, TableItem } from "../../../../types.js";
+import type { OnSortingChange, Sorting } from "@webiny/ui/DataTable/index.js";
 export interface ContentEntriesListProviderContext {
     modelId: string;
     folderId: string;
     navigateTo: (folderId?: string) => void;
-    folders: FolderItem[];
+    folders: FolderDto[];
     getEntryEditUrl: (item: CmsContentEntry) => string;
     hideFilters: () => void;
     isListLoading: boolean;
@@ -33,16 +32,17 @@ export interface ContentEntriesListProviderContext {
     isSelectedAll: boolean;
     getWhere: () => Record<string, any>;
     searchQuery: string;
+    searchPlaceholder: string;
 }
 export declare const ContentEntriesListContext: React.Context<ContentEntriesListProviderContext | undefined>;
 interface ContentEntriesListProviderProps {
     children: React.ReactNode;
 }
 export declare const ContentEntriesListProvider: ({ children }: ContentEntriesListProviderProps) => React.JSX.Element;
-export declare const useContentEntriesList: import("@webiny/react-composition").GenericHook<unknown, ContentEntriesListProviderContext> & {
-    original: import("@webiny/react-composition").GenericHook<unknown, ContentEntriesListProviderContext>;
+export declare const useContentEntriesList: import("@webiny/app-admin").GenericHook<unknown, ContentEntriesListProviderContext> & {
+    original: import("@webiny/app-admin").GenericHook<unknown, ContentEntriesListProviderContext>;
     originalName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition").Decorator<() => ContentEntriesListProviderContext>) => () => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/app-admin").Decorator<() => ContentEntriesListProviderContext>) => () => React.JSX.Element;
 };
 export {};

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

@@ -1,17 +1,22 @@
-import React, { useCallback, useEffect, useState } from "react";
-import debounce from "lodash/debounce";
-import { useRouter } from "@webiny/react-router";
+import React, { useCallback, useEffect, useMemo, useState } from "react";
+import debounce from "lodash/debounce.js";
+import { useRoute, useRouter } from "@webiny/app-admin";
 import { makeDecoratable } from "@webiny/react-composition";
-import { useContentEntries } from "./useContentEntries";
 import { createSort, useAcoList, useNavigateFolder } from "@webiny/app-aco";
-import { CMS_ENTRY_LIST_LINK, ROOT_FOLDER } from "../../../constants";
+import { useContentEntries } from "./useContentEntries.js";
+import { ROOT_FOLDER } from "../../../constants.js";
+import { Routes } from "../../../../routes.js";
 export const ContentEntriesListContext = /*#__PURE__*/React.createContext(undefined);
 export const ContentEntriesListProvider = ({
   children
 }) => {
   const {
-    history
+    goToRoute,
+    getLink
   } = useRouter();
+  const {
+    route
+  } = useRoute(Routes.ContentEntries.List);
   const {
     contentModel
   } = useContentEntries();
@@ -20,6 +25,7 @@ export const ContentEntriesListProvider = ({
   } = useNavigateFolder();
   const {
     folders: initialFolders,
+    currentFolder,
     isListLoading,
     isListLoadingMore,
     isSearch,
@@ -43,42 +49,28 @@ export const ContentEntriesListProvider = ({
   } = useAcoList();
   const [sorting, setSorting] = useState([]);
   const [search, setSearch] = useState("");
-  const query = new URLSearchParams(location.search);
-  const searchQuery = query.get("search") || "";
-  const baseUrl = `${CMS_ENTRY_LIST_LINK}/${contentModel.modelId}`;
+  const searchQuery = route.params.search ?? "";
 
-  // Search-related logics: update `searchQuery` state and querystring
+  // Search-related logic: update `searchQuery` state and querystring
   const updateSearch = useCallback(debounce(({
-    search,
-    query
+    search
   }) => {
-    const searchQuery = query.get("search");
-    if (typeof searchQuery !== "string" && !search) {
-      return;
-    }
-    setSearchQuery(search);
     if (searchQuery !== search) {
-      if (!search) {
-        // In case of empty `search` - remove it from `querystring`
-        query.delete("search");
-      } else {
-        // Otherwise, add it to `querystring`
-        query.set("search", search);
-      }
-      history.push(`${baseUrl}?${query.toString()}`);
+      setSearchQuery(search);
+      goToRoute(Routes.ContentEntries.List, {
+        ...route.params,
+        search
+      });
     }
-  }, 500), [baseUrl]);
-
-  // Set "search" from search "query" on page load.
+  }, 500), [searchQuery, route]);
   useEffect(() => {
-    setSearch(searchQuery);
-  }, [searchQuery]);
+    setSearch(route.params.search ?? "");
+  }, [route]);
 
   // When "search" changes, trigger search-related logics
   useEffect(() => {
     updateSearch({
-      search,
-      query
+      search
     });
   }, [search]);
   const onSelectRow = rows => {
@@ -87,24 +79,54 @@ export const ContentEntriesListProvider = ({
     setSelected(cmsContentEntries);
   };
   const getEntryEditUrl = useCallback(entry => {
-    const folderPath = currentFolderId ? `&folderId=${encodeURIComponent(currentFolderId)}` : "";
-    const idPath = encodeURIComponent(entry.id);
-    return `${baseUrl}?id=${idPath}${folderPath}`;
-  }, [baseUrl, currentFolderId]);
+    return getLink(Routes.ContentEntries.List, {
+      ...route.params,
+      folderId: currentFolderId,
+      id: entry.id
+    });
+  }, [currentFolderId]);
   useEffect(() => {
     if (!sorting?.length) {
       return;
     }
-    const sort = createSort(sorting);
+    const sort = createSort(
+    /**
+     * We need to map sorting IDs to match expected CMS values.
+     */
+    sorting.map(item => {
+      const isField = contentModel.fields.some(field => field.fieldId === item.id);
+      /**
+       * We only prefix model fields with the "values_" string.
+       */
+      if (item.id.includes("values_") || !isField) {
+        return item;
+      }
+      return {
+        ...item,
+        id: `values_${item.id}`
+      };
+    }));
     if (!sort) {
       return;
     }
     setListSort(sort);
-  }, [sorting]);
+  }, [sorting, contentModel]);
   const navigateTo = useCallback(input => {
-    const folderId = encodeURIComponent(input || currentFolderId || ROOT_FOLDER);
-    history.push(`${baseUrl}?folderId=${folderId}`);
-  }, [currentFolderId, baseUrl]);
+    const folderId = input || currentFolderId || ROOT_FOLDER;
+    goToRoute(Routes.ContentEntries.List, {
+      ...route.params,
+      folderId
+    });
+  }, [currentFolderId, route]);
+  const searchPlaceholder = useMemo(() => {
+    if (!currentFolder) {
+      return "Search...";
+    }
+    if (currentFolder.id === ROOT_FOLDER) {
+      return `Search all ${contentModel.pluralApiName}`;
+    }
+    return `Search in "${currentFolder.title}"`;
+  }, [currentFolder, contentModel]);
   const context = {
     modelId: contentModel.modelId,
     folderId: currentFolderId || ROOT_FOLDER,
@@ -120,6 +142,7 @@ export const ContentEntriesListProvider = ({
     onSelectRow,
     records: initialRecords,
     search,
+    searchPlaceholder,
     selected,
     setSelected,
     setSearch,

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

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useEffect","useState","debounce","useRouter","makeDecoratable","useContentEntries","createSort","useAcoList","useNavigateFolder","CMS_ENTRY_LIST_LINK","ROOT_FOLDER","ContentEntriesListContext","createContext","undefined","ContentEntriesListProvider","children","history","contentModel","currentFolderId","folders","initialFolders","isListLoading","isListLoadingMore","isSearch","listMoreRecords","listTitle","meta","records","initialRecords","selected","setSearchQuery","setListSort","setFilters","setSelected","showFilters","hideFilters","showingFilters","showingSelectAll","isSelectedAll","selectAll","unselectAll","getWhere","sorting","setSorting","search","setSearch","query","URLSearchParams","location","searchQuery","get","baseUrl","modelId","updateSearch","delete","set","push","toString","onSelectRow","rows","items","filter","item","$type","cmsContentEntries","map","data","getEntryEditUrl","entry","folderPath","encodeURIComponent","idPath","id","length","sort","navigateTo","input","folderId","context","createElement","Provider","value","useContentEntriesList","useContext","Error"],"sources":["useContentEntriesList.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from \"react\";\nimport debounce from \"lodash/debounce\";\nimport { useRouter } from \"@webiny/react-router\";\nimport { makeDecoratable } from \"@webiny/react-composition\";\nimport { useContentEntries } from \"./useContentEntries\";\nimport type { CmsContentEntry, TableItem } from \"~/types\";\nimport type { OnSortingChange, Sorting } from \"@webiny/ui/DataTable\";\nimport { createSort, useAcoList, useNavigateFolder } from \"@webiny/app-aco\";\nimport { CMS_ENTRY_LIST_LINK, ROOT_FOLDER } from \"~/admin/constants\";\nimport type { ListMeta } from \"@webiny/app-aco\";\nimport type { FolderItem } from \"@webiny/app-aco/types\";\n\ninterface UpdateSearchCallableParams {\n    search: string;\n    query: URLSearchParams;\n}\ninterface UpdateSearchCallable {\n    (params: UpdateSearchCallableParams): void;\n}\n\nexport interface ContentEntriesListProviderContext {\n    modelId: string;\n    folderId: string;\n    navigateTo: (folderId?: string) => void;\n    folders: FolderItem[];\n    getEntryEditUrl: (item: CmsContentEntry) => string;\n    hideFilters: () => void;\n    isListLoading: boolean;\n    isListLoadingMore: boolean;\n    isSearch: boolean;\n    listMoreRecords: () => void;\n    listTitle?: string;\n    meta: ListMeta;\n    onSelectRow: (rows: TableItem[] | []) => void;\n    records: CmsContentEntry[];\n    search: string;\n    selected: CmsContentEntry[];\n    setSearch: (value: string) => void;\n    setSelected: (data: CmsContentEntry[]) => void;\n    setSorting: OnSortingChange;\n    showFilters: () => void;\n    showingFilters: boolean;\n    showingSelectAll: boolean;\n    sorting: Sorting;\n    setFilters: (data: Record<string, any>) => void;\n    selectAll: () => void;\n    unselectAll: () => void;\n    isSelectedAll: boolean;\n    getWhere: () => Record<string, any>;\n    searchQuery: string;\n}\n\nexport const ContentEntriesListContext = React.createContext<\n    ContentEntriesListProviderContext | undefined\n>(undefined);\n\ninterface ContentEntriesListProviderProps {\n    children: React.ReactNode;\n}\n\nexport const ContentEntriesListProvider = ({ children }: ContentEntriesListProviderProps) => {\n    const { history } = useRouter();\n    const { contentModel } = useContentEntries();\n    const { currentFolderId } = useNavigateFolder();\n\n    const {\n        folders: initialFolders,\n        isListLoading,\n        isListLoadingMore,\n        isSearch,\n        listMoreRecords,\n        listTitle,\n        meta,\n        records: initialRecords,\n        selected,\n        setSearchQuery,\n        setListSort,\n        setFilters,\n        setSelected,\n        showFilters,\n        hideFilters,\n        showingFilters,\n        showingSelectAll,\n        isSelectedAll,\n        selectAll,\n        unselectAll,\n        getWhere\n    } = useAcoList<CmsContentEntry>();\n\n    const [sorting, setSorting] = useState<Sorting>([]);\n    const [search, setSearch] = useState<string>(\"\");\n    const query = new URLSearchParams(location.search);\n    const searchQuery = query.get(\"search\") || \"\";\n    const baseUrl = `${CMS_ENTRY_LIST_LINK}/${contentModel.modelId}`;\n\n    // Search-related logics: update `searchQuery` state and querystring\n    const updateSearch = useCallback(\n        debounce<UpdateSearchCallable>(({ search, query }) => {\n            const searchQuery = query.get(\"search\");\n\n            if (typeof searchQuery !== \"string\" && !search) {\n                return;\n            }\n\n            setSearchQuery(search);\n\n            if (searchQuery !== search) {\n                if (!search) {\n                    // In case of empty `search` - remove it from `querystring`\n                    query.delete(\"search\");\n                } else {\n                    // Otherwise, add it to `querystring`\n                    query.set(\"search\", search);\n                }\n                history.push(`${baseUrl}?${query.toString()}`);\n            }\n        }, 500),\n        [baseUrl]\n    );\n\n    // Set \"search\" from search \"query\" on page load.\n    useEffect(() => {\n        setSearch(searchQuery);\n    }, [searchQuery]);\n\n    // When \"search\" changes, trigger search-related logics\n    useEffect(() => {\n        updateSearch({ search, query });\n    }, [search]);\n\n    const onSelectRow: ContentEntriesListProviderContext[\"onSelectRow\"] = rows => {\n        const items = rows.filter(item => item.$type === \"RECORD\");\n\n        const cmsContentEntries = items.map(item => item.data as CmsContentEntry);\n\n        setSelected(cmsContentEntries);\n    };\n\n    const getEntryEditUrl = useCallback(\n        (entry: CmsContentEntry): string => {\n            const folderPath = currentFolderId\n                ? `&folderId=${encodeURIComponent(currentFolderId)}`\n                : \"\";\n\n            const idPath = encodeURIComponent(entry.id);\n\n            return `${baseUrl}?id=${idPath}${folderPath}`;\n        },\n        [baseUrl, currentFolderId]\n    );\n\n    useEffect(() => {\n        if (!sorting?.length) {\n            return;\n        }\n        const sort = createSort(sorting);\n        if (!sort) {\n            return;\n        }\n        setListSort(sort);\n    }, [sorting]);\n\n    const navigateTo = useCallback(\n        (input?: string) => {\n            const folderId = encodeURIComponent(input || currentFolderId || ROOT_FOLDER);\n\n            history.push(`${baseUrl}?folderId=${folderId}`);\n        },\n        [currentFolderId, baseUrl]\n    );\n\n    const context: ContentEntriesListProviderContext = {\n        modelId: contentModel.modelId,\n        folderId: currentFolderId || ROOT_FOLDER,\n        navigateTo,\n        folders: initialFolders,\n        getEntryEditUrl,\n        isListLoading,\n        isListLoadingMore,\n        isSearch,\n        listTitle,\n        listMoreRecords,\n        meta,\n        onSelectRow,\n        records: initialRecords,\n        search,\n        selected,\n        setSelected,\n        setSearch,\n        sorting,\n        setSorting,\n        showingFilters,\n        showFilters,\n        hideFilters,\n        setFilters,\n        showingSelectAll,\n        isSelectedAll,\n        selectAll,\n        unselectAll,\n        getWhere,\n        searchQuery\n    };\n\n    return (\n        <ContentEntriesListContext.Provider value={context}>\n            {children}\n        </ContentEntriesListContext.Provider>\n    );\n};\n\nexport const useContentEntriesList = makeDecoratable((): ContentEntriesListProviderContext => {\n    const context = React.useContext(ContentEntriesListContext);\n\n    if (!context) {\n        throw new Error(\"useContentEntriesList must be used within a ContentEntriesListContext\");\n    }\n\n    return context;\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useEffect","useMemo","useState","debounce","useRoute","useRouter","makeDecoratable","createSort","useAcoList","useNavigateFolder","useContentEntries","ROOT_FOLDER","Routes","ContentEntriesListContext","createContext","undefined","ContentEntriesListProvider","children","goToRoute","getLink","route","ContentEntries","List","contentModel","currentFolderId","folders","initialFolders","currentFolder","isListLoading","isListLoadingMore","isSearch","listMoreRecords","listTitle","meta","records","initialRecords","selected","setSearchQuery","setListSort","setFilters","setSelected","showFilters","hideFilters","showingFilters","showingSelectAll","isSelectedAll","selectAll","unselectAll","getWhere","sorting","setSorting","search","setSearch","searchQuery","params","updateSearch","onSelectRow","rows","items","filter","item","$type","cmsContentEntries","map","data","getEntryEditUrl","entry","folderId","id","length","sort","isField","fields","some","field","fieldId","includes","navigateTo","input","searchPlaceholder","pluralApiName","title","context","modelId","createElement","Provider","value","useContentEntriesList","useContext","Error"],"sources":["useContentEntriesList.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport debounce from \"lodash/debounce.js\";\nimport { useRoute, useRouter } from \"@webiny/app-admin\";\nimport { makeDecoratable } from \"@webiny/react-composition\";\nimport type { FolderDto, ListMeta } from \"@webiny/app-aco\";\nimport { createSort, useAcoList, useNavigateFolder } from \"@webiny/app-aco\";\nimport { useContentEntries } from \"./useContentEntries.js\";\nimport type { CmsContentEntry, TableItem } from \"~/types.js\";\nimport type { OnSortingChange, Sorting } from \"@webiny/ui/DataTable/index.js\";\nimport { ROOT_FOLDER } from \"~/admin/constants.js\";\nimport { Routes } from \"~/routes.js\";\n\ninterface UpdateSearchCallableParams {\n    search: string;\n}\ninterface UpdateSearchCallable {\n    (params: UpdateSearchCallableParams): void;\n}\n\nexport interface ContentEntriesListProviderContext {\n    modelId: string;\n    folderId: string;\n    navigateTo: (folderId?: string) => void;\n    folders: FolderDto[];\n    getEntryEditUrl: (item: CmsContentEntry) => string;\n    hideFilters: () => void;\n    isListLoading: boolean;\n    isListLoadingMore: boolean;\n    isSearch: boolean;\n    listMoreRecords: () => void;\n    listTitle?: string;\n    meta: ListMeta;\n    onSelectRow: (rows: TableItem[] | []) => void;\n    records: CmsContentEntry[];\n    search: string;\n    selected: CmsContentEntry[];\n    setSearch: (value: string) => void;\n    setSelected: (data: CmsContentEntry[]) => void;\n    setSorting: OnSortingChange;\n    showFilters: () => void;\n    showingFilters: boolean;\n    showingSelectAll: boolean;\n    sorting: Sorting;\n    setFilters: (data: Record<string, any>) => void;\n    selectAll: () => void;\n    unselectAll: () => void;\n    isSelectedAll: boolean;\n    getWhere: () => Record<string, any>;\n    searchQuery: string;\n    searchPlaceholder: string;\n}\n\nexport const ContentEntriesListContext = React.createContext<\n    ContentEntriesListProviderContext | undefined\n>(undefined);\n\ninterface ContentEntriesListProviderProps {\n    children: React.ReactNode;\n}\n\nexport const ContentEntriesListProvider = ({ children }: ContentEntriesListProviderProps) => {\n    const { goToRoute, getLink } = useRouter();\n    const { route } = useRoute(Routes.ContentEntries.List);\n    const { contentModel } = useContentEntries();\n    const { currentFolderId } = useNavigateFolder();\n\n    const {\n        folders: initialFolders,\n        currentFolder,\n        isListLoading,\n        isListLoadingMore,\n        isSearch,\n        listMoreRecords,\n        listTitle,\n        meta,\n        records: initialRecords,\n        selected,\n        setSearchQuery,\n        setListSort,\n        setFilters,\n        setSelected,\n        showFilters,\n        hideFilters,\n        showingFilters,\n        showingSelectAll,\n        isSelectedAll,\n        selectAll,\n        unselectAll,\n        getWhere\n    } = useAcoList<CmsContentEntry>();\n\n    const [sorting, setSorting] = useState<Sorting>([]);\n    const [search, setSearch] = useState<string>(\"\");\n\n    const searchQuery = route.params.search ?? \"\";\n\n    // Search-related logic: update `searchQuery` state and querystring\n    const updateSearch = useCallback(\n        debounce<UpdateSearchCallable>(({ search }) => {\n            if (searchQuery !== search) {\n                setSearchQuery(search);\n                goToRoute(Routes.ContentEntries.List, { ...route.params, search });\n            }\n        }, 500),\n        [searchQuery, route]\n    );\n\n    useEffect(() => {\n        setSearch(route.params.search ?? \"\");\n    }, [route]);\n\n    // When \"search\" changes, trigger search-related logics\n    useEffect(() => {\n        updateSearch({ search });\n    }, [search]);\n\n    const onSelectRow: ContentEntriesListProviderContext[\"onSelectRow\"] = rows => {\n        const items = rows.filter(item => item.$type === \"RECORD\");\n\n        const cmsContentEntries = items.map(item => item.data as CmsContentEntry);\n\n        setSelected(cmsContentEntries);\n    };\n\n    const getEntryEditUrl = useCallback(\n        (entry: CmsContentEntry): string => {\n            return getLink(Routes.ContentEntries.List, {\n                ...route.params,\n                folderId: currentFolderId,\n                id: entry.id\n            });\n        },\n        [currentFolderId]\n    );\n\n    useEffect(() => {\n        if (!sorting?.length) {\n            return;\n        }\n        const sort = createSort(\n            /**\n             * We need to map sorting IDs to match expected CMS values.\n             */\n            sorting.map(item => {\n                const isField = contentModel.fields.some(field => field.fieldId === item.id);\n                /**\n                 * We only prefix model fields with the \"values_\" string.\n                 */\n                if (item.id.includes(\"values_\") || !isField) {\n                    return item;\n                }\n                return {\n                    ...item,\n                    id: `values_${item.id}`\n                };\n            })\n        );\n        if (!sort) {\n            return;\n        }\n        setListSort(sort);\n    }, [sorting, contentModel]);\n\n    const navigateTo = useCallback(\n        (input?: string) => {\n            const folderId = input || currentFolderId || ROOT_FOLDER;\n\n            goToRoute(Routes.ContentEntries.List, { ...route.params, folderId });\n        },\n        [currentFolderId, route]\n    );\n\n    const searchPlaceholder = useMemo(() => {\n        if (!currentFolder) {\n            return \"Search...\";\n        }\n\n        if (currentFolder.id === ROOT_FOLDER) {\n            return `Search all ${contentModel.pluralApiName}`;\n        }\n\n        return `Search in \"${currentFolder.title}\"`;\n    }, [currentFolder, contentModel]);\n\n    const context: ContentEntriesListProviderContext = {\n        modelId: contentModel.modelId,\n        folderId: currentFolderId || ROOT_FOLDER,\n        navigateTo,\n        folders: initialFolders,\n        getEntryEditUrl,\n        isListLoading,\n        isListLoadingMore,\n        isSearch,\n        listTitle,\n        listMoreRecords,\n        meta,\n        onSelectRow,\n        records: initialRecords,\n        search,\n        searchPlaceholder,\n        selected,\n        setSelected,\n        setSearch,\n        sorting,\n        setSorting,\n        showingFilters,\n        showFilters,\n        hideFilters,\n        setFilters,\n        showingSelectAll,\n        isSelectedAll,\n        selectAll,\n        unselectAll,\n        getWhere,\n        searchQuery\n    };\n\n    return (\n        <ContentEntriesListContext.Provider value={context}>\n            {children}\n        </ContentEntriesListContext.Provider>\n    );\n};\n\nexport const useContentEntriesList = makeDecoratable((): ContentEntriesListProviderContext => {\n    const context = React.useContext(ContentEntriesListContext);\n\n    if (!context) {\n        throw new Error(\"useContentEntriesList must be used within a ContentEntriesListContext\");\n    }\n\n    return context;\n});\n"],"mappings":"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","ignoreList":[]}

package/admin/views/contentEntries/hooks/useContentEntry.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
-import { ContentEntryContext } from "../ContentEntry/ContentEntryContext";
+import { ContentEntryContext } from "../ContentEntry/ContentEntryContext.js";
 export declare const useContentEntry: import("@webiny/app-admin").GenericHook<unknown, ContentEntryContext> & {
     original: import("@webiny/app-admin").GenericHook<unknown, ContentEntryContext>;
     originalName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/app-admin").Decorator<() => ContentEntryContext>) => () => import("react").JSX.Element;
+    createDecorator: (decorator: import("@webiny/app-admin").Decorator<() => ContentEntryContext>) => () => React.JSX.Element;
 };

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

@@ -1,6 +1,6 @@
 import { useContext } from "react";
 import { makeDecoratable } from "@webiny/app-admin";
-import { ContentEntryContext } from "../ContentEntry/ContentEntryContext";
+import { ContentEntryContext } from "../ContentEntry/ContentEntryContext.js";
 export const useContentEntry = makeDecoratable(() => {
   const context = useContext(ContentEntryContext);
   if (!context) {

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

@@ -1 +1 @@
-{"version":3,"names":["useContext","makeDecoratable","ContentEntryContext","useContentEntry","context","Error"],"sources":["useContentEntry.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { makeDecoratable } from \"@webiny/app-admin\";\nimport { ContentEntryContext } from \"../ContentEntry/ContentEntryContext\";\n\nexport const useContentEntry = makeDecoratable(() => {\n    const context = useContext(ContentEntryContext);\n    if (!context) {\n        throw Error(\n            `useContentEntry() hook can only be used within the ContentEntryContext provider.`\n        );\n    }\n    return context;\n});\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,eAAe,QAAQ,mBAAmB;AACnD,SAASC,mBAAmB;AAE5B,OAAO,MAAMC,eAAe,GAAGF,eAAe,CAAC,MAAM;EACjD,MAAMG,OAAO,GAAGJ,UAAU,CAACE,mBAAmB,CAAC;EAC/C,IAAI,CAACE,OAAO,EAAE;IACV,MAAMC,KAAK,CACP,kFACJ,CAAC;EACL;EACA,OAAOD,OAAO;AAClB,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["useContext","makeDecoratable","ContentEntryContext","useContentEntry","context","Error"],"sources":["useContentEntry.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { makeDecoratable } from \"@webiny/app-admin\";\nimport { ContentEntryContext } from \"../ContentEntry/ContentEntryContext.js\";\n\nexport const useContentEntry = makeDecoratable(() => {\n    const context = useContext(ContentEntryContext);\n    if (!context) {\n        throw Error(\n            `useContentEntry() hook can only be used within the ContentEntryContext provider.`\n        );\n    }\n    return context;\n});\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,eAAe,QAAQ,mBAAmB;AACnD,SAASC,mBAAmB;AAE5B,OAAO,MAAMC,eAAe,GAAGF,eAAe,CAAC,MAAM;EACjD,MAAMG,OAAO,GAAGJ,UAAU,CAACE,mBAAmB,CAAC;EAC/C,IAAI,CAACE,OAAO,EAAE;IACV,MAAMC,KAAK,CACP,kFACJ,CAAC;EACL;EACA,OAAOD,OAAO;AAClB,CAAC,CAAC","ignoreList":[]}

package/admin/views/contentEntries/hooks/useMoveContentEntryToFolder.d.ts

@@ -1,4 +1,4 @@
-import type { CmsContentEntry } from "../../../../types";
+import type { CmsContentEntry } from "../../../../types.js";
 interface UseMoveContentEntryToFolder {
     record: CmsContentEntry;
 }