@webiny/app-headless-cms 5.42.2-beta.0 → 5.42.2-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (119) hide show
  1. package/ContentEntryEditorConfig.d.ts +38 -14
  2. package/ContentEntryEditorConfig.js +14 -7
  3. package/ContentEntryEditorConfig.js.map +1 -1
  4. package/admin/components/ContentEntryForm/ContentEntryForm.d.ts +8 -7
  5. package/admin/components/ContentEntryForm/ContentEntryForm.js +4 -2
  6. package/admin/components/ContentEntryForm/ContentEntryForm.js.map +1 -1
  7. package/admin/components/ContentEntryForm/ContentEntryFormProvider.d.ts +3 -2
  8. package/admin/components/ContentEntryForm/ContentEntryFormProvider.js +2 -0
  9. package/admin/components/ContentEntryForm/ContentEntryFormProvider.js.map +1 -1
  10. package/admin/components/ContentEntryForm/FieldElement.js +1 -2
  11. package/admin/components/ContentEntryForm/FieldElement.js.map +1 -1
  12. package/admin/components/ContentEntryForm/Header/Header.js +9 -3
  13. package/admin/components/ContentEntryForm/Header/Header.js.map +1 -1
  14. package/admin/components/ContentEntryForm/createValidationScope.d.ts +18 -0
  15. package/admin/components/ContentEntryForm/createValidationScope.js +31 -0
  16. package/admin/components/ContentEntryForm/createValidationScope.js.map +1 -0
  17. package/admin/components/ContentEntryForm/useBind.d.ts +2 -3
  18. package/admin/components/ContentEntryForm/useBind.js +15 -7
  19. package/admin/components/ContentEntryForm/useBind.js.map +1 -1
  20. package/admin/config/contentEntries/editor/ContentEntryEditorConfig.d.ts +1 -0
  21. package/admin/config/contentEntries/editor/ContentEntryEditorConfig.js +3 -1
  22. package/admin/config/contentEntries/editor/ContentEntryEditorConfig.js.map +1 -1
  23. package/admin/config/contentEntries/editor/ValidationIndicators.d.ts +5 -0
  24. package/admin/config/contentEntries/editor/ValidationIndicators.js +22 -0
  25. package/admin/config/contentEntries/editor/ValidationIndicators.js.map +1 -0
  26. package/admin/plugins/fieldRenderers/Accordion.d.ts +2 -1
  27. package/admin/plugins/fieldRenderers/Accordion.js +28 -28
  28. package/admin/plugins/fieldRenderers/Accordion.js.map +1 -1
  29. package/admin/plugins/fieldRenderers/DynamicSection.d.ts +3 -1
  30. package/admin/plugins/fieldRenderers/DynamicSection.js +21 -9
  31. package/admin/plugins/fieldRenderers/DynamicSection.js.map +1 -1
  32. package/admin/plugins/fieldRenderers/MultiValueRendererSettings.d.ts +8 -0
  33. package/admin/plugins/fieldRenderers/MultiValueRendererSettings.js +33 -0
  34. package/admin/plugins/fieldRenderers/MultiValueRendererSettings.js.map +1 -0
  35. package/admin/plugins/fieldRenderers/checkboxes.js +17 -15
  36. package/admin/plugins/fieldRenderers/checkboxes.js.map +1 -1
  37. package/admin/plugins/fieldRenderers/dateTime/dateTimeField.js +14 -18
  38. package/admin/plugins/fieldRenderers/dateTime/dateTimeField.js.map +1 -1
  39. package/admin/plugins/fieldRenderers/dateTime/dateTimeFields.js +6 -2
  40. package/admin/plugins/fieldRenderers/dateTime/dateTimeFields.js.map +1 -1
  41. package/admin/plugins/fieldRenderers/dynamicZone/MultiValueDynamicZone.js +23 -21
  42. package/admin/plugins/fieldRenderers/dynamicZone/MultiValueDynamicZone.js.map +1 -1
  43. package/admin/plugins/fieldRenderers/dynamicZone/dynamicZoneRenderer.js +2 -2
  44. package/admin/plugins/fieldRenderers/dynamicZone/dynamicZoneRenderer.js.map +1 -1
  45. package/admin/plugins/fieldRenderers/lexicalText/lexicalTextInput.js +1 -1
  46. package/admin/plugins/fieldRenderers/lexicalText/lexicalTextInput.js.map +1 -1
  47. package/admin/plugins/fieldRenderers/lexicalText/lexicalTextInputs.js +7 -3
  48. package/admin/plugins/fieldRenderers/lexicalText/lexicalTextInputs.js.map +1 -1
  49. package/admin/plugins/fieldRenderers/longText/longText.js +2 -2
  50. package/admin/plugins/fieldRenderers/longText/longText.js.map +1 -1
  51. package/admin/plugins/fieldRenderers/longText/longTexts.js +6 -2
  52. package/admin/plugins/fieldRenderers/longText/longTexts.js.map +1 -1
  53. package/admin/plugins/fieldRenderers/number/numberInput.js +2 -2
  54. package/admin/plugins/fieldRenderers/number/numberInput.js.map +1 -1
  55. package/admin/plugins/fieldRenderers/number/numberInputs.js +6 -2
  56. package/admin/plugins/fieldRenderers/number/numberInputs.js.map +1 -1
  57. package/admin/plugins/fieldRenderers/object/MultiValueContainer.d.ts +10 -0
  58. package/admin/plugins/fieldRenderers/object/MultiValueContainer.js +118 -0
  59. package/admin/plugins/fieldRenderers/object/MultiValueContainer.js.map +1 -0
  60. package/admin/plugins/fieldRenderers/object/MultiValueItemContainer.d.ts +33 -0
  61. package/admin/plugins/fieldRenderers/object/MultiValueItemContainer.js +54 -0
  62. package/admin/plugins/fieldRenderers/object/MultiValueItemContainer.js.map +1 -0
  63. package/admin/plugins/fieldRenderers/object/index.d.ts +22 -0
  64. package/admin/plugins/fieldRenderers/object/index.js +5 -1
  65. package/admin/plugins/fieldRenderers/object/index.js.map +1 -1
  66. package/admin/plugins/fieldRenderers/object/multipleObjects.js +15 -104
  67. package/admin/plugins/fieldRenderers/object/multipleObjects.js.map +1 -1
  68. package/admin/plugins/fieldRenderers/object/multipleObjectsAccordion.js +15 -108
  69. package/admin/plugins/fieldRenderers/object/multipleObjectsAccordion.js.map +1 -1
  70. package/admin/plugins/fieldRenderers/object/singleObjectAccordion.js +2 -2
  71. package/admin/plugins/fieldRenderers/object/singleObjectAccordion.js.map +1 -1
  72. package/admin/plugins/fieldRenderers/object/singleObjectInline.js +25 -14
  73. package/admin/plugins/fieldRenderers/object/singleObjectInline.js.map +1 -1
  74. package/admin/plugins/fieldRenderers/radioButtons.js +18 -16
  75. package/admin/plugins/fieldRenderers/radioButtons.js.map +1 -1
  76. package/admin/plugins/fieldRenderers/ref/advanced/components/entry/Remove.js +6 -3
  77. package/admin/plugins/fieldRenderers/ref/advanced/components/entry/Remove.js.map +1 -1
  78. package/admin/plugins/fieldRenderers/ref/advanced/components/entry/View.js +2 -2
  79. package/admin/plugins/fieldRenderers/ref/advanced/components/entry/View.js.map +1 -1
  80. package/admin/plugins/fieldRenderers/ref/advanced/components/entry/elements/ButtonLink.js +6 -6
  81. package/admin/plugins/fieldRenderers/ref/advanced/components/entry/elements/ButtonLink.js.map +1 -1
  82. package/admin/plugins/fieldRenderers/ref/advanced/detailedReferenceRenderer.js +2 -2
  83. package/admin/plugins/fieldRenderers/ref/advanced/detailedReferenceRenderer.js.map +1 -1
  84. package/admin/plugins/fieldRenderers/ref/advanced/detailedReferencesRenderer.js +2 -2
  85. package/admin/plugins/fieldRenderers/ref/advanced/detailedReferencesRenderer.js.map +1 -1
  86. package/admin/plugins/fieldRenderers/ref/refInput.js +2 -2
  87. package/admin/plugins/fieldRenderers/ref/refInput.js.map +1 -1
  88. package/admin/plugins/fieldRenderers/ref/refInputs.js +2 -2
  89. package/admin/plugins/fieldRenderers/ref/refInputs.js.map +1 -1
  90. package/admin/plugins/fieldRenderers/ref/simple/simpleMultipleRenderer.js +2 -2
  91. package/admin/plugins/fieldRenderers/ref/simple/simpleMultipleRenderer.js.map +1 -1
  92. package/admin/plugins/fieldRenderers/ref/simple/simpleSingleRenderer.js +2 -2
  93. package/admin/plugins/fieldRenderers/ref/simple/simpleSingleRenderer.js.map +1 -1
  94. package/admin/plugins/fieldRenderers/richText/richTextInput.js +10 -8
  95. package/admin/plugins/fieldRenderers/richText/richTextInput.js.map +1 -1
  96. package/admin/plugins/fieldRenderers/richText/richTextInputs.js +7 -3
  97. package/admin/plugins/fieldRenderers/richText/richTextInputs.js.map +1 -1
  98. package/admin/plugins/fieldRenderers/select.js +9 -7
  99. package/admin/plugins/fieldRenderers/select.js.map +1 -1
  100. package/admin/plugins/fieldRenderers/text/tags.js +7 -5
  101. package/admin/plugins/fieldRenderers/text/tags.js.map +1 -1
  102. package/admin/plugins/fieldRenderers/text/textInput.js +2 -2
  103. package/admin/plugins/fieldRenderers/text/textInput.js.map +1 -1
  104. package/admin/plugins/fieldRenderers/text/textInputs.js +6 -2
  105. package/admin/plugins/fieldRenderers/text/textInputs.js.map +1 -1
  106. package/admin/views/contentEntries/ContentEntriesModule.js +1 -1
  107. package/admin/views/contentEntries/ContentEntriesModule.js.map +1 -1
  108. package/admin/views/contentEntries/ContentEntry/FullScreenContentEntry/FullScreenContentEntry.js +5 -5
  109. package/admin/views/contentEntries/ContentEntry/FullScreenContentEntry/FullScreenContentEntry.js.map +1 -1
  110. package/admin/views/contentEntries/ContentEntry/FullScreenContentEntry/FullScreenContentEntry.styled.d.ts +9 -9
  111. package/admin/views/contentEntries/ContentEntry/FullScreenContentEntry/FullScreenContentEntry.styled.js +25 -25
  112. package/admin/views/contentEntries/ContentEntry/FullScreenContentEntry/FullScreenContentEntry.styled.js.map +1 -1
  113. package/admin/views/contentEntries/ContentEntry.js +17 -5
  114. package/admin/views/contentEntries/ContentEntry.js.map +1 -1
  115. package/admin/views/contentEntries/ValidationIndicators.d.ts +25 -0
  116. package/admin/views/contentEntries/ValidationIndicators.js +45 -0
  117. package/admin/views/contentEntries/ValidationIndicators.js.map +1 -0
  118. package/allPlugins.d.ts +2 -2
  119. package/package.json +28 -28
@@ -0,0 +1,45 @@
1
+ "use strict";
2
+
3
+ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports.ValidationIndicators = void 0;
8
+ var _react = _interopRequireWildcard(require("react"));
9
+ var _reactComposition = require("@webiny/react-composition");
10
+ var _react2 = require("@emotion/react");
11
+ var errorColor = "#fa5723";
12
+ var errorTitleMixin = "\n content: \"\u26A0\uFE0F\";\n margin-right: 5px;\n";
13
+ 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");
14
+ 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlZhbGlkYXRpb25JbmRpY2F0b3JzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQndCIiwiZmlsZSI6IlZhbGlkYXRpb25JbmRpY2F0b3JzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB0eXBlIHsgRm9ybVZhbGlkYXRpb24gfSBmcm9tIFwiQHdlYmlueS9mb3JtXCI7XG5pbXBvcnQgeyBtYWtlRGVjb3JhdGFibGUgfSBmcm9tIFwiQHdlYmlueS9yZWFjdC1jb21wb3NpdGlvblwiO1xuaW1wb3J0IHsgR2xvYmFsLCBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcblxuY29uc3QgZXJyb3JDb2xvciA9IGAjZmE1NzIzYDtcblxuY29uc3QgZXJyb3JUaXRsZU1peGluID0gYFxuICAgIGNvbnRlbnQ6IFwi4pqg77iPXCI7XG4gICAgbWFyZ2luLXJpZ2h0OiA1cHg7XG5gO1xuXG5jb25zdCBlcnJvckJvcmRlck1peGluID0gYFxuICAgIGJvcmRlci1sZWZ0OiA1cHggc29saWQgJHtlcnJvckNvbG9yfTtcbiAgICBwYWRkaW5nLWxlZnQ6IDEwcHg7XG4gICAgYm9yZGVyLXRvcC1sZWZ0LXJhZGl1czogNXB4OyBcbiAgICBib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiA1cHg7XG5gO1xuXG5jb25zdCBkZWZhdWx0Q2xhc3MgPSBjc3NgXG4gICAgLy8gZGVmYXVsdCBiZWhhdmlvciBmb3IgZXJyb3IgZmllbGRzXG4gICAgLndieS1jb250ZW50LWVudHJ5LWludmFsaWQtZmllbGQge1xuICAgICAgICAke2Vycm9yQm9yZGVyTWl4aW59XG4gICAgfVxuXG4gICAgLy8gcmVzZXQgdGhlIGRlZmF1bHQgYmVoYXZpb3IgZm9yIGZpZWxkcyB0aGF0IHdlIHdhbnQgdG8gbWFudWFsbHkgY29udHJvbFxuICAgIC53YnktY29udGVudC1lbnRyeS1pbnZhbGlkLWZpZWxkW2RhdGEtZmllbGQtdHlwZT1cInRleHRcIl0sXG4gICAgLndieS1jb250ZW50LWVudHJ5LWludmFsaWQtZmllbGRbZGF0YS1maWVsZC10eXBlPVwibnVtYmVyXCJdLFxuICAgIC53YnktY29udGVudC1lbnRyeS1pbnZhbGlkLWZpZWxkW2RhdGEtZmllbGQtdHlwZT1cImRhdGV0aW1lXCJdLFxuICAgIC53YnktY29udGVudC1lbnRyeS1pbnZhbGlkLWZpZWxkW2RhdGEtZmllbGQtdHlwZT1cImxvbmctdGV4dFwiXSxcbiAgICAud2J5LWNvbnRlbnQtZW50cnktaW52YWxpZC1maWVsZFtkYXRhLWZpZWxkLXR5cGU9XCJkeW5hbWljWm9uZVwiXSxcbiAgICAud2J5LWNvbnRlbnQtZW50cnktaW52YWxpZC1maWVsZFtkYXRhLWZpZWxkLXR5cGU9XCJvYmplY3RcIl0sXG4gICAgLndieS1jb250ZW50LWVudHJ5LWludmFsaWQtZmllbGRbZGF0YS1maWVsZC10eXBlPVwicmVmXCJdLFxuICAgIC53YnktY29udGVudC1lbnRyeS1pbnZhbGlkLWZpZWxkW2RhdGEtZmllbGQtdHlwZT1cImZpbGVcIl0ge1xuICAgICAgICBib3JkZXI6IG5vbmU7XG4gICAgICAgIHBhZGRpbmctbGVmdDogMDtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogMDtcbiAgICB9XG5cbiAgICAvLyBzaG9ydCB0ZXh0IGVycm9yXG4gICAgLy8gbG9uZyB0ZXh0IGVycm9yXG4gICAgLy8gbnVtYmVyIGVycm9yXG4gICAgLy8gY2hlY2tib3ggZXJyb3JcbiAgICAvLyBzZWxlY3QgZXJyb3JcbiAgICAvLyBkYXRlIHRpbWUgZXJyb3JcbiAgICAud2J5LWNvbnRlbnQtZW50cnktaW52YWxpZC1maWVsZFtkYXRhLWZpZWxkLXR5cGU9XCJ0ZXh0XCJdLFxuICAgIC53YnktY29udGVudC1lbnRyeS1pbnZhbGlkLWZpZWxkW2RhdGEtZmllbGQtdHlwZT1cInJlZlwiXVtkYXRhLWZpZWxkLXJlbmRlcmVyPVwicmVmLWlucHV0XCJdLFxuICAgIC53YnktY29udGVudC1lbnRyeS1pbnZhbGlkLWZpZWxkW2RhdGEtZmllbGQtdHlwZT1cIm51bWJlclwiXSxcbiAgICAud2J5LWNvbnRlbnQtZW50cnktaW52YWxpZC1maWVsZFtkYXRhLWZpZWxkLXR5cGU9XCJkYXRldGltZVwiXSxcbiAgICAud2J5LWNvbnRlbnQtZW50cnktaW52YWxpZC1maWVsZFtkYXRhLWZpZWxkLXR5cGU9XCJsb25nLXRleHRcIl0ge1xuICAgICAgICAvLyBpbnB1dCByZW5kZXJlclxuICAgICAgICAmW2RhdGEtZmllbGQtbXVsdGlwbGUtdmFsdWVzPVwiZmFsc2VcIl06bm90KFtkYXRhLWZpZWxkLXJlbmRlcmVyPVwicmFkaW8tYnV0dG9uc1wiXSlcbiAgICAgICAgICAgIGxhYmVsOmZpcnN0LW9mLXR5cGUsXG4gICAgICAgICZbZGF0YS1maWVsZC1tdWx0aXBsZS12YWx1ZXM9XCJ0cnVlXCJdID4gaGNtcy1wYXJlbnQtZmllbGQtcHJvdmlkZXIsXG4gICAgICAgID4gbGFiZWwge1xuICAgICAgICAgICAgJHtlcnJvckJvcmRlck1peGlufVxuICAgICAgICAgICAgLm1kYy1mbG9hdGluZy1sYWJlbCB7XG4gICAgICAgICAgICAgICAgbGVmdDogMTJweDtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgLm1kYy1mbG9hdGluZy1sYWJlbDo6YmVmb3JlIHtcbiAgICAgICAgICAgICAgICAke2Vycm9yVGl0bGVNaXhpbn1cbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgICZbZGF0YS1maWVsZC1tdWx0aXBsZS12YWx1ZXM9XCJ0cnVlXCJdID4gaGNtcy1wYXJlbnQtZmllbGQtcHJvdmlkZXIge1xuICAgICAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgIH1cblxuICAgICAgICAvLyBtdWx0aXBsZSBlbnRyaWVzXG4gICAgICAgID4gaGNtcy1wYXJlbnQtZmllbGQtcHJvdmlkZXIgaDU6OmJlZm9yZSB7XG4gICAgICAgICAgICAke2Vycm9yVGl0bGVNaXhpbn1cbiAgICAgICAgfVxuXG4gICAgICAgIC8vIHJhZGlvIGJ1dHRvbnNcbiAgICAgICAgJltkYXRhLWZpZWxkLXJlbmRlcmVyPVwicmFkaW8tYnV0dG9uc1wiXSB7XG4gICAgICAgICAgICA+IGRpdjpmaXJzdC1vZi10eXBlOjpiZWZvcmUge1xuICAgICAgICAgICAgICAgICR7ZXJyb3JUaXRsZU1peGlufVxuICAgICAgICAgICAgICAgIHBhZGRpbmctcmlnaHQ6IDEwcHg7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICAke2Vycm9yQm9yZGVyTWl4aW59XG4gICAgICAgIH1cblxuICAgICAgICAvLyBzZWxlY3QgYm94XG4gICAgICAgICZbZGF0YS1maWVsZC1yZW5kZXJlcj1cInNlbGVjdC1ib3hcIl0ge1xuICAgICAgICAgICAgLm1kYy1mbG9hdGluZy1sYWJlbDo6YmVmb3JlIHtcbiAgICAgICAgICAgICAgICAke2Vycm9yVGl0bGVNaXhpbn1cbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgLndlYmlueS11aS1zZWxlY3Qge1xuICAgICAgICAgICAgICAgICR7ZXJyb3JCb3JkZXJNaXhpbn1cbiAgICAgICAgICAgICAgICBwYWRkaW5nLWxlZnQ6IDA7XG4gICAgICAgICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgIC8vIGNoZWNrYm94ZXNcbiAgICAgICAgJltkYXRhLWZpZWxkLXJlbmRlcmVyPVwiY2hlY2tib3hlc1wiXSB7XG4gICAgICAgICAgICA+IGRpdjpmaXJzdC1vZi10eXBlOjpiZWZvcmUge1xuICAgICAgICAgICAgICAgICR7ZXJyb3JUaXRsZU1peGlufVxuICAgICAgICAgICAgICAgIHBhZGRpbmctcmlnaHQ6IDEwcHg7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICAke2Vycm9yQm9yZGVyTWl4aW59XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAvLyByZWZlcmVuY2UgZmllbGRcbiAgICAud2J5LWNvbnRlbnQtZW50cnktaW52YWxpZC1maWVsZFtkYXRhLWZpZWxkLXR5cGU9XCJyZWZcIl1bZGF0YS1maWVsZC1tdWx0aXBsZS12YWx1ZXM9XCJmYWxzZVwiXSB7XG4gICAgICAgIGgzOjpiZWZvcmUsXG4gICAgICAgIGg1OjpiZWZvcmUge1xuICAgICAgICAgICAgJHtlcnJvclRpdGxlTWl4aW59XG4gICAgICAgIH1cblxuICAgICAgICAmOm5vdChbZGF0YS1maWVsZC1yZW5kZXJlcj1cInJlZi1pbnB1dFwiXSkge1xuICAgICAgICAgICAgJHtlcnJvckJvcmRlck1peGlufVxuICAgICAgICB9XG5cbiAgICAgICAgLndieS1jb250ZW50LWVudHJ5LWludmFsaWQtZmllbGRbZGF0YS1maWVsZC10eXBlPVwiZHluYW1pY1pvbmVcIl0ge1xuICAgICAgICAgICAgcGFkZGluZy1sZWZ0OiAwcHg7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAvLyBkeW5hbWljIHpvbmVcbiAgICAud2J5LWNvbnRlbnQtZW50cnktaW52YWxpZC1maWVsZFtkYXRhLWZpZWxkLXR5cGU9XCJkeW5hbWljWm9uZVwiXSB7XG4gICAgICAgIHVsID4gZGl2ID4gbGk6OmJlZm9yZSB7XG4gICAgICAgICAgICAke2Vycm9yVGl0bGVNaXhpbn1cbiAgICAgICAgfVxuXG4gICAgICAgICR7ZXJyb3JCb3JkZXJNaXhpbn1cblxuICAgICAgICAud2J5LWNvbnRlbnQtZW50cnktaW52YWxpZC1maWVsZFtkYXRhLWZpZWxkLXR5cGU9XCJkeW5hbWljWm9uZVwiXSB7XG4gICAgICAgICAgICBwYWRkaW5nLWxlZnQ6IDBweDtcbiAgICAgICAgfVxuXG4gICAgICAgIGhjbXMtcGFyZW50LWZpZWxkLXByb3ZpZGVyIC53YnktY29udGVudC1lbnRyeS1pbnZhbGlkLWZpZWxkIHtcbiAgICAgICAgICAgIGxpID4gLndlYmlueS11aS1hY2NvcmRpb24taXRlbV9fdGl0bGUge1xuICAgICAgICAgICAgICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xuICAgICAgICAgICAgICAgIGNvbG9yOiAke2Vycm9yQ29sb3J9O1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuXG4gICAgLy8gb2JqZWN0IGZpZWxkXG4gICAgLndieS1jb250ZW50LWVudHJ5LWludmFsaWQtZmllbGRbZGF0YS1maWVsZC10eXBlPVwib2JqZWN0XCJdIHtcbiAgICAgICAgJltkYXRhLWZpZWxkLXJlbmRlcmVyPVwib2JqZWN0XCJdLFxuICAgICAgICAmW2RhdGEtZmllbGQtcmVuZGVyZXI9XCJvYmplY3RzXCJdIHtcbiAgICAgICAgICAgIGg1OjpiZWZvcmUsXG4gICAgICAgICAgICB1bCA+IGRpdiA+IGxpOjpiZWZvcmUge1xuICAgICAgICAgICAgICAgICR7ZXJyb3JUaXRsZU1peGlufVxuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICBoY21zLXBhcmVudC1maWVsZC1wcm92aWRlciB7XG4gICAgICAgICAgICAgICAgJHtlcnJvckJvcmRlck1peGlufVxuXG4gICAgICAgICAgICAgICAgLy8gb2JqZWN0IGZpZWxkIChtdWx0aXBsZSB2YWx1ZXMpXG4gICAgICAgICAgICAgICAgLndieS1jb250ZW50LWVudHJ5LWludmFsaWQtZmllbGQge1xuICAgICAgICAgICAgICAgICAgICBib3JkZXI6IG5vbmU7XG4gICAgICAgICAgICAgICAgICAgIHBhZGRpbmctbGVmdDogMDtcbiAgICAgICAgICAgICAgICAgICAgLmFjY29yZGlvbi10aXRsZSA+IHNwYW4ge1xuICAgICAgICAgICAgICAgICAgICAgICAgZm9udC13ZWlnaHQ6IGJvbGQ7XG4gICAgICAgICAgICAgICAgICAgICAgICBjb2xvcjogJHtlcnJvckNvbG9yfTtcbiAgICAgICAgICAgICAgICAgICAgICAgIDo6YmVmb3JlIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAke2Vycm9yVGl0bGVNaXhpbn1cbiAgICAgICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgICZbZGF0YS1maWVsZC1yZW5kZXJlcj1cIm9iamVjdC1hY2NvcmRpb25cIl0sXG4gICAgICAgICZbZGF0YS1maWVsZC1yZW5kZXJlcj1cIm9iamVjdHMtYWNjb3JkaW9uXCJdIHtcbiAgICAgICAgICAgIHVsID4gZGl2ID4gbGk6OmJlZm9yZSB7XG4gICAgICAgICAgICAgICAgJHtlcnJvclRpdGxlTWl4aW59XG4gICAgICAgICAgICAgICAgZGlzcGxheTogY29udGVudHM7XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICR7ZXJyb3JCb3JkZXJNaXhpbn1cblxuICAgICAgICAgICAgJltkYXRhLWZpZWxkLW11bHRpcGxlLXZhbHVlcz1cImZhbHNlXCJdIHtcbiAgICAgICAgICAgICAgICBwYWRkaW5nLWxlZnQ6IDBweDtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgJltkYXRhLWZpZWxkLW11bHRpcGxlLXZhbHVlcz1cInRydWVcIl0ge1xuICAgICAgICAgICAgICAgIC53YnktY29udGVudC1lbnRyeS1pbnZhbGlkLWZpZWxkIHtcbiAgICAgICAgICAgICAgICAgICAgYm9yZGVyOiBub25lO1xuICAgICAgICAgICAgICAgICAgICBwYWRkaW5nLWxlZnQ6IDA7XG4gICAgICAgICAgICAgICAgICAgIC8vIG9iamVjdCBmaWVsZCAobXVsdGlwbGUgdmFsdWVzKVxuICAgICAgICAgICAgICAgICAgICAuYWNjb3JkaW9uLXRpdGxlID4gc3BhbiB7XG4gICAgICAgICAgICAgICAgICAgICAgICBmb250LXdlaWdodDogYm9sZDtcbiAgICAgICAgICAgICAgICAgICAgICAgIGNvbG9yOiAke2Vycm9yQ29sb3J9O1xuICAgICAgICAgICAgICAgICAgICAgICAgOjpiZWZvcmUge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICR7ZXJyb3JUaXRsZU1peGlufVxuICAgICAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuXG4gICAgLy8gZmlsZSBlcnJvclxuICAgIC53YnktY29udGVudC1lbnRyeS1pbnZhbGlkLWZpZWxkW2RhdGEtZmllbGQtdHlwZT1cImZpbGVcIl0ge1xuICAgICAgICAmW2RhdGEtZmllbGQtbXVsdGlwbGUtdmFsdWVzPVwiZmFsc2VcIl0gPiBkaXYgPiBkaXY6Zmlyc3Qtb2YtdHlwZSB7XG4gICAgICAgICAgICA+IHNwYW46OmJlZm9yZSB7XG4gICAgICAgICAgICAgICAgJHtlcnJvclRpdGxlTWl4aW59XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICR7ZXJyb3JCb3JkZXJNaXhpbn1cbiAgICAgICAgfVxuXG4gICAgICAgICZbZGF0YS1maWVsZC1tdWx0aXBsZS12YWx1ZXM9XCJ0cnVlXCJdIHtcbiAgICAgICAgICAgID4gZGl2ID4gZGl2ID4gcDo6YmVmb3JlIHtcbiAgICAgICAgICAgICAgICAke2Vycm9yVGl0bGVNaXhpbn1cbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgJHtlcnJvckJvcmRlck1peGlufVxuICAgICAgICB9XG4gICAgfVxuXG4gICAgLndieS1jb250ZW50LWVudHJ5LWludmFsaWQtZmllbGQgPiAud2ViaW55LXVpLWFjY29yZGlvbiB7XG4gICAgICAgIG1hcmdpbi1sZWZ0OiAtMTBweDtcbiAgICB9XG5cbiAgICAud2ViaW55LXVpLWFjY29yZGlvbjpoYXMoLndieS1jb250ZW50LWVudHJ5LWludmFsaWQtZmllbGQpIHtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogNXB4O1xuICAgIH1cblxuICAgIC53YnktY29udGVudC1lbnRyeS1pbnZhbGlkLWZpZWxkIC53ZWJpbnktdWktYWNjb3JkaW9uLWl0ZW0ge1xuICAgICAgICBib3JkZXItcmFkaXVzOiA1cHg7XG4gICAgfVxuXG4gICAgLy8gV2UgZG9uJ3Qgd2FudCB0byBhZGQgcGFkZGluZywgaWYgd2UncmUgYSBkaXJlY3QgY2hpbGQgb2YgYW4gXCJ1bFwiLlxuICAgIHVsID4gLndieS1jb250ZW50LWVudHJ5LWludmFsaWQtZmllbGQge1xuICAgICAgICBwYWRkaW5nLWxlZnQ6IDBweDtcbiAgICB9XG5gO1xuXG5leHBvcnQgaW50ZXJmYWNlIFZhbGlkYXRpb25JbmRpY2F0b3JzUHJvcHMge1xuICAgIGludmFsaWRGaWVsZHM6IEZvcm1WYWxpZGF0aW9uO1xuICAgIGNsYXNzTmFtZT86IHN0cmluZztcbn1cblxuZXhwb3J0IGNvbnN0IFZhbGlkYXRpb25JbmRpY2F0b3JzID0gbWFrZURlY29yYXRhYmxlKFxuICAgIFwiVmFsaWRhdGlvbkluZGljYXRvcnNcIixcbiAgICAoe1xuICAgICAgICBpbnZhbGlkRmllbGRzLFxuICAgICAgICBjbGFzc05hbWUgPSBcIndieS1jb250ZW50LWVudHJ5LWludmFsaWQtZmllbGRcIlxuICAgIH06IFZhbGlkYXRpb25JbmRpY2F0b3JzUHJvcHMpID0+IHtcbiAgICAgICAgY29uc3QgdmlzdWFsaXplRG9tQnlQYXRoID0gKHBhdGg6IHN0cmluZykgPT4ge1xuICAgICAgICAgICAgY29uc3Qgc2VsZWN0b3IgPSBgaGNtcy1maWVsZC12YWxpZGF0aW9uLXNjb3BlW2RhdGEtcGF0aD1cIiR7cGF0aH1cIl1gO1xuICAgICAgICAgICAgY29uc3QgbWFya2VyID0gQXJyYXkuZnJvbShkb2N1bWVudC5xdWVyeVNlbGVjdG9yQWxsKHNlbGVjdG9yKS52YWx1ZXMoKSlbMF07XG4gICAgICAgICAgICBpZiAobWFya2VyKSB7XG4gICAgICAgICAgICAgICAgbWFya2VyLmNsYXNzTGlzdC5hZGQoY2xhc3NOYW1lKTtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgaWYgKHBhdGguaW5jbHVkZXMoXCIuXCIpKSB7XG4gICAgICAgICAgICAgICAgY29uc3QgcGF0aHMgPSBwYXRoLnNwbGl0KFwiLlwiKTtcbiAgICAgICAgICAgICAgICBjb25zdCBwYXJlbnRQYXRoID0gcGF0aHMuc2xpY2UoMCwgcGF0aHMubGVuZ3RoIC0gMSk7XG4gICAgICAgICAgICAgICAgdmlzdWFsaXplRG9tQnlQYXRoKHBhcmVudFBhdGguam9pbihcIi5cIikpO1xuICAgICAgICAgICAgfVxuICAgICAgICB9O1xuXG4gICAgICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICAgICAgICBkb2N1bWVudC5xdWVyeVNlbGVjdG9yQWxsKGAuJHtjbGFzc05hbWV9YCkuZm9yRWFjaChlbCA9PiB7XG4gICAgICAgICAgICAgICAgZWwuY2xhc3NMaXN0LnJlbW92ZShjbGFzc05hbWUpO1xuICAgICAgICAgICAgfSk7XG5cbiAgICAgICAgICAgIGZvciAoY29uc3Qga2V5IG9mIE9iamVjdC5rZXlzKGludmFsaWRGaWVsZHMpKSB7XG4gICAgICAgICAgICAgICAgdmlzdWFsaXplRG9tQnlQYXRoKGtleSk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH0sIFtpbnZhbGlkRmllbGRzXSk7XG5cbiAgICAgICAgcmV0dXJuIDxHbG9iYWwgc3R5bGVzPXtkZWZhdWx0Q2xhc3N9IC8+O1xuICAgIH1cbik7XG4iXX0= */");
15
+ var ValidationIndicators = exports.ValidationIndicators = (0, _reactComposition.makeDecoratable)("ValidationIndicators", function (_ref) {
16
+ var invalidFields = _ref.invalidFields,
17
+ _ref$className = _ref.className,
18
+ className = _ref$className === void 0 ? "wby-content-entry-invalid-field" : _ref$className;
19
+ var _visualizeDomByPath = function visualizeDomByPath(path) {
20
+ var selector = "hcms-field-validation-scope[data-path=\"".concat(path, "\"]");
21
+ var marker = Array.from(document.querySelectorAll(selector).values())[0];
22
+ if (marker) {
23
+ marker.classList.add(className);
24
+ }
25
+ if (path.includes(".")) {
26
+ var paths = path.split(".");
27
+ var parentPath = paths.slice(0, paths.length - 1);
28
+ _visualizeDomByPath(parentPath.join("."));
29
+ }
30
+ };
31
+ (0, _react.useEffect)(function () {
32
+ document.querySelectorAll(".".concat(className)).forEach(function (el) {
33
+ el.classList.remove(className);
34
+ });
35
+ for (var _i = 0, _Object$keys = Object.keys(invalidFields); _i < _Object$keys.length; _i++) {
36
+ var key = _Object$keys[_i];
37
+ _visualizeDomByPath(key);
38
+ }
39
+ }, [invalidFields]);
40
+ return /*#__PURE__*/_react.default.createElement(_react2.Global, {
41
+ styles: defaultClass
42
+ });
43
+ });
44
+
45
+ //# sourceMappingURL=ValidationIndicators.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["_react","_interopRequireWildcard","require","_reactComposition","_react2","errorColor","errorTitleMixin","errorBorderMixin","concat","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\nconst errorColor = `#fa5723`;\n\nconst errorTitleMixin = `\n content: \"⚠️\";\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-scope[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,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,iBAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAEA,IAAMG,UAAU,YAAY;AAE5B,IAAMC,eAAe,+DAGpB;AAED,IAAMC,gBAAgB,mCAAAC,MAAA,CACOH,UAAU,yGAItC;AAED,IAAMI,YAAY,oBAAGC,WAAG,uCAGdH,gBAAgB,qiCAiCZA,gBAAgB,kEAMZD,eAAe,iIAUnBA,eAAe,iDASfC,gBAAgB,kCAHZD,eAAe,8FASfA,eAAe,0BAIfC,gBAAgB,oFAYpBA,gBAAgB,kCAHZD,eAAe,mJAWnBA,eAAe,mDAIfC,gBAAgB,iLAWhBD,eAAe,QAGnBC,gBAAgB,kNASDF,UAAU,yKAWjBC,eAAe,mCAIfC,gBAAgB,+GAQDF,UAAU,gBAEbC,eAAe,uHAU3BA,eAAe,yBAInBC,gBAAgB,iNAaGF,UAAU,gBAEbC,eAAe,sIAe/BC,gBAAgB,qBAHZD,eAAe,gDAWnBC,gBAAgB,0BAHZD,eAAe,uSAAAK,OAAA,CAAAC,GAAA,CAAAC,QAAA,kDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,20WAuBhC;AAOM,IAAMC,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAG,IAAAE,iCAAe,EAC/C,sBAAsB,EACtB,UAAAC,IAAA,EAGiC;EAAA,IAF7BC,aAAa,GAAAD,IAAA,CAAbC,aAAa;IAAAC,cAAA,GAAAF,IAAA,CACbG,SAAS;IAATA,SAAS,GAAAD,cAAA,cAAG,iCAAiC,GAAAA,cAAA;EAE7C,IAAME,mBAAkB,GAAG,SAArBA,kBAAkBA,CAAIC,IAAY,EAAK;IACzC,IAAMC,QAAQ,8CAAAf,MAAA,CAA6Cc,IAAI,QAAI;IACnE,IAAME,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,IAAMC,KAAK,GAAGX,IAAI,CAACY,KAAK,CAAC,GAAG,CAAC;MAC7B,IAAMC,UAAU,GAAGF,KAAK,CAACG,KAAK,CAAC,CAAC,EAAEH,KAAK,CAACI,MAAM,GAAG,CAAC,CAAC;MACnDhB,mBAAkB,CAACc,UAAU,CAACG,IAAI,CAAC,GAAG,CAAC,CAAC;IAC5C;EACJ,CAAC;EAED,IAAAC,gBAAS,EAAC,YAAM;IACZZ,QAAQ,CAACC,gBAAgB,KAAApB,MAAA,CAAKY,SAAS,CAAE,CAAC,CAACoB,OAAO,CAAC,UAAAC,EAAE,EAAI;MACrDA,EAAE,CAACX,SAAS,CAACY,MAAM,CAACtB,SAAS,CAAC;IAClC,CAAC,CAAC;IAEF,SAAAuB,EAAA,MAAAC,YAAA,GAAkBC,MAAM,CAACC,IAAI,CAAC5B,aAAa,CAAC,EAAAyB,EAAA,GAAAC,YAAA,CAAAP,MAAA,EAAAM,EAAA,IAAE;MAAzC,IAAMI,GAAG,GAAAH,YAAA,CAAAD,EAAA;MACVtB,mBAAkB,CAAC0B,GAAG,CAAC;IAC3B;EACJ,CAAC,EAAE,CAAC7B,aAAa,CAAC,CAAC;EAEnB,oBAAOlB,MAAA,CAAAgD,OAAA,CAAAC,aAAA,CAAC7C,OAAA,CAAA8C,MAAM;IAACC,MAAM,EAAE1C;EAAa,CAAE,CAAC;AAC3C,CACJ,CAAC","ignoreList":[]}
package/allPlugins.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- declare const _default: (import("@webiny/app-headless-cms-common/types").CmsModelFieldRendererPlugin | import("@webiny/app-headless-cms-common/types").CmsModelFieldTypePlugin | import("@webiny/app-headless-cms-common/types").CmsModelFieldValidatorPlugin<any> | (import("@webiny/app-headless-cms-common/types").CmsIconsPlugin | import("@webiny/app/types").RoutePlugin[] | import("@webiny/app-admin/types").AdminInstallationPlugin | import("@webiny/app-headless-cms-common/types").CmsFieldValueTransformer<{
2
+ declare const _default: (import("@webiny/app-headless-cms-common/types").CmsModelFieldRendererPlugin | import("@webiny/app-headless-cms-common/types").CmsModelFieldTypePlugin | import("@webiny/app-headless-cms-common/types").CmsModelFieldValidatorPlugin<any> | import("@webiny/app-headless-cms-common/types").CmsModelFieldRendererPlugin[] | (import("@webiny/app-headless-cms-common/types").CmsIconsPlugin | import("@webiny/app/types").RoutePlugin[] | import("@webiny/app-admin/types").AdminInstallationPlugin | import("@webiny/app-headless-cms-common/types").CmsFieldValueTransformer<{
3
3
  id: string;
4
4
  type: string;
5
5
  fieldId: string;
@@ -21,5 +21,5 @@ declare const _default: (import("@webiny/app-headless-cms-common/types").CmsMode
21
21
  name: string;
22
22
  type: string;
23
23
  render(): import("react").JSX.Element;
24
- }[])[] | import("@webiny/app-headless-cms-common/types").CmsModelFieldRendererPlugin[] | import("@webiny/app-headless-cms-common/types").CmsModelFieldRegexValidatorExpressionPlugin | import("@webiny/app-plugin-admin-welcome-screen/types").AdminWelcomeScreenWidgetPlugin)[];
24
+ }[])[] | import("@webiny/app-headless-cms-common/types").CmsModelFieldRegexValidatorExpressionPlugin | import("@webiny/app-plugin-admin-welcome-screen/types").AdminWelcomeScreenWidgetPlugin)[];
25
25
  export default _default;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@webiny/app-headless-cms",
3
- "version": "5.42.2-beta.0",
3
+ "version": "5.42.2-beta.1",
4
4
  "main": "index.js",
5
5
  "repository": {
6
6
  "type": "git",
@@ -27,30 +27,30 @@
27
27
  "@material-design-icons/svg": "0.14.13",
28
28
  "@svgr/webpack": "6.5.1",
29
29
  "@types/react": "18.2.79",
30
- "@webiny/app": "5.42.2-beta.0",
31
- "@webiny/app-aco": "5.42.2-beta.0",
32
- "@webiny/app-admin": "5.42.2-beta.0",
33
- "@webiny/app-graphql-playground": "5.42.2-beta.0",
34
- "@webiny/app-headless-cms-common": "5.42.2-beta.0",
35
- "@webiny/app-i18n": "5.42.2-beta.0",
36
- "@webiny/app-plugin-admin-welcome-screen": "5.42.2-beta.0",
37
- "@webiny/app-security": "5.42.2-beta.0",
38
- "@webiny/app-tenancy": "5.42.2-beta.0",
39
- "@webiny/app-trash-bin": "5.42.2-beta.0",
40
- "@webiny/error": "5.42.2-beta.0",
41
- "@webiny/feature-flags": "5.42.2-beta.0",
42
- "@webiny/form": "5.42.2-beta.0",
43
- "@webiny/lexical-editor": "5.42.2-beta.0",
44
- "@webiny/lexical-nodes": "5.42.2-beta.0",
45
- "@webiny/lexical-theme": "5.42.2-beta.0",
46
- "@webiny/plugins": "5.42.2-beta.0",
47
- "@webiny/react-composition": "5.42.2-beta.0",
48
- "@webiny/react-properties": "5.42.2-beta.0",
49
- "@webiny/react-router": "5.42.2-beta.0",
50
- "@webiny/theme": "5.42.2-beta.0",
51
- "@webiny/ui": "5.42.2-beta.0",
52
- "@webiny/utils": "5.42.2-beta.0",
53
- "@webiny/validation": "5.42.2-beta.0",
30
+ "@webiny/app": "5.42.2-beta.1",
31
+ "@webiny/app-aco": "5.42.2-beta.1",
32
+ "@webiny/app-admin": "5.42.2-beta.1",
33
+ "@webiny/app-graphql-playground": "5.42.2-beta.1",
34
+ "@webiny/app-headless-cms-common": "5.42.2-beta.1",
35
+ "@webiny/app-i18n": "5.42.2-beta.1",
36
+ "@webiny/app-plugin-admin-welcome-screen": "5.42.2-beta.1",
37
+ "@webiny/app-security": "5.42.2-beta.1",
38
+ "@webiny/app-tenancy": "5.42.2-beta.1",
39
+ "@webiny/app-trash-bin": "5.42.2-beta.1",
40
+ "@webiny/error": "5.42.2-beta.1",
41
+ "@webiny/feature-flags": "5.42.2-beta.1",
42
+ "@webiny/form": "5.42.2-beta.1",
43
+ "@webiny/lexical-editor": "5.42.2-beta.1",
44
+ "@webiny/lexical-nodes": "5.42.2-beta.1",
45
+ "@webiny/lexical-theme": "5.42.2-beta.1",
46
+ "@webiny/plugins": "5.42.2-beta.1",
47
+ "@webiny/react-composition": "5.42.2-beta.1",
48
+ "@webiny/react-properties": "5.42.2-beta.1",
49
+ "@webiny/react-router": "5.42.2-beta.1",
50
+ "@webiny/theme": "5.42.2-beta.1",
51
+ "@webiny/ui": "5.42.2-beta.1",
52
+ "@webiny/utils": "5.42.2-beta.1",
53
+ "@webiny/validation": "5.42.2-beta.1",
54
54
  "apollo-cache": "1.3.5",
55
55
  "apollo-client": "2.6.10",
56
56
  "apollo-link": "1.2.14",
@@ -79,8 +79,8 @@
79
79
  },
80
80
  "devDependencies": {
81
81
  "@emotion/babel-plugin": "11.11.0",
82
- "@webiny/cli": "5.42.2-beta.0",
83
- "@webiny/project-utils": "5.42.2-beta.0",
82
+ "@webiny/cli": "5.42.2-beta.1",
83
+ "@webiny/project-utils": "5.42.2-beta.1",
84
84
  "babel-plugin-module-resolver": "5.0.2",
85
85
  "rimraf": "6.0.1",
86
86
  "ttypescript": "1.5.15",
@@ -109,5 +109,5 @@
109
109
  ]
110
110
  }
111
111
  },
112
- "gitHead": "e44791ee3279f9c24aef1a6500b5c6eb5357b30d"
112
+ "gitHead": "128fd99b1f7671825a398761f5709ff9e87638c7"
113
113
  }