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

package/admin/plugins/fieldRenderers/ref/advanced/components/ReferencesDialog.js

@@ -1,121 +1,66 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ReferencesDialog = void 0;
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = _interopRequireWildcard(require("react"));
-var _Search = require("./Search");
-var _Entry = require("./Entry");
-var _Dialog = require("../../../../../components/Dialog");
-var _Button = require("@webiny/ui/Button");
-var _appAdmin = require("@webiny/app-admin");
-var _utils = require("@webiny/utils");
-var _Loader = require("./Loader");
-var _useEntries2 = require("../hooks/useEntries");
-var _Entries = require("./Entries");
-var _Dialog2 = require("../../components/dialog/Dialog");
-var _DialogHeader = require("../../components/dialog/DialogHeader");
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-var Container = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "er576qx2"
-} : {
-  target: "er576qx2",
-  label: "Container"
-})(process.env.NODE_ENV === "production" ? {
-  name: "78jiwq",
-  styles: "width:100%;box-sizing:border-box;padding:20px"
-} : {
-  name: "78jiwq",
-  styles: "width:100%;box-sizing:border-box;padding:20px",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJlZmVyZW5jZXNEaWFsb2cudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlCa0IiLCJmaWxlIjoiUmVmZXJlbmNlc0RpYWxvZy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlQ2FsbGJhY2ssIHVzZUVmZmVjdCwgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBTZWFyY2ggfSBmcm9tIFwiLi9TZWFyY2hcIjtcbmltcG9ydCB7IEVudHJ5IH0gZnJvbSBcIi4vRW50cnlcIjtcbmltcG9ydCB7IERpYWxvZ0FjdGlvbnMsIERpYWxvZ0NvbnRlbnQgYXMgQmFzZURpYWxvZ0NvbnRlbnQgfSBmcm9tIFwifi9hZG1pbi9jb21wb25lbnRzL0RpYWxvZ1wiO1xuaW1wb3J0IHsgQ21zTW9kZWxGaWVsZCwgQ21zTW9kZWxGaWVsZFJlbmRlcmVyUHJvcHMgfSBmcm9tIFwifi90eXBlc1wiO1xuaW1wb3J0IHsgQ21zUmVmZXJlbmNlVmFsdWUgfSBmcm9tIFwifi9hZG1pbi9wbHVnaW5zL2ZpZWxkUmVuZGVyZXJzL3JlZi9jb21wb25lbnRzL3R5cGVzXCI7XG5pbXBvcnQgeyBCdXR0b25EZWZhdWx0LCBCdXR0b25QcmltYXJ5IH0gZnJvbSBcIkB3ZWJpbnkvdWkvQnV0dG9uXCI7XG5pbXBvcnQgeyB1c2VTbmFja2JhciB9IGZyb20gXCJAd2ViaW55L2FwcC1hZG1pblwiO1xuaW1wb3J0IHsgcGFyc2VJZGVudGlmaWVyIH0gZnJvbSBcIkB3ZWJpbnkvdXRpbHNcIjtcbmltcG9ydCB7IEFic29sdXRlTG9hZGVyIH0gZnJvbSBcIn4vYWRtaW4vcGx1Z2lucy9maWVsZFJlbmRlcmVycy9yZWYvYWR2YW5jZWQvY29tcG9uZW50cy9Mb2FkZXJcIjtcbmltcG9ydCB7IHVzZUVudHJpZXMgfSBmcm9tIFwifi9hZG1pbi9wbHVnaW5zL2ZpZWxkUmVuZGVyZXJzL3JlZi9hZHZhbmNlZC9ob29rcy91c2VFbnRyaWVzXCI7XG5pbXBvcnQgeyBFbnRyaWVzIH0gZnJvbSBcIi4vRW50cmllc1wiO1xuaW1wb3J0IHsgRGlhbG9nIH0gZnJvbSBcIn4vYWRtaW4vcGx1Z2lucy9maWVsZFJlbmRlcmVycy9yZWYvY29tcG9uZW50cy9kaWFsb2cvRGlhbG9nXCI7XG5pbXBvcnQgeyBEaWFsb2dIZWFkZXIgfSBmcm9tIFwifi9hZG1pbi9wbHVnaW5zL2ZpZWxkUmVuZGVyZXJzL3JlZi9jb21wb25lbnRzL2RpYWxvZy9EaWFsb2dIZWFkZXJcIjtcbmltcG9ydCB7IE11bHRpUmVmRmllbGRTZXR0aW5ncyB9IGZyb20gXCJ+L2FkbWluL3BsdWdpbnMvZmllbGRSZW5kZXJlcnMvcmVmL2FkdmFuY2VkL2NvbXBvbmVudHMvQWR2YW5jZWRNdWx0aXBsZVJlZmVyZW5jZVNldHRpbmdzXCI7XG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGJveFNpemluZzogXCJib3JkZXItYm94XCIsXG4gICAgcGFkZGluZzogXCIyMHB4XCJcbn0pO1xuXG5jb25zdCBDb250ZW50ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBmbGV4OiBcIjFcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIG1pbkhlaWdodDogXCIyMHB4XCIsXG4gICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICBwYWRkaW5nOiBcIjIwcHggMCAyMHB4IDIwcHhcIixcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLWJhY2tncm91bmQpXCIsXG4gICAgYm9yZGVyOiBcIjFweCBzb2xpZCB2YXIoLS1tZGMtdGhlbWUtb24tYmFja2dyb3VuZClcIixcbiAgICBvdmVyZmxvd1g6IFwiaGlkZGVuXCJcbn0pO1xuXG5jb25zdCBEaWFsb2dDb250ZW50ID0gc3R5bGVkKEJhc2VEaWFsb2dDb250ZW50KSh7XG4gICAgcGFkZGluZzogXCIwICFpbXBvcnRhbnRcIlxufSk7XG5cbmNvbnN0IGlzU2VsZWN0ZWQgPSAoZW50cnlJZDogc3RyaW5nLCB2YWx1ZXM6IENtc1JlZmVyZW5jZVZhbHVlW10pID0+IHtcbiAgICBpZiAoIWVudHJ5SWQpIHtcbiAgICAgICAgcmV0dXJuIGZhbHNlO1xuICAgIH1cbiAgICByZXR1cm4gdmFsdWVzLnNvbWUodmFsdWUgPT4ge1xuICAgICAgICBjb25zdCB7IGlkOiB2YWx1ZUVudHJ5SWQgfSA9IHBhcnNlSWRlbnRpZmllcih2YWx1ZS5pZCk7XG4gICAgICAgIHJldHVybiBlbnRyeUlkID09PSB2YWx1ZUVudHJ5SWQ7XG4gICAgfSk7XG59O1xuXG5pbnRlcmZhY2UgUmVmZXJlbmNlc0RpYWxvZ1Byb3BzIGV4dGVuZHMgQ21zTW9kZWxGaWVsZFJlbmRlcmVyUHJvcHMge1xuICAgIHZhbHVlcz86IENtc1JlZmVyZW5jZVZhbHVlW10gfCBudWxsO1xuICAgIGZpZWxkOiBDbXNNb2RlbEZpZWxkO1xuICAgIG9uRGlhbG9nQ2xvc2U6ICgpID0+IHZvaWQ7XG4gICAgc3RvcmVWYWx1ZXM6ICh2YWx1ZXM6IENtc1JlZmVyZW5jZVZhbHVlW10pID0+IHZvaWQ7XG4gICAgbXVsdGlwbGU6IGJvb2xlYW47XG59XG5cbmNvbnN0IGdldFNldHRpbmdzID0gKGZpZWxkOiBDbXNNb2RlbEZpZWxkKSA9PiB7XG4gICAgaWYgKHR5cGVvZiBmaWVsZC5yZW5kZXJlciA9PT0gXCJmdW5jdGlvblwiKSB7XG4gICAgICAgIHJldHVybiB1bmRlZmluZWQ7XG4gICAgfVxuXG4gICAgcmV0dXJuIGZpZWxkLnJlbmRlcmVyLnNldHRpbmdzIGFzIE11bHRpUmVmRmllbGRTZXR0aW5ncztcbn07XG5cbmV4cG9ydCBjb25zdCBSZWZlcmVuY2VzRGlhbG9nID0gKHByb3BzOiBSZWZlcmVuY2VzRGlhbG9nUHJvcHMpID0+IHtcbiAgICBjb25zdCB7IHNob3dTbmFja2JhciB9ID0gdXNlU25hY2tiYXIoKTtcblxuICAgIGNvbnN0IHtcbiAgICAgICAgY29udGVudE1vZGVsLFxuICAgICAgICBvbkRpYWxvZ0Nsb3NlLFxuICAgICAgICBzdG9yZVZhbHVlcyxcbiAgICAgICAgdmFsdWVzOiBpbml0aWFsVmFsdWVzLFxuICAgICAgICBtdWx0aXBsZSxcbiAgICAgICAgZmllbGRcbiAgICB9ID0gcHJvcHM7XG5cbiAgICBjb25zdCBbdmFsdWVzLCBzZXRWYWx1ZXNdID0gdXNlU3RhdGU8Q21zUmVmZXJlbmNlVmFsdWVbXT4oaW5pdGlhbFZhbHVlcyB8fCBbXSk7XG4gICAgY29uc3QgcmVuZGVyZXJTZXR0aW5ncyA9IGdldFNldHRpbmdzKGZpZWxkKTtcbiAgICBjb25zdCBuZXdJdGVtUG9zaXRpb24gPSByZW5kZXJlclNldHRpbmdzPy5uZXdJdGVtUG9zaXRpb24gPz8gXCJsYXN0XCI7XG5cbiAgICAvKipcbiAgICAgKiBPbiBjaGFuZ2UgbmVlZHMgdG8gaGFuZGxlIHRoZSBhZGRpbmcgb3IgcmVtb3Zpbmcgb2YgYSByZWZlcmVuY2UuXG4gICAgICpcbiAgICAgKiBUaGlzIGlzIGZvciBib3RoIHNpbmdsZSBhbmQgbXVsdGlwbGUgcmVmZXJlbmNlIGZpZWxkcy5cbiAgICAgKi9cbiAgICBjb25zdCBvbkNoYW5nZSA9IHVzZUNhbGxiYWNrKFxuICAgICAgICAocmVmZXJlbmNlOiBDbXNSZWZlcmVuY2VWYWx1ZSkgPT4ge1xuICAgICAgICAgICAgY29uc3QgeyBpZDogcmVmZXJlbmNlRW50cnlJZCB9ID0gcGFyc2VJZGVudGlmaWVyKHJlZmVyZW5jZS5pZCk7XG4gICAgICAgICAgICAvKipcbiAgICAgICAgICAgICAqIExldCdzIGhhbmRsZSB0aGUgc2luZ2xlIHVzYWdlIGZpcnN0IGFzIGl0IGlzIHF1aXRlIHNpbXBsZS5cbiAgICAgICAgICAgICAqL1xuICAgICAgICAgICAgaWYgKCFtdWx0aXBsZSkge1xuICAgICAgICAgICAgICAgIGNvbnN0IFt2YWx1ZV0gPSB2YWx1ZXM7XG4gICAgICAgICAgICAgICAgaWYgKCF2YWx1ZT8uaWQpIHtcbiAgICAgICAgICAgICAgICAgICAgc2V0VmFsdWVzKFtyZWZlcmVuY2VdKTtcbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICBjb25zdCB7IGlkOiB2YWx1ZUVudHJ5SWQgfSA9IHBhcnNlSWRlbnRpZmllcih2YWx1ZS5pZCk7XG4gICAgICAgICAgICAgICAgaWYgKHJlZmVyZW5jZUVudHJ5SWQgPT09IHZhbHVlRW50cnlJZCkge1xuICAgICAgICAgICAgICAgICAgICBzZXRWYWx1ZXMoW10pO1xuICAgICAgICAgICAgICAgICAgICByZXR1cm47XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIHNldFZhbHVlcyhbcmVmZXJlbmNlXSk7XG4gICAgICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICBjb25zdCBuZXdWYWx1ZXMgPSB2YWx1ZXMuZmlsdGVyKHZhbHVlID0+IHtcbiAgICAgICAgICAgICAgICBpZiAoIXZhbHVlPy5pZCkge1xuICAgICAgICAgICAgICAgICAgICByZXR1cm4gZmFsc2U7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIGNvbnN0IHsgaWQ6IHZhbHVlRW50cnlJZCB9ID0gcGFyc2VJZGVudGlmaWVyKHZhbHVlLmlkKTtcbiAgICAgICAgICAgICAgICByZXR1cm4gcmVmZXJlbmNlRW50cnlJZCAhPT0gdmFsdWVFbnRyeUlkO1xuICAgICAgICAgICAgfSk7XG5cbiAgICAgICAgICAgIGlmIChuZXdWYWx1ZXMubGVuZ3RoID09PSB2YWx1ZXMubGVuZ3RoKSB7XG4gICAgICAgICAgICAgICAgc2V0VmFsdWVzKHZhbHVlcyA9PiB7XG4gICAgICAgICAgICAgICAgICAgIGlmIChuZXdJdGVtUG9zaXRpb24gPT09IFwiZmlyc3RcIikge1xuICAgICAgICAgICAgICAgICAgICAgICAgcmV0dXJuIFtyZWZlcmVuY2UsIC4uLnZhbHVlc107XG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuIFsuLi52YWx1ZXMsIHJlZmVyZW5jZV07XG4gICAgICAgICAgICAgICAgfSk7XG4gICAgICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgc2V0VmFsdWVzKG5ld1ZhbHVlcyk7XG4gICAgICAgIH0sXG4gICAgICAgIFtzZXRWYWx1ZXMsIHZhbHVlc11cbiAgICApO1xuXG4gICAgY29uc3Qgb25EaWFsb2dTYXZlID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgICAgICBzdG9yZVZhbHVlcyh2YWx1ZXMpO1xuICAgICAgICBvbkRpYWxvZ0Nsb3NlKCk7XG4gICAgfSwgW3ZhbHVlc10pO1xuICAgIC8qKlxuICAgICAqIFNlYXJjaGluZyBhbmQgbGlzdCBvZiByZWZlcmVuY2UgZW50cmllcy5cbiAgICAgKi9cbiAgICBjb25zdCB7IGVudHJpZXMsIGxvYWRpbmcsIGVycm9yLCBydW5TZWFyY2gsIGxvYWRNb3JlIH0gPSB1c2VFbnRyaWVzKHtcbiAgICAgICAgbW9kZWw6IGNvbnRlbnRNb2RlbCxcbiAgICAgICAgbGltaXQ6IDEwXG4gICAgfSk7XG5cbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgICAgICBydW5TZWFyY2goXCJcIik7XG4gICAgfSwgW10pO1xuXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgICAgaWYgKCFlcnJvcikge1xuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG4gICAgICAgIHNob3dTbmFja2JhcihlcnJvcik7XG4gICAgfSwgW2Vycm9yXSk7XG5cbiAgICBjb25zdCBkZWJvdW5jZWRTZWFyY2ggPSB1c2VSZWY8bnVtYmVyIHwgbnVsbD4obnVsbCk7XG5cbiAgICBjb25zdCBvbklucHV0ID0gdXNlQ2FsbGJhY2soKGV2OiBSZWFjdC5CYXNlU3ludGhldGljRXZlbnQpID0+IHtcbiAgICAgICAgY29uc3QgdmFsdWUgPSAoU3RyaW5nKGV2LnRhcmdldC52YWx1ZSkgfHwgXCJcIikudHJpbSgpO1xuICAgICAgICBpZiAoZGVib3VuY2VkU2VhcmNoLmN1cnJlbnQpIHtcbiAgICAgICAgICAgIGNsZWFyVGltZW91dChkZWJvdW5jZWRTZWFyY2guY3VycmVudCk7XG4gICAgICAgICAgICBkZWJvdW5jZWRTZWFyY2guY3VycmVudCA9IG51bGw7XG4gICAgICAgIH1cbiAgICAgICAgLyoqXG4gICAgICAgICAqIFdlIGNhbiBzYWZlbHkgY2FzdCBhcyBzZXRUaW1lb3V0IHJlYWxseSBwcm9kdWNlcyBhIG51bWJlci5cbiAgICAgICAgICogVGhlcmUgaXMgYW4gZXJyb3Igd2hpbGUgY29kaW5nIGJlY2F1c2UgU3Rvcm0gdGhpbmtzIHRoaXMgaXMgTm9kZUpTIHRpbWVvdXQuXG4gICAgICAgICAqL1xuICAgICAgICBkZWJvdW5jZWRTZWFyY2guY3VycmVudCA9IHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICAgICAgcnVuU2VhcmNoKHZhbHVlKTtcbiAgICAgICAgfSwgMjAwKSBhcyB1bmtub3duIGFzIG51bWJlcjtcbiAgICB9LCBbXSk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8PlxuICAgICAgICAgICAgPERpYWxvZyBvcGVuPXt0cnVlfSBvbkNsb3NlPXtvbkRpYWxvZ0Nsb3NlfT5cbiAgICAgICAgICAgICAgICA8RGlhbG9nSGVhZGVyIG1vZGVsPXtjb250ZW50TW9kZWx9IG9uQ2xvc2U9e29uRGlhbG9nQ2xvc2V9IC8+XG4gICAgICAgICAgICAgICAgPERpYWxvZ0NvbnRlbnQ+XG4gICAgICAgICAgICAgICAgICAgIDxDb250YWluZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8U2VhcmNoIG9uSW5wdXQ9e29uSW5wdXR9IC8+XG4gICAgICAgICAgICAgICAgICAgICAgICA8Q29udGVudD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB7bG9hZGluZyAmJiA8QWJzb2x1dGVMb2FkZXIgLz59XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPEVudHJpZXMgZW50cmllcz17ZW50cmllc30gbG9hZE1vcmU9e2xvYWRNb3JlfT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge2VudHJ5ID0+IHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPEVudHJ5XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG1vZGVsPXtjb250ZW50TW9kZWx9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGtleT17YHJlZmVyZW5jZS1lbnRyeS0ke2VudHJ5LmlkfWB9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGVudHJ5PXtlbnRyeX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgc2VsZWN0ZWQ9e2lzU2VsZWN0ZWQoZW50cnkuZW50cnlJZCwgdmFsdWVzKX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvRW50cmllcz5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvQ29udGVudD5cbiAgICAgICAgICAgICAgICAgICAgPC9Db250YWluZXI+XG4gICAgICAgICAgICAgICAgPC9EaWFsb2dDb250ZW50PlxuICAgICAgICAgICAgICAgIDxEaWFsb2dBY3Rpb25zPlxuICAgICAgICAgICAgICAgICAgICA8QnV0dG9uRGVmYXVsdCBvbkNsaWNrPXtvbkRpYWxvZ0Nsb3NlfT5DYW5jZWw8L0J1dHRvbkRlZmF1bHQ+XG4gICAgICAgICAgICAgICAgICAgIDxCdXR0b25QcmltYXJ5IG9uQ2xpY2s9e29uRGlhbG9nU2F2ZX0+U2F2ZTwvQnV0dG9uUHJpbWFyeT5cbiAgICAgICAgICAgICAgICA8L0RpYWxvZ0FjdGlvbnM+XG4gICAgICAgICAgICA8L0RpYWxvZz5cbiAgICAgICAgPC8+XG4gICAgKTtcbn07XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var Content = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "er576qx1"
-} : {
-  target: "er576qx1",
-  label: "Content"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1xo62u",
-  styles: "display:flex;flex:1;flex-direction:column;position:relative;width:100%;min-height:20px;box-sizing:border-box;padding:20px 0 20px 20px;background-color:var(--mdc-theme-background);border:1px solid var(--mdc-theme-on-background);overflow-x:hidden"
-} : {
-  name: "1xo62u",
-  styles: "display:flex;flex:1;flex-direction:column;position:relative;width:100%;min-height:20px;box-sizing:border-box;padding:20px 0 20px 20px;background-color:var(--mdc-theme-background);border:1px solid var(--mdc-theme-on-background);overflow-x:hidden",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJlZmVyZW5jZXNEaWFsb2cudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVCZ0IiLCJmaWxlIjoiUmVmZXJlbmNlc0RpYWxvZy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlQ2FsbGJhY2ssIHVzZUVmZmVjdCwgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBTZWFyY2ggfSBmcm9tIFwiLi9TZWFyY2hcIjtcbmltcG9ydCB7IEVudHJ5IH0gZnJvbSBcIi4vRW50cnlcIjtcbmltcG9ydCB7IERpYWxvZ0FjdGlvbnMsIERpYWxvZ0NvbnRlbnQgYXMgQmFzZURpYWxvZ0NvbnRlbnQgfSBmcm9tIFwifi9hZG1pbi9jb21wb25lbnRzL0RpYWxvZ1wiO1xuaW1wb3J0IHsgQ21zTW9kZWxGaWVsZCwgQ21zTW9kZWxGaWVsZFJlbmRlcmVyUHJvcHMgfSBmcm9tIFwifi90eXBlc1wiO1xuaW1wb3J0IHsgQ21zUmVmZXJlbmNlVmFsdWUgfSBmcm9tIFwifi9hZG1pbi9wbHVnaW5zL2ZpZWxkUmVuZGVyZXJzL3JlZi9jb21wb25lbnRzL3R5cGVzXCI7XG5pbXBvcnQgeyBCdXR0b25EZWZhdWx0LCBCdXR0b25QcmltYXJ5IH0gZnJvbSBcIkB3ZWJpbnkvdWkvQnV0dG9uXCI7XG5pbXBvcnQgeyB1c2VTbmFja2JhciB9IGZyb20gXCJAd2ViaW55L2FwcC1hZG1pblwiO1xuaW1wb3J0IHsgcGFyc2VJZGVudGlmaWVyIH0gZnJvbSBcIkB3ZWJpbnkvdXRpbHNcIjtcbmltcG9ydCB7IEFic29sdXRlTG9hZGVyIH0gZnJvbSBcIn4vYWRtaW4vcGx1Z2lucy9maWVsZFJlbmRlcmVycy9yZWYvYWR2YW5jZWQvY29tcG9uZW50cy9Mb2FkZXJcIjtcbmltcG9ydCB7IHVzZUVudHJpZXMgfSBmcm9tIFwifi9hZG1pbi9wbHVnaW5zL2ZpZWxkUmVuZGVyZXJzL3JlZi9hZHZhbmNlZC9ob29rcy91c2VFbnRyaWVzXCI7XG5pbXBvcnQgeyBFbnRyaWVzIH0gZnJvbSBcIi4vRW50cmllc1wiO1xuaW1wb3J0IHsgRGlhbG9nIH0gZnJvbSBcIn4vYWRtaW4vcGx1Z2lucy9maWVsZFJlbmRlcmVycy9yZWYvY29tcG9uZW50cy9kaWFsb2cvRGlhbG9nXCI7XG5pbXBvcnQgeyBEaWFsb2dIZWFkZXIgfSBmcm9tIFwifi9hZG1pbi9wbHVnaW5zL2ZpZWxkUmVuZGVyZXJzL3JlZi9jb21wb25lbnRzL2RpYWxvZy9EaWFsb2dIZWFkZXJcIjtcbmltcG9ydCB7IE11bHRpUmVmRmllbGRTZXR0aW5ncyB9IGZyb20gXCJ+L2FkbWluL3BsdWdpbnMvZmllbGRSZW5kZXJlcnMvcmVmL2FkdmFuY2VkL2NvbXBvbmVudHMvQWR2YW5jZWRNdWx0aXBsZVJlZmVyZW5jZVNldHRpbmdzXCI7XG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGJveFNpemluZzogXCJib3JkZXItYm94XCIsXG4gICAgcGFkZGluZzogXCIyMHB4XCJcbn0pO1xuXG5jb25zdCBDb250ZW50ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBmbGV4OiBcIjFcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIG1pbkhlaWdodDogXCIyMHB4XCIsXG4gICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICBwYWRkaW5nOiBcIjIwcHggMCAyMHB4IDIwcHhcIixcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLWJhY2tncm91bmQpXCIsXG4gICAgYm9yZGVyOiBcIjFweCBzb2xpZCB2YXIoLS1tZGMtdGhlbWUtb24tYmFja2dyb3VuZClcIixcbiAgICBvdmVyZmxvd1g6IFwiaGlkZGVuXCJcbn0pO1xuXG5jb25zdCBEaWFsb2dDb250ZW50ID0gc3R5bGVkKEJhc2VEaWFsb2dDb250ZW50KSh7XG4gICAgcGFkZGluZzogXCIwICFpbXBvcnRhbnRcIlxufSk7XG5cbmNvbnN0IGlzU2VsZWN0ZWQgPSAoZW50cnlJZDogc3RyaW5nLCB2YWx1ZXM6IENtc1JlZmVyZW5jZVZhbHVlW10pID0+IHtcbiAgICBpZiAoIWVudHJ5SWQpIHtcbiAgICAgICAgcmV0dXJuIGZhbHNlO1xuICAgIH1cbiAgICByZXR1cm4gdmFsdWVzLnNvbWUodmFsdWUgPT4ge1xuICAgICAgICBjb25zdCB7IGlkOiB2YWx1ZUVudHJ5SWQgfSA9IHBhcnNlSWRlbnRpZmllcih2YWx1ZS5pZCk7XG4gICAgICAgIHJldHVybiBlbnRyeUlkID09PSB2YWx1ZUVudHJ5SWQ7XG4gICAgfSk7XG59O1xuXG5pbnRlcmZhY2UgUmVmZXJlbmNlc0RpYWxvZ1Byb3BzIGV4dGVuZHMgQ21zTW9kZWxGaWVsZFJlbmRlcmVyUHJvcHMge1xuICAgIHZhbHVlcz86IENtc1JlZmVyZW5jZVZhbHVlW10gfCBudWxsO1xuICAgIGZpZWxkOiBDbXNNb2RlbEZpZWxkO1xuICAgIG9uRGlhbG9nQ2xvc2U6ICgpID0+IHZvaWQ7XG4gICAgc3RvcmVWYWx1ZXM6ICh2YWx1ZXM6IENtc1JlZmVyZW5jZVZhbHVlW10pID0+IHZvaWQ7XG4gICAgbXVsdGlwbGU6IGJvb2xlYW47XG59XG5cbmNvbnN0IGdldFNldHRpbmdzID0gKGZpZWxkOiBDbXNNb2RlbEZpZWxkKSA9PiB7XG4gICAgaWYgKHR5cGVvZiBmaWVsZC5yZW5kZXJlciA9PT0gXCJmdW5jdGlvblwiKSB7XG4gICAgICAgIHJldHVybiB1bmRlZmluZWQ7XG4gICAgfVxuXG4gICAgcmV0dXJuIGZpZWxkLnJlbmRlcmVyLnNldHRpbmdzIGFzIE11bHRpUmVmRmllbGRTZXR0aW5ncztcbn07XG5cbmV4cG9ydCBjb25zdCBSZWZlcmVuY2VzRGlhbG9nID0gKHByb3BzOiBSZWZlcmVuY2VzRGlhbG9nUHJvcHMpID0+IHtcbiAgICBjb25zdCB7IHNob3dTbmFja2JhciB9ID0gdXNlU25hY2tiYXIoKTtcblxuICAgIGNvbnN0IHtcbiAgICAgICAgY29udGVudE1vZGVsLFxuICAgICAgICBvbkRpYWxvZ0Nsb3NlLFxuICAgICAgICBzdG9yZVZhbHVlcyxcbiAgICAgICAgdmFsdWVzOiBpbml0aWFsVmFsdWVzLFxuICAgICAgICBtdWx0aXBsZSxcbiAgICAgICAgZmllbGRcbiAgICB9ID0gcHJvcHM7XG5cbiAgICBjb25zdCBbdmFsdWVzLCBzZXRWYWx1ZXNdID0gdXNlU3RhdGU8Q21zUmVmZXJlbmNlVmFsdWVbXT4oaW5pdGlhbFZhbHVlcyB8fCBbXSk7XG4gICAgY29uc3QgcmVuZGVyZXJTZXR0aW5ncyA9IGdldFNldHRpbmdzKGZpZWxkKTtcbiAgICBjb25zdCBuZXdJdGVtUG9zaXRpb24gPSByZW5kZXJlclNldHRpbmdzPy5uZXdJdGVtUG9zaXRpb24gPz8gXCJsYXN0XCI7XG5cbiAgICAvKipcbiAgICAgKiBPbiBjaGFuZ2UgbmVlZHMgdG8gaGFuZGxlIHRoZSBhZGRpbmcgb3IgcmVtb3Zpbmcgb2YgYSByZWZlcmVuY2UuXG4gICAgICpcbiAgICAgKiBUaGlzIGlzIGZvciBib3RoIHNpbmdsZSBhbmQgbXVsdGlwbGUgcmVmZXJlbmNlIGZpZWxkcy5cbiAgICAgKi9cbiAgICBjb25zdCBvbkNoYW5nZSA9IHVzZUNhbGxiYWNrKFxuICAgICAgICAocmVmZXJlbmNlOiBDbXNSZWZlcmVuY2VWYWx1ZSkgPT4ge1xuICAgICAgICAgICAgY29uc3QgeyBpZDogcmVmZXJlbmNlRW50cnlJZCB9ID0gcGFyc2VJZGVudGlmaWVyKHJlZmVyZW5jZS5pZCk7XG4gICAgICAgICAgICAvKipcbiAgICAgICAgICAgICAqIExldCdzIGhhbmRsZSB0aGUgc2luZ2xlIHVzYWdlIGZpcnN0IGFzIGl0IGlzIHF1aXRlIHNpbXBsZS5cbiAgICAgICAgICAgICAqL1xuICAgICAgICAgICAgaWYgKCFtdWx0aXBsZSkge1xuICAgICAgICAgICAgICAgIGNvbnN0IFt2YWx1ZV0gPSB2YWx1ZXM7XG4gICAgICAgICAgICAgICAgaWYgKCF2YWx1ZT8uaWQpIHtcbiAgICAgICAgICAgICAgICAgICAgc2V0VmFsdWVzKFtyZWZlcmVuY2VdKTtcbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICBjb25zdCB7IGlkOiB2YWx1ZUVudHJ5SWQgfSA9IHBhcnNlSWRlbnRpZmllcih2YWx1ZS5pZCk7XG4gICAgICAgICAgICAgICAgaWYgKHJlZmVyZW5jZUVudHJ5SWQgPT09IHZhbHVlRW50cnlJZCkge1xuICAgICAgICAgICAgICAgICAgICBzZXRWYWx1ZXMoW10pO1xuICAgICAgICAgICAgICAgICAgICByZXR1cm47XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIHNldFZhbHVlcyhbcmVmZXJlbmNlXSk7XG4gICAgICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICBjb25zdCBuZXdWYWx1ZXMgPSB2YWx1ZXMuZmlsdGVyKHZhbHVlID0+IHtcbiAgICAgICAgICAgICAgICBpZiAoIXZhbHVlPy5pZCkge1xuICAgICAgICAgICAgICAgICAgICByZXR1cm4gZmFsc2U7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIGNvbnN0IHsgaWQ6IHZhbHVlRW50cnlJZCB9ID0gcGFyc2VJZGVudGlmaWVyKHZhbHVlLmlkKTtcbiAgICAgICAgICAgICAgICByZXR1cm4gcmVmZXJlbmNlRW50cnlJZCAhPT0gdmFsdWVFbnRyeUlkO1xuICAgICAgICAgICAgfSk7XG5cbiAgICAgICAgICAgIGlmIChuZXdWYWx1ZXMubGVuZ3RoID09PSB2YWx1ZXMubGVuZ3RoKSB7XG4gICAgICAgICAgICAgICAgc2V0VmFsdWVzKHZhbHVlcyA9PiB7XG4gICAgICAgICAgICAgICAgICAgIGlmIChuZXdJdGVtUG9zaXRpb24gPT09IFwiZmlyc3RcIikge1xuICAgICAgICAgICAgICAgICAgICAgICAgcmV0dXJuIFtyZWZlcmVuY2UsIC4uLnZhbHVlc107XG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuIFsuLi52YWx1ZXMsIHJlZmVyZW5jZV07XG4gICAgICAgICAgICAgICAgfSk7XG4gICAgICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgc2V0VmFsdWVzKG5ld1ZhbHVlcyk7XG4gICAgICAgIH0sXG4gICAgICAgIFtzZXRWYWx1ZXMsIHZhbHVlc11cbiAgICApO1xuXG4gICAgY29uc3Qgb25EaWFsb2dTYXZlID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgICAgICBzdG9yZVZhbHVlcyh2YWx1ZXMpO1xuICAgICAgICBvbkRpYWxvZ0Nsb3NlKCk7XG4gICAgfSwgW3ZhbHVlc10pO1xuICAgIC8qKlxuICAgICAqIFNlYXJjaGluZyBhbmQgbGlzdCBvZiByZWZlcmVuY2UgZW50cmllcy5cbiAgICAgKi9cbiAgICBjb25zdCB7IGVudHJpZXMsIGxvYWRpbmcsIGVycm9yLCBydW5TZWFyY2gsIGxvYWRNb3JlIH0gPSB1c2VFbnRyaWVzKHtcbiAgICAgICAgbW9kZWw6IGNvbnRlbnRNb2RlbCxcbiAgICAgICAgbGltaXQ6IDEwXG4gICAgfSk7XG5cbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgICAgICBydW5TZWFyY2goXCJcIik7XG4gICAgfSwgW10pO1xuXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgICAgaWYgKCFlcnJvcikge1xuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG4gICAgICAgIHNob3dTbmFja2JhcihlcnJvcik7XG4gICAgfSwgW2Vycm9yXSk7XG5cbiAgICBjb25zdCBkZWJvdW5jZWRTZWFyY2ggPSB1c2VSZWY8bnVtYmVyIHwgbnVsbD4obnVsbCk7XG5cbiAgICBjb25zdCBvbklucHV0ID0gdXNlQ2FsbGJhY2soKGV2OiBSZWFjdC5CYXNlU3ludGhldGljRXZlbnQpID0+IHtcbiAgICAgICAgY29uc3QgdmFsdWUgPSAoU3RyaW5nKGV2LnRhcmdldC52YWx1ZSkgfHwgXCJcIikudHJpbSgpO1xuICAgICAgICBpZiAoZGVib3VuY2VkU2VhcmNoLmN1cnJlbnQpIHtcbiAgICAgICAgICAgIGNsZWFyVGltZW91dChkZWJvdW5jZWRTZWFyY2guY3VycmVudCk7XG4gICAgICAgICAgICBkZWJvdW5jZWRTZWFyY2guY3VycmVudCA9IG51bGw7XG4gICAgICAgIH1cbiAgICAgICAgLyoqXG4gICAgICAgICAqIFdlIGNhbiBzYWZlbHkgY2FzdCBhcyBzZXRUaW1lb3V0IHJlYWxseSBwcm9kdWNlcyBhIG51bWJlci5cbiAgICAgICAgICogVGhlcmUgaXMgYW4gZXJyb3Igd2hpbGUgY29kaW5nIGJlY2F1c2UgU3Rvcm0gdGhpbmtzIHRoaXMgaXMgTm9kZUpTIHRpbWVvdXQuXG4gICAgICAgICAqL1xuICAgICAgICBkZWJvdW5jZWRTZWFyY2guY3VycmVudCA9IHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICAgICAgcnVuU2VhcmNoKHZhbHVlKTtcbiAgICAgICAgfSwgMjAwKSBhcyB1bmtub3duIGFzIG51bWJlcjtcbiAgICB9LCBbXSk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8PlxuICAgICAgICAgICAgPERpYWxvZyBvcGVuPXt0cnVlfSBvbkNsb3NlPXtvbkRpYWxvZ0Nsb3NlfT5cbiAgICAgICAgICAgICAgICA8RGlhbG9nSGVhZGVyIG1vZGVsPXtjb250ZW50TW9kZWx9IG9uQ2xvc2U9e29uRGlhbG9nQ2xvc2V9IC8+XG4gICAgICAgICAgICAgICAgPERpYWxvZ0NvbnRlbnQ+XG4gICAgICAgICAgICAgICAgICAgIDxDb250YWluZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8U2VhcmNoIG9uSW5wdXQ9e29uSW5wdXR9IC8+XG4gICAgICAgICAgICAgICAgICAgICAgICA8Q29udGVudD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB7bG9hZGluZyAmJiA8QWJzb2x1dGVMb2FkZXIgLz59XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPEVudHJpZXMgZW50cmllcz17ZW50cmllc30gbG9hZE1vcmU9e2xvYWRNb3JlfT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge2VudHJ5ID0+IHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPEVudHJ5XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG1vZGVsPXtjb250ZW50TW9kZWx9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGtleT17YHJlZmVyZW5jZS1lbnRyeS0ke2VudHJ5LmlkfWB9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGVudHJ5PXtlbnRyeX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgc2VsZWN0ZWQ9e2lzU2VsZWN0ZWQoZW50cnkuZW50cnlJZCwgdmFsdWVzKX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvRW50cmllcz5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvQ29udGVudD5cbiAgICAgICAgICAgICAgICAgICAgPC9Db250YWluZXI+XG4gICAgICAgICAgICAgICAgPC9EaWFsb2dDb250ZW50PlxuICAgICAgICAgICAgICAgIDxEaWFsb2dBY3Rpb25zPlxuICAgICAgICAgICAgICAgICAgICA8QnV0dG9uRGVmYXVsdCBvbkNsaWNrPXtvbkRpYWxvZ0Nsb3NlfT5DYW5jZWw8L0J1dHRvbkRlZmF1bHQ+XG4gICAgICAgICAgICAgICAgICAgIDxCdXR0b25QcmltYXJ5IG9uQ2xpY2s9e29uRGlhbG9nU2F2ZX0+U2F2ZTwvQnV0dG9uUHJpbWFyeT5cbiAgICAgICAgICAgICAgICA8L0RpYWxvZ0FjdGlvbnM+XG4gICAgICAgICAgICA8L0RpYWxvZz5cbiAgICAgICAgPC8+XG4gICAgKTtcbn07XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var DialogContent = /*#__PURE__*/(0, _base.default)(_Dialog.DialogContent, process.env.NODE_ENV === "production" ? {
-  target: "er576qx0"
-} : {
-  target: "er576qx0",
-  label: "DialogContent"
-})(process.env.NODE_ENV === "production" ? {
-  name: "qc3urb",
-  styles: "padding:0 !important"
-} : {
-  name: "qc3urb",
-  styles: "padding:0 !important",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJlZmVyZW5jZXNEaWFsb2cudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFDc0IiLCJmaWxlIjoiUmVmZXJlbmNlc0RpYWxvZy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlQ2FsbGJhY2ssIHVzZUVmZmVjdCwgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBTZWFyY2ggfSBmcm9tIFwiLi9TZWFyY2hcIjtcbmltcG9ydCB7IEVudHJ5IH0gZnJvbSBcIi4vRW50cnlcIjtcbmltcG9ydCB7IERpYWxvZ0FjdGlvbnMsIERpYWxvZ0NvbnRlbnQgYXMgQmFzZURpYWxvZ0NvbnRlbnQgfSBmcm9tIFwifi9hZG1pbi9jb21wb25lbnRzL0RpYWxvZ1wiO1xuaW1wb3J0IHsgQ21zTW9kZWxGaWVsZCwgQ21zTW9kZWxGaWVsZFJlbmRlcmVyUHJvcHMgfSBmcm9tIFwifi90eXBlc1wiO1xuaW1wb3J0IHsgQ21zUmVmZXJlbmNlVmFsdWUgfSBmcm9tIFwifi9hZG1pbi9wbHVnaW5zL2ZpZWxkUmVuZGVyZXJzL3JlZi9jb21wb25lbnRzL3R5cGVzXCI7XG5pbXBvcnQgeyBCdXR0b25EZWZhdWx0LCBCdXR0b25QcmltYXJ5IH0gZnJvbSBcIkB3ZWJpbnkvdWkvQnV0dG9uXCI7XG5pbXBvcnQgeyB1c2VTbmFja2JhciB9IGZyb20gXCJAd2ViaW55L2FwcC1hZG1pblwiO1xuaW1wb3J0IHsgcGFyc2VJZGVudGlmaWVyIH0gZnJvbSBcIkB3ZWJpbnkvdXRpbHNcIjtcbmltcG9ydCB7IEFic29sdXRlTG9hZGVyIH0gZnJvbSBcIn4vYWRtaW4vcGx1Z2lucy9maWVsZFJlbmRlcmVycy9yZWYvYWR2YW5jZWQvY29tcG9uZW50cy9Mb2FkZXJcIjtcbmltcG9ydCB7IHVzZUVudHJpZXMgfSBmcm9tIFwifi9hZG1pbi9wbHVnaW5zL2ZpZWxkUmVuZGVyZXJzL3JlZi9hZHZhbmNlZC9ob29rcy91c2VFbnRyaWVzXCI7XG5pbXBvcnQgeyBFbnRyaWVzIH0gZnJvbSBcIi4vRW50cmllc1wiO1xuaW1wb3J0IHsgRGlhbG9nIH0gZnJvbSBcIn4vYWRtaW4vcGx1Z2lucy9maWVsZFJlbmRlcmVycy9yZWYvY29tcG9uZW50cy9kaWFsb2cvRGlhbG9nXCI7XG5pbXBvcnQgeyBEaWFsb2dIZWFkZXIgfSBmcm9tIFwifi9hZG1pbi9wbHVnaW5zL2ZpZWxkUmVuZGVyZXJzL3JlZi9jb21wb25lbnRzL2RpYWxvZy9EaWFsb2dIZWFkZXJcIjtcbmltcG9ydCB7IE11bHRpUmVmRmllbGRTZXR0aW5ncyB9IGZyb20gXCJ+L2FkbWluL3BsdWdpbnMvZmllbGRSZW5kZXJlcnMvcmVmL2FkdmFuY2VkL2NvbXBvbmVudHMvQWR2YW5jZWRNdWx0aXBsZVJlZmVyZW5jZVNldHRpbmdzXCI7XG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGJveFNpemluZzogXCJib3JkZXItYm94XCIsXG4gICAgcGFkZGluZzogXCIyMHB4XCJcbn0pO1xuXG5jb25zdCBDb250ZW50ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBmbGV4OiBcIjFcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIG1pbkhlaWdodDogXCIyMHB4XCIsXG4gICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICBwYWRkaW5nOiBcIjIwcHggMCAyMHB4IDIwcHhcIixcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLWJhY2tncm91bmQpXCIsXG4gICAgYm9yZGVyOiBcIjFweCBzb2xpZCB2YXIoLS1tZGMtdGhlbWUtb24tYmFja2dyb3VuZClcIixcbiAgICBvdmVyZmxvd1g6IFwiaGlkZGVuXCJcbn0pO1xuXG5jb25zdCBEaWFsb2dDb250ZW50ID0gc3R5bGVkKEJhc2VEaWFsb2dDb250ZW50KSh7XG4gICAgcGFkZGluZzogXCIwICFpbXBvcnRhbnRcIlxufSk7XG5cbmNvbnN0IGlzU2VsZWN0ZWQgPSAoZW50cnlJZDogc3RyaW5nLCB2YWx1ZXM6IENtc1JlZmVyZW5jZVZhbHVlW10pID0+IHtcbiAgICBpZiAoIWVudHJ5SWQpIHtcbiAgICAgICAgcmV0dXJuIGZhbHNlO1xuICAgIH1cbiAgICByZXR1cm4gdmFsdWVzLnNvbWUodmFsdWUgPT4ge1xuICAgICAgICBjb25zdCB7IGlkOiB2YWx1ZUVudHJ5SWQgfSA9IHBhcnNlSWRlbnRpZmllcih2YWx1ZS5pZCk7XG4gICAgICAgIHJldHVybiBlbnRyeUlkID09PSB2YWx1ZUVudHJ5SWQ7XG4gICAgfSk7XG59O1xuXG5pbnRlcmZhY2UgUmVmZXJlbmNlc0RpYWxvZ1Byb3BzIGV4dGVuZHMgQ21zTW9kZWxGaWVsZFJlbmRlcmVyUHJvcHMge1xuICAgIHZhbHVlcz86IENtc1JlZmVyZW5jZVZhbHVlW10gfCBudWxsO1xuICAgIGZpZWxkOiBDbXNNb2RlbEZpZWxkO1xuICAgIG9uRGlhbG9nQ2xvc2U6ICgpID0+IHZvaWQ7XG4gICAgc3RvcmVWYWx1ZXM6ICh2YWx1ZXM6IENtc1JlZmVyZW5jZVZhbHVlW10pID0+IHZvaWQ7XG4gICAgbXVsdGlwbGU6IGJvb2xlYW47XG59XG5cbmNvbnN0IGdldFNldHRpbmdzID0gKGZpZWxkOiBDbXNNb2RlbEZpZWxkKSA9PiB7XG4gICAgaWYgKHR5cGVvZiBmaWVsZC5yZW5kZXJlciA9PT0gXCJmdW5jdGlvblwiKSB7XG4gICAgICAgIHJldHVybiB1bmRlZmluZWQ7XG4gICAgfVxuXG4gICAgcmV0dXJuIGZpZWxkLnJlbmRlcmVyLnNldHRpbmdzIGFzIE11bHRpUmVmRmllbGRTZXR0aW5ncztcbn07XG5cbmV4cG9ydCBjb25zdCBSZWZlcmVuY2VzRGlhbG9nID0gKHByb3BzOiBSZWZlcmVuY2VzRGlhbG9nUHJvcHMpID0+IHtcbiAgICBjb25zdCB7IHNob3dTbmFja2JhciB9ID0gdXNlU25hY2tiYXIoKTtcblxuICAgIGNvbnN0IHtcbiAgICAgICAgY29udGVudE1vZGVsLFxuICAgICAgICBvbkRpYWxvZ0Nsb3NlLFxuICAgICAgICBzdG9yZVZhbHVlcyxcbiAgICAgICAgdmFsdWVzOiBpbml0aWFsVmFsdWVzLFxuICAgICAgICBtdWx0aXBsZSxcbiAgICAgICAgZmllbGRcbiAgICB9ID0gcHJvcHM7XG5cbiAgICBjb25zdCBbdmFsdWVzLCBzZXRWYWx1ZXNdID0gdXNlU3RhdGU8Q21zUmVmZXJlbmNlVmFsdWVbXT4oaW5pdGlhbFZhbHVlcyB8fCBbXSk7XG4gICAgY29uc3QgcmVuZGVyZXJTZXR0aW5ncyA9IGdldFNldHRpbmdzKGZpZWxkKTtcbiAgICBjb25zdCBuZXdJdGVtUG9zaXRpb24gPSByZW5kZXJlclNldHRpbmdzPy5uZXdJdGVtUG9zaXRpb24gPz8gXCJsYXN0XCI7XG5cbiAgICAvKipcbiAgICAgKiBPbiBjaGFuZ2UgbmVlZHMgdG8gaGFuZGxlIHRoZSBhZGRpbmcgb3IgcmVtb3Zpbmcgb2YgYSByZWZlcmVuY2UuXG4gICAgICpcbiAgICAgKiBUaGlzIGlzIGZvciBib3RoIHNpbmdsZSBhbmQgbXVsdGlwbGUgcmVmZXJlbmNlIGZpZWxkcy5cbiAgICAgKi9cbiAgICBjb25zdCBvbkNoYW5nZSA9IHVzZUNhbGxiYWNrKFxuICAgICAgICAocmVmZXJlbmNlOiBDbXNSZWZlcmVuY2VWYWx1ZSkgPT4ge1xuICAgICAgICAgICAgY29uc3QgeyBpZDogcmVmZXJlbmNlRW50cnlJZCB9ID0gcGFyc2VJZGVudGlmaWVyKHJlZmVyZW5jZS5pZCk7XG4gICAgICAgICAgICAvKipcbiAgICAgICAgICAgICAqIExldCdzIGhhbmRsZSB0aGUgc2luZ2xlIHVzYWdlIGZpcnN0IGFzIGl0IGlzIHF1aXRlIHNpbXBsZS5cbiAgICAgICAgICAgICAqL1xuICAgICAgICAgICAgaWYgKCFtdWx0aXBsZSkge1xuICAgICAgICAgICAgICAgIGNvbnN0IFt2YWx1ZV0gPSB2YWx1ZXM7XG4gICAgICAgICAgICAgICAgaWYgKCF2YWx1ZT8uaWQpIHtcbiAgICAgICAgICAgICAgICAgICAgc2V0VmFsdWVzKFtyZWZlcmVuY2VdKTtcbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICBjb25zdCB7IGlkOiB2YWx1ZUVudHJ5SWQgfSA9IHBhcnNlSWRlbnRpZmllcih2YWx1ZS5pZCk7XG4gICAgICAgICAgICAgICAgaWYgKHJlZmVyZW5jZUVudHJ5SWQgPT09IHZhbHVlRW50cnlJZCkge1xuICAgICAgICAgICAgICAgICAgICBzZXRWYWx1ZXMoW10pO1xuICAgICAgICAgICAgICAgICAgICByZXR1cm47XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIHNldFZhbHVlcyhbcmVmZXJlbmNlXSk7XG4gICAgICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICBjb25zdCBuZXdWYWx1ZXMgPSB2YWx1ZXMuZmlsdGVyKHZhbHVlID0+IHtcbiAgICAgICAgICAgICAgICBpZiAoIXZhbHVlPy5pZCkge1xuICAgICAgICAgICAgICAgICAgICByZXR1cm4gZmFsc2U7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIGNvbnN0IHsgaWQ6IHZhbHVlRW50cnlJZCB9ID0gcGFyc2VJZGVudGlmaWVyKHZhbHVlLmlkKTtcbiAgICAgICAgICAgICAgICByZXR1cm4gcmVmZXJlbmNlRW50cnlJZCAhPT0gdmFsdWVFbnRyeUlkO1xuICAgICAgICAgICAgfSk7XG5cbiAgICAgICAgICAgIGlmIChuZXdWYWx1ZXMubGVuZ3RoID09PSB2YWx1ZXMubGVuZ3RoKSB7XG4gICAgICAgICAgICAgICAgc2V0VmFsdWVzKHZhbHVlcyA9PiB7XG4gICAgICAgICAgICAgICAgICAgIGlmIChuZXdJdGVtUG9zaXRpb24gPT09IFwiZmlyc3RcIikge1xuICAgICAgICAgICAgICAgICAgICAgICAgcmV0dXJuIFtyZWZlcmVuY2UsIC4uLnZhbHVlc107XG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuIFsuLi52YWx1ZXMsIHJlZmVyZW5jZV07XG4gICAgICAgICAgICAgICAgfSk7XG4gICAgICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgc2V0VmFsdWVzKG5ld1ZhbHVlcyk7XG4gICAgICAgIH0sXG4gICAgICAgIFtzZXRWYWx1ZXMsIHZhbHVlc11cbiAgICApO1xuXG4gICAgY29uc3Qgb25EaWFsb2dTYXZlID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgICAgICBzdG9yZVZhbHVlcyh2YWx1ZXMpO1xuICAgICAgICBvbkRpYWxvZ0Nsb3NlKCk7XG4gICAgfSwgW3ZhbHVlc10pO1xuICAgIC8qKlxuICAgICAqIFNlYXJjaGluZyBhbmQgbGlzdCBvZiByZWZlcmVuY2UgZW50cmllcy5cbiAgICAgKi9cbiAgICBjb25zdCB7IGVudHJpZXMsIGxvYWRpbmcsIGVycm9yLCBydW5TZWFyY2gsIGxvYWRNb3JlIH0gPSB1c2VFbnRyaWVzKHtcbiAgICAgICAgbW9kZWw6IGNvbnRlbnRNb2RlbCxcbiAgICAgICAgbGltaXQ6IDEwXG4gICAgfSk7XG5cbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgICAgICBydW5TZWFyY2goXCJcIik7XG4gICAgfSwgW10pO1xuXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgICAgaWYgKCFlcnJvcikge1xuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG4gICAgICAgIHNob3dTbmFja2JhcihlcnJvcik7XG4gICAgfSwgW2Vycm9yXSk7XG5cbiAgICBjb25zdCBkZWJvdW5jZWRTZWFyY2ggPSB1c2VSZWY8bnVtYmVyIHwgbnVsbD4obnVsbCk7XG5cbiAgICBjb25zdCBvbklucHV0ID0gdXNlQ2FsbGJhY2soKGV2OiBSZWFjdC5CYXNlU3ludGhldGljRXZlbnQpID0+IHtcbiAgICAgICAgY29uc3QgdmFsdWUgPSAoU3RyaW5nKGV2LnRhcmdldC52YWx1ZSkgfHwgXCJcIikudHJpbSgpO1xuICAgICAgICBpZiAoZGVib3VuY2VkU2VhcmNoLmN1cnJlbnQpIHtcbiAgICAgICAgICAgIGNsZWFyVGltZW91dChkZWJvdW5jZWRTZWFyY2guY3VycmVudCk7XG4gICAgICAgICAgICBkZWJvdW5jZWRTZWFyY2guY3VycmVudCA9IG51bGw7XG4gICAgICAgIH1cbiAgICAgICAgLyoqXG4gICAgICAgICAqIFdlIGNhbiBzYWZlbHkgY2FzdCBhcyBzZXRUaW1lb3V0IHJlYWxseSBwcm9kdWNlcyBhIG51bWJlci5cbiAgICAgICAgICogVGhlcmUgaXMgYW4gZXJyb3Igd2hpbGUgY29kaW5nIGJlY2F1c2UgU3Rvcm0gdGhpbmtzIHRoaXMgaXMgTm9kZUpTIHRpbWVvdXQuXG4gICAgICAgICAqL1xuICAgICAgICBkZWJvdW5jZWRTZWFyY2guY3VycmVudCA9IHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICAgICAgcnVuU2VhcmNoKHZhbHVlKTtcbiAgICAgICAgfSwgMjAwKSBhcyB1bmtub3duIGFzIG51bWJlcjtcbiAgICB9LCBbXSk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8PlxuICAgICAgICAgICAgPERpYWxvZyBvcGVuPXt0cnVlfSBvbkNsb3NlPXtvbkRpYWxvZ0Nsb3NlfT5cbiAgICAgICAgICAgICAgICA8RGlhbG9nSGVhZGVyIG1vZGVsPXtjb250ZW50TW9kZWx9IG9uQ2xvc2U9e29uRGlhbG9nQ2xvc2V9IC8+XG4gICAgICAgICAgICAgICAgPERpYWxvZ0NvbnRlbnQ+XG4gICAgICAgICAgICAgICAgICAgIDxDb250YWluZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8U2VhcmNoIG9uSW5wdXQ9e29uSW5wdXR9IC8+XG4gICAgICAgICAgICAgICAgICAgICAgICA8Q29udGVudD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB7bG9hZGluZyAmJiA8QWJzb2x1dGVMb2FkZXIgLz59XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPEVudHJpZXMgZW50cmllcz17ZW50cmllc30gbG9hZE1vcmU9e2xvYWRNb3JlfT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge2VudHJ5ID0+IHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPEVudHJ5XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG1vZGVsPXtjb250ZW50TW9kZWx9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGtleT17YHJlZmVyZW5jZS1lbnRyeS0ke2VudHJ5LmlkfWB9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGVudHJ5PXtlbnRyeX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgc2VsZWN0ZWQ9e2lzU2VsZWN0ZWQoZW50cnkuZW50cnlJZCwgdmFsdWVzKX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvRW50cmllcz5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvQ29udGVudD5cbiAgICAgICAgICAgICAgICAgICAgPC9Db250YWluZXI+XG4gICAgICAgICAgICAgICAgPC9EaWFsb2dDb250ZW50PlxuICAgICAgICAgICAgICAgIDxEaWFsb2dBY3Rpb25zPlxuICAgICAgICAgICAgICAgICAgICA8QnV0dG9uRGVmYXVsdCBvbkNsaWNrPXtvbkRpYWxvZ0Nsb3NlfT5DYW5jZWw8L0J1dHRvbkRlZmF1bHQ+XG4gICAgICAgICAgICAgICAgICAgIDxCdXR0b25QcmltYXJ5IG9uQ2xpY2s9e29uRGlhbG9nU2F2ZX0+U2F2ZTwvQnV0dG9uUHJpbWFyeT5cbiAgICAgICAgICAgICAgICA8L0RpYWxvZ0FjdGlvbnM+XG4gICAgICAgICAgICA8L0RpYWxvZz5cbiAgICAgICAgPC8+XG4gICAgKTtcbn07XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var isSelected = function isSelected(entryId, values) {
+import React, { useCallback, useEffect, useState } from "react";
+import { Search } from "./Search.js";
+import { Entry } from "./Entry.js";
+import { useSnackbar } from "@webiny/app-admin";
+import { parseIdentifier } from "@webiny/utils";
+import { useEntries } from "../hooks/useEntries.js";
+import { Entries } from "./Entries.js";
+import { Dialog, OverlayLoader } from "@webiny/admin-ui";
+const isSelected = (entryId, values) => {
   if (!entryId) {
     return false;
   }
-  return values.some(function (value) {
-    var _parseIdentifier = (0, _utils.parseIdentifier)(value.id),
-      valueEntryId = _parseIdentifier.id;
+  return values.some(value => {
+    const {
+      id: valueEntryId
+    } = parseIdentifier(value.id);
     return entryId === valueEntryId;
   });
 };
-var getSettings = function getSettings(field) {
+const getSettings = field => {
   if (typeof field.renderer === "function") {
     return undefined;
   }
   return field.renderer.settings;
 };
-var ReferencesDialog = exports.ReferencesDialog = function ReferencesDialog(props) {
-  var _useSnackbar = (0, _appAdmin.useSnackbar)(),
-    showSnackbar = _useSnackbar.showSnackbar;
-  var contentModel = props.contentModel,
-    onDialogClose = props.onDialogClose,
-    storeValues = props.storeValues,
-    initialValues = props.values,
-    multiple = props.multiple,
-    field = props.field;
-  var _useState = (0, _react.useState)(initialValues || []),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    values = _useState2[0],
-    setValues = _useState2[1];
-  var rendererSettings = getSettings(field);
-  var newItemPosition = rendererSettings?.newItemPosition ?? "last";
+export const ReferencesDialog = props => {
+  const {
+    showSnackbar
+  } = useSnackbar();
+  const {
+    contentModel,
+    onDialogClose,
+    storeValues,
+    values: initialValues,
+    multiple,
+    field
+  } = props;
+  const [values, setValues] = useState(initialValues || []);
+  const [searchValue, setSearchValue] = useState("");
+  const rendererSettings = getSettings(field);
+  const newItemPosition = rendererSettings?.newItemPosition ?? "last";
 
   /**
    * On change needs to handle the adding or removing of a reference.
    *
    * This is for both single and multiple reference fields.
    */
-  var onChange = (0, _react.useCallback)(function (reference) {
-    var _parseIdentifier2 = (0, _utils.parseIdentifier)(reference.id),
-      referenceEntryId = _parseIdentifier2.id;
+  const onChange = useCallback(reference => {
+    const {
+      id: referenceEntryId
+    } = parseIdentifier(reference.id);
     /**
      * Let's handle the single usage first as it is quite simple.
      */
     if (!multiple) {
-      var _values = (0, _slicedToArray2.default)(values, 1),
-        value = _values[0];
+      const [value] = values;
       if (!value?.id) {
         setValues([reference]);
         return;
       }
-      var _parseIdentifier3 = (0, _utils.parseIdentifier)(value.id),
-        valueEntryId = _parseIdentifier3.id;
+      const {
+        id: valueEntryId
+      } = parseIdentifier(value.id);
       if (referenceEntryId === valueEntryId) {
         setValues([]);
         return;
@@ -123,89 +68,88 @@ var ReferencesDialog = exports.ReferencesDialog = function ReferencesDialog(prop
       setValues([reference]);
       return;
     }
-    var newValues = values.filter(function (value) {
+    const newValues = values.filter(value => {
       if (!value?.id) {
         return false;
       }
-      var _parseIdentifier4 = (0, _utils.parseIdentifier)(value.id),
-        valueEntryId = _parseIdentifier4.id;
+      const {
+        id: valueEntryId
+      } = parseIdentifier(value.id);
       return referenceEntryId !== valueEntryId;
     });
     if (newValues.length === values.length) {
-      setValues(function (values) {
+      setValues(values => {
         if (newItemPosition === "first") {
-          return [reference].concat((0, _toConsumableArray2.default)(values));
+          return [reference, ...values];
         }
-        return [].concat((0, _toConsumableArray2.default)(values), [reference]);
+        return [...values, reference];
       });
       return;
     }
     setValues(newValues);
   }, [setValues, values]);
-  var onDialogSave = (0, _react.useCallback)(function () {
+  const onDialogSave = useCallback(() => {
     storeValues(values);
     onDialogClose();
   }, [values]);
   /**
    * Searching and list of reference entries.
    */
-  var _useEntries = (0, _useEntries2.useEntries)({
-      model: contentModel,
-      limit: 10
-    }),
-    entries = _useEntries.entries,
-    loading = _useEntries.loading,
-    error = _useEntries.error,
-    runSearch = _useEntries.runSearch,
-    loadMore = _useEntries.loadMore;
-  (0, _react.useEffect)(function () {
+  const {
+    entries,
+    loading,
+    error,
+    runSearch,
+    loadMore
+  } = useEntries({
+    model: contentModel,
+    limit: 10
+  });
+  useEffect(() => {
     runSearch("");
   }, []);
-  (0, _react.useEffect)(function () {
+  useEffect(() => {
     if (!error) {
       return;
     }
     showSnackbar(error);
   }, [error]);
-  var debouncedSearch = (0, _react.useRef)(null);
-  var onInput = (0, _react.useCallback)(function (ev) {
-    var value = (String(ev.target.value) || "").trim();
-    if (debouncedSearch.current) {
-      clearTimeout(debouncedSearch.current);
-      debouncedSearch.current = null;
-    }
-    /**
-     * We can safely cast as setTimeout really produces a number.
-     * There is an error while coding because Storm thinks this is NodeJS timeout.
-     */
-    debouncedSearch.current = setTimeout(function () {
-      runSearch(value);
-    }, 200);
+  const onInput = useCallback(value => {
+    runSearch(value);
+    setSearchValue(value);
   }, []);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Dialog2.Dialog, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Dialog, {
+    className: "w-[800px]",
+    size: "lg",
     open: true,
-    onClose: onDialogClose
-  }, /*#__PURE__*/_react.default.createElement(_DialogHeader.DialogHeader, {
-    model: contentModel,
-    onClose: onDialogClose
-  }), /*#__PURE__*/_react.default.createElement(DialogContent, null, /*#__PURE__*/_react.default.createElement(Container, null, /*#__PURE__*/_react.default.createElement(_Search.Search, {
-    onInput: onInput
-  }), /*#__PURE__*/_react.default.createElement(Content, null, loading && /*#__PURE__*/_react.default.createElement(_Loader.AbsoluteLoader, null), /*#__PURE__*/_react.default.createElement(_Entries.Entries, {
+    onClose: onDialogClose,
+    title: "Select an existing record",
+    description: /*#__PURE__*/React.createElement(React.Fragment, null, "Content model:", " ", /*#__PURE__*/React.createElement("span", {
+      className: "font-bold text-neutral-primary"
+    }, contentModel.name)),
+    actions: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Dialog.CancelAction, null), /*#__PURE__*/React.createElement(Dialog.ConfirmAction, {
+      onClick: onDialogSave,
+      text: "Save"
+    }))
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "relative"
+  }, loading && /*#__PURE__*/React.createElement(OverlayLoader, null), /*#__PURE__*/React.createElement("div", {
+    className: "flex flex-col gap-md"
+  }, /*#__PURE__*/React.createElement(Search, {
+    onChange: onInput,
+    value: searchValue
+  }), /*#__PURE__*/React.createElement(Entries, {
     entries: entries,
     loadMore: loadMore
-  }, function (entry) {
-    return /*#__PURE__*/_react.default.createElement(_Entry.Entry, {
+  }, entry => {
+    return /*#__PURE__*/React.createElement(Entry, {
       model: contentModel,
-      key: "reference-entry-".concat(entry.id),
+      key: `reference-entry-${entry.id}`,
       entry: entry,
       selected: isSelected(entry.entryId, values),
       onChange: onChange
     });
-  })))), /*#__PURE__*/_react.default.createElement(_Dialog.DialogActions, null, /*#__PURE__*/_react.default.createElement(_Button.ButtonDefault, {
-    onClick: onDialogClose
-  }, "Cancel"), /*#__PURE__*/_react.default.createElement(_Button.ButtonPrimary, {
-    onClick: onDialogSave
-  }, "Save"))));
+  })))));
 };
 
 //# sourceMappingURL=ReferencesDialog.js.map

package/admin/plugins/fieldRenderers/ref/advanced/components/ReferencesDialog.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_Search","_Entry","_Dialog","_Button","_appAdmin","_utils","_Loader","_useEntries2","_Entries","_Dialog2","_DialogHeader","_EMOTION_STRINGIFIED_CSS_ERROR__","Container","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","Content","DialogContent","BaseDialogContent","isSelected","entryId","values","some","value","_parseIdentifier","parseIdentifier","id","valueEntryId","getSettings","field","renderer","undefined","settings","ReferencesDialog","exports","props","_useSnackbar","useSnackbar","showSnackbar","contentModel","onDialogClose","storeValues","initialValues","multiple","_useState","useState","_useState2","_slicedToArray2","setValues","rendererSettings","newItemPosition","onChange","useCallback","reference","_parseIdentifier2","referenceEntryId","_values","_parseIdentifier3","newValues","filter","_parseIdentifier4","length","concat","_toConsumableArray2","onDialogSave","_useEntries","useEntries","model","limit","entries","loading","error","runSearch","loadMore","useEffect","debouncedSearch","useRef","onInput","ev","String","trim","current","clearTimeout","setTimeout","createElement","Fragment","Dialog","open","onClose","DialogHeader","Search","AbsoluteLoader","Entries","entry","Entry","key","selected","DialogActions","ButtonDefault","onClick","ButtonPrimary"],"sources":["ReferencesDialog.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Search } from \"./Search\";\nimport { Entry } from \"./Entry\";\nimport { DialogActions, DialogContent as BaseDialogContent } from \"~/admin/components/Dialog\";\nimport { CmsModelField, CmsModelFieldRendererProps } from \"~/types\";\nimport { CmsReferenceValue } from \"~/admin/plugins/fieldRenderers/ref/components/types\";\nimport { ButtonDefault, ButtonPrimary } from \"@webiny/ui/Button\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport { parseIdentifier } from \"@webiny/utils\";\nimport { AbsoluteLoader } from \"~/admin/plugins/fieldRenderers/ref/advanced/components/Loader\";\nimport { useEntries } from \"~/admin/plugins/fieldRenderers/ref/advanced/hooks/useEntries\";\nimport { Entries } from \"./Entries\";\nimport { Dialog } from \"~/admin/plugins/fieldRenderers/ref/components/dialog/Dialog\";\nimport { DialogHeader } from \"~/admin/plugins/fieldRenderers/ref/components/dialog/DialogHeader\";\nimport { MultiRefFieldSettings } from \"~/admin/plugins/fieldRenderers/ref/advanced/components/AdvancedMultipleReferenceSettings\";\n\nconst Container = styled(\"div\")({\n    width: \"100%\",\n    boxSizing: \"border-box\",\n    padding: \"20px\"\n});\n\nconst Content = styled(\"div\")({\n    display: \"flex\",\n    flex: \"1\",\n    flexDirection: \"column\",\n    position: \"relative\",\n    width: \"100%\",\n    minHeight: \"20px\",\n    boxSizing: \"border-box\",\n    padding: \"20px 0 20px 20px\",\n    backgroundColor: \"var(--mdc-theme-background)\",\n    border: \"1px solid var(--mdc-theme-on-background)\",\n    overflowX: \"hidden\"\n});\n\nconst DialogContent = styled(BaseDialogContent)({\n    padding: \"0 !important\"\n});\n\nconst isSelected = (entryId: string, values: CmsReferenceValue[]) => {\n    if (!entryId) {\n        return false;\n    }\n    return values.some(value => {\n        const { id: valueEntryId } = parseIdentifier(value.id);\n        return entryId === valueEntryId;\n    });\n};\n\ninterface ReferencesDialogProps extends CmsModelFieldRendererProps {\n    values?: CmsReferenceValue[] | null;\n    field: CmsModelField;\n    onDialogClose: () => void;\n    storeValues: (values: CmsReferenceValue[]) => void;\n    multiple: boolean;\n}\n\nconst getSettings = (field: CmsModelField) => {\n    if (typeof field.renderer === \"function\") {\n        return undefined;\n    }\n\n    return field.renderer.settings as MultiRefFieldSettings;\n};\n\nexport const ReferencesDialog = (props: ReferencesDialogProps) => {\n    const { showSnackbar } = useSnackbar();\n\n    const {\n        contentModel,\n        onDialogClose,\n        storeValues,\n        values: initialValues,\n        multiple,\n        field\n    } = props;\n\n    const [values, setValues] = useState<CmsReferenceValue[]>(initialValues || []);\n    const rendererSettings = getSettings(field);\n    const newItemPosition = rendererSettings?.newItemPosition ?? \"last\";\n\n    /**\n     * On change needs to handle the adding or removing of a reference.\n     *\n     * This is for both single and multiple reference fields.\n     */\n    const onChange = useCallback(\n        (reference: CmsReferenceValue) => {\n            const { id: referenceEntryId } = parseIdentifier(reference.id);\n            /**\n             * Let's handle the single usage first as it is quite simple.\n             */\n            if (!multiple) {\n                const [value] = values;\n                if (!value?.id) {\n                    setValues([reference]);\n                    return;\n                }\n                const { id: valueEntryId } = parseIdentifier(value.id);\n                if (referenceEntryId === valueEntryId) {\n                    setValues([]);\n                    return;\n                }\n                setValues([reference]);\n                return;\n            }\n\n            const newValues = values.filter(value => {\n                if (!value?.id) {\n                    return false;\n                }\n                const { id: valueEntryId } = parseIdentifier(value.id);\n                return referenceEntryId !== valueEntryId;\n            });\n\n            if (newValues.length === values.length) {\n                setValues(values => {\n                    if (newItemPosition === \"first\") {\n                        return [reference, ...values];\n                    }\n                    return [...values, reference];\n                });\n                return;\n            }\n            setValues(newValues);\n        },\n        [setValues, values]\n    );\n\n    const onDialogSave = useCallback(() => {\n        storeValues(values);\n        onDialogClose();\n    }, [values]);\n    /**\n     * Searching and list of reference entries.\n     */\n    const { entries, loading, error, runSearch, loadMore } = useEntries({\n        model: contentModel,\n        limit: 10\n    });\n\n    useEffect(() => {\n        runSearch(\"\");\n    }, []);\n\n    useEffect(() => {\n        if (!error) {\n            return;\n        }\n        showSnackbar(error);\n    }, [error]);\n\n    const debouncedSearch = useRef<number | null>(null);\n\n    const onInput = useCallback((ev: React.BaseSyntheticEvent) => {\n        const value = (String(ev.target.value) || \"\").trim();\n        if (debouncedSearch.current) {\n            clearTimeout(debouncedSearch.current);\n            debouncedSearch.current = null;\n        }\n        /**\n         * We can safely cast as setTimeout really produces a number.\n         * There is an error while coding because Storm thinks this is NodeJS timeout.\n         */\n        debouncedSearch.current = setTimeout(() => {\n            runSearch(value);\n        }, 200) as unknown as number;\n    }, []);\n\n    return (\n        <>\n            <Dialog open={true} onClose={onDialogClose}>\n                <DialogHeader model={contentModel} onClose={onDialogClose} />\n                <DialogContent>\n                    <Container>\n                        <Search onInput={onInput} />\n                        <Content>\n                            {loading && <AbsoluteLoader />}\n                            <Entries entries={entries} loadMore={loadMore}>\n                                {entry => {\n                                    return (\n                                        <Entry\n                                            model={contentModel}\n                                            key={`reference-entry-${entry.id}`}\n                                            entry={entry}\n                                            selected={isSelected(entry.entryId, values)}\n                                            onChange={onChange}\n                                        />\n                                    );\n                                }}\n                            </Entries>\n                        </Content>\n                    </Container>\n                </DialogContent>\n                <DialogActions>\n                    <ButtonDefault onClick={onDialogClose}>Cancel</ButtonDefault>\n                    <ButtonPrimary onClick={onDialogSave}>Save</ButtonPrimary>\n                </DialogActions>\n            </Dialog>\n        </>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useEffect","useState","Search","Entry","useSnackbar","parseIdentifier","useEntries","Entries","Dialog","OverlayLoader","isSelected","entryId","values","some","value","id","valueEntryId","getSettings","field","renderer","undefined","settings","ReferencesDialog","props","showSnackbar","contentModel","onDialogClose","storeValues","initialValues","multiple","setValues","searchValue","setSearchValue","rendererSettings","newItemPosition","onChange","reference","referenceEntryId","newValues","filter","length","onDialogSave","entries","loading","error","runSearch","loadMore","model","limit","onInput","createElement","Fragment","className","size","open","onClose","title","description","name","actions","CancelAction","ConfirmAction","onClick","text","entry","key","selected"],"sources":["ReferencesDialog.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from \"react\";\nimport { Search } from \"./Search.js\";\nimport { Entry } from \"./Entry.js\";\nimport type { CmsModelField, CmsModelFieldRendererProps } from \"~/types.js\";\nimport type { CmsReferenceValue } from \"~/admin/plugins/fieldRenderers/ref/components/types.js\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport { parseIdentifier } from \"@webiny/utils\";\nimport { useEntries } from \"~/admin/plugins/fieldRenderers/ref/advanced/hooks/useEntries.js\";\nimport { Entries } from \"./Entries.js\";\nimport type { MultiRefFieldSettings } from \"~/admin/plugins/fieldRenderers/ref/advanced/components/AdvancedMultipleReferenceSettings.js\";\nimport { Dialog, OverlayLoader } from \"@webiny/admin-ui\";\n\nconst isSelected = (entryId: string, values: CmsReferenceValue[]) => {\n    if (!entryId) {\n        return false;\n    }\n    return values.some(value => {\n        const { id: valueEntryId } = parseIdentifier(value.id);\n        return entryId === valueEntryId;\n    });\n};\n\ninterface ReferencesDialogProps extends CmsModelFieldRendererProps {\n    values?: CmsReferenceValue[] | null;\n    field: CmsModelField;\n    onDialogClose: () => void;\n    storeValues: (values: CmsReferenceValue[]) => void;\n    multiple: boolean;\n}\n\nconst getSettings = (field: CmsModelField) => {\n    if (typeof field.renderer === \"function\") {\n        return undefined;\n    }\n\n    return field.renderer.settings as MultiRefFieldSettings;\n};\n\nexport const ReferencesDialog = (props: ReferencesDialogProps) => {\n    const { showSnackbar } = useSnackbar();\n\n    const {\n        contentModel,\n        onDialogClose,\n        storeValues,\n        values: initialValues,\n        multiple,\n        field\n    } = props;\n\n    const [values, setValues] = useState<CmsReferenceValue[]>(initialValues || []);\n    const [searchValue, setSearchValue] = useState<string>(\"\");\n    const rendererSettings = getSettings(field);\n    const newItemPosition = rendererSettings?.newItemPosition ?? \"last\";\n\n    /**\n     * On change needs to handle the adding or removing of a reference.\n     *\n     * This is for both single and multiple reference fields.\n     */\n    const onChange = useCallback(\n        (reference: CmsReferenceValue) => {\n            const { id: referenceEntryId } = parseIdentifier(reference.id);\n            /**\n             * Let's handle the single usage first as it is quite simple.\n             */\n            if (!multiple) {\n                const [value] = values;\n                if (!value?.id) {\n                    setValues([reference]);\n                    return;\n                }\n                const { id: valueEntryId } = parseIdentifier(value.id);\n                if (referenceEntryId === valueEntryId) {\n                    setValues([]);\n                    return;\n                }\n                setValues([reference]);\n                return;\n            }\n\n            const newValues = values.filter(value => {\n                if (!value?.id) {\n                    return false;\n                }\n                const { id: valueEntryId } = parseIdentifier(value.id);\n                return referenceEntryId !== valueEntryId;\n            });\n\n            if (newValues.length === values.length) {\n                setValues(values => {\n                    if (newItemPosition === \"first\") {\n                        return [reference, ...values];\n                    }\n                    return [...values, reference];\n                });\n                return;\n            }\n            setValues(newValues);\n        },\n        [setValues, values]\n    );\n\n    const onDialogSave = useCallback(() => {\n        storeValues(values);\n        onDialogClose();\n    }, [values]);\n    /**\n     * Searching and list of reference entries.\n     */\n    const { entries, loading, error, runSearch, loadMore } = useEntries({\n        model: contentModel,\n        limit: 10\n    });\n\n    useEffect(() => {\n        runSearch(\"\");\n    }, []);\n\n    useEffect(() => {\n        if (!error) {\n            return;\n        }\n        showSnackbar(error);\n    }, [error]);\n\n    const onInput = useCallback((value: string) => {\n        runSearch(value);\n        setSearchValue(value);\n    }, []);\n\n    return (\n        <>\n            <Dialog\n                className={\"w-[800px]\"}\n                size={\"lg\"}\n                open={true}\n                onClose={onDialogClose}\n                title={\"Select an existing record\"}\n                description={\n                    <>\n                        Content model:{\" \"}\n                        <span className={\"font-bold text-neutral-primary\"}>\n                            {contentModel.name}\n                        </span>\n                    </>\n                }\n                actions={\n                    <>\n                        <Dialog.CancelAction />\n                        <Dialog.ConfirmAction onClick={onDialogSave} text=\"Save\" />\n                    </>\n                }\n            >\n                <div className={\"relative\"}>\n                    {loading && <OverlayLoader />}\n                    <div className={\"flex flex-col gap-md\"}>\n                        <Search onChange={onInput} value={searchValue} />\n                        <Entries entries={entries} loadMore={loadMore}>\n                            {entry => {\n                                return (\n                                    <Entry\n                                        model={contentModel}\n                                        key={`reference-entry-${entry.id}`}\n                                        entry={entry}\n                                        selected={isSelected(entry.entryId, values)}\n                                        onChange={onChange}\n                                    />\n                                );\n                            }}\n                        </Entries>\n                    </div>\n                </div>\n            </Dialog>\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC/D,SAASC,MAAM;AACf,SAASC,KAAK;AAGd,SAASC,WAAW,QAAQ,mBAAmB;AAC/C,SAASC,eAAe,QAAQ,eAAe;AAC/C,SAASC,UAAU;AACnB,SAASC,OAAO;AAEhB,SAASC,MAAM,EAAEC,aAAa,QAAQ,kBAAkB;AAExD,MAAMC,UAAU,GAAGA,CAACC,OAAe,EAAEC,MAA2B,KAAK;EACjE,IAAI,CAACD,OAAO,EAAE;IACV,OAAO,KAAK;EAChB;EACA,OAAOC,MAAM,CAACC,IAAI,CAACC,KAAK,IAAI;IACxB,MAAM;MAAEC,EAAE,EAAEC;IAAa,CAAC,GAAGX,eAAe,CAACS,KAAK,CAACC,EAAE,CAAC;IACtD,OAAOJ,OAAO,KAAKK,YAAY;EACnC,CAAC,CAAC;AACN,CAAC;AAUD,MAAMC,WAAW,GAAIC,KAAoB,IAAK;EAC1C,IAAI,OAAOA,KAAK,CAACC,QAAQ,KAAK,UAAU,EAAE;IACtC,OAAOC,SAAS;EACpB;EAEA,OAAOF,KAAK,CAACC,QAAQ,CAACE,QAAQ;AAClC,CAAC;AAED,OAAO,MAAMC,gBAAgB,GAAIC,KAA4B,IAAK;EAC9D,MAAM;IAAEC;EAAa,CAAC,GAAGpB,WAAW,CAAC,CAAC;EAEtC,MAAM;IACFqB,YAAY;IACZC,aAAa;IACbC,WAAW;IACXf,MAAM,EAAEgB,aAAa;IACrBC,QAAQ;IACRX;EACJ,CAAC,GAAGK,KAAK;EAET,MAAM,CAACX,MAAM,EAAEkB,SAAS,CAAC,GAAG7B,QAAQ,CAAsB2B,aAAa,IAAI,EAAE,CAAC;EAC9E,MAAM,CAACG,WAAW,EAAEC,cAAc,CAAC,GAAG/B,QAAQ,CAAS,EAAE,CAAC;EAC1D,MAAMgC,gBAAgB,GAAGhB,WAAW,CAACC,KAAK,CAAC;EAC3C,MAAMgB,eAAe,GAAGD,gBAAgB,EAAEC,eAAe,IAAI,MAAM;;EAEnE;AACJ;AACA;AACA;AACA;EACI,MAAMC,QAAQ,GAAGpC,WAAW,CACvBqC,SAA4B,IAAK;IAC9B,MAAM;MAAErB,EAAE,EAAEsB;IAAiB,CAAC,GAAGhC,eAAe,CAAC+B,SAAS,CAACrB,EAAE,CAAC;IAC9D;AACZ;AACA;IACY,IAAI,CAACc,QAAQ,EAAE;MACX,MAAM,CAACf,KAAK,CAAC,GAAGF,MAAM;MACtB,IAAI,CAACE,KAAK,EAAEC,EAAE,EAAE;QACZe,SAAS,CAAC,CAACM,SAAS,CAAC,CAAC;QACtB;MACJ;MACA,MAAM;QAAErB,EAAE,EAAEC;MAAa,CAAC,GAAGX,eAAe,CAACS,KAAK,CAACC,EAAE,CAAC;MACtD,IAAIsB,gBAAgB,KAAKrB,YAAY,EAAE;QACnCc,SAAS,CAAC,EAAE,CAAC;QACb;MACJ;MACAA,SAAS,CAAC,CAACM,SAAS,CAAC,CAAC;MACtB;IACJ;IAEA,MAAME,SAAS,GAAG1B,MAAM,CAAC2B,MAAM,CAACzB,KAAK,IAAI;MACrC,IAAI,CAACA,KAAK,EAAEC,EAAE,EAAE;QACZ,OAAO,KAAK;MAChB;MACA,MAAM;QAAEA,EAAE,EAAEC;MAAa,CAAC,GAAGX,eAAe,CAACS,KAAK,CAACC,EAAE,CAAC;MACtD,OAAOsB,gBAAgB,KAAKrB,YAAY;IAC5C,CAAC,CAAC;IAEF,IAAIsB,SAAS,CAACE,MAAM,KAAK5B,MAAM,CAAC4B,MAAM,EAAE;MACpCV,SAAS,CAAClB,MAAM,IAAI;QAChB,IAAIsB,eAAe,KAAK,OAAO,EAAE;UAC7B,OAAO,CAACE,SAAS,EAAE,GAAGxB,MAAM,CAAC;QACjC;QACA,OAAO,CAAC,GAAGA,MAAM,EAAEwB,SAAS,CAAC;MACjC,CAAC,CAAC;MACF;IACJ;IACAN,SAAS,CAACQ,SAAS,CAAC;EACxB,CAAC,EACD,CAACR,SAAS,EAAElB,MAAM,CACtB,CAAC;EAED,MAAM6B,YAAY,GAAG1C,WAAW,CAAC,MAAM;IACnC4B,WAAW,CAACf,MAAM,CAAC;IACnBc,aAAa,CAAC,CAAC;EACnB,CAAC,EAAE,CAACd,MAAM,CAAC,CAAC;EACZ;AACJ;AACA;EACI,MAAM;IAAE8B,OAAO;IAAEC,OAAO;IAAEC,KAAK;IAAEC,SAAS;IAAEC;EAAS,CAAC,GAAGxC,UAAU,CAAC;IAChEyC,KAAK,EAAEtB,YAAY;IACnBuB,KAAK,EAAE;EACX,CAAC,CAAC;EAEFhD,SAAS,CAAC,MAAM;IACZ6C,SAAS,CAAC,EAAE,CAAC;EACjB,CAAC,EAAE,EAAE,CAAC;EAEN7C,SAAS,CAAC,MAAM;IACZ,IAAI,CAAC4C,KAAK,EAAE;MACR;IACJ;IACApB,YAAY,CAACoB,KAAK,CAAC;EACvB,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAEX,MAAMK,OAAO,GAAGlD,WAAW,CAAEe,KAAa,IAAK;IAC3C+B,SAAS,CAAC/B,KAAK,CAAC;IAChBkB,cAAc,CAAClB,KAAK,CAAC;EACzB,CAAC,EAAE,EAAE,CAAC;EAEN,oBACIhB,KAAA,CAAAoD,aAAA,CAAApD,KAAA,CAAAqD,QAAA,qBACIrD,KAAA,CAAAoD,aAAA,CAAC1C,MAAM;IACH4C,SAAS,EAAE,WAAY;IACvBC,IAAI,EAAE,IAAK;IACXC,IAAI,EAAE,IAAK;IACXC,OAAO,EAAE7B,aAAc;IACvB8B,KAAK,EAAE,2BAA4B;IACnCC,WAAW,eACP3D,KAAA,CAAAoD,aAAA,CAAApD,KAAA,CAAAqD,QAAA,QAAE,gBACgB,EAAC,GAAG,eAClBrD,KAAA,CAAAoD,aAAA;MAAME,SAAS,EAAE;IAAiC,GAC7C3B,YAAY,CAACiC,IACZ,CACR,CACL;IACDC,OAAO,eACH7D,KAAA,CAAAoD,aAAA,CAAApD,KAAA,CAAAqD,QAAA,qBACIrD,KAAA,CAAAoD,aAAA,CAAC1C,MAAM,CAACoD,YAAY,MAAE,CAAC,eACvB9D,KAAA,CAAAoD,aAAA,CAAC1C,MAAM,CAACqD,aAAa;MAACC,OAAO,EAAErB,YAAa;MAACsB,IAAI,EAAC;IAAM,CAAE,CAC5D;EACL,gBAEDjE,KAAA,CAAAoD,aAAA;IAAKE,SAAS,EAAE;EAAW,GACtBT,OAAO,iBAAI7C,KAAA,CAAAoD,aAAA,CAACzC,aAAa,MAAE,CAAC,eAC7BX,KAAA,CAAAoD,aAAA;IAAKE,SAAS,EAAE;EAAuB,gBACnCtD,KAAA,CAAAoD,aAAA,CAAChD,MAAM;IAACiC,QAAQ,EAAEc,OAAQ;IAACnC,KAAK,EAAEiB;EAAY,CAAE,CAAC,eACjDjC,KAAA,CAAAoD,aAAA,CAAC3C,OAAO;IAACmC,OAAO,EAAEA,OAAQ;IAACI,QAAQ,EAAEA;EAAS,GACzCkB,KAAK,IAAI;IACN,oBACIlE,KAAA,CAAAoD,aAAA,CAAC/C,KAAK;MACF4C,KAAK,EAAEtB,YAAa;MACpBwC,GAAG,EAAE,mBAAmBD,KAAK,CAACjD,EAAE,EAAG;MACnCiD,KAAK,EAAEA,KAAM;MACbE,QAAQ,EAAExD,UAAU,CAACsD,KAAK,CAACrD,OAAO,EAAEC,MAAM,CAAE;MAC5CuB,QAAQ,EAAEA;IAAS,CACtB,CAAC;EAEV,CACK,CACR,CACJ,CACD,CACV,CAAC;AAEX,CAAC","ignoreList":[]}

package/admin/plugins/fieldRenderers/ref/advanced/components/Search.d.ts

@@ -1,6 +1,7 @@
 import React from "react";
 interface SearchProps {
-    onInput: (e: React.KeyboardEvent<HTMLInputElement>) => void;
+    onChange: (value: string) => void;
+    value: string;
 }
-export declare const Search: ({ onInput }: SearchProps) => React.JSX.Element;
+export declare const Search: ({ onChange, value }: SearchProps) => React.JSX.Element;
 export {};

package/admin/plugins/fieldRenderers/ref/advanced/components/Search.js

@@ -1,63 +1,25 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Search = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = _interopRequireDefault(require("react"));
-var _search = _interopRequireDefault(require("./assets/search.svg"));
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-var Container = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "el59n9e2"
-} : {
-  target: "el59n9e2",
-  label: "Container"
-})(process.env.NODE_ENV === "production" ? {
-  name: "toji93",
-  styles: "display:flex;width:100%;position:relative;height:36px;margin-bottom:16px;padding:5px 0;border:1px solid var(--mdc-theme-on-background);background-color:var(--mdc-theme-background)"
-} : {
-  name: "toji93",
-  styles: "display:flex;width:100%;position:relative;height:36px;margin-bottom:16px;padding:5px 0;border:1px solid var(--mdc-theme-on-background);background-color:var(--mdc-theme-background)",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlYXJjaC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSWtCIiwiZmlsZSI6IlNlYXJjaC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCBzZWFyY2hJY29uIGZyb20gXCIuL2Fzc2V0cy9zZWFyY2guc3ZnXCI7XG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgaGVpZ2h0OiBcIjM2cHhcIixcbiAgICBtYXJnaW5Cb3R0b206IFwiMTZweFwiLFxuICAgIHBhZGRpbmc6IFwiNXB4IDBcIixcbiAgICBib3JkZXI6IFwiMXB4IHNvbGlkIHZhcigtLW1kYy10aGVtZS1vbi1iYWNrZ3JvdW5kKVwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtYmFja2dyb3VuZClcIlxufSk7XG5cbmNvbnN0IEljb24gPSBzdHlsZWQoXCJpbWdcIikoe1xuICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgdG9wOiBcIjEycHhcIixcbiAgICBsZWZ0OiBcIjEwcHhcIixcbiAgICB3aWR0aDogXCIyNHB4XCIsXG4gICAgaGVpZ2h0OiBcIjI0cHhcIlxufSk7XG5cbmNvbnN0IElucHV0ID0gc3R5bGVkKFwiaW5wdXRcIikoe1xuICAgIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxuICAgIGJvcmRlcjogXCJub25lXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgZm9udFNpemU6IFwiMTRweFwiLFxuICAgIGxpbmVIZWlnaHQ6IFwiMzZweFwiLFxuICAgIHBhZGRpbmdMZWZ0OiBcIjQ1cHhcIixcbiAgICBcIjpmb2N1cy12aXNpYmxlXCI6IHtcbiAgICAgICAgb3V0bGluZTogXCJub25lXCJcbiAgICB9XG59KTtcblxuaW50ZXJmYWNlIFNlYXJjaFByb3BzIHtcbiAgICBvbklucHV0OiAoZTogUmVhY3QuS2V5Ym9hcmRFdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbn1cblxuZXhwb3J0IGNvbnN0IFNlYXJjaCA9ICh7IG9uSW5wdXQgfTogU2VhcmNoUHJvcHMpID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgICA8Q29udGFpbmVyPlxuICAgICAgICAgICAgPEljb24gc3JjPXtzZWFyY2hJY29ufSAvPlxuICAgICAgICAgICAgPElucHV0IHBsYWNlaG9sZGVyPXtcIlNlYXJjaCBlbnRyaWVzXCJ9IG9uS2V5VXA9e29uSW5wdXR9IC8+XG4gICAgICAgIDwvQ29udGFpbmVyPlxuICAgICk7XG59O1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var Icon = /*#__PURE__*/(0, _base.default)("img", process.env.NODE_ENV === "production" ? {
-  target: "el59n9e1"
-} : {
-  target: "el59n9e1",
-  label: "Icon"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1cjxm34",
-  styles: "position:absolute;top:12px;left:10px;width:24px;height:24px"
-} : {
-  name: "1cjxm34",
-  styles: "position:absolute;top:12px;left:10px;width:24px;height:24px",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlYXJjaC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZWEiLCJmaWxlIjoiU2VhcmNoLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHNlYXJjaEljb24gZnJvbSBcIi4vYXNzZXRzL3NlYXJjaC5zdmdcIjtcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgICBoZWlnaHQ6IFwiMzZweFwiLFxuICAgIG1hcmdpbkJvdHRvbTogXCIxNnB4XCIsXG4gICAgcGFkZGluZzogXCI1cHggMFwiLFxuICAgIGJvcmRlcjogXCIxcHggc29saWQgdmFyKC0tbWRjLXRoZW1lLW9uLWJhY2tncm91bmQpXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBcInZhcigtLW1kYy10aGVtZS1iYWNrZ3JvdW5kKVwiXG59KTtcblxuY29uc3QgSWNvbiA9IHN0eWxlZChcImltZ1wiKSh7XG4gICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICB0b3A6IFwiMTJweFwiLFxuICAgIGxlZnQ6IFwiMTBweFwiLFxuICAgIHdpZHRoOiBcIjI0cHhcIixcbiAgICBoZWlnaHQ6IFwiMjRweFwiXG59KTtcblxuY29uc3QgSW5wdXQgPSBzdHlsZWQoXCJpbnB1dFwiKSh7XG4gICAgZGlzcGxheTogXCJibG9ja1wiLFxuICAgIGJveFNpemluZzogXCJib3JkZXItYm94XCIsXG4gICAgYm9yZGVyOiBcIm5vbmVcIixcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IFwidHJhbnNwYXJlbnRcIixcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgICBmb250U2l6ZTogXCIxNHB4XCIsXG4gICAgbGluZUhlaWdodDogXCIzNnB4XCIsXG4gICAgcGFkZGluZ0xlZnQ6IFwiNDVweFwiLFxuICAgIFwiOmZvY3VzLXZpc2libGVcIjoge1xuICAgICAgICBvdXRsaW5lOiBcIm5vbmVcIlxuICAgIH1cbn0pO1xuXG5pbnRlcmZhY2UgU2VhcmNoUHJvcHMge1xuICAgIG9uSW5wdXQ6IChlOiBSZWFjdC5LZXlib2FyZEV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkO1xufVxuXG5leHBvcnQgY29uc3QgU2VhcmNoID0gKHsgb25JbnB1dCB9OiBTZWFyY2hQcm9wcykgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICAgIDxDb250YWluZXI+XG4gICAgICAgICAgICA8SWNvbiBzcmM9e3NlYXJjaEljb259IC8+XG4gICAgICAgICAgICA8SW5wdXQgcGxhY2Vob2xkZXI9e1wiU2VhcmNoIGVudHJpZXNcIn0gb25LZXlVcD17b25JbnB1dH0gLz5cbiAgICAgICAgPC9Db250YWluZXI+XG4gICAgKTtcbn07XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var Input = /*#__PURE__*/(0, _base.default)("input", process.env.NODE_ENV === "production" ? {
-  target: "el59n9e0"
-} : {
-  target: "el59n9e0",
-  label: "Input"
-})(process.env.NODE_ENV === "production" ? {
-  name: "w9glrb",
-  styles: "display:block;box-sizing:border-box;border:none;background-color:transparent;width:100%;height:100%;font-size:14px;line-height:36px;padding-left:45px;:focus-visible{outline:none;}"
-} : {
-  name: "w9glrb",
-  styles: "display:block;box-sizing:border-box;border:none;background-color:transparent;width:100%;height:100%;font-size:14px;line-height:36px;padding-left:45px;:focus-visible{outline:none;}",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlYXJjaC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUJjIiwiZmlsZSI6IlNlYXJjaC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCBzZWFyY2hJY29uIGZyb20gXCIuL2Fzc2V0cy9zZWFyY2guc3ZnXCI7XG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgaGVpZ2h0OiBcIjM2cHhcIixcbiAgICBtYXJnaW5Cb3R0b206IFwiMTZweFwiLFxuICAgIHBhZGRpbmc6IFwiNXB4IDBcIixcbiAgICBib3JkZXI6IFwiMXB4IHNvbGlkIHZhcigtLW1kYy10aGVtZS1vbi1iYWNrZ3JvdW5kKVwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtYmFja2dyb3VuZClcIlxufSk7XG5cbmNvbnN0IEljb24gPSBzdHlsZWQoXCJpbWdcIikoe1xuICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgdG9wOiBcIjEycHhcIixcbiAgICBsZWZ0OiBcIjEwcHhcIixcbiAgICB3aWR0aDogXCIyNHB4XCIsXG4gICAgaGVpZ2h0OiBcIjI0cHhcIlxufSk7XG5cbmNvbnN0IElucHV0ID0gc3R5bGVkKFwiaW5wdXRcIikoe1xuICAgIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxuICAgIGJvcmRlcjogXCJub25lXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgZm9udFNpemU6IFwiMTRweFwiLFxuICAgIGxpbmVIZWlnaHQ6IFwiMzZweFwiLFxuICAgIHBhZGRpbmdMZWZ0OiBcIjQ1cHhcIixcbiAgICBcIjpmb2N1cy12aXNpYmxlXCI6IHtcbiAgICAgICAgb3V0bGluZTogXCJub25lXCJcbiAgICB9XG59KTtcblxuaW50ZXJmYWNlIFNlYXJjaFByb3BzIHtcbiAgICBvbklucHV0OiAoZTogUmVhY3QuS2V5Ym9hcmRFdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbn1cblxuZXhwb3J0IGNvbnN0IFNlYXJjaCA9ICh7IG9uSW5wdXQgfTogU2VhcmNoUHJvcHMpID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgICA8Q29udGFpbmVyPlxuICAgICAgICAgICAgPEljb24gc3JjPXtzZWFyY2hJY29ufSAvPlxuICAgICAgICAgICAgPElucHV0IHBsYWNlaG9sZGVyPXtcIlNlYXJjaCBlbnRyaWVzXCJ9IG9uS2V5VXA9e29uSW5wdXR9IC8+XG4gICAgICAgIDwvQ29udGFpbmVyPlxuICAgICk7XG59O1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var Search = exports.Search = function Search(_ref) {
-  var onInput = _ref.onInput;
-  return /*#__PURE__*/_react.default.createElement(Container, null, /*#__PURE__*/_react.default.createElement(Icon, {
-    src: _search.default
-  }), /*#__PURE__*/_react.default.createElement(Input, {
-    placeholder: "Search entries",
-    onKeyUp: onInput
+import React from "react";
+import { ReactComponent as SearchIcon } from "@webiny/icons/search.svg";
+import { Input, DelayedOnChange, Icon } from "@webiny/admin-ui";
+export const Search = ({
+  onChange,
+  value
+}) => {
+  return /*#__PURE__*/React.createElement(DelayedOnChange, {
+    value: value,
+    onChange: onChange
+  }, ({
+    value,
+    onChange
+  }) => /*#__PURE__*/React.createElement(Input, {
+    size: "lg",
+    placeholder: "Search entries...",
+    onChange: onChange,
+    value: value,
+    startIcon: /*#__PURE__*/React.createElement(Icon, {
+      label: "Search",
+      icon: /*#__PURE__*/React.createElement(SearchIcon, null)
+    })
   }));
 };
 

package/admin/plugins/fieldRenderers/ref/advanced/components/Search.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_search","_EMOTION_STRINGIFIED_CSS_ERROR__","Container","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","Icon","Input","Search","exports","_ref","onInput","createElement","src","searchIcon","placeholder","onKeyUp"],"sources":["Search.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport searchIcon from \"./assets/search.svg\";\n\nconst Container = styled(\"div\")({\n    display: \"flex\",\n    width: \"100%\",\n    position: \"relative\",\n    height: \"36px\",\n    marginBottom: \"16px\",\n    padding: \"5px 0\",\n    border: \"1px solid var(--mdc-theme-on-background)\",\n    backgroundColor: \"var(--mdc-theme-background)\"\n});\n\nconst Icon = styled(\"img\")({\n    position: \"absolute\",\n    top: \"12px\",\n    left: \"10px\",\n    width: \"24px\",\n    height: \"24px\"\n});\n\nconst Input = styled(\"input\")({\n    display: \"block\",\n    boxSizing: \"border-box\",\n    border: \"none\",\n    backgroundColor: \"transparent\",\n    width: \"100%\",\n    height: \"100%\",\n    fontSize: \"14px\",\n    lineHeight: \"36px\",\n    paddingLeft: \"45px\",\n    \":focus-visible\": {\n        outline: \"none\"\n    }\n});\n\ninterface SearchProps {\n    onInput: (e: React.KeyboardEvent<HTMLInputElement>) => void;\n}\n\nexport const Search = ({ onInput }: SearchProps) => {\n    return (\n        <Container>\n            <Icon src={searchIcon} />\n            <Input placeholder={\"Search entries\"} onKeyUp={onInput} />\n        </Container>\n    );\n};\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAF,sBAAA,CAAAC,OAAA;AAA6C,SAAAE,iCAAA;AAE7C,IAAMC,SAAS,gBAAG,IAAAC,KAAA,CAAAC,OAAA,EAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAZ;AAAA,CAS9B,CAAC;AAEF,IAAMa,IAAI,gBAAG,IAAAX,KAAA,CAAAC,OAAA,EAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAZ;AAAA,CAMzB,CAAC;AAEF,IAAMc,KAAK,gBAAG,IAAAZ,KAAA,CAAAC,OAAA,EAAO,OAAO,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAZ;AAAA,CAa5B,CAAC;AAMK,IAAMe,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,SAATA,MAAMA,CAAAE,IAAA,EAAiC;EAAA,IAA3BC,OAAO,GAAAD,IAAA,CAAPC,OAAO;EAC5B,oBACItB,MAAA,CAAAO,OAAA,CAAAgB,aAAA,CAAClB,SAAS,qBACNL,MAAA,CAAAO,OAAA,CAAAgB,aAAA,CAACN,IAAI;IAACO,GAAG,EAAEC;EAAW,CAAE,CAAC,eACzBzB,MAAA,CAAAO,OAAA,CAAAgB,aAAA,CAACL,KAAK;IAACQ,WAAW,EAAE,gBAAiB;IAACC,OAAO,EAAEL;EAAQ,CAAE,CAClD,CAAC;AAEpB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","ReactComponent","SearchIcon","Input","DelayedOnChange","Icon","Search","onChange","value","createElement","size","placeholder","startIcon","label","icon"],"sources":["Search.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as SearchIcon } from \"@webiny/icons/search.svg\";\nimport { Input, DelayedOnChange, Icon } from \"@webiny/admin-ui\";\n\ninterface SearchProps {\n    onChange: (value: string) => void;\n    value: string;\n}\n\nexport const Search = ({ onChange, value }: SearchProps) => {\n    return (\n        <DelayedOnChange value={value} onChange={onChange}>\n            {({ value, onChange }) => (\n                <Input\n                    size={\"lg\"}\n                    placeholder={\"Search entries...\"}\n                    onChange={onChange}\n                    value={value}\n                    startIcon={<Icon label=\"Search\" icon={<SearchIcon />} />}\n                />\n            )}\n        </DelayedOnChange>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,UAAU,QAAQ,0BAA0B;AACvE,SAASC,KAAK,EAAEC,eAAe,EAAEC,IAAI,QAAQ,kBAAkB;AAO/D,OAAO,MAAMC,MAAM,GAAGA,CAAC;EAAEC,QAAQ;EAAEC;AAAmB,CAAC,KAAK;EACxD,oBACIR,KAAA,CAAAS,aAAA,CAACL,eAAe;IAACI,KAAK,EAAEA,KAAM;IAACD,QAAQ,EAAEA;EAAS,GAC7C,CAAC;IAAEC,KAAK;IAAED;EAAS,CAAC,kBACjBP,KAAA,CAAAS,aAAA,CAACN,KAAK;IACFO,IAAI,EAAE,IAAK;IACXC,WAAW,EAAE,mBAAoB;IACjCJ,QAAQ,EAAEA,QAAS;IACnBC,KAAK,EAAEA,KAAM;IACbI,SAAS,eAAEZ,KAAA,CAAAS,aAAA,CAACJ,IAAI;MAACQ,KAAK,EAAC,QAAQ;MAACC,IAAI,eAAEd,KAAA,CAAAS,aAAA,CAACP,UAAU,MAAE;IAAE,CAAE;EAAE,CAC5D,CAEQ,CAAC;AAE1B,CAAC","ignoreList":[]}