npm - @webiny/app-admin - Versions diffs - 0.0.0-unstable.eb196ccd2f → 0.0.0-unstable.f6dc066313 - Mend

@webiny/app-admin 0.0.0-unstable.eb196ccd2f → 0.0.0-unstable.f6dc066313

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 (920) hide show

package/components/FloatingPanel.js CHANGED Viewed

@@ -4,7 +4,7 @@ import React, { useEffect, useState } from "react";
 import { createPortal } from "react-dom";
 import Draggable from "react-draggable";
 import { Resizable } from "react-resizable";
-import { useKeyHandler } from "../hooks";
+import { useKeyHandler } from "../hooks/index.js";
 const PanelRoot = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "e4wugyk1"
 } : {
@@ -15,8 +15,7 @@ const PanelRoot = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "producti
   styles: "position:fixed;top:0;left:0;z-index:100000;width:0;height:0"
 } : {
   name: "1a2cm7e",
-  styles: "position:fixed;top:0;left:0;z-index:100000;width:0;height:0",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZsb2F0aW5nUGFuZWwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVE0QiIsImZpbGUiOiJGbG9hdGluZ1BhbmVsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBjcmVhdGVQb3J0YWwgfSBmcm9tIFwicmVhY3QtZG9tXCI7XG5pbXBvcnQgRHJhZ2dhYmxlLCB7IHR5cGUgRHJhZ2dhYmxlRXZlbnRIYW5kbGVyIH0gZnJvbSBcInJlYWN0LWRyYWdnYWJsZVwiO1xuaW1wb3J0IHR5cGUgeyBSZXNpemFibGVQcm9wcyB9IGZyb20gXCJyZWFjdC1yZXNpemFibGVcIjtcbmltcG9ydCB7IFJlc2l6YWJsZSB9IGZyb20gXCJyZWFjdC1yZXNpemFibGVcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdXNlS2V5SGFuZGxlciB9IGZyb20gXCJ+L2hvb2tzXCI7XG5cbmNvbnN0IFBhbmVsUm9vdCA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IGZpeGVkO1xuICAgIHRvcDogMDtcbiAgICBsZWZ0OiAwO1xuICAgIHotaW5kZXg6IDEwMDAwMDtcbiAgICB3aWR0aDogMDtcbiAgICBoZWlnaHQ6IDA7XG5gO1xuXG5jb25zdCBSZXNpemVIYW5kbGUgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB3aWR0aDogMjBweDtcbiAgICBoZWlnaHQ6IDIwcHg7XG4gICAgYm90dG9tOiAwO1xuICAgIHJpZ2h0OiAwO1xuICAgIHBhZGRpbmc6IDAgM3B4IDNweCAwO1xuICAgIGJhY2tncm91bmQ6IHVybChcImRhdGE6aW1hZ2Uvc3ZnK3htbDtiYXNlNjQsUEQ5NGJXd2dkbVZ5YzJsdmJqMGlNUzR3SWlCemRHRnVaR0ZzYjI1bFBTSnVieUkvUGcwOElTMHRJRWRsYm1WeVlYUnZjam9nUVdSdlltVWdSbWx5WlhkdmNtdHpJRU5UTml3Z1JYaHdiM0owSUZOV1J5QkZlSFJsYm5OcGIyNGdZbmtnUVdGeWIyNGdRbVZoYkd3Z0tHaDBkSEE2THk5bWFYSmxkMjl5YTNNdVlXSmxZV3hzTG1OdmJTa2dMaUJXWlhKemFXOXVPaUF3TGpZdU1TQWdMUzArRFR3aFJFOURWRmxRUlNCemRtY2dVRlZDVEVsRElDSXRMeTlYTTBNdkwwUlVSQ0JUVmtjZ01TNHhMeTlGVGlJZ0ltaDBkSEE2THk5M2QzY3Vkek11YjNKbkwwZHlZWEJvYVdOekwxTldSeTh4TGpFdlJGUkVMM04yWnpFeExtUjBaQ0krRFR4emRtY2dhV1E5SWxWdWRHbDBiR1ZrTFZCaFoyVWxNakF4SWlCMmFXVjNRbTk0UFNJd0lEQWdOaUEySWlCemRIbHNaVDBpWW1GamEyZHliM1Z1WkMxamIyeHZjam9qWm1abVptWm1NREFpSUhabGNuTnBiMjQ5SWpFdU1TSU5DWGh0Ykc1elBTSm9kSFJ3T2k4dmQzZDNMbmN6TG05eVp5OHlNREF3TDNOMlp5SWdlRzFzYm5NNmVHeHBibXM5SW1oMGRIQTZMeTkzZDNjdWR6TXViM0puTHpFNU9Ua3ZlR3hwYm1zaUlIaHRiRHB6Y0dGalpUMGljSEpsYzJWeWRtVWlEUWw0UFNJd2NIZ2lJSGs5SWpCd2VDSWdkMmxrZEdnOUlqWndlQ0lnYUdWcFoyaDBQU0kyY0hnaURUNE5DVHhuSUc5d1lXTnBkSGs5SWpBdU16QXlJajROQ1FrOGNHRjBhQ0JrUFNKTklEWWdOaUJNSURBZ05pQk1JREFnTkM0eUlFd2dOQ0EwTGpJZ1RDQTBMaklnTkM0eUlFd2dOQzR5SURBZ1RDQTJJREFnVENBMklEWWdUQ0EySURZZ1dpSWdabWxzYkQwaUl6QXdNREF3TUNJdlBnMEpQQzluUGcwOEwzTjJaejQ9XCIpXG4gICAgICAgIG5vLXJlcGVhdCBib3R0b20gcmlnaHQ7XG4gICAgYmFja2dyb3VuZC1vcmlnaW46IGNvbnRlbnQtYm94O1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgY3Vyc29yOiBzZS1yZXNpemU7XG5gO1xuXG5leHBvcnQgaW50ZXJmYWNlIEZsb2F0aW5nUGFuZWxSZW5kZXJQcm9wIHtcbiAgICAocGFyYW1zOiB7IGhlaWdodDogbnVtYmVyOyB3aWR0aDogbnVtYmVyIH0pOiBSZWFjdC5SZWFjdE5vZGU7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgRmxvYXRpbmdQYW5lbFByb3BzIHtcbiAgICBzaG9ydGN1dDogc3RyaW5nO1xuICAgIGRyYWdIYW5kbGU6IHN0cmluZztcbiAgICBjaGlsZHJlbjogRmxvYXRpbmdQYW5lbFJlbmRlclByb3A7XG59XG5cbmV4cG9ydCBjb25zdCBGbG9hdGluZ1BhbmVsID0gKHsgZHJhZ0hhbmRsZSwgc2hvcnRjdXQsIGNoaWxkcmVuIH06IEZsb2F0aW5nUGFuZWxQcm9wcykgPT4ge1xuICAgIGNvbnN0IFtpc1Zpc2libGUsIHNldElzVmlzaWJsZV0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gICAgY29uc3QgW3NpemUsIHNldFNpemVdID0gdXNlU3RhdGUoeyB3aWR0aDogNzAwLCBoZWlnaHQ6IDYwMCB9KTtcbiAgICBjb25zdCBbcG9zaXRpb24sIHNldFBvc2l0aW9uXSA9IHVzZVN0YXRlKHsgeDogMTAwLCB5OiAxMDAgfSk7XG4gICAgY29uc3QgeyBhZGRLZXlIYW5kbGVyLCByZW1vdmVLZXlIYW5kbGVyIH0gPSB1c2VLZXlIYW5kbGVyKCk7XG5cbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgICAgICBhZGRLZXlIYW5kbGVyKHNob3J0Y3V0LCBlID0+IHtcbiAgICAgICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgICAgIHNldElzVmlzaWJsZShpc1Zpc2libGUgPT4gIWlzVmlzaWJsZSk7XG4gICAgICAgIH0pO1xuXG4gICAgICAgIHJldHVybiAoKSA9PiByZW1vdmVLZXlIYW5kbGVyKHNob3J0Y3V0KTtcbiAgICB9LCBbc2V0SXNWaXNpYmxlXSk7XG5cbiAgICBjb25zdCBvbkRyYWdTdG9wOiBEcmFnZ2FibGVFdmVudEhhbmRsZXIgPSAoXywgZGF0YSkgPT4ge1xuICAgICAgICBzZXRQb3NpdGlvbih7IHg6IGRhdGEueCwgeTogZGF0YS55IH0pO1xuICAgIH07XG5cbiAgICBjb25zdCBvblJlc2l6ZTogUmVzaXphYmxlUHJvcHNbXCJvblJlc2l6ZVwiXSA9IChfLCB7IHNpemUgfSkgPT4ge1xuICAgICAgICBzZXRTaXplKHsgd2lkdGg6IHNpemUud2lkdGgsIGhlaWdodDogc2l6ZS5oZWlnaHQgfSk7XG4gICAgfTtcblxuICAgIHJldHVybiBjcmVhdGVQb3J0YWwoXG4gICAgICAgIDw+XG4gICAgICAgICAgICA8UGFuZWxSb290PlxuICAgICAgICAgICAgICAgIDxEcmFnZ2FibGUgaGFuZGxlPXtkcmFnSGFuZGxlfSBvblN0b3A9e29uRHJhZ1N0b3B9IHBvc2l0aW9uPXtwb3NpdGlvbn0+XG4gICAgICAgICAgICAgICAgICAgIDxSZXNpemFibGVcbiAgICAgICAgICAgICAgICAgICAgICAgIHdpZHRoPXtzaXplLndpZHRofVxuICAgICAgICAgICAgICAgICAgICAgICAgaGVpZ2h0PXtzaXplLmhlaWdodH1cbiAgICAgICAgICAgICAgICAgICAgICAgIG9uUmVzaXplPXtvblJlc2l6ZX1cbiAgICAgICAgICAgICAgICAgICAgICAgIGhhbmRsZT17PFJlc2l6ZUhhbmRsZSAvPn1cbiAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFwid2J5LWJnLW5ldXRyYWwtYmFzZSB3YnktcmVsYXRpdmUgd2J5LWJvcmRlci1zbSB3YnktYm9yZGVyLWFjY2VudC1kZWZhdWx0XCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZGlzcGxheTogaXNWaXNpYmxlID8gXCJibG9ja1wiIDogXCJub25lXCIsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHdpZHRoOiBzaXplLndpZHRoICsgXCJweFwiLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBoZWlnaHQ6IHNpemUuaGVpZ2h0ICsgXCJweFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT17XCJmbG9hdGluZy1wYW5lbFwifT57Y2hpbGRyZW4oc2l6ZSl9PC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgPC9SZXNpemFibGU+XG4gICAgICAgICAgICAgICAgPC9EcmFnZ2FibGU+XG4gICAgICAgICAgICA8L1BhbmVsUm9vdD5cbiAgICAgICAgPC8+LFxuICAgICAgICBkb2N1bWVudC5ib2R5XG4gICAgKTtcbn07XG4iXX0= */",
+  styles: "position:fixed;top:0;left:0;z-index:100000;width:0;height:0/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZsb2F0aW5nUGFuZWwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVE0QiIsImZpbGUiOiJGbG9hdGluZ1BhbmVsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBjcmVhdGVQb3J0YWwgfSBmcm9tIFwicmVhY3QtZG9tXCI7XG5pbXBvcnQgRHJhZ2dhYmxlLCB7IHR5cGUgRHJhZ2dhYmxlRXZlbnRIYW5kbGVyIH0gZnJvbSBcInJlYWN0LWRyYWdnYWJsZVwiO1xuaW1wb3J0IHR5cGUgeyBSZXNpemFibGVQcm9wcyB9IGZyb20gXCJyZWFjdC1yZXNpemFibGVcIjtcbmltcG9ydCB7IFJlc2l6YWJsZSB9IGZyb20gXCJyZWFjdC1yZXNpemFibGVcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdXNlS2V5SGFuZGxlciB9IGZyb20gXCJ+L2hvb2tzL2luZGV4LmpzXCI7XG5cbmNvbnN0IFBhbmVsUm9vdCA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IGZpeGVkO1xuICAgIHRvcDogMDtcbiAgICBsZWZ0OiAwO1xuICAgIHotaW5kZXg6IDEwMDAwMDtcbiAgICB3aWR0aDogMDtcbiAgICBoZWlnaHQ6IDA7XG5gO1xuXG5jb25zdCBSZXNpemVIYW5kbGUgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB3aWR0aDogMjBweDtcbiAgICBoZWlnaHQ6IDIwcHg7XG4gICAgYm90dG9tOiAwO1xuICAgIHJpZ2h0OiAwO1xuICAgIHBhZGRpbmc6IDAgM3B4IDNweCAwO1xuICAgIGJhY2tncm91bmQ6IHVybChcImRhdGE6aW1hZ2Uvc3ZnK3htbDtiYXNlNjQsUEQ5NGJXd2dkbVZ5YzJsdmJqMGlNUzR3SWlCemRHRnVaR0ZzYjI1bFBTSnVieUkvUGcwOElTMHRJRWRsYm1WeVlYUnZjam9nUVdSdlltVWdSbWx5WlhkdmNtdHpJRU5UTml3Z1JYaHdiM0owSUZOV1J5QkZlSFJsYm5OcGIyNGdZbmtnUVdGeWIyNGdRbVZoYkd3Z0tHaDBkSEE2THk5bWFYSmxkMjl5YTNNdVlXSmxZV3hzTG1OdmJTa2dMaUJXWlhKemFXOXVPaUF3TGpZdU1TQWdMUzArRFR3aFJFOURWRmxRUlNCemRtY2dVRlZDVEVsRElDSXRMeTlYTTBNdkwwUlVSQ0JUVmtjZ01TNHhMeTlGVGlJZ0ltaDBkSEE2THk5M2QzY3Vkek11YjNKbkwwZHlZWEJvYVdOekwxTldSeTh4TGpFdlJGUkVMM04yWnpFeExtUjBaQ0krRFR4emRtY2dhV1E5SWxWdWRHbDBiR1ZrTFZCaFoyVWxNakF4SWlCMmFXVjNRbTk0UFNJd0lEQWdOaUEySWlCemRIbHNaVDBpWW1GamEyZHliM1Z1WkMxamIyeHZjam9qWm1abVptWm1NREFpSUhabGNuTnBiMjQ5SWpFdU1TSU5DWGh0Ykc1elBTSm9kSFJ3T2k4dmQzZDNMbmN6TG05eVp5OHlNREF3TDNOMlp5SWdlRzFzYm5NNmVHeHBibXM5SW1oMGRIQTZMeTkzZDNjdWR6TXViM0puTHpFNU9Ua3ZlR3hwYm1zaUlIaHRiRHB6Y0dGalpUMGljSEpsYzJWeWRtVWlEUWw0UFNJd2NIZ2lJSGs5SWpCd2VDSWdkMmxrZEdnOUlqWndlQ0lnYUdWcFoyaDBQU0kyY0hnaURUNE5DVHhuSUc5d1lXTnBkSGs5SWpBdU16QXlJajROQ1FrOGNHRjBhQ0JrUFNKTklEWWdOaUJNSURBZ05pQk1JREFnTkM0eUlFd2dOQ0EwTGpJZ1RDQTBMaklnTkM0eUlFd2dOQzR5SURBZ1RDQTJJREFnVENBMklEWWdUQ0EySURZZ1dpSWdabWxzYkQwaUl6QXdNREF3TUNJdlBnMEpQQzluUGcwOEwzTjJaejQ9XCIpXG4gICAgICAgIG5vLXJlcGVhdCBib3R0b20gcmlnaHQ7XG4gICAgYmFja2dyb3VuZC1vcmlnaW46IGNvbnRlbnQtYm94O1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgY3Vyc29yOiBzZS1yZXNpemU7XG5gO1xuXG5leHBvcnQgaW50ZXJmYWNlIEZsb2F0aW5nUGFuZWxSZW5kZXJQcm9wIHtcbiAgICAocGFyYW1zOiB7IGhlaWdodDogbnVtYmVyOyB3aWR0aDogbnVtYmVyIH0pOiBSZWFjdC5SZWFjdE5vZGU7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgRmxvYXRpbmdQYW5lbFByb3BzIHtcbiAgICBzaG9ydGN1dDogc3RyaW5nO1xuICAgIGRyYWdIYW5kbGU6IHN0cmluZztcbiAgICBjaGlsZHJlbjogRmxvYXRpbmdQYW5lbFJlbmRlclByb3A7XG59XG5cbmV4cG9ydCBjb25zdCBGbG9hdGluZ1BhbmVsID0gKHsgZHJhZ0hhbmRsZSwgc2hvcnRjdXQsIGNoaWxkcmVuIH06IEZsb2F0aW5nUGFuZWxQcm9wcykgPT4ge1xuICAgIGNvbnN0IFtpc1Zpc2libGUsIHNldElzVmlzaWJsZV0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gICAgY29uc3QgW3NpemUsIHNldFNpemVdID0gdXNlU3RhdGUoeyB3aWR0aDogNzAwLCBoZWlnaHQ6IDYwMCB9KTtcbiAgICBjb25zdCBbcG9zaXRpb24sIHNldFBvc2l0aW9uXSA9IHVzZVN0YXRlKHsgeDogMTAwLCB5OiAxMDAgfSk7XG4gICAgY29uc3QgeyBhZGRLZXlIYW5kbGVyLCByZW1vdmVLZXlIYW5kbGVyIH0gPSB1c2VLZXlIYW5kbGVyKCk7XG5cbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgICAgICBhZGRLZXlIYW5kbGVyKHNob3J0Y3V0LCBlID0+IHtcbiAgICAgICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgICAgIHNldElzVmlzaWJsZShpc1Zpc2libGUgPT4gIWlzVmlzaWJsZSk7XG4gICAgICAgIH0pO1xuXG4gICAgICAgIHJldHVybiAoKSA9PiByZW1vdmVLZXlIYW5kbGVyKHNob3J0Y3V0KTtcbiAgICB9LCBbc2V0SXNWaXNpYmxlXSk7XG5cbiAgICBjb25zdCBvbkRyYWdTdG9wOiBEcmFnZ2FibGVFdmVudEhhbmRsZXIgPSAoXywgZGF0YSkgPT4ge1xuICAgICAgICBzZXRQb3NpdGlvbih7IHg6IGRhdGEueCwgeTogZGF0YS55IH0pO1xuICAgIH07XG5cbiAgICBjb25zdCBvblJlc2l6ZTogUmVzaXphYmxlUHJvcHNbXCJvblJlc2l6ZVwiXSA9IChfLCB7IHNpemUgfSkgPT4ge1xuICAgICAgICBzZXRTaXplKHsgd2lkdGg6IHNpemUud2lkdGgsIGhlaWdodDogc2l6ZS5oZWlnaHQgfSk7XG4gICAgfTtcblxuICAgIHJldHVybiBjcmVhdGVQb3J0YWwoXG4gICAgICAgIDw+XG4gICAgICAgICAgICA8UGFuZWxSb290PlxuICAgICAgICAgICAgICAgIDxEcmFnZ2FibGUgaGFuZGxlPXtkcmFnSGFuZGxlfSBvblN0b3A9e29uRHJhZ1N0b3B9IHBvc2l0aW9uPXtwb3NpdGlvbn0+XG4gICAgICAgICAgICAgICAgICAgIDxSZXNpemFibGVcbiAgICAgICAgICAgICAgICAgICAgICAgIHdpZHRoPXtzaXplLndpZHRofVxuICAgICAgICAgICAgICAgICAgICAgICAgaGVpZ2h0PXtzaXplLmhlaWdodH1cbiAgICAgICAgICAgICAgICAgICAgICAgIG9uUmVzaXplPXtvblJlc2l6ZX1cbiAgICAgICAgICAgICAgICAgICAgICAgIGhhbmRsZT17PFJlc2l6ZUhhbmRsZSAvPn1cbiAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17XCJiZy1uZXV0cmFsLWJhc2UgcmVsYXRpdmUgYm9yZGVyLXNtIGJvcmRlci1hY2NlbnQtZGVmYXVsdFwifVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGRpc3BsYXk6IGlzVmlzaWJsZSA/IFwiYmxvY2tcIiA6IFwibm9uZVwiLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB3aWR0aDogc2l6ZS53aWR0aCArIFwicHhcIixcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaGVpZ2h0OiBzaXplLmhlaWdodCArIFwicHhcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9e1wiZmxvYXRpbmctcGFuZWxcIn0+e2NoaWxkcmVuKHNpemUpfTwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgIDwvUmVzaXphYmxlPlxuICAgICAgICAgICAgICAgIDwvRHJhZ2dhYmxlPlxuICAgICAgICAgICAgPC9QYW5lbFJvb3Q+XG4gICAgICAgIDwvPixcbiAgICAgICAgZG9jdW1lbnQuYm9keVxuICAgICk7XG59O1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 const ResizeHandle = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
@@ -29,8 +28,7 @@ const ResizeHandle = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "produ
   styles: "position:absolute;width:20px;height:20px;bottom:0;right:0;padding:0 3px 3px 0;background:url(\"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pg08IS0tIEdlbmVyYXRvcjogQWRvYmUgRmlyZXdvcmtzIENTNiwgRXhwb3J0IFNWRyBFeHRlbnNpb24gYnkgQWFyb24gQmVhbGwgKGh0dHA6Ly9maXJld29ya3MuYWJlYWxsLmNvbSkgLiBWZXJzaW9uOiAwLjYuMSAgLS0+DTwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DTxzdmcgaWQ9IlVudGl0bGVkLVBhZ2UlMjAxIiB2aWV3Qm94PSIwIDAgNiA2IiBzdHlsZT0iYmFja2dyb3VuZC1jb2xvcjojZmZmZmZmMDAiIHZlcnNpb249IjEuMSINCXhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiDQl4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjZweCIgaGVpZ2h0PSI2cHgiDT4NCTxnIG9wYWNpdHk9IjAuMzAyIj4NCQk8cGF0aCBkPSJNIDYgNiBMIDAgNiBMIDAgNC4yIEwgNCA0LjIgTCA0LjIgNC4yIEwgNC4yIDAgTCA2IDAgTCA2IDYgTCA2IDYgWiIgZmlsbD0iIzAwMDAwMCIvPg0JPC9nPg08L3N2Zz4=\") no-repeat bottom right;background-origin:content-box;box-sizing:border-box;cursor:se-resize"
 } : {
   name: "oq4jmq",
-  styles: "position:absolute;width:20px;height:20px;bottom:0;right:0;padding:0 3px 3px 0;background:url(\"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pg08IS0tIEdlbmVyYXRvcjogQWRvYmUgRmlyZXdvcmtzIENTNiwgRXhwb3J0IFNWRyBFeHRlbnNpb24gYnkgQWFyb24gQmVhbGwgKGh0dHA6Ly9maXJld29ya3MuYWJlYWxsLmNvbSkgLiBWZXJzaW9uOiAwLjYuMSAgLS0+DTwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DTxzdmcgaWQ9IlVudGl0bGVkLVBhZ2UlMjAxIiB2aWV3Qm94PSIwIDAgNiA2IiBzdHlsZT0iYmFja2dyb3VuZC1jb2xvcjojZmZmZmZmMDAiIHZlcnNpb249IjEuMSINCXhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiDQl4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjZweCIgaGVpZ2h0PSI2cHgiDT4NCTxnIG9wYWNpdHk9IjAuMzAyIj4NCQk8cGF0aCBkPSJNIDYgNiBMIDAgNiBMIDAgNC4yIEwgNCA0LjIgTCA0LjIgNC4yIEwgNC4yIDAgTCA2IDAgTCA2IDYgTCA2IDYgWiIgZmlsbD0iIzAwMDAwMCIvPg0JPC9nPg08L3N2Zz4=\") no-repeat bottom right;background-origin:content-box;box-sizing:border-box;cursor:se-resize",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZsb2F0aW5nUGFuZWwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlCK0IiLCJmaWxlIjoiRmxvYXRpbmdQYW5lbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgY3JlYXRlUG9ydGFsIH0gZnJvbSBcInJlYWN0LWRvbVwiO1xuaW1wb3J0IERyYWdnYWJsZSwgeyB0eXBlIERyYWdnYWJsZUV2ZW50SGFuZGxlciB9IGZyb20gXCJyZWFjdC1kcmFnZ2FibGVcIjtcbmltcG9ydCB0eXBlIHsgUmVzaXphYmxlUHJvcHMgfSBmcm9tIFwicmVhY3QtcmVzaXphYmxlXCI7XG5pbXBvcnQgeyBSZXNpemFibGUgfSBmcm9tIFwicmVhY3QtcmVzaXphYmxlXCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHVzZUtleUhhbmRsZXIgfSBmcm9tIFwifi9ob29rc1wiO1xuXG5jb25zdCBQYW5lbFJvb3QgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiBmaXhlZDtcbiAgICB0b3A6IDA7XG4gICAgbGVmdDogMDtcbiAgICB6LWluZGV4OiAxMDAwMDA7XG4gICAgd2lkdGg6IDA7XG4gICAgaGVpZ2h0OiAwO1xuYDtcblxuY29uc3QgUmVzaXplSGFuZGxlID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgd2lkdGg6IDIwcHg7XG4gICAgaGVpZ2h0OiAyMHB4O1xuICAgIGJvdHRvbTogMDtcbiAgICByaWdodDogMDtcbiAgICBwYWRkaW5nOiAwIDNweCAzcHggMDtcbiAgICBiYWNrZ3JvdW5kOiB1cmwoXCJkYXRhOmltYWdlL3N2Zyt4bWw7YmFzZTY0LFBEOTRiV3dnZG1WeWMybHZiajBpTVM0d0lpQnpkR0Z1WkdGc2IyNWxQU0p1YnlJL1BnMDhJUzB0SUVkbGJtVnlZWFJ2Y2pvZ1FXUnZZbVVnUm1seVpYZHZjbXR6SUVOVE5pd2dSWGh3YjNKMElGTldSeUJGZUhSbGJuTnBiMjRnWW5rZ1FXRnliMjRnUW1WaGJHd2dLR2gwZEhBNkx5OW1hWEpsZDI5eWEzTXVZV0psWVd4c0xtTnZiU2tnTGlCV1pYSnphVzl1T2lBd0xqWXVNU0FnTFMwK0RUd2hSRTlEVkZsUVJTQnpkbWNnVUZWQ1RFbERJQ0l0THk5WE0wTXZMMFJVUkNCVFZrY2dNUzR4THk5RlRpSWdJbWgwZEhBNkx5OTNkM2N1ZHpNdWIzSm5MMGR5WVhCb2FXTnpMMU5XUnk4eExqRXZSRlJFTDNOMlp6RXhMbVIwWkNJK0RUeHpkbWNnYVdROUlsVnVkR2wwYkdWa0xWQmhaMlVsTWpBeElpQjJhV1YzUW05NFBTSXdJREFnTmlBMklpQnpkSGxzWlQwaVltRmphMmR5YjNWdVpDMWpiMnh2Y2pvalptWm1abVptTURBaUlIWmxjbk5wYjI0OUlqRXVNU0lOQ1hodGJHNXpQU0pvZEhSd09pOHZkM2QzTG5jekxtOXlaeTh5TURBd0wzTjJaeUlnZUcxc2JuTTZlR3hwYm1zOUltaDBkSEE2THk5M2QzY3Vkek11YjNKbkx6RTVPVGt2ZUd4cGJtc2lJSGh0YkRwemNHRmpaVDBpY0hKbGMyVnlkbVVpRFFsNFBTSXdjSGdpSUhrOUlqQndlQ0lnZDJsa2RHZzlJalp3ZUNJZ2FHVnBaMmgwUFNJMmNIZ2lEVDROQ1R4bklHOXdZV05wZEhrOUlqQXVNekF5SWo0TkNRazhjR0YwYUNCa1BTSk5JRFlnTmlCTUlEQWdOaUJNSURBZ05DNHlJRXdnTkNBMExqSWdUQ0EwTGpJZ05DNHlJRXdnTkM0eUlEQWdUQ0EySURBZ1RDQTJJRFlnVENBMklEWWdXaUlnWm1sc2JEMGlJekF3TURBd01DSXZQZzBKUEM5blBnMDhMM04yWno0PVwiKVxuICAgICAgICBuby1yZXBlYXQgYm90dG9tIHJpZ2h0O1xuICAgIGJhY2tncm91bmQtb3JpZ2luOiBjb250ZW50LWJveDtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIGN1cnNvcjogc2UtcmVzaXplO1xuYDtcblxuZXhwb3J0IGludGVyZmFjZSBGbG9hdGluZ1BhbmVsUmVuZGVyUHJvcCB7XG4gICAgKHBhcmFtczogeyBoZWlnaHQ6IG51bWJlcjsgd2lkdGg6IG51bWJlciB9KTogUmVhY3QuUmVhY3ROb2RlO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIEZsb2F0aW5nUGFuZWxQcm9wcyB7XG4gICAgc2hvcnRjdXQ6IHN0cmluZztcbiAgICBkcmFnSGFuZGxlOiBzdHJpbmc7XG4gICAgY2hpbGRyZW46IEZsb2F0aW5nUGFuZWxSZW5kZXJQcm9wO1xufVxuXG5leHBvcnQgY29uc3QgRmxvYXRpbmdQYW5lbCA9ICh7IGRyYWdIYW5kbGUsIHNob3J0Y3V0LCBjaGlsZHJlbiB9OiBGbG9hdGluZ1BhbmVsUHJvcHMpID0+IHtcbiAgICBjb25zdCBbaXNWaXNpYmxlLCBzZXRJc1Zpc2libGVdID0gdXNlU3RhdGUoZmFsc2UpO1xuICAgIGNvbnN0IFtzaXplLCBzZXRTaXplXSA9IHVzZVN0YXRlKHsgd2lkdGg6IDcwMCwgaGVpZ2h0OiA2MDAgfSk7XG4gICAgY29uc3QgW3Bvc2l0aW9uLCBzZXRQb3NpdGlvbl0gPSB1c2VTdGF0ZSh7IHg6IDEwMCwgeTogMTAwIH0pO1xuICAgIGNvbnN0IHsgYWRkS2V5SGFuZGxlciwgcmVtb3ZlS2V5SGFuZGxlciB9ID0gdXNlS2V5SGFuZGxlcigpO1xuXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgICAgYWRkS2V5SGFuZGxlcihzaG9ydGN1dCwgZSA9PiB7XG4gICAgICAgICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgICAgICBzZXRJc1Zpc2libGUoaXNWaXNpYmxlID0+ICFpc1Zpc2libGUpO1xuICAgICAgICB9KTtcblxuICAgICAgICByZXR1cm4gKCkgPT4gcmVtb3ZlS2V5SGFuZGxlcihzaG9ydGN1dCk7XG4gICAgfSwgW3NldElzVmlzaWJsZV0pO1xuXG4gICAgY29uc3Qgb25EcmFnU3RvcDogRHJhZ2dhYmxlRXZlbnRIYW5kbGVyID0gKF8sIGRhdGEpID0+IHtcbiAgICAgICAgc2V0UG9zaXRpb24oeyB4OiBkYXRhLngsIHk6IGRhdGEueSB9KTtcbiAgICB9O1xuXG4gICAgY29uc3Qgb25SZXNpemU6IFJlc2l6YWJsZVByb3BzW1wib25SZXNpemVcIl0gPSAoXywgeyBzaXplIH0pID0+IHtcbiAgICAgICAgc2V0U2l6ZSh7IHdpZHRoOiBzaXplLndpZHRoLCBoZWlnaHQ6IHNpemUuaGVpZ2h0IH0pO1xuICAgIH07XG5cbiAgICByZXR1cm4gY3JlYXRlUG9ydGFsKFxuICAgICAgICA8PlxuICAgICAgICAgICAgPFBhbmVsUm9vdD5cbiAgICAgICAgICAgICAgICA8RHJhZ2dhYmxlIGhhbmRsZT17ZHJhZ0hhbmRsZX0gb25TdG9wPXtvbkRyYWdTdG9wfSBwb3NpdGlvbj17cG9zaXRpb259PlxuICAgICAgICAgICAgICAgICAgICA8UmVzaXphYmxlXG4gICAgICAgICAgICAgICAgICAgICAgICB3aWR0aD17c2l6ZS53aWR0aH1cbiAgICAgICAgICAgICAgICAgICAgICAgIGhlaWdodD17c2l6ZS5oZWlnaHR9XG4gICAgICAgICAgICAgICAgICAgICAgICBvblJlc2l6ZT17b25SZXNpemV9XG4gICAgICAgICAgICAgICAgICAgICAgICBoYW5kbGU9ezxSZXNpemVIYW5kbGUgLz59XG4gICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBjbGFzc05hbWU9e1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBcIndieS1iZy1uZXV0cmFsLWJhc2Ugd2J5LXJlbGF0aXZlIHdieS1ib3JkZXItc20gd2J5LWJvcmRlci1hY2NlbnQtZGVmYXVsdFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGRpc3BsYXk6IGlzVmlzaWJsZSA/IFwiYmxvY2tcIiA6IFwibm9uZVwiLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB3aWR0aDogc2l6ZS53aWR0aCArIFwicHhcIixcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaGVpZ2h0OiBzaXplLmhlaWdodCArIFwicHhcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9e1wiZmxvYXRpbmctcGFuZWxcIn0+e2NoaWxkcmVuKHNpemUpfTwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgIDwvUmVzaXphYmxlPlxuICAgICAgICAgICAgICAgIDwvRHJhZ2dhYmxlPlxuICAgICAgICAgICAgPC9QYW5lbFJvb3Q+XG4gICAgICAgIDwvPixcbiAgICAgICAgZG9jdW1lbnQuYm9keVxuICAgICk7XG59O1xuIl19 */",
+  styles: "position:absolute;width:20px;height:20px;bottom:0;right:0;padding:0 3px 3px 0;background:url(\"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pg08IS0tIEdlbmVyYXRvcjogQWRvYmUgRmlyZXdvcmtzIENTNiwgRXhwb3J0IFNWRyBFeHRlbnNpb24gYnkgQWFyb24gQmVhbGwgKGh0dHA6Ly9maXJld29ya3MuYWJlYWxsLmNvbSkgLiBWZXJzaW9uOiAwLjYuMSAgLS0+DTwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DTxzdmcgaWQ9IlVudGl0bGVkLVBhZ2UlMjAxIiB2aWV3Qm94PSIwIDAgNiA2IiBzdHlsZT0iYmFja2dyb3VuZC1jb2xvcjojZmZmZmZmMDAiIHZlcnNpb249IjEuMSINCXhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiDQl4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjZweCIgaGVpZ2h0PSI2cHgiDT4NCTxnIG9wYWNpdHk9IjAuMzAyIj4NCQk8cGF0aCBkPSJNIDYgNiBMIDAgNiBMIDAgNC4yIEwgNCA0LjIgTCA0LjIgNC4yIEwgNC4yIDAgTCA2IDAgTCA2IDYgTCA2IDYgWiIgZmlsbD0iIzAwMDAwMCIvPg0JPC9nPg08L3N2Zz4=\") no-repeat bottom right;background-origin:content-box;box-sizing:border-box;cursor:se-resize/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZsb2F0aW5nUGFuZWwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlCK0IiLCJmaWxlIjoiRmxvYXRpbmdQYW5lbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgY3JlYXRlUG9ydGFsIH0gZnJvbSBcInJlYWN0LWRvbVwiO1xuaW1wb3J0IERyYWdnYWJsZSwgeyB0eXBlIERyYWdnYWJsZUV2ZW50SGFuZGxlciB9IGZyb20gXCJyZWFjdC1kcmFnZ2FibGVcIjtcbmltcG9ydCB0eXBlIHsgUmVzaXphYmxlUHJvcHMgfSBmcm9tIFwicmVhY3QtcmVzaXphYmxlXCI7XG5pbXBvcnQgeyBSZXNpemFibGUgfSBmcm9tIFwicmVhY3QtcmVzaXphYmxlXCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHVzZUtleUhhbmRsZXIgfSBmcm9tIFwifi9ob29rcy9pbmRleC5qc1wiO1xuXG5jb25zdCBQYW5lbFJvb3QgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiBmaXhlZDtcbiAgICB0b3A6IDA7XG4gICAgbGVmdDogMDtcbiAgICB6LWluZGV4OiAxMDAwMDA7XG4gICAgd2lkdGg6IDA7XG4gICAgaGVpZ2h0OiAwO1xuYDtcblxuY29uc3QgUmVzaXplSGFuZGxlID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgd2lkdGg6IDIwcHg7XG4gICAgaGVpZ2h0OiAyMHB4O1xuICAgIGJvdHRvbTogMDtcbiAgICByaWdodDogMDtcbiAgICBwYWRkaW5nOiAwIDNweCAzcHggMDtcbiAgICBiYWNrZ3JvdW5kOiB1cmwoXCJkYXRhOmltYWdlL3N2Zyt4bWw7YmFzZTY0LFBEOTRiV3dnZG1WeWMybHZiajBpTVM0d0lpQnpkR0Z1WkdGc2IyNWxQU0p1YnlJL1BnMDhJUzB0SUVkbGJtVnlZWFJ2Y2pvZ1FXUnZZbVVnUm1seVpYZHZjbXR6SUVOVE5pd2dSWGh3YjNKMElGTldSeUJGZUhSbGJuTnBiMjRnWW5rZ1FXRnliMjRnUW1WaGJHd2dLR2gwZEhBNkx5OW1hWEpsZDI5eWEzTXVZV0psWVd4c0xtTnZiU2tnTGlCV1pYSnphVzl1T2lBd0xqWXVNU0FnTFMwK0RUd2hSRTlEVkZsUVJTQnpkbWNnVUZWQ1RFbERJQ0l0THk5WE0wTXZMMFJVUkNCVFZrY2dNUzR4THk5RlRpSWdJbWgwZEhBNkx5OTNkM2N1ZHpNdWIzSm5MMGR5WVhCb2FXTnpMMU5XUnk4eExqRXZSRlJFTDNOMlp6RXhMbVIwWkNJK0RUeHpkbWNnYVdROUlsVnVkR2wwYkdWa0xWQmhaMlVsTWpBeElpQjJhV1YzUW05NFBTSXdJREFnTmlBMklpQnpkSGxzWlQwaVltRmphMmR5YjNWdVpDMWpiMnh2Y2pvalptWm1abVptTURBaUlIWmxjbk5wYjI0OUlqRXVNU0lOQ1hodGJHNXpQU0pvZEhSd09pOHZkM2QzTG5jekxtOXlaeTh5TURBd0wzTjJaeUlnZUcxc2JuTTZlR3hwYm1zOUltaDBkSEE2THk5M2QzY3Vkek11YjNKbkx6RTVPVGt2ZUd4cGJtc2lJSGh0YkRwemNHRmpaVDBpY0hKbGMyVnlkbVVpRFFsNFBTSXdjSGdpSUhrOUlqQndlQ0lnZDJsa2RHZzlJalp3ZUNJZ2FHVnBaMmgwUFNJMmNIZ2lEVDROQ1R4bklHOXdZV05wZEhrOUlqQXVNekF5SWo0TkNRazhjR0YwYUNCa1BTSk5JRFlnTmlCTUlEQWdOaUJNSURBZ05DNHlJRXdnTkNBMExqSWdUQ0EwTGpJZ05DNHlJRXdnTkM0eUlEQWdUQ0EySURBZ1RDQTJJRFlnVENBMklEWWdXaUlnWm1sc2JEMGlJekF3TURBd01DSXZQZzBKUEM5blBnMDhMM04yWno0PVwiKVxuICAgICAgICBuby1yZXBlYXQgYm90dG9tIHJpZ2h0O1xuICAgIGJhY2tncm91bmQtb3JpZ2luOiBjb250ZW50LWJveDtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIGN1cnNvcjogc2UtcmVzaXplO1xuYDtcblxuZXhwb3J0IGludGVyZmFjZSBGbG9hdGluZ1BhbmVsUmVuZGVyUHJvcCB7XG4gICAgKHBhcmFtczogeyBoZWlnaHQ6IG51bWJlcjsgd2lkdGg6IG51bWJlciB9KTogUmVhY3QuUmVhY3ROb2RlO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIEZsb2F0aW5nUGFuZWxQcm9wcyB7XG4gICAgc2hvcnRjdXQ6IHN0cmluZztcbiAgICBkcmFnSGFuZGxlOiBzdHJpbmc7XG4gICAgY2hpbGRyZW46IEZsb2F0aW5nUGFuZWxSZW5kZXJQcm9wO1xufVxuXG5leHBvcnQgY29uc3QgRmxvYXRpbmdQYW5lbCA9ICh7IGRyYWdIYW5kbGUsIHNob3J0Y3V0LCBjaGlsZHJlbiB9OiBGbG9hdGluZ1BhbmVsUHJvcHMpID0+IHtcbiAgICBjb25zdCBbaXNWaXNpYmxlLCBzZXRJc1Zpc2libGVdID0gdXNlU3RhdGUoZmFsc2UpO1xuICAgIGNvbnN0IFtzaXplLCBzZXRTaXplXSA9IHVzZVN0YXRlKHsgd2lkdGg6IDcwMCwgaGVpZ2h0OiA2MDAgfSk7XG4gICAgY29uc3QgW3Bvc2l0aW9uLCBzZXRQb3NpdGlvbl0gPSB1c2VTdGF0ZSh7IHg6IDEwMCwgeTogMTAwIH0pO1xuICAgIGNvbnN0IHsgYWRkS2V5SGFuZGxlciwgcmVtb3ZlS2V5SGFuZGxlciB9ID0gdXNlS2V5SGFuZGxlcigpO1xuXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgICAgYWRkS2V5SGFuZGxlcihzaG9ydGN1dCwgZSA9PiB7XG4gICAgICAgICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgICAgICBzZXRJc1Zpc2libGUoaXNWaXNpYmxlID0+ICFpc1Zpc2libGUpO1xuICAgICAgICB9KTtcblxuICAgICAgICByZXR1cm4gKCkgPT4gcmVtb3ZlS2V5SGFuZGxlcihzaG9ydGN1dCk7XG4gICAgfSwgW3NldElzVmlzaWJsZV0pO1xuXG4gICAgY29uc3Qgb25EcmFnU3RvcDogRHJhZ2dhYmxlRXZlbnRIYW5kbGVyID0gKF8sIGRhdGEpID0+IHtcbiAgICAgICAgc2V0UG9zaXRpb24oeyB4OiBkYXRhLngsIHk6IGRhdGEueSB9KTtcbiAgICB9O1xuXG4gICAgY29uc3Qgb25SZXNpemU6IFJlc2l6YWJsZVByb3BzW1wib25SZXNpemVcIl0gPSAoXywgeyBzaXplIH0pID0+IHtcbiAgICAgICAgc2V0U2l6ZSh7IHdpZHRoOiBzaXplLndpZHRoLCBoZWlnaHQ6IHNpemUuaGVpZ2h0IH0pO1xuICAgIH07XG5cbiAgICByZXR1cm4gY3JlYXRlUG9ydGFsKFxuICAgICAgICA8PlxuICAgICAgICAgICAgPFBhbmVsUm9vdD5cbiAgICAgICAgICAgICAgICA8RHJhZ2dhYmxlIGhhbmRsZT17ZHJhZ0hhbmRsZX0gb25TdG9wPXtvbkRyYWdTdG9wfSBwb3NpdGlvbj17cG9zaXRpb259PlxuICAgICAgICAgICAgICAgICAgICA8UmVzaXphYmxlXG4gICAgICAgICAgICAgICAgICAgICAgICB3aWR0aD17c2l6ZS53aWR0aH1cbiAgICAgICAgICAgICAgICAgICAgICAgIGhlaWdodD17c2l6ZS5oZWlnaHR9XG4gICAgICAgICAgICAgICAgICAgICAgICBvblJlc2l6ZT17b25SZXNpemV9XG4gICAgICAgICAgICAgICAgICAgICAgICBoYW5kbGU9ezxSZXNpemVIYW5kbGUgLz59XG4gICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBjbGFzc05hbWU9e1wiYmctbmV1dHJhbC1iYXNlIHJlbGF0aXZlIGJvcmRlci1zbSBib3JkZXItYWNjZW50LWRlZmF1bHRcIn1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBzdHlsZT17e1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBkaXNwbGF5OiBpc1Zpc2libGUgPyBcImJsb2NrXCIgOiBcIm5vbmVcIixcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgd2lkdGg6IHNpemUud2lkdGggKyBcInB4XCIsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGhlaWdodDogc2l6ZS5oZWlnaHQgKyBcInB4XCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPXtcImZsb2F0aW5nLXBhbmVsXCJ9PntjaGlsZHJlbihzaXplKX08L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICA8L1Jlc2l6YWJsZT5cbiAgICAgICAgICAgICAgICA8L0RyYWdnYWJsZT5cbiAgICAgICAgICAgIDwvUGFuZWxSb290PlxuICAgICAgICA8Lz4sXG4gICAgICAgIGRvY3VtZW50LmJvZHlcbiAgICApO1xufTtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 export const FloatingPanel = ({
@@ -82,7 +80,7 @@ export const FloatingPanel = ({
     onResize: onResize,
     handle: /*#__PURE__*/React.createElement(ResizeHandle, null)
   }, /*#__PURE__*/React.createElement("div", {
-    className: "wby-bg-neutral-base wby-relative wby-border-sm wby-border-accent-default",
+    className: "bg-neutral-base relative border-sm border-accent-default",
     style: {
       display: isVisible ? "block" : "none",
       width: size.width + "px",

package/components/FloatingPanel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useEffect","useState","createPortal","Draggable","Resizable","useKeyHandler","PanelRoot","_styled","process","env","NODE_ENV","target","label","name","styles","~~map","~~toString","_EMOTION_STRINGIFIED_CSS_ERROR__","ResizeHandle","FloatingPanel","dragHandle","shortcut","children","isVisible","setIsVisible","size","setSize","width","height","position","setPosition","x","y","addKeyHandler","removeKeyHandler","e","preventDefault","onDragStop","_","data","onResize","createElement","Fragment","handle","onStop","className","style","display","document","body"],"sources":["FloatingPanel.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport Draggable, { type DraggableEventHandler } from \"react-draggable\";\nimport type { ResizableProps } from \"react-resizable\";\nimport { Resizable } from \"react-resizable\";\nimport styled from \"@emotion/styled\";\nimport { useKeyHandler } from \"~/hooks\";\n\nconst PanelRoot = styled.div`\n position: fixed;\n top: 0;\n left: 0;\n z-index: 100000;\n width: 0;\n height: 0;\n`;\n\nconst ResizeHandle = styled.div`\n position: absolute;\n width: 20px;\n height: 20px;\n bottom: 0;\n right: 0;\n padding: 0 3px 3px 0;\n background: url(\"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pg08IS0tIEdlbmVyYXRvcjogQWRvYmUgRmlyZXdvcmtzIENTNiwgRXhwb3J0IFNWRyBFeHRlbnNpb24gYnkgQWFyb24gQmVhbGwgKGh0dHA6Ly9maXJld29ya3MuYWJlYWxsLmNvbSkgLiBWZXJzaW9uOiAwLjYuMSAgLS0+DTwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DTxzdmcgaWQ9IlVudGl0bGVkLVBhZ2UlMjAxIiB2aWV3Qm94PSIwIDAgNiA2IiBzdHlsZT0iYmFja2dyb3VuZC1jb2xvcjojZmZmZmZmMDAiIHZlcnNpb249IjEuMSINCXhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiDQl4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjZweCIgaGVpZ2h0PSI2cHgiDT4NCTxnIG9wYWNpdHk9IjAuMzAyIj4NCQk8cGF0aCBkPSJNIDYgNiBMIDAgNiBMIDAgNC4yIEwgNCA0LjIgTCA0LjIgNC4yIEwgNC4yIDAgTCA2IDAgTCA2IDYgTCA2IDYgWiIgZmlsbD0iIzAwMDAwMCIvPg0JPC9nPg08L3N2Zz4=\")\n no-repeat bottom right;\n background-origin: content-box;\n box-sizing: border-box;\n cursor: se-resize;\n`;\n\nexport interface FloatingPanelRenderProp {\n (params: { height: number; width: number }): React.ReactNode;\n}\n\nexport interface FloatingPanelProps {\n shortcut: string;\n dragHandle: string;\n children: FloatingPanelRenderProp;\n}\n\nexport const FloatingPanel = ({ dragHandle, shortcut, children }: FloatingPanelProps) => {\n const [isVisible, setIsVisible] = useState(false);\n const [size, setSize] = useState({ width: 700, height: 600 });\n const [position, setPosition] = useState({ x: 100, y: 100 });\n const { addKeyHandler, removeKeyHandler } = useKeyHandler();\n\n useEffect(() => {\n addKeyHandler(shortcut, e => {\n e.preventDefault();\n setIsVisible(isVisible => !isVisible);\n });\n\n return () => removeKeyHandler(shortcut);\n }, [setIsVisible]);\n\n const onDragStop: DraggableEventHandler = (_, data) => {\n setPosition({ x: data.x, y: data.y });\n };\n\n const onResize: ResizableProps[\"onResize\"] = (_, { size }) => {\n setSize({ width: size.width, height: size.height });\n };\n\n return createPortal(\n <>\n <PanelRoot>\n <Draggable handle={dragHandle} onStop={onDragStop} position={position}>\n <Resizable\n width={size.width}\n height={size.height}\n onResize={onResize}\n handle={<ResizeHandle />}\n >\n <div\n className={\~~n \~~"~~wby-~~bg-neutral-base ~~wby-~~relative ~~wby-~~border-sm ~~wby-~~border-accent-default\"\n }\n style={{\n display: isVisible ? \"block\" : \"none\",\n width: size.width + \"px\",\n height: size.height + \"px\"\n }}\n >\n <div className={\"floating-panel\"}>{children(size)}</div>\n </div>\n </Resizable>\n </Draggable>\n </PanelRoot>\n </>,\n document.body\n );\n};\n"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAClD,SAASC,YAAY,QAAQ,WAAW;AACxC,OAAOC,SAAS,MAAsC,iBAAiB;AAEvE,SAASC,SAAS,QAAQ,iBAAiB;AAE3C,SAASC,aAAa;AAEtB,MAAMC,SAAS,gBAAAC,OAAA,QAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,GAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,~~GAAA;EAAAC,~~QAAA,EAAAC;AAAA,EAOd;AAED,MAAMC,YAAY,~~gBAAAX~~,OAAA,QAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,GAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,~~GAAA;EAAAC,~~QAAA,EAAAC;AAAA,EAYjB;AAYD,OAAO,MAAME,aAAa,GAAGA,CAAC;EAAEC,UAAU;EAAEC,QAAQ;EAAEC;AAA6B,CAAC,KAAK;EACrF,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,~~GAAGvB~~,QAAQ,CAAC,KAAK,CAAC;EACjD,MAAM,~~CAACwB~~,IAAI,EAAEC,OAAO,CAAC,~~GAAGzB~~,QAAQ,CAAC;~~IAAE0B~~,KAAK,EAAE,GAAG;IAAEC,MAAM,EAAE;EAAI,CAAC,CAAC;EAC7D,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,~~GAAG7B~~,QAAQ,CAAC;~~IAAE8B~~,CAAC,EAAE,GAAG;IAAEC,CAAC,EAAE;EAAI,CAAC,CAAC;EAC5D,MAAM;IAAEC,aAAa;IAAEC;EAAiB,CAAC,~~GAAG7B~~,aAAa,CAAC,CAAC;EAE3DL,SAAS,CAAC,MAAM;~~IACZiC~~,aAAa,CAACZ,QAAQ,EAAEc,CAAC,IAAI;MACzBA,CAAC,CAACC,cAAc,CAAC,CAAC;MAClBZ,YAAY,CAACD,SAAS,IAAI,CAACA,SAAS,CAAC;IACzC,CAAC,CAAC;IAEF,OAAO,MAAMW,gBAAgB,CAACb,QAAQ,CAAC;EAC3C,CAAC,EAAE,CAACG,YAAY,CAAC,CAAC;EAElB,MAAMa,UAAiC,GAAGA,CAACC,CAAC,EAAEC,IAAI,KAAK;IACnDT,WAAW,CAAC;MAAEC,CAAC,EAAEQ,IAAI,CAACR,CAAC;MAAEC,CAAC,EAAEO,IAAI,CAACP;IAAE,CAAC,CAAC;EACzC,CAAC;EAED,MAAMQ,QAAoC,GAAGA,CAACF,CAAC,EAAE;IAAEb;EAAK,CAAC,KAAK;IAC1DC,OAAO,CAAC;MAAEC,KAAK,EAAEF,IAAI,CAACE,KAAK;MAAEC,MAAM,EAAEH,IAAI,CAACG;IAAO,CAAC,CAAC;EACvD,CAAC;EAED,~~oBAAO1B~~,YAAY,cACfH,KAAA,~~CAAA0C~~,aAAA,~~CAAA1C~~,KAAA,~~CAAA2C~~,QAAA,~~qBACI3C~~,KAAA,~~CAAA0C~~,aAAA,~~CAACnC~~,SAAS,qBACNP,KAAA,~~CAAA0C~~,aAAA,~~CAACtC~~,SAAS;~~IAACwC~~,MAAM,EAAEvB,UAAW;IAACwB,MAAM,EAAEP,UAAW;IAACR,QAAQ,EAAEA;EAAS,~~gBAClE9B~~,KAAA,~~CAAA0C~~,aAAA,~~CAACrC~~,SAAS;~~IACNuB~~,KAAK,EAAEF,IAAI,CAACE,KAAM;IAClBC,MAAM,EAAEH,IAAI,CAACG,MAAO;IACpBY,QAAQ,EAAEA,QAAS;IACnBG,MAAM,~~eAAE5C~~,KAAA,~~CAAA0C~~,aAAA,CAACvB,YAAY,MAAE;EAAE,~~gBAEzBnB~~,KAAA,~~CAAA0C~~,aAAA;IACII,SAAS,~~EACL~~,~~0EACH~~;~~IACDC~~,KAAK,EAAE;MACHC,OAAO,EAAExB,SAAS,GAAG,OAAO,GAAG,MAAM;MACrCI,KAAK,EAAEF,IAAI,CAACE,KAAK,GAAG,IAAI;MACxBC,MAAM,EAAEH,IAAI,CAACG,MAAM,GAAG;IAC1B;EAAE,~~gBAEF7B~~,KAAA,~~CAAA0C~~,aAAA;IAAKI,SAAS,EAAE;EAAiB,GAAEvB,QAAQ,CAACG,IAAI,CAAO,CACtD,CACE,CACJ,CACJ,CACb,CAAC,EACHuB,QAAQ,CAACC,IACb,CAAC;AACL,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["React","useEffect","useState","createPortal","Draggable","Resizable","useKeyHandler","PanelRoot","_styled","process","env","NODE_ENV","target","label","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","ResizeHandle","FloatingPanel","dragHandle","shortcut","children","isVisible","setIsVisible","size","setSize","width","height","position","setPosition","x","y","addKeyHandler","removeKeyHandler","e","preventDefault","onDragStop","_","data","onResize","createElement","Fragment","handle","onStop","className","style","display","document","body"],"sources":["FloatingPanel.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport Draggable, { type DraggableEventHandler } from \"react-draggable\";\nimport type { ResizableProps } from \"react-resizable\";\nimport { Resizable } from \"react-resizable\";\nimport styled from \"@emotion/styled\";\nimport { useKeyHandler } from \"~/hooks/index.js\";\n\nconst PanelRoot = styled.div`\n position: fixed;\n top: 0;\n left: 0;\n z-index: 100000;\n width: 0;\n height: 0;\n`;\n\nconst ResizeHandle = styled.div`\n position: absolute;\n width: 20px;\n height: 20px;\n bottom: 0;\n right: 0;\n padding: 0 3px 3px 0;\n background: url(\"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pg08IS0tIEdlbmVyYXRvcjogQWRvYmUgRmlyZXdvcmtzIENTNiwgRXhwb3J0IFNWRyBFeHRlbnNpb24gYnkgQWFyb24gQmVhbGwgKGh0dHA6Ly9maXJld29ya3MuYWJlYWxsLmNvbSkgLiBWZXJzaW9uOiAwLjYuMSAgLS0+DTwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DTxzdmcgaWQ9IlVudGl0bGVkLVBhZ2UlMjAxIiB2aWV3Qm94PSIwIDAgNiA2IiBzdHlsZT0iYmFja2dyb3VuZC1jb2xvcjojZmZmZmZmMDAiIHZlcnNpb249IjEuMSINCXhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiDQl4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjZweCIgaGVpZ2h0PSI2cHgiDT4NCTxnIG9wYWNpdHk9IjAuMzAyIj4NCQk8cGF0aCBkPSJNIDYgNiBMIDAgNiBMIDAgNC4yIEwgNCA0LjIgTCA0LjIgNC4yIEwgNC4yIDAgTCA2IDAgTCA2IDYgTCA2IDYgWiIgZmlsbD0iIzAwMDAwMCIvPg0JPC9nPg08L3N2Zz4=\")\n no-repeat bottom right;\n background-origin: content-box;\n box-sizing: border-box;\n cursor: se-resize;\n`;\n\nexport interface FloatingPanelRenderProp {\n (params: { height: number; width: number }): React.ReactNode;\n}\n\nexport interface FloatingPanelProps {\n shortcut: string;\n dragHandle: string;\n children: FloatingPanelRenderProp;\n}\n\nexport const FloatingPanel = ({ dragHandle, shortcut, children }: FloatingPanelProps) => {\n const [isVisible, setIsVisible] = useState(false);\n const [size, setSize] = useState({ width: 700, height: 600 });\n const [position, setPosition] = useState({ x: 100, y: 100 });\n const { addKeyHandler, removeKeyHandler } = useKeyHandler();\n\n useEffect(() => {\n addKeyHandler(shortcut, e => {\n e.preventDefault();\n setIsVisible(isVisible => !isVisible);\n });\n\n return () => removeKeyHandler(shortcut);\n }, [setIsVisible]);\n\n const onDragStop: DraggableEventHandler = (_, data) => {\n setPosition({ x: data.x, y: data.y });\n };\n\n const onResize: ResizableProps[\"onResize\"] = (_, { size }) => {\n setSize({ width: size.width, height: size.height });\n };\n\n return createPortal(\n <>\n <PanelRoot>\n <Draggable handle={dragHandle} onStop={onDragStop} position={position}>\n <Resizable\n width={size.width}\n height={size.height}\n onResize={onResize}\n handle={<ResizeHandle />}\n >\n <div\n className={\"bg-neutral-base relative border-sm border-accent-default\"}\n style={{\n display: isVisible ? \"block\" : \"none\",\n width: size.width + \"px\",\n height: size.height + \"px\"\n }}\n >\n <div className={\"floating-panel\"}>{children(size)}</div>\n </div>\n </Resizable>\n </Draggable>\n </PanelRoot>\n </>,\n document.body\n );\n};\n"],"mappings":"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","ignoreList":[]}

package/components/IconPicker/IconPicker.d.ts CHANGED Viewed

@@ -1,10 +1,10 @@
 import React from "react";
-import type { IconPickerProps } from "./IconPickerComponent";
-import type { Icon } from "./types";
+import type { IconPickerProps } from "./IconPickerComponent.js";
+import type { Icon } from "./types.js";
 declare const IconPicker: {
     (props: IconPickerProps): React.JSX.Element;
     Icon: ({ icon, ...props }: IconRendererWithProviderProps) => React.JSX.Element | null;
-    IconPickerTab: ({ label, value, actions, onChange, cellDecorator }: import("./IconPickerTab").IconPickerTabProps) => React.JSX.Element;
+    IconPickerTab: ({ label, value, actions, onChange, cellDecorator }: import("./IconPickerTab.js").IconPickerTabProps) => React.JSX.Element;
 };
 interface IconRendererWithProviderProps {
     icon?: Icon;

package/components/IconPicker/IconPicker.js CHANGED Viewed

@@ -1,10 +1,10 @@
 import React, { useMemo, useEffect } from "react";
-import { useIconPickerConfig } from "./config";
-import { iconRepositoryFactory } from "./IconRepositoryFactory";
-import { IconPickerPresenter } from "./IconPickerPresenter";
-import { IconPickerComponent } from "./IconPickerComponent";
-import { IconProvider, IconRenderer } from "./IconRenderer";
-import { IconPickerTab } from "./IconPickerTab";
+import { useIconPickerConfig } from "./config/index.js";
+import { iconRepositoryFactory } from "./IconRepositoryFactory.js";
+import { IconPickerPresenter } from "./IconPickerPresenter.js";
+import { IconPickerComponent } from "./IconPickerComponent.js";
+import { IconProvider, IconRenderer } from "./IconRenderer.js";
+import { IconPickerTab } from "./IconPickerTab.js";
 const IconPicker = props => {
   const {
     iconTypes,

package/components/IconPicker/IconPicker.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useMemo","useEffect","useIconPickerConfig","iconRepositoryFactory","IconPickerPresenter","IconPickerComponent","IconProvider","IconRenderer","IconPickerTab","IconPicker","props","iconTypes","iconPackProviders","repository","getRepository","presenter","size","load","value","createElement","Object","assign","IconRendererWithProvider","icon","Icon"],"sources":["IconPicker.tsx"],"sourcesContent":["import React, { useMemo, useEffect } from \"react\";\nimport { useIconPickerConfig } from \"./config\";\nimport { iconRepositoryFactory } from \"./IconRepositoryFactory\";\nimport { IconPickerPresenter } from \"./IconPickerPresenter\";\nimport type { IconPickerProps } from \"./IconPickerComponent\";\nimport { IconPickerComponent } from \"./IconPickerComponent\";\nimport { IconProvider, IconRenderer } from \"./IconRenderer\";\nimport { IconPickerTab } from \"./IconPickerTab\";\nimport type { Icon } from \"./types\";\n\nconst IconPicker = (props: IconPickerProps) => {\n const { iconTypes, iconPackProviders } = useIconPickerConfig();\n const repository = iconRepositoryFactory.getRepository(iconTypes, iconPackProviders);\n\n const presenter = useMemo(() => {\n return new IconPickerPresenter(repository, props.size);\n }, [repository, props.size]);\n\n useEffect(() => {\n presenter.load(props.value);\n }, [repository, props.value]);\n\n return <IconPickerComponent presenter={presenter} {...props} />;\n};\n\ninterface IconRendererWithProviderProps {\n icon?: Icon;\n size?: number;\n}\n\nconst IconRendererWithProvider = ({ icon, ...props }: IconRendererWithProviderProps) => {\n if (!icon) {\n return null;\n }\n\n return (\n <IconProvider icon={icon} {...props}>\n <IconRenderer />\n </IconProvider>\n );\n};\n\nIconPicker.Icon = IconRendererWithProvider;\nIconPicker.IconPickerTab = IconPickerTab;\n\nexport { IconPicker };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,EAAEC,SAAS,QAAQ,OAAO;AACjD,SAASC,mBAAmB;AAC5B,SAASC,qBAAqB;AAC9B,SAASC,mBAAmB;AAE5B,SAASC,mBAAmB;AAC5B,SAASC,YAAY,EAAEC,YAAY;AACnC,SAASC,aAAa;AAGtB,MAAMC,UAAU,GAAIC,KAAsB,IAAK;EAC3C,MAAM;IAAEC,SAAS;IAAEC;EAAkB,CAAC,GAAGV,mBAAmB,CAAC,CAAC;EAC9D,MAAMW,UAAU,GAAGV,qBAAqB,CAACW,aAAa,CAACH,SAAS,EAAEC,iBAAiB,CAAC;EAEpF,MAAMG,SAAS,GAAGf,OAAO,CAAC,MAAM;IAC5B,OAAO,IAAII,mBAAmB,CAACS,UAAU,EAAEH,KAAK,CAACM,IAAI,CAAC;EAC1D,CAAC,EAAE,CAACH,UAAU,EAAEH,KAAK,CAACM,IAAI,CAAC,CAAC;EAE5Bf,SAAS,CAAC,MAAM;IACZc,SAAS,CAACE,IAAI,CAACP,KAAK,CAACQ,KAAK,CAAC;EAC/B,CAAC,EAAE,CAACL,UAAU,EAAEH,KAAK,CAACQ,KAAK,CAAC,CAAC;EAE7B,oBAAOnB,KAAA,CAAAoB,aAAA,CAACd,mBAAmB,EAAAe,MAAA,CAAAC,MAAA;IAACN,SAAS,EAAEA;EAAU,GAAKL,KAAK,CAAG,CAAC;AACnE,CAAC;AAOD,MAAMY,wBAAwB,GAAGA,CAAC;EAAEC,IAAI;EAAE,GAAGb;AAAqC,CAAC,KAAK;EACpF,IAAI,CAACa,IAAI,EAAE;IACP,OAAO,IAAI;EACf;EAEA,oBACIxB,KAAA,CAAAoB,aAAA,CAACb,YAAY,EAAAc,MAAA,CAAAC,MAAA;IAACE,IAAI,EAAEA;EAAK,GAAKb,KAAK,gBAC/BX,KAAA,CAAAoB,aAAA,CAACZ,YAAY,MAAE,CACL,CAAC;AAEvB,CAAC;AAEDE,UAAU,CAACe,IAAI,GAAGF,wBAAwB;AAC1Cb,UAAU,CAACD,aAAa,GAAGA,aAAa;AAExC,SAASC,UAAU","ignoreList":[]}
1	+ {"version":3,"names":["React","useMemo","useEffect","useIconPickerConfig","iconRepositoryFactory","IconPickerPresenter","IconPickerComponent","IconProvider","IconRenderer","IconPickerTab","IconPicker","props","iconTypes","iconPackProviders","repository","getRepository","presenter","size","load","value","createElement","Object","assign","IconRendererWithProvider","icon","Icon"],"sources":["IconPicker.tsx"],"sourcesContent":["import React, { useMemo, useEffect } from \"react\";\nimport { useIconPickerConfig } from \"./config/index.js\";\nimport { iconRepositoryFactory } from \"./IconRepositoryFactory.js\";\nimport { IconPickerPresenter } from \"./IconPickerPresenter.js\";\nimport type { IconPickerProps } from \"./IconPickerComponent.js\";\nimport { IconPickerComponent } from \"./IconPickerComponent.js\";\nimport { IconProvider, IconRenderer } from \"./IconRenderer.js\";\nimport { IconPickerTab } from \"./IconPickerTab.js\";\nimport type { Icon } from \"./types.js\";\n\nconst IconPicker = (props: IconPickerProps) => {\n const { iconTypes, iconPackProviders } = useIconPickerConfig();\n const repository = iconRepositoryFactory.getRepository(iconTypes, iconPackProviders);\n\n const presenter = useMemo(() => {\n return new IconPickerPresenter(repository, props.size);\n }, [repository, props.size]);\n\n useEffect(() => {\n presenter.load(props.value);\n }, [repository, props.value]);\n\n return <IconPickerComponent presenter={presenter} {...props} />;\n};\n\ninterface IconRendererWithProviderProps {\n icon?: Icon;\n size?: number;\n}\n\nconst IconRendererWithProvider = ({ icon, ...props }: IconRendererWithProviderProps) => {\n if (!icon) {\n return null;\n }\n\n return (\n <IconProvider icon={icon} {...props}>\n <IconRenderer />\n </IconProvider>\n );\n};\n\nIconPicker.Icon = IconRendererWithProvider;\nIconPicker.IconPickerTab = IconPickerTab;\n\nexport { IconPicker };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,EAAEC,SAAS,QAAQ,OAAO;AACjD,SAASC,mBAAmB;AAC5B,SAASC,qBAAqB;AAC9B,SAASC,mBAAmB;AAE5B,SAASC,mBAAmB;AAC5B,SAASC,YAAY,EAAEC,YAAY;AACnC,SAASC,aAAa;AAGtB,MAAMC,UAAU,GAAIC,KAAsB,IAAK;EAC3C,MAAM;IAAEC,SAAS;IAAEC;EAAkB,CAAC,GAAGV,mBAAmB,CAAC,CAAC;EAC9D,MAAMW,UAAU,GAAGV,qBAAqB,CAACW,aAAa,CAACH,SAAS,EAAEC,iBAAiB,CAAC;EAEpF,MAAMG,SAAS,GAAGf,OAAO,CAAC,MAAM;IAC5B,OAAO,IAAII,mBAAmB,CAACS,UAAU,EAAEH,KAAK,CAACM,IAAI,CAAC;EAC1D,CAAC,EAAE,CAACH,UAAU,EAAEH,KAAK,CAACM,IAAI,CAAC,CAAC;EAE5Bf,SAAS,CAAC,MAAM;IACZc,SAAS,CAACE,IAAI,CAACP,KAAK,CAACQ,KAAK,CAAC;EAC/B,CAAC,EAAE,CAACL,UAAU,EAAEH,KAAK,CAACQ,KAAK,CAAC,CAAC;EAE7B,oBAAOnB,KAAA,CAAAoB,aAAA,CAACd,mBAAmB,EAAAe,MAAA,CAAAC,MAAA;IAACN,SAAS,EAAEA;EAAU,GAAKL,KAAK,CAAG,CAAC;AACnE,CAAC;AAOD,MAAMY,wBAAwB,GAAGA,CAAC;EAAEC,IAAI;EAAE,GAAGb;AAAqC,CAAC,KAAK;EACpF,IAAI,CAACa,IAAI,EAAE;IACP,OAAO,IAAI;EACf;EAEA,oBACIxB,KAAA,CAAAoB,aAAA,CAACb,YAAY,EAAAc,MAAA,CAAAC,MAAA;IAACE,IAAI,EAAEA;EAAK,GAAKb,KAAK,gBAC/BX,KAAA,CAAAoB,aAAA,CAACZ,YAAY,MAAE,CACL,CAAC;AAEvB,CAAC;AAEDE,UAAU,CAACe,IAAI,GAAGF,wBAAwB;AAC1Cb,UAAU,CAACD,aAAa,GAAGA,aAAa;AAExC,SAASC,UAAU","ignoreList":[]}

package/components/IconPicker/IconPickerComponent.d.ts CHANGED Viewed

@@ -1,8 +1,8 @@
 import React from "react";
 import type { FormComponentProps } from "@webiny/admin-ui";
-import type { IconPickerPresenter } from "./IconPickerPresenter";
-import type { Icon } from "./types";
-import { ICON_PICKER_SIZE } from "./types";
+import type { IconPickerPresenter } from "./IconPickerPresenter.js";
+import type { Icon } from "./types.js";
+import { ICON_PICKER_SIZE } from "./types.js";
 export interface IconPickerProps extends FormComponentProps {
     size?: ICON_PICKER_SIZE;
     removable?: boolean;

package/components/IconPicker/IconPickerComponent.js CHANGED Viewed

@@ -1,10 +1,10 @@
 import React, { useEffect, useCallback, useMemo } from "react";
 import { observer } from "mobx-react-lite";
-import isEqual from "lodash/isEqual";
+import isEqual from "lodash/isEqual.js";
 import { FormComponentDescription, FormComponentErrorMessage, FormComponentLabel, PopoverPrimitive } from "@webiny/admin-ui";
-import { IconPickerContent, IconPickerTrigger } from "./components";
-import { IconPickerPresenterProvider } from "./IconPickerPresenterProvider";
-import { ICON_PICKER_SIZE } from "./types";
+import { IconPickerContent, IconPickerTrigger } from "./components/index.js";
+import { IconPickerPresenterProvider } from "./IconPickerPresenterProvider.js";
+import { ICON_PICKER_SIZE } from "./types.js";
 export const IconPickerComponent = observer(({
   presenter,
   label,

package/components/IconPicker/IconPickerComponent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useEffect","useCallback","useMemo","observer","isEqual","FormComponentDescription","FormComponentErrorMessage","FormComponentLabel","PopoverPrimitive","IconPickerContent","IconPickerTrigger","IconPickerPresenterProvider","ICON_PICKER_SIZE","IconPickerComponent","presenter","label","description","removable","required","disabled","props","value","onChange","isValid","validationIsValid","message","validationMessage","validation","invalid","activeTab","isMenuOpened","isLoading","iconTypes","selectedIcon","size","vm","JSON","stringify","removeIcon","setIcon","undefined","handleOnOpenChange","open","openMenu","closeMenu","createElement","text","onOpenChange","Trigger","icon","Content","style","width","SMALL","loading"],"sources":["IconPickerComponent.tsx"],"sourcesContent":["import React, { useEffect, useCallback, useMemo } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport isEqual from \"lodash/isEqual\";\nimport type { FormComponentProps } from \"@webiny/admin-ui\";\nimport {\n FormComponentDescription,\n FormComponentErrorMessage,\n FormComponentLabel,\n PopoverPrimitive\n} from \"@webiny/admin-ui\";\nimport { IconPickerContent, IconPickerTrigger } from \"./components\";\nimport type { IconPickerPresenter } from \"./IconPickerPresenter\";\nimport { IconPickerPresenterProvider } from \"./IconPickerPresenterProvider\";\nimport type { Icon } from \"./types\";\nimport { ICON_PICKER_SIZE } from \"./types\";\n\nexport interface IconPickerProps extends FormComponentProps {\n size?: ICON_PICKER_SIZE;\n removable?: boolean;\n value?: Icon;\n onChange?: (value: Icon \| undefined) => void;\n}\n\nexport interface IconPickerComponentProps extends IconPickerProps {\n presenter: IconPickerPresenter;\n}\n\nexport const IconPickerComponent = observer(\n ({\n presenter,\n label,\n description,\n removable,\n required,\n disabled,\n ...props\n }: IconPickerComponentProps) => {\n const { value, onChange } = props;\n const { isValid: validationIsValid, message: validationMessage } = props.validation \|\| {};\n const invalid = useMemo(() => validationIsValid === false, [validationIsValid]);\n const { activeTab, isMenuOpened, isLoading, iconTypes, selectedIcon, size } = presenter.vm;\n\n useEffect(() => {\n if (onChange && selectedIcon && !isEqual(selectedIcon, value)) {\n onChange(selectedIcon);\n }\n }, [JSON.stringify(selectedIcon)]);\n\n const removeIcon = useCallback(() => {\n if (onChange) {\n presenter.setIcon(null);\n onChange(undefined);\n }\n }, [onChange]);\n\n const handleOnOpenChange = useCallback(\n (open: boolean) => {\n if (open) {\n return presenter.openMenu();\n } else {\n return presenter.closeMenu();\n }\n },\n [presenter.openMenu, presenter.closeMenu]\n );\n\n return (\n <IconPickerPresenterProvider presenter={presenter}>\n <FormComponentLabel text={label} required={required} disabled={disabled} />\n <FormComponentDescription text={description} />\n <PopoverPrimitive open={isMenuOpened} onOpenChange={handleOnOpenChange}>\n <PopoverPrimitive.Trigger>\n <IconPickerTrigger icon={selectedIcon} />\n </PopoverPrimitive.Trigger>\n <PopoverPrimitive.Content\n style={{ width: size === ICON_PICKER_SIZE.SMALL ? \"248px\" : \"328px\" }}\n >\n <IconPickerContent\n loading={isLoading}\n removable={value && removable}\n iconTypes={iconTypes}\n activeTab={activeTab}\n removeIcon={removeIcon}\n />\n </PopoverPrimitive.Content>\n </PopoverPrimitive>\n <FormComponentErrorMessage text={validationMessage} invalid={invalid} />\n </IconPickerPresenterProvider>\n );\n }\n);\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AAC9D,SAASC,QAAQ,QAAQ,iBAAiB;AAC1C,OAAOC,OAAO,MAAM,~~gBAAgB~~;~~AAEpC~~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","ignoreList":[]}
1	+ {"version":3,"names":["React","useEffect","useCallback","useMemo","observer","isEqual","FormComponentDescription","FormComponentErrorMessage","FormComponentLabel","PopoverPrimitive","IconPickerContent","IconPickerTrigger","IconPickerPresenterProvider","ICON_PICKER_SIZE","IconPickerComponent","presenter","label","description","removable","required","disabled","props","value","onChange","isValid","validationIsValid","message","validationMessage","validation","invalid","activeTab","isMenuOpened","isLoading","iconTypes","selectedIcon","size","vm","JSON","stringify","removeIcon","setIcon","undefined","handleOnOpenChange","open","openMenu","closeMenu","createElement","text","onOpenChange","Trigger","icon","Content","style","width","SMALL","loading"],"sources":["IconPickerComponent.tsx"],"sourcesContent":["import React, { useEffect, useCallback, useMemo } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport isEqual from \"lodash/isEqual.js\";\nimport type { FormComponentProps } from \"@webiny/admin-ui\";\nimport {\n FormComponentDescription,\n FormComponentErrorMessage,\n FormComponentLabel,\n PopoverPrimitive\n} from \"@webiny/admin-ui\";\nimport { IconPickerContent, IconPickerTrigger } from \"./components/index.js\";\nimport type { IconPickerPresenter } from \"./IconPickerPresenter.js\";\nimport { IconPickerPresenterProvider } from \"./IconPickerPresenterProvider.js\";\nimport type { Icon } from \"./types.js\";\nimport { ICON_PICKER_SIZE } from \"./types.js\";\n\nexport interface IconPickerProps extends FormComponentProps {\n size?: ICON_PICKER_SIZE;\n removable?: boolean;\n value?: Icon;\n onChange?: (value: Icon \| undefined) => void;\n}\n\nexport interface IconPickerComponentProps extends IconPickerProps {\n presenter: IconPickerPresenter;\n}\n\nexport const IconPickerComponent = observer(\n ({\n presenter,\n label,\n description,\n removable,\n required,\n disabled,\n ...props\n }: IconPickerComponentProps) => {\n const { value, onChange } = props;\n const { isValid: validationIsValid, message: validationMessage } = props.validation \|\| {};\n const invalid = useMemo(() => validationIsValid === false, [validationIsValid]);\n const { activeTab, isMenuOpened, isLoading, iconTypes, selectedIcon, size } = presenter.vm;\n\n useEffect(() => {\n if (onChange && selectedIcon && !isEqual(selectedIcon, value)) {\n onChange(selectedIcon);\n }\n }, [JSON.stringify(selectedIcon)]);\n\n const removeIcon = useCallback(() => {\n if (onChange) {\n presenter.setIcon(null);\n onChange(undefined);\n }\n }, [onChange]);\n\n const handleOnOpenChange = useCallback(\n (open: boolean) => {\n if (open) {\n return presenter.openMenu();\n } else {\n return presenter.closeMenu();\n }\n },\n [presenter.openMenu, presenter.closeMenu]\n );\n\n return (\n <IconPickerPresenterProvider presenter={presenter}>\n <FormComponentLabel text={label} required={required} disabled={disabled} />\n <FormComponentDescription text={description} />\n <PopoverPrimitive open={isMenuOpened} onOpenChange={handleOnOpenChange}>\n <PopoverPrimitive.Trigger>\n <IconPickerTrigger icon={selectedIcon} />\n </PopoverPrimitive.Trigger>\n <PopoverPrimitive.Content\n style={{ width: size === ICON_PICKER_SIZE.SMALL ? \"248px\" : \"328px\" }}\n >\n <IconPickerContent\n loading={isLoading}\n removable={value && removable}\n iconTypes={iconTypes}\n activeTab={activeTab}\n removeIcon={removeIcon}\n />\n </PopoverPrimitive.Content>\n </PopoverPrimitive>\n <FormComponentErrorMessage text={validationMessage} invalid={invalid} />\n </IconPickerPresenterProvider>\n );\n }\n);\n"],"mappings":"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","ignoreList":[]}

package/components/IconPicker/IconPickerPresenter.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
-import type { IconRepository } from "./IconRepository";
-import type { Icon } from "./types";
-import type { IconType } from "./config";
+import type { IconRepository } from "./IconRepository.js";
+import type { Icon } from "./types.js";
+import type { IconType } from "./config/index.js";
 export interface IconPickerPresenterInterface {
     load(icon: Icon): Promise<void>;
     setIcon(icon: Icon): void;

package/components/IconPicker/IconPickerPresenter.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["makeAutoObservable","toJS","IconPickerPresenter","selectedIcon","filter","activeTab","undefined","isMenuOpened","constructor","repository","size","load","icon","value","loadIcons","detectSelectedIcon","vm","isLoading","getLoading","icons","getFilteredIcons","iconTypes","getIconTypes","addIcon","closeMenu","openMenu","resetActiveTab","setActiveTab","setIcon","setFilter","hyphenUnderscoreRegex","getIcons","name","replace","toLowerCase","includes","getActiveTabByType","type","iconType","find","iconsByType","getDefaultTab","iconByName","x"],"sources":["IconPickerPresenter.ts"],"sourcesContent":["import { makeAutoObservable, toJS } from \"mobx\";\n\nimport type { IconRepository } from \"./IconRepository\";\nimport type { Icon } from \"./types\";\nimport type { IconType } from \"./config\";\n\nexport interface IconPickerPresenterInterface {\n load(icon: Icon): Promise<void>;\n setIcon(icon: Icon): void;\n addIcon(icon: Icon): void;\n setFilter(value: string): void;\n setActiveTab(index: string): void;\n openMenu(): void;\n closeMenu(): void;\n get vm(): {\n isLoading: boolean;\n activeTab?: string;\n isMenuOpened: boolean;\n icons: Icon[];\n iconTypes: IconType[];\n selectedIcon: Icon \| null;\n filter: string;\n size?: string;\n };\n}\n\nexport class IconPickerPresenter implements IconPickerPresenterInterface {\n private repository: IconRepository;\n private selectedIcon: Icon \| null = null;\n private filter = \"\";\n private activeTab: string \| undefined = undefined;\n private isMenuOpened = false;\n private size: string \| undefined;\n\n constructor(repository: IconRepository, size?: string) {\n this.repository = repository;\n this.size = size;\n makeAutoObservable(this);\n }\n\n async load(icon: Icon \| null = null) {\n if (icon?.value) {\n this.selectedIcon = icon;\n }\n\n await this.repository.loadIcons();\n\n if (icon && !icon?.value) {\n this.detectSelectedIcon(icon);\n }\n }\n\n get vm() {\n return {\n activeTab: this.activeTab,\n isMenuOpened: this.isMenuOpened,\n isLoading: this.repository.getLoading().isLoading,\n icons: this.getFilteredIcons(),\n iconTypes: this.repository.getIconTypes(),\n // `toJS` will unwrap an observable into a POJO. This will make it simple to use in child components.\n selectedIcon: toJS(this.selectedIcon),\n filter: this.filter,\n size: this.size\n };\n }\n\n addIcon(icon: Icon) {\n this.repository.addIcon(icon);\n }\n\n closeMenu(): void {\n this.isMenuOpened = false;\n }\n\n openMenu(): void {\n this.isMenuOpened = true;\n this.resetActiveTab();\n }\n\n setActiveTab(value?: string) {\n this.activeTab = value;\n }\n\n setIcon(icon: Icon \| null) {\n this.selectedIcon = icon;\n }\n\n setFilter(value: string) {\n this.filter = value;\n }\n\n private getFilteredIcons() {\n const hyphenUnderscoreRegex = /[-_]/g;\n const icons = this.repository.getIcons();\n\n return icons.filter(icon =>\n icon.name\n .replace(hyphenUnderscoreRegex, \" \")\n .toLowerCase()\n .includes(this.filter.toLowerCase())\n );\n }\n\n private getActiveTabByType(type: string) {\n const iconTypes = this.repository.getIconTypes();\n const iconType = iconTypes.find(iconsByType => iconsByType.name === type);\n\n return iconType?.name \|\| iconTypes[0].name;\n }\n\n private getDefaultTab() {\n return this.repository.getIconTypes()[0].name;\n }\n\n private resetActiveTab() {\n this.setActiveTab(\n this.selectedIcon\n ? this.getActiveTabByType(this.selectedIcon.type)\n : this.getDefaultTab()\n );\n }\n\n private detectSelectedIcon(icon: Icon) {\n const iconByName = this.repository\n .getIcons()\n .find(x => x.name === icon.name && icon.type === x.type);\n\n if (iconByName) {\n this.selectedIcon = iconByName;\n }\n }\n}\n"],"mappings":"AAAA,SAASA,kBAAkB,EAAEC,IAAI,QAAQ,MAAM;AA0B/C,OAAO,MAAMC,mBAAmB,CAAyC;EAE7DC,YAAY,GAAgB,IAAI;EAChCC,MAAM,GAAG,EAAE;EACXC,SAAS,GAAuBC,SAAS;EACzCC,YAAY,GAAG,KAAK;EAG5BC,WAAWA,CAACC,UAA0B,EAAEC,IAAa,EAAE;IACnD,IAAI,CAACD,UAAU,GAAGA,UAAU;IAC5B,IAAI,CAACC,IAAI,GAAGA,IAAI;IAChBV,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEA,MAAMW,IAAIA,CAACC,IAAiB,GAAG,IAAI,EAAE;IACjC,IAAIA,IAAI,EAAEC,KAAK,EAAE;MACb,IAAI,CAACV,YAAY,GAAGS,IAAI;IAC5B;IAEA,MAAM,IAAI,CAACH,UAAU,CAACK,SAAS,CAAC,CAAC;IAEjC,IAAIF,IAAI,IAAI,CAACA,IAAI,EAAEC,KAAK,EAAE;MACtB,IAAI,CAACE,kBAAkB,CAACH,IAAI,CAAC;IACjC;EACJ;EAEA,IAAII,EAAEA,CAAA,EAAG;IACL,OAAO;MACHX,SAAS,EAAE,IAAI,CAACA,SAAS;MACzBE,YAAY,EAAE,IAAI,CAACA,YAAY;MAC/BU,SAAS,EAAE,IAAI,CAACR,UAAU,CAACS,UAAU,CAAC,CAAC,CAACD,SAAS;MACjDE,KAAK,EAAE,IAAI,CAACC,gBAAgB,CAAC,CAAC;MAC9BC,SAAS,EAAE,IAAI,CAACZ,UAAU,CAACa,YAAY,CAAC,CAAC;MACzC;MACAnB,YAAY,EAAEF,IAAI,CAAC,IAAI,CAACE,YAAY,CAAC;MACrCC,MAAM,EAAE,IAAI,CAACA,MAAM;MACnBM,IAAI,EAAE,IAAI,CAACA;IACf,CAAC;EACL;EAEAa,OAAOA,CAACX,IAAU,EAAE;IAChB,IAAI,CAACH,UAAU,CAACc,OAAO,CAACX,IAAI,CAAC;EACjC;EAEAY,SAASA,CAAA,EAAS;IACd,IAAI,CAACjB,YAAY,GAAG,KAAK;EAC7B;EAEAkB,QAAQA,CAAA,EAAS;IACb,IAAI,CAAClB,YAAY,GAAG,IAAI;IACxB,IAAI,CAACmB,cAAc,CAAC,CAAC;EACzB;EAEAC,YAAYA,CAACd,KAAc,EAAE;IACzB,IAAI,CAACR,SAAS,GAAGQ,KAAK;EAC1B;EAEAe,OAAOA,CAAChB,IAAiB,EAAE;IACvB,IAAI,CAACT,YAAY,GAAGS,IAAI;EAC5B;EAEAiB,SAASA,CAAChB,KAAa,EAAE;IACrB,IAAI,CAACT,MAAM,GAAGS,KAAK;EACvB;EAEQO,gBAAgBA,CAAA,EAAG;IACvB,MAAMU,qBAAqB,GAAG,OAAO;IACrC,MAAMX,KAAK,GAAG,IAAI,CAACV,UAAU,CAACsB,QAAQ,CAAC,CAAC;IAExC,OAAOZ,KAAK,CAACf,MAAM,CAACQ,IAAI,IACpBA,IAAI,CAACoB,IAAI,CACJC,OAAO,CAACH,qBAAqB,EAAE,GAAG,CAAC,CACnCI,WAAW,CAAC,CAAC,CACbC,QAAQ,CAAC,IAAI,CAAC/B,MAAM,CAAC8B,WAAW,CAAC,CAAC,CAC3C,CAAC;EACL;EAEQE,kBAAkBA,CAACC,IAAY,EAAE;IACrC,MAAMhB,SAAS,GAAG,IAAI,CAACZ,UAAU,CAACa,YAAY,CAAC,CAAC;IAChD,MAAMgB,QAAQ,GAAGjB,SAAS,CAACkB,IAAI,CAACC,WAAW,IAAIA,WAAW,CAACR,IAAI,KAAKK,IAAI,CAAC;IAEzE,OAAOC,QAAQ,EAAEN,IAAI,IAAIX,SAAS,CAAC,CAAC,CAAC,CAACW,IAAI;EAC9C;EAEQS,aAAaA,CAAA,EAAG;IACpB,OAAO,IAAI,CAAChC,UAAU,CAACa,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAACU,IAAI;EACjD;EAEQN,cAAcA,CAAA,EAAG;IACrB,IAAI,CAACC,YAAY,CACb,IAAI,CAACxB,YAAY,GACX,IAAI,CAACiC,kBAAkB,CAAC,IAAI,CAACjC,YAAY,CAACkC,IAAI,CAAC,GAC/C,IAAI,CAACI,aAAa,CAAC,CAC7B,CAAC;EACL;EAEQ1B,kBAAkBA,CAACH,IAAU,EAAE;IACnC,MAAM8B,UAAU,GAAG,IAAI,CAACjC,UAAU,CAC7BsB,QAAQ,CAAC,CAAC,CACVQ,IAAI,CAACI,CAAC,IAAIA,CAAC,CAACX,IAAI,KAAKpB,IAAI,CAACoB,IAAI,IAAIpB,IAAI,CAACyB,IAAI,KAAKM,CAAC,CAACN,IAAI,CAAC;IAE5D,IAAIK,UAAU,EAAE;MACZ,IAAI,CAACvC,YAAY,GAAGuC,UAAU;IAClC;EACJ;AACJ","ignoreList":[]}
1	+ {"version":3,"names":["makeAutoObservable","toJS","IconPickerPresenter","selectedIcon","filter","activeTab","undefined","isMenuOpened","constructor","repository","size","load","icon","value","loadIcons","detectSelectedIcon","vm","isLoading","getLoading","icons","getFilteredIcons","iconTypes","getIconTypes","addIcon","closeMenu","openMenu","resetActiveTab","setActiveTab","setIcon","setFilter","hyphenUnderscoreRegex","getIcons","name","replace","toLowerCase","includes","getActiveTabByType","type","iconType","find","iconsByType","getDefaultTab","iconByName","x"],"sources":["IconPickerPresenter.ts"],"sourcesContent":["import { makeAutoObservable, toJS } from \"mobx\";\n\nimport type { IconRepository } from \"./IconRepository.js\";\nimport type { Icon } from \"./types.js\";\nimport type { IconType } from \"./config/index.js\";\n\nexport interface IconPickerPresenterInterface {\n load(icon: Icon): Promise<void>;\n setIcon(icon: Icon): void;\n addIcon(icon: Icon): void;\n setFilter(value: string): void;\n setActiveTab(index: string): void;\n openMenu(): void;\n closeMenu(): void;\n get vm(): {\n isLoading: boolean;\n activeTab?: string;\n isMenuOpened: boolean;\n icons: Icon[];\n iconTypes: IconType[];\n selectedIcon: Icon \| null;\n filter: string;\n size?: string;\n };\n}\n\nexport class IconPickerPresenter implements IconPickerPresenterInterface {\n private repository: IconRepository;\n private selectedIcon: Icon \| null = null;\n private filter = \"\";\n private activeTab: string \| undefined = undefined;\n private isMenuOpened = false;\n private size: string \| undefined;\n\n constructor(repository: IconRepository, size?: string) {\n this.repository = repository;\n this.size = size;\n makeAutoObservable(this);\n }\n\n async load(icon: Icon \| null = null) {\n if (icon?.value) {\n this.selectedIcon = icon;\n }\n\n await this.repository.loadIcons();\n\n if (icon && !icon?.value) {\n this.detectSelectedIcon(icon);\n }\n }\n\n get vm() {\n return {\n activeTab: this.activeTab,\n isMenuOpened: this.isMenuOpened,\n isLoading: this.repository.getLoading().isLoading,\n icons: this.getFilteredIcons(),\n iconTypes: this.repository.getIconTypes(),\n // `toJS` will unwrap an observable into a POJO. This will make it simple to use in child components.\n selectedIcon: toJS(this.selectedIcon),\n filter: this.filter,\n size: this.size\n };\n }\n\n addIcon(icon: Icon) {\n this.repository.addIcon(icon);\n }\n\n closeMenu(): void {\n this.isMenuOpened = false;\n }\n\n openMenu(): void {\n this.isMenuOpened = true;\n this.resetActiveTab();\n }\n\n setActiveTab(value?: string) {\n this.activeTab = value;\n }\n\n setIcon(icon: Icon \| null) {\n this.selectedIcon = icon;\n }\n\n setFilter(value: string) {\n this.filter = value;\n }\n\n private getFilteredIcons() {\n const hyphenUnderscoreRegex = /[-_]/g;\n const icons = this.repository.getIcons();\n\n return icons.filter(icon =>\n icon.name\n .replace(hyphenUnderscoreRegex, \" \")\n .toLowerCase()\n .includes(this.filter.toLowerCase())\n );\n }\n\n private getActiveTabByType(type: string) {\n const iconTypes = this.repository.getIconTypes();\n const iconType = iconTypes.find(iconsByType => iconsByType.name === type);\n\n return iconType?.name \|\| iconTypes[0].name;\n }\n\n private getDefaultTab() {\n return this.repository.getIconTypes()[0].name;\n }\n\n private resetActiveTab() {\n this.setActiveTab(\n this.selectedIcon\n ? this.getActiveTabByType(this.selectedIcon.type)\n : this.getDefaultTab()\n );\n }\n\n private detectSelectedIcon(icon: Icon) {\n const iconByName = this.repository\n .getIcons()\n .find(x => x.name === icon.name && icon.type === x.type);\n\n if (iconByName) {\n this.selectedIcon = iconByName;\n }\n }\n}\n"],"mappings":"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","ignoreList":[]}

package/components/IconPicker/IconPickerPresenter.test.js CHANGED Viewed

@@ -1,5 +1,6 @@
-import { IconPickerPresenter } from "./IconPickerPresenter";
-import { IconRepository } from "./IconRepository";
+import { describe, it, expect, beforeEach } from "vitest";
+import { IconPickerPresenter } from "./IconPickerPresenter.js";
+import { IconRepository } from "./IconRepository.js";
 const mockIconTypes = [{
   name: "icon"
 }, {

package/components/IconPicker/IconPickerPresenter.test.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["IconPickerPresenter","IconRepository","mockIconTypes","name","mockIcons","type","value","category","skinToneSupport","mockIconPackProviders","getIcons","~~describe","~~icon","color","presenter","~~beforeEach","~~repository","~~it","~~load","~~expect","~~vm","selectedIcon","toEqual","icons","setIcon","addIcon","length","toBe","setFilter","isMenuOpened","activeTab","undefined","openMenu"],"sources":["IconPickerPresenter.test.ts"],"sourcesContent":["import { IconPickerPresenter } from \"./IconPickerPresenter\";\nimport { IconRepository } from \"./IconRepository\";\nimport type { Icon } from \"./types\";\n\nconst mockIconTypes = [{ name: \"icon\" }, { name: \"emoji\" }, { name: \"custom\" }];\n\nconst mockIcons: Icon[] = [\n {\n type: \"emoji\",\n name: \"thumbs_up\",\n value: \"👍\",\n category: \"People & Body\",\n skinToneSupport: true\n },\n {\n type: \"icon\",\n name: \"regular_address-book\",\n value: '<path fill=\"currentColor\" d=\"M384 48c8.8 0 16 7.2 16 16v384c0 8.8-7.2 16-16 16H96c-8.8 0-16-7.2-16-16V64c0-8.8 7.2-16 16-16h288zM96 0C60.7 0 32 28.7 32 64v384c0 35.3 28.7 64 64 64h288c35.3 0 64-28.7 64-64V64c0-35.3-28.7-64-64-64H96zm144 256a64 64 0 1 0 0-128a64 64 0 1 0 0 128zm-32 32c-44.2 0-80 35.8-80 80c0 8.8 7.2 16 16 16h192c8.8 0 16-7.2 16-16c0-44.2-35.8-80-80-80h-64zM512 80c0-8.8-7.2-16-16-16s-16 7.2-16 16v64c0 8.8 7.2 16 16 16s16-7.2 16-16V80zm-16 112c-8.8 0-16 7.2-16 16v64c0 8.8 7.2 16 16 16s16-7.2 16-16v-64c0-8.8-7.2-16-16-16zm16 144c0-8.8-7.2-16-16-16s-16 7.2-16 16v64c0 8.8 7.2 16 16 16s16-7.2 16-16v-64z\"/>',\n category: \"Business\"\n }\n];\n\nconst mockIconPackProviders = [\n {\n name: \"mock_icons\",\n getIcons: async () => {\n return mockIcons;\n }\n }\n];\n\ndescribe(\"IconPickerPresenter\", () => {\n const icon: Icon = {\n type: \"icon\",\n name: \"solid_bullseye\",\n value: '<path fill=\"currentColor\" d=\"M448 256a192 192 0 1 0-384 0a192 192 0 1 0 384 0zM0 256a256 256 0 1 1 512 0a256 256 0 1 1-512 0zm256 80a80 80 0 1 0 0-160a80 80 0 1 0 0 160zm0-224a144 144 0 1 1 0 288a144 144 0 1 1 0-288zm-32 144a32 32 0 1 1 64 0a32 32 0 1 1-64 0z\"/>',\n category: \"Business\",\n color: \"#282fe6\"\n };\n\n let presenter: IconPickerPresenter;\n\n beforeEach(() => {\n const repository = new IconRepository(mockIconTypes, mockIconPackProviders);\n presenter = new IconPickerPresenter(repository);\n });\n\n it(\"should create an IconPickerPresenter with the `vm` definition\", async () => {\n // let's load icons and set a predefined `selectedIcon`\n await presenter.load(icon);\n\n // `vm` should have the expected `selectedIcon` definition\n expect(presenter.vm.selectedIcon).toEqual(icon);\n\n // `vm` should have the expected `icons` definition\n expect(presenter.vm.icons).toEqual(mockIcons);\n });\n\n it(\"should be able to select an icon\", async () => {\n // let's load icons\n await presenter.load();\n\n // should be able to set the icon\n presenter.setIcon(presenter.vm.icons[0]);\n\n // `vm` should have the expected `selectedIcon` value\n expect(presenter.vm.selectedIcon).toEqual(presenter.vm.icons[0]);\n });\n\n it(\"should be able to add an icon\", async () => {\n // let's load icons\n await presenter.load();\n\n // should be able to set the icon\n presenter.addIcon(icon);\n\n // `vm` should have three icons\n expect(presenter.vm.icons.length).toBe(3);\n\n // `vm` should have the expected `icons` value\n expect(presenter.vm.icons).toEqual([...mockIcons, icon]);\n });\n\n it(\"should be able to filter icons by name\", async () => {\n // let's load icons\n await presenter.load();\n\n // should be able to set the filter\n presenter.setFilter(\"book\");\n\n // `vm` should have only one icon\n expect(presenter.vm.icons.length).toBe(1);\n\n // `vm` should have filtered icon\n expect(presenter.vm.icons[0]).toEqual(mockIcons[1]);\n });\n\n it(\"should be able to set active tab on menu open\", async () => {\n // let's load icons and set a predefined `selectedIcon`\n await presenter.load(mockIcons[0]);\n\n // default `isMenuOpened` should be false\n expect(presenter.vm.isMenuOpened).toBe(false);\n\n // default `activeTab` should be handled by the component itself\n expect(presenter.vm.activeTab).toBe(undefined);\n\n // should be able to set `isMenuOpened`\n // should be able to set `activeTab` based on `selectedIcon` type\n presenter.openMenu();\n\n // `vm` should have the expected `isMenuOpened` value\n expect(presenter.vm.isMenuOpened).toBe(true);\n\n // `vm` should have the expected `activeTab` value\n expect(presenter.vm.activeTab).toBe(\"emoji\");\n });\n});\n"],"mappings":"AAAA,SAASA,mBAAmB;AAC5B,SAASC,cAAc;AAGvB,MAAMC,aAAa,GAAG,CAAC;EAAEC,IAAI,EAAE;AAAO,CAAC,EAAE;EAAEA,IAAI,EAAE;AAAQ,CAAC,EAAE;EAAEA,IAAI,EAAE;AAAS,CAAC,CAAC;AAE/E,MAAMC,SAAiB,GAAG,CACtB;EACIC,IAAI,EAAE,OAAO;EACbF,IAAI,EAAE,WAAW;EACjBG,KAAK,EAAE,IAAI;EACXC,QAAQ,EAAE,eAAe;EACzBC,eAAe,EAAE;AACrB,CAAC,EACD;EACIH,IAAI,EAAE,MAAM;EACZF,IAAI,EAAE,sBAAsB;EAC5BG,KAAK,EAAE,inBAAinB;EACxnBC,QAAQ,EAAE;AACd,CAAC,CACJ;AAED,MAAME,qBAAqB,GAAG,CAC1B;EACIN,IAAI,EAAE,YAAY;EAClBO,QAAQ,EAAE,MAAAA,CAAA,KAAY;IAClB,OAAON,SAAS;EACpB;AACJ,CAAC,CACJ;~~AAEDO~~,QAAQ,CAAC,qBAAqB,EAAE,MAAM;EAClC,~~MAAMC~~,IAAU,GAAG;~~IACfP~~,IAAI,EAAE,MAAM;IACZF,IAAI,EAAE,gBAAgB;IACtBG,KAAK,EAAE,wQAAwQ;IAC/QC,QAAQ,EAAE,UAAU;~~IACpBM~~,KAAK,EAAE;EACX,CAAC;EAED,IAAIC,SAA8B;~~EAElCC~~,UAAU,CAAC,MAAM;IACb,~~MAAMC~~,UAAU,GAAG,~~IAAIf~~,cAAc,CAACC,aAAa,EAAEO,qBAAqB,CAAC;~~IAC3EK~~,SAAS,GAAG,~~IAAId~~,mBAAmB,~~CAACgB~~,UAAU,CAAC;EACnD,CAAC,CAAC;~~EAEFC~~,EAAE,CAAC,+DAA+D,EAAE,YAAY;IAC5E;IACA,~~MAAMH~~,SAAS,~~CAACI~~,IAAI,~~CAACN~~,IAAI,CAAC;;IAE1B;~~IACAO~~,MAAM,~~CAACL~~,SAAS,~~CAACM~~,EAAE,CAACC,YAAY,CAAC,CAACC,OAAO,~~CAACV~~,IAAI,CAAC;;IAE/C;~~IACAO~~,MAAM,~~CAACL~~,SAAS,~~CAACM~~,EAAE,CAACG,KAAK,CAAC,CAACD,OAAO,~~CAAClB~~,SAAS,CAAC;EACjD,CAAC,CAAC;~~EAEFa~~,EAAE,CAAC,kCAAkC,EAAE,YAAY;IAC/C;IACA,~~MAAMH~~,SAAS,~~CAACI~~,IAAI,CAAC,CAAC;;IAEtB;~~IACAJ~~,SAAS,~~CAACU~~,OAAO,~~CAACV~~,SAAS,~~CAACM~~,EAAE,CAACG,KAAK,CAAC,CAAC,CAAC,CAAC;;IAExC;~~IACAJ~~,MAAM,~~CAACL~~,SAAS,~~CAACM~~,EAAE,CAACC,YAAY,CAAC,CAACC,OAAO,~~CAACR~~,SAAS,~~CAACM~~,EAAE,CAACG,KAAK,CAAC,CAAC,CAAC,CAAC;EACpE,CAAC,CAAC;~~EAEFN~~,EAAE,CAAC,+BAA+B,EAAE,YAAY;IAC5C;IACA,~~MAAMH~~,SAAS,~~CAACI~~,IAAI,CAAC,CAAC;;IAEtB;~~IACAJ~~,SAAS,~~CAACW~~,OAAO,~~CAACb~~,IAAI,CAAC;;IAEvB;~~IACAO~~,MAAM,~~CAACL~~,SAAS,~~CAACM~~,EAAE,CAACG,KAAK,CAACG,MAAM,CAAC,CAACC,IAAI,CAAC,CAAC,CAAC;;IAEzC;~~IACAR~~,MAAM,~~CAACL~~,SAAS,~~CAACM~~,EAAE,CAACG,KAAK,CAAC,CAACD,OAAO,CAAC,CAAC,~~GAAGlB~~,SAAS,~~EAAEQ~~,IAAI,CAAC,CAAC;EAC5D,CAAC,CAAC;~~EAEFK~~,EAAE,CAAC,wCAAwC,EAAE,YAAY;IACrD;IACA,~~MAAMH~~,SAAS,~~CAACI~~,IAAI,CAAC,CAAC;;IAEtB;~~IACAJ~~,SAAS,~~CAACc~~,SAAS,CAAC,MAAM,CAAC;;IAE3B;~~IACAT~~,MAAM,~~CAACL~~,SAAS,~~CAACM~~,EAAE,CAACG,KAAK,CAACG,MAAM,CAAC,CAACC,IAAI,CAAC,CAAC,CAAC;;IAEzC;~~IACAR~~,MAAM,~~CAACL~~,SAAS,~~CAACM~~,EAAE,CAACG,KAAK,CAAC,CAAC,CAAC,CAAC,CAACD,OAAO,~~CAAClB~~,SAAS,CAAC,CAAC,CAAC,CAAC;EACvD,CAAC,CAAC;~~EAEFa~~,EAAE,CAAC,+CAA+C,EAAE,YAAY;IAC5D;IACA,~~MAAMH~~,SAAS,~~CAACI~~,IAAI,~~CAACd~~,SAAS,CAAC,CAAC,CAAC,CAAC;;IAElC;~~IACAe~~,MAAM,~~CAACL~~,SAAS,~~CAACM~~,EAAE,CAACS,YAAY,CAAC,CAACF,IAAI,CAAC,KAAK,CAAC;;IAE7C;~~IACAR~~,MAAM,~~CAACL~~,SAAS,~~CAACM~~,EAAE,CAACU,SAAS,CAAC,CAACH,IAAI,CAACI,SAAS,CAAC;;IAE9C;IACA;~~IACAjB~~,SAAS,~~CAACkB~~,QAAQ,CAAC,CAAC;;IAEpB;~~IACAb~~,MAAM,~~CAACL~~,SAAS,~~CAACM~~,EAAE,CAACS,YAAY,CAAC,CAACF,IAAI,CAAC,IAAI,CAAC;;IAE5C;~~IACAR~~,MAAM,~~CAACL~~,SAAS,~~CAACM~~,EAAE,CAACU,SAAS,CAAC,CAACH,IAAI,CAAC,OAAO,CAAC;EAChD,CAAC,CAAC;AACN,CAAC,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["describe","it","expect","beforeEach","IconPickerPresenter","IconRepository","mockIconTypes","name","mockIcons","type","value","category","skinToneSupport","mockIconPackProviders","getIcons","icon","color","presenter","repository","load","vm","selectedIcon","toEqual","icons","setIcon","addIcon","length","toBe","setFilter","isMenuOpened","activeTab","undefined","openMenu"],"sources":["IconPickerPresenter.test.ts"],"sourcesContent":["import { describe, it, expect, beforeEach } from \"vitest\";\nimport { IconPickerPresenter } from \"./IconPickerPresenter.js\";\nimport { IconRepository } from \"./IconRepository.js\";\nimport type { Icon } from \"./types.js\";\n\nconst mockIconTypes = [{ name: \"icon\" }, { name: \"emoji\" }, { name: \"custom\" }];\n\nconst mockIcons: Icon[] = [\n {\n type: \"emoji\",\n name: \"thumbs_up\",\n value: \"👍\",\n category: \"People & Body\",\n skinToneSupport: true\n },\n {\n type: \"icon\",\n name: \"regular_address-book\",\n value: '<path fill=\"currentColor\" d=\"M384 48c8.8 0 16 7.2 16 16v384c0 8.8-7.2 16-16 16H96c-8.8 0-16-7.2-16-16V64c0-8.8 7.2-16 16-16h288zM96 0C60.7 0 32 28.7 32 64v384c0 35.3 28.7 64 64 64h288c35.3 0 64-28.7 64-64V64c0-35.3-28.7-64-64-64H96zm144 256a64 64 0 1 0 0-128a64 64 0 1 0 0 128zm-32 32c-44.2 0-80 35.8-80 80c0 8.8 7.2 16 16 16h192c8.8 0 16-7.2 16-16c0-44.2-35.8-80-80-80h-64zM512 80c0-8.8-7.2-16-16-16s-16 7.2-16 16v64c0 8.8 7.2 16 16 16s16-7.2 16-16V80zm-16 112c-8.8 0-16 7.2-16 16v64c0 8.8 7.2 16 16 16s16-7.2 16-16v-64c0-8.8-7.2-16-16-16zm16 144c0-8.8-7.2-16-16-16s-16 7.2-16 16v64c0 8.8 7.2 16 16 16s16-7.2 16-16v-64z\"/>',\n category: \"Business\"\n }\n];\n\nconst mockIconPackProviders = [\n {\n name: \"mock_icons\",\n getIcons: async () => {\n return mockIcons;\n }\n }\n];\n\ndescribe(\"IconPickerPresenter\", () => {\n const icon: Icon = {\n type: \"icon\",\n name: \"solid_bullseye\",\n value: '<path fill=\"currentColor\" d=\"M448 256a192 192 0 1 0-384 0a192 192 0 1 0 384 0zM0 256a256 256 0 1 1 512 0a256 256 0 1 1-512 0zm256 80a80 80 0 1 0 0-160a80 80 0 1 0 0 160zm0-224a144 144 0 1 1 0 288a144 144 0 1 1 0-288zm-32 144a32 32 0 1 1 64 0a32 32 0 1 1-64 0z\"/>',\n category: \"Business\",\n color: \"#282fe6\"\n };\n\n let presenter: IconPickerPresenter;\n\n beforeEach(() => {\n const repository = new IconRepository(mockIconTypes, mockIconPackProviders);\n presenter = new IconPickerPresenter(repository);\n });\n\n it(\"should create an IconPickerPresenter with the `vm` definition\", async () => {\n // let's load icons and set a predefined `selectedIcon`\n await presenter.load(icon);\n\n // `vm` should have the expected `selectedIcon` definition\n expect(presenter.vm.selectedIcon).toEqual(icon);\n\n // `vm` should have the expected `icons` definition\n expect(presenter.vm.icons).toEqual(mockIcons);\n });\n\n it(\"should be able to select an icon\", async () => {\n // let's load icons\n await presenter.load();\n\n // should be able to set the icon\n presenter.setIcon(presenter.vm.icons[0]);\n\n // `vm` should have the expected `selectedIcon` value\n expect(presenter.vm.selectedIcon).toEqual(presenter.vm.icons[0]);\n });\n\n it(\"should be able to add an icon\", async () => {\n // let's load icons\n await presenter.load();\n\n // should be able to set the icon\n presenter.addIcon(icon);\n\n // `vm` should have three icons\n expect(presenter.vm.icons.length).toBe(3);\n\n // `vm` should have the expected `icons` value\n expect(presenter.vm.icons).toEqual([...mockIcons, icon]);\n });\n\n it(\"should be able to filter icons by name\", async () => {\n // let's load icons\n await presenter.load();\n\n // should be able to set the filter\n presenter.setFilter(\"book\");\n\n // `vm` should have only one icon\n expect(presenter.vm.icons.length).toBe(1);\n\n // `vm` should have filtered icon\n expect(presenter.vm.icons[0]).toEqual(mockIcons[1]);\n });\n\n it(\"should be able to set active tab on menu open\", async () => {\n // let's load icons and set a predefined `selectedIcon`\n await presenter.load(mockIcons[0]);\n\n // default `isMenuOpened` should be false\n expect(presenter.vm.isMenuOpened).toBe(false);\n\n // default `activeTab` should be handled by the component itself\n expect(presenter.vm.activeTab).toBe(undefined);\n\n // should be able to set `isMenuOpened`\n // should be able to set `activeTab` based on `selectedIcon` type\n presenter.openMenu();\n\n // `vm` should have the expected `isMenuOpened` value\n expect(presenter.vm.isMenuOpened).toBe(true);\n\n // `vm` should have the expected `activeTab` value\n expect(presenter.vm.activeTab).toBe(\"emoji\");\n });\n});\n"],"mappings":"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","ignoreList":[]}

package/components/IconPicker/IconPickerPresenterProvider.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from "react";
-import type { IconPickerPresenterInterface } from "./IconPickerPresenter";
+import type { IconPickerPresenterInterface } from "./IconPickerPresenter.js";
 interface IconPickerPresenterProviderProps {
     presenter: IconPickerPresenterInterface;
     children: React.ReactNode;

package/components/IconPicker/IconPickerPresenterProvider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","IconPickerPresenterContext","createContext","undefined","IconPickerPresenterProvider","presenter","children","createElement","Provider","value","useIconPicker","context","useContext","Error"],"sources":["IconPickerPresenterProvider.tsx"],"sourcesContent":["import React from \"react\";\n\nimport type { IconPickerPresenterInterface } from \"./IconPickerPresenter\";\n\ninterface IconPickerPresenterProviderProps {\n presenter: IconPickerPresenterInterface;\n children: React.ReactNode;\n}\n\nconst IconPickerPresenterContext = React.createContext<IconPickerPresenterInterface \| undefined>(\n undefined\n);\n\nexport const IconPickerPresenterProvider = ({\n presenter,\n children\n}: IconPickerPresenterProviderProps) => {\n return (\n <IconPickerPresenterContext.Provider value={presenter}>\n {children}\n </IconPickerPresenterContext.Provider>\n );\n};\n\nexport function useIconPicker() {\n const context = React.useContext(IconPickerPresenterContext);\n if (!context) {\n throw Error(`Missing <IconPickerPresenterProvider> in the component tree!`);\n }\n return context;\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AASzB,MAAMC,0BAA0B,gBAAGD,KAAK,CAACE,aAAa,CAClDC,SACJ,CAAC;AAED,OAAO,MAAMC,2BAA2B,GAAGA,CAAC;EACxCC,SAAS;EACTC;AAC8B,CAAC,KAAK;EACpC,oBACIN,KAAA,CAAAO,aAAA,CAACN,0BAA0B,CAACO,QAAQ;IAACC,KAAK,EAAEJ;EAAU,GACjDC,QACgC,CAAC;AAE9C,CAAC;AAED,OAAO,SAASI,aAAaA,CAAA,EAAG;EAC5B,MAAMC,OAAO,GAAGX,KAAK,CAACY,UAAU,CAACX,0BAA0B,CAAC;EAC5D,IAAI,CAACU,OAAO,EAAE;IACV,MAAME,KAAK,CAAC,8DAA8D,CAAC;EAC/E;EACA,OAAOF,OAAO;AAClB","ignoreList":[]}
1	+ {"version":3,"names":["React","IconPickerPresenterContext","createContext","undefined","IconPickerPresenterProvider","presenter","children","createElement","Provider","value","useIconPicker","context","useContext","Error"],"sources":["IconPickerPresenterProvider.tsx"],"sourcesContent":["import React from \"react\";\n\nimport type { IconPickerPresenterInterface } from \"./IconPickerPresenter.js\";\n\ninterface IconPickerPresenterProviderProps {\n presenter: IconPickerPresenterInterface;\n children: React.ReactNode;\n}\n\nconst IconPickerPresenterContext = React.createContext<IconPickerPresenterInterface \| undefined>(\n undefined\n);\n\nexport const IconPickerPresenterProvider = ({\n presenter,\n children\n}: IconPickerPresenterProviderProps) => {\n return (\n <IconPickerPresenterContext.Provider value={presenter}>\n {children}\n </IconPickerPresenterContext.Provider>\n );\n};\n\nexport function useIconPicker() {\n const context = React.useContext(IconPickerPresenterContext);\n if (!context) {\n throw Error(`Missing <IconPickerPresenterProvider> in the component tree!`);\n }\n return context;\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AASzB,MAAMC,0BAA0B,gBAAGD,KAAK,CAACE,aAAa,CAClDC,SACJ,CAAC;AAED,OAAO,MAAMC,2BAA2B,GAAGA,CAAC;EACxCC,SAAS;EACTC;AAC8B,CAAC,KAAK;EACpC,oBACIN,KAAA,CAAAO,aAAA,CAACN,0BAA0B,CAACO,QAAQ;IAACC,KAAK,EAAEJ;EAAU,GACjDC,QACgC,CAAC;AAE9C,CAAC;AAED,OAAO,SAASI,aAAaA,CAAA,EAAG;EAC5B,MAAMC,OAAO,GAAGX,KAAK,CAACY,UAAU,CAACX,0BAA0B,CAAC;EAC5D,IAAI,CAACU,OAAO,EAAE;IACV,MAAME,KAAK,CAAC,8DAA8D,CAAC;EAC/E;EACA,OAAOF,OAAO;AAClB","ignoreList":[]}

package/components/IconPicker/IconPickerTab.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from "react";
-import type { Icon } from "./types";
+import type { Icon } from "./types.js";
 export declare const IconPickerTabRenderer: (() => null) & {
     original: () => null;
     originalName: string;

package/components/IconPicker/IconPickerTab.js CHANGED Viewed

@@ -1,13 +1,13 @@
 import React, { Fragment } from "react";
 import { ReactComponent as SearchIcon } from "@webiny/icons/search.svg";
 import { List } from "react-virtualized";
-import groupBy from "lodash/groupBy";
+import groupBy from "lodash/groupBy.js";
 import { Text, DelayedOnChange, Input, Tabs, Icon as IconComponent } from "@webiny/admin-ui";
 import { makeDecoratable } from "@webiny/react-composition";
-import { useIconPicker } from "./IconPickerPresenterProvider";
-import { useIconType } from "./config/IconType";
-import { IconPickerCell, IconPickerRow } from "./components";
-import { ICON_PICKER_SIZE } from "./types";
+import { useIconPicker } from "./IconPickerPresenterProvider.js";
+import { useIconType } from "./config/IconType.js";
+import { IconPickerCell, IconPickerRow } from "./components/index.js";
+import { ICON_PICKER_SIZE } from "./types.js";
 const COLUMN_COUNT = 8;
 export const IconPickerTabRenderer = makeDecoratable("IconPickerTabRenderer", () => null);
 const getRows = (icons, size) => {
@@ -80,7 +80,7 @@ const RowRenderer = ({
       style: style
     }, /*#__PURE__*/React.createElement(Text, {
       size: "sm",
-      className: "wby-uppercase wby-self-end wby-text-neutral-muted wby-mb-sm"
+      className: "uppercase self-end text-neutral-muted mb-sm"
     }, row.name));
   }
   return /*#__PURE__*/React.createElement(IconPickerRow, {
@@ -116,7 +116,7 @@ export const IconPickerTab = ({
     value: value,
     trigger: label,
     content: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
-      className: "wby-flex wby-items-center wby-justify-center wby-gap-sm"
+      className: "flex items-center justify-center gap-sm"
     }, /*#__PURE__*/React.createElement(DelayedOnChange, {
       value: presenter.vm.filter,
       onChange: value => presenter.setFilter(value)
@@ -134,11 +134,11 @@ export const IconPickerTab = ({
         label: "Search icons"
       })
     })), actions ? /*#__PURE__*/React.createElement("div", null, actions) : null), /*#__PURE__*/React.createElement("div", {
-      className: "wby-relative"
+      className: "relative"
     }, isEmpty ? /*#__PURE__*/React.createElement("div", {
-      className: "wby-pt-md wby-text-neutral-strong"
+      className: "pt-md text-neutral-strong"
     }, /*#__PURE__*/React.createElement(Text, null, "No results found.")) : /*#__PURE__*/React.createElement(List, {
-      className: "wby-outline-none",
+      className: "outline-none",
       rowRenderer: ({
         key,
         ...props

package/components/IconPicker/IconPickerTab.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","Fragment","ReactComponent","SearchIcon","List","groupBy","Text","DelayedOnChange","Input","Tabs","Icon","IconComponent","makeDecoratable","useIconPicker","useIconType","IconPickerCell","IconPickerRow","ICON_PICKER_SIZE","COLUMN_COUNT","IconPickerTabRenderer","getRows","icons","size","groupedObjects","rows","key","rowIcons","push","type","name","length","splice","SMALL","undefined","useIconTypeRows","presenter","vm","filter","icon","isEmpty","rowCount","RowRenderer","row","style","cellDecorator","onIconClick","value","selectedIcon","createElement","className","map","item","itemKey","isActive","noopDecorator","cell","IconPickerTab","label","actions","onChange","Tab","trigger","content","setFilter","placeholder","variant","startIcon","rowRenderer","props","Object","assign","index","width","height","rowHeight"],"sources":["IconPickerTab.tsx"],"sourcesContent":["import React, { Fragment } from \"react\";\nimport { ReactComponent as SearchIcon } from \"@webiny/icons/search.svg\";\nimport { List } from \"react-virtualized\";\nimport groupBy from \"lodash/groupBy\";\n\nimport { Text, DelayedOnChange, Input, Tabs, Icon as IconComponent } from \"@webiny/admin-ui\";\nimport { makeDecoratable } from \"@webiny/react-composition\";\n\nimport { useIconPicker } from \"./IconPickerPresenterProvider\";\nimport { useIconType } from \"./config/IconType\";\nimport { IconPickerCell, IconPickerRow } from \"./components\";\nimport type { Icon, IconPickerGridRow } from \"./types\";\nimport { ICON_PICKER_SIZE } from \"./types\";\n\nconst COLUMN_COUNT = 8;\n\nexport const IconPickerTabRenderer = makeDecoratable(\"IconPickerTabRenderer\", () => null);\n\nconst getRows = (icons: Icon[], size?: string) => {\n // Group the icons by their category.\n const groupedObjects = groupBy(icons, \"category\");\n const rows: IconPickerGridRow[] = [];\n\n // Iterate over each category in the grouped icons.\n for (const key in groupedObjects) {\n // Skip any group where the key is `undefined` (these icons will be handled separately).\n if (key !== \"undefined\") {\n const rowIcons = groupedObjects[key];\n\n // Add a row for the category name.\n rows.push({ type: \"category-name\", name: key });\n\n // Split the icons in this category into groups of COLUMN_COUNT and add them as rows.\n while (rowIcons.length) {\n rows.push({\n type: \"icons\",\n icons: rowIcons.splice(0, size === ICON_PICKER_SIZE.SMALL ? 6 : COLUMN_COUNT)\n });\n }\n }\n }\n\n // Handle icons that don't have a category (key is `undefined`).\n if (groupedObjects.undefined) {\n const rowIcons = groupedObjects.undefined;\n\n // Add a row for the `Uncategorized` category name.\n rows.push({ type: \"category-name\", name: \"Uncategorized\" });\n\n // Split these icons into groups of COLUMN_COUNT and add them as rows.\n while (rowIcons.length) {\n rows.push({\n type: \"icons\",\n icons: rowIcons.splice(0, size === ICON_PICKER_SIZE.SMALL ? 6 : COLUMN_COUNT)\n });\n }\n }\n\n return rows;\n};\n\nconst useIconTypeRows = (type: string) => {\n const presenter = useIconPicker();\n const icons = presenter.vm.icons.filter(icon => icon.type === type);\n const rows = getRows(icons, presenter.vm.size);\n\n return {\n isEmpty: rows.length === 0,\n rows,\n rowCount: rows.length\n };\n};\n\ninterface RenderRowProps {\n onIconClick: (icon: Icon) => void;\n style: Record<string, any>;\n row: IconPickerGridRow;\n cellDecorator: CellDecorator;\n}\n\nconst RowRenderer = ({ row, style, cellDecorator, onIconClick }: RenderRowProps) => {\n const presenter = useIconPicker();\n const value = presenter.vm.selectedIcon;\n\n if (row.type === \"category-name\") {\n return (\n <IconPickerRow style={style}>\n <Text\n size={\"sm\"}\n className={\"wby-uppercase wby-self-end wby-text-neutral-muted wby-mb-sm\"}\n >\n {row.name}\n </Text>\n </IconPickerRow>\n );\n }\n\n return (\n <IconPickerRow style={style}>\n {row.icons.map((item, itemKey) => (\n <Fragment key={itemKey}>\n {cellDecorator(\n <IconPickerCell\n key={itemKey}\n icon={item}\n isActive={item.name === value?.name}\n onIconClick={() => onIconClick(item)}\n />\n )}\n </Fragment>\n ))}\n </IconPickerRow>\n );\n};\n\ninterface CellDecorator {\n (cell: React.ReactElement): React.ReactElement;\n}\n\nconst noopDecorator: CellDecorator = cell => cell;\n\nexport interface IconPickerTabProps {\n label: string;\n value: string;\n onChange: (icon: Icon) => void;\n actions?: React.ReactElement;\n cellDecorator?: CellDecorator;\n}\n\nexport const IconPickerTab = ({\n label,\n value,\n actions,\n onChange,\n cellDecorator = noopDecorator\n}: IconPickerTabProps) => {\n const { type } = useIconType();\n const { isEmpty, rowCount, rows } = useIconTypeRows(type);\n const presenter = useIconPicker();\n const size = presenter.vm.size;\n\n return (\n <Tabs.Tab\n value={value}\n trigger={label}\n content={\n <div>\n <div className={\"wby-flex wby-items-center wby-justify-center wby-gap-sm\"}>\n <DelayedOnChange\n value={presenter.vm.filter}\n onChange={value => presenter.setFilter(value)}\n >\n {({ value, onChange }) => (\n <Input\n value={value}\n onChange={value => onChange(value as unknown as string)}\n placeholder={\"Search icons...\"}\n variant={\"secondary\"}\n size={\"md\"}\n startIcon={\n <IconComponent\n icon={<SearchIcon />}\n label={\"Search icons\"}\n />\n }\n />\n )}\n </DelayedOnChange>\n {actions ? <div>{actions}</div> : null}\n </div>\n <div className={\"wby-relative\"}>\n {isEmpty ? (\n <div className={\"wby-pt-md wby-text-neutral-strong\"}>\n <Text>{\"No results found.\"}</Text>\n </div>\n ) : (\n <List\n className={\"wby-outline-none\"}\n rowRenderer={({ key, ...props }) => (\n <RowRenderer\n key={key}\n row={rows[props.index]}\n cellDecorator={cellDecorator}\n onIconClick={onChange}\n {...props}\n />\n )}\n width={size === ICON_PICKER_SIZE.SMALL ? 232 : 312}\n height={size === ICON_PICKER_SIZE.SMALL ? 240 : 350}\n rowCount={rowCount}\n rowHeight={40}\n />\n )}\n </div>\n </div>\n }\n />\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,cAAc,IAAIC,UAAU,QAAQ,0BAA0B;AACvE,SAASC,IAAI,QAAQ,mBAAmB;AACxC,OAAOC,OAAO,MAAM,gBAAgB;AAEpC,SAASC,IAAI,EAAEC,eAAe,EAAEC,KAAK,EAAEC,IAAI,EAAEC,IAAI,IAAIC,aAAa,QAAQ,kBAAkB;AAC5F,SAASC,eAAe,QAAQ,2BAA2B;AAE3D,SAASC,aAAa;AACtB,SAASC,WAAW;AACpB,SAASC,cAAc,EAAEC,aAAa;AAEtC,SAASC,gBAAgB;AAEzB,MAAMC,YAAY,GAAG,CAAC;AAEtB,OAAO,MAAMC,qBAAqB,GAAGP,eAAe,CAAC,uBAAuB,EAAE,MAAM,IAAI,CAAC;AAEzF,MAAMQ,OAAO,GAAGA,CAACC,KAAa,EAAEC,IAAa,KAAK;EAC9C;EACA,MAAMC,cAAc,GAAGlB,OAAO,CAACgB,KAAK,EAAE,UAAU,CAAC;EACjD,MAAMG,IAAyB,GAAG,EAAE;;EAEpC;EACA,KAAK,MAAMC,GAAG,IAAIF,cAAc,EAAE;IAC9B;IACA,IAAIE,GAAG,KAAK,WAAW,EAAE;MACrB,MAAMC,QAAQ,GAAGH,cAAc,CAACE,GAAG,CAAC;;MAEpC;MACAD,IAAI,CAACG,IAAI,CAAC;QAAEC,IAAI,EAAE,eAAe;QAAEC,IAAI,EAAEJ;MAAI,CAAC,CAAC;;MAE/C;MACA,OAAOC,QAAQ,CAACI,MAAM,EAAE;QACpBN,IAAI,CAACG,IAAI,CAAC;UACNC,IAAI,EAAE,OAAO;UACbP,KAAK,EAAEK,QAAQ,CAACK,MAAM,CAAC,CAAC,EAAET,IAAI,KAAKL,gBAAgB,CAACe,KAAK,GAAG,CAAC,GAAGd,YAAY;QAChF,CAAC,CAAC;MACN;IACJ;EACJ;;EAEA;EACA,IAAIK,cAAc,CAACU,SAAS,EAAE;IAC1B,MAAMP,QAAQ,GAAGH,cAAc,CAACU,SAAS;;IAEzC;IACAT,IAAI,CAACG,IAAI,CAAC;MAAEC,IAAI,EAAE,eAAe;MAAEC,IAAI,EAAE;IAAgB,CAAC,CAAC;;IAE3D;IACA,OAAOH,QAAQ,CAACI,MAAM,EAAE;MACpBN,IAAI,CAACG,IAAI,CAAC;QACNC,IAAI,EAAE,OAAO;QACbP,KAAK,EAAEK,QAAQ,CAACK,MAAM,CAAC,CAAC,EAAET,IAAI,KAAKL,gBAAgB,CAACe,KAAK,GAAG,CAAC,GAAGd,YAAY;MAChF,CAAC,CAAC;IACN;EACJ;EAEA,OAAOM,IAAI;AACf,CAAC;AAED,MAAMU,eAAe,GAAIN,IAAY,IAAK;EACtC,MAAMO,SAAS,GAAGtB,aAAa,CAAC,CAAC;EACjC,MAAMQ,KAAK,GAAGc,SAAS,CAACC,EAAE,CAACf,KAAK,CAACgB,MAAM,CAACC,IAAI,IAAIA,IAAI,CAACV,IAAI,KAAKA,IAAI,CAAC;EACnE,MAAMJ,IAAI,GAAGJ,OAAO,CAACC,KAAK,EAAEc,SAAS,CAACC,EAAE,CAACd,IAAI,CAAC;EAE9C,OAAO;IACHiB,OAAO,EAAEf,IAAI,CAACM,MAAM,KAAK,CAAC;IAC1BN,IAAI;IACJgB,QAAQ,EAAEhB,IAAI,CAACM;EACnB,CAAC;AACL,CAAC;AASD,MAAMW,WAAW,GAAGA,CAAC;EAAEC,GAAG;EAAEC,KAAK;EAAEC,aAAa;EAAEC;AAA4B,CAAC,KAAK;EAChF,MAAMV,SAAS,GAAGtB,aAAa,CAAC,CAAC;EACjC,MAAMiC,KAAK,GAAGX,SAAS,CAACC,EAAE,CAACW,YAAY;EAEvC,IAAIL,GAAG,CAACd,IAAI,KAAK,eAAe,EAAE;IAC9B,oBACI5B,KAAA,CAAAgD,aAAA,CAAChC,aAAa;MAAC2B,KAAK,EAAEA;IAAM,gBACxB3C,KAAA,CAAAgD,aAAA,CAAC1C,IAAI;MACDgB,IAAI,EAAE,IAAK;MACX2B,SAAS,EAAE;IAA8D,GAExEP,GAAG,CAACb,IACH,CACK,CAAC;EAExB;EAEA,oBACI7B,KAAA,CAAAgD,aAAA,CAAChC,aAAa;IAAC2B,KAAK,EAAEA;EAAM,GACvBD,GAAG,CAACrB,KAAK,CAAC6B,GAAG,CAAC,CAACC,IAAI,EAAEC,OAAO,kBACzBpD,KAAA,CAAAgD,aAAA,CAAC/C,QAAQ;IAACwB,GAAG,EAAE2B;EAAQ,GAClBR,aAAa,cACV5C,KAAA,CAAAgD,aAAA,CAACjC,cAAc;IACXU,GAAG,EAAE2B,OAAQ;IACbd,IAAI,EAAEa,IAAK;IACXE,QAAQ,EAAEF,IAAI,CAACtB,IAAI,KAAKiB,KAAK,EAAEjB,IAAK;IACpCgB,WAAW,EAAEA,CAAA,KAAMA,WAAW,CAACM,IAAI;EAAE,CACxC,CACL,CACM,CACb,CACU,CAAC;AAExB,CAAC;AAMD,MAAMG,aAA4B,GAAGC,IAAI,IAAIA,IAAI;AAUjD,OAAO,MAAMC,aAAa,GAAGA,CAAC;EAC1BC,KAAK;EACLX,KAAK;EACLY,OAAO;EACPC,QAAQ;EACRf,aAAa,GAAGU;AACA,CAAC,KAAK;EACtB,MAAM;IAAE1B;EAAK,CAAC,GAAGd,WAAW,CAAC,CAAC;EAC9B,MAAM;IAAEyB,OAAO;IAAEC,QAAQ;IAAEhB;EAAK,CAAC,GAAGU,eAAe,CAACN,IAAI,CAAC;EACzD,MAAMO,SAAS,GAAGtB,aAAa,CAAC,CAAC;EACjC,MAAMS,IAAI,GAAGa,SAAS,CAACC,EAAE,CAACd,IAAI;EAE9B,oBACItB,KAAA,CAAAgD,aAAA,CAACvC,IAAI,CAACmD,GAAG;IACLd,KAAK,EAAEA,KAAM;IACbe,OAAO,EAAEJ,KAAM;IACfK,OAAO,eACH9D,KAAA,CAAAgD,aAAA,2BACIhD,KAAA,CAAAgD,aAAA;MAAKC,SAAS,EAAE;IAA0D,gBACtEjD,KAAA,CAAAgD,aAAA,CAACzC,eAAe;MACZuC,KAAK,EAAEX,SAAS,CAACC,EAAE,CAACC,MAAO;MAC3BsB,QAAQ,EAAEb,KAAK,IAAIX,SAAS,CAAC4B,SAAS,CAACjB,KAAK;IAAE,GAE7C,CAAC;MAAEA,KAAK;MAAEa;IAAS,CAAC,kBACjB3D,KAAA,CAAAgD,aAAA,CAACxC,KAAK;MACFsC,KAAK,EAAEA,KAAM;MACba,QAAQ,EAAEb,KAAK,IAAIa,QAAQ,CAACb,KAA0B,CAAE;MACxDkB,WAAW,EAAE,iBAAkB;MAC/BC,OAAO,EAAE,WAAY;MACrB3C,IAAI,EAAE,IAAK;MACX4C,SAAS,eACLlE,KAAA,CAAAgD,aAAA,CAACrC,aAAa;QACV2B,IAAI,eAAEtC,KAAA,CAAAgD,aAAA,CAAC7C,UAAU,MAAE,CAAE;QACrBsD,KAAK,EAAE;MAAe,CACzB;IACJ,CACJ,CAEQ,CAAC,EACjBC,OAAO,gBAAG1D,KAAA,CAAAgD,aAAA,cAAMU,OAAa,CAAC,GAAG,IACjC,CAAC,eACN1D,KAAA,CAAAgD,aAAA;MAAKC,SAAS,EAAE;IAAe,GAC1BV,OAAO,gBACJvC,KAAA,CAAAgD,aAAA;MAAKC,SAAS,EAAE;IAAoC,gBAChDjD,KAAA,CAAAgD,aAAA,CAAC1C,IAAI,QAAE,mBAA0B,CAChC,CAAC,gBAENN,KAAA,CAAAgD,aAAA,CAAC5C,IAAI;MACD6C,SAAS,EAAE,kBAAmB;MAC9BkB,WAAW,EAAEA,CAAC;QAAE1C,GAAG;QAAE,GAAG2C;MAAM,CAAC,kBAC3BpE,KAAA,CAAAgD,aAAA,CAACP,WAAW,EAAA4B,MAAA,CAAAC,MAAA;QACR7C,GAAG,EAAEA,GAAI;QACTiB,GAAG,EAAElB,IAAI,CAAC4C,KAAK,CAACG,KAAK,CAAE;QACvB3B,aAAa,EAAEA,aAAc;QAC7BC,WAAW,EAAEc;MAAS,GAClBS,KAAK,CACZ,CACH;MACFI,KAAK,EAAElD,IAAI,KAAKL,gBAAgB,CAACe,KAAK,GAAG,GAAG,GAAG,GAAI;MACnDyC,MAAM,EAAEnD,IAAI,KAAKL,gBAAgB,CAACe,KAAK,GAAG,GAAG,GAAG,GAAI;MACpDQ,QAAQ,EAAEA,QAAS;MACnBkC,SAAS,EAAE;IAAG,CACjB,CAEJ,CACJ;EACR,CACJ,CAAC;AAEV,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["React","Fragment","ReactComponent","SearchIcon","List","groupBy","Text","DelayedOnChange","Input","Tabs","Icon","IconComponent","makeDecoratable","useIconPicker","useIconType","IconPickerCell","IconPickerRow","ICON_PICKER_SIZE","COLUMN_COUNT","IconPickerTabRenderer","getRows","icons","size","groupedObjects","rows","key","rowIcons","push","type","name","length","splice","SMALL","undefined","useIconTypeRows","presenter","vm","filter","icon","isEmpty","rowCount","RowRenderer","row","style","cellDecorator","onIconClick","value","selectedIcon","createElement","className","map","item","itemKey","isActive","noopDecorator","cell","IconPickerTab","label","actions","onChange","Tab","trigger","content","setFilter","placeholder","variant","startIcon","rowRenderer","props","Object","assign","index","width","height","rowHeight"],"sources":["IconPickerTab.tsx"],"sourcesContent":["import React, { Fragment } from \"react\";\nimport { ReactComponent as SearchIcon } from \"@webiny/icons/search.svg\";\nimport { List } from \"react-virtualized\";\nimport groupBy from \"lodash/groupBy.js\";\n\nimport { Text, DelayedOnChange, Input, Tabs, Icon as IconComponent } from \"@webiny/admin-ui\";\nimport { makeDecoratable } from \"@webiny/react-composition\";\n\nimport { useIconPicker } from \"./IconPickerPresenterProvider.js\";\nimport { useIconType } from \"./config/IconType.js\";\nimport { IconPickerCell, IconPickerRow } from \"./components/index.js\";\nimport type { Icon, IconPickerGridRow } from \"./types.js\";\nimport { ICON_PICKER_SIZE } from \"./types.js\";\n\nconst COLUMN_COUNT = 8;\n\nexport const IconPickerTabRenderer = makeDecoratable(\"IconPickerTabRenderer\", () => null);\n\nconst getRows = (icons: Icon[], size?: string) => {\n // Group the icons by their category.\n const groupedObjects = groupBy(icons, \"category\");\n const rows: IconPickerGridRow[] = [];\n\n // Iterate over each category in the grouped icons.\n for (const key in groupedObjects) {\n // Skip any group where the key is `undefined` (these icons will be handled separately).\n if (key !== \"undefined\") {\n const rowIcons = groupedObjects[key];\n\n // Add a row for the category name.\n rows.push({ type: \"category-name\", name: key });\n\n // Split the icons in this category into groups of COLUMN_COUNT and add them as rows.\n while (rowIcons.length) {\n rows.push({\n type: \"icons\",\n icons: rowIcons.splice(0, size === ICON_PICKER_SIZE.SMALL ? 6 : COLUMN_COUNT)\n });\n }\n }\n }\n\n // Handle icons that don't have a category (key is `undefined`).\n if (groupedObjects.undefined) {\n const rowIcons = groupedObjects.undefined;\n\n // Add a row for the `Uncategorized` category name.\n rows.push({ type: \"category-name\", name: \"Uncategorized\" });\n\n // Split these icons into groups of COLUMN_COUNT and add them as rows.\n while (rowIcons.length) {\n rows.push({\n type: \"icons\",\n icons: rowIcons.splice(0, size === ICON_PICKER_SIZE.SMALL ? 6 : COLUMN_COUNT)\n });\n }\n }\n\n return rows;\n};\n\nconst useIconTypeRows = (type: string) => {\n const presenter = useIconPicker();\n const icons = presenter.vm.icons.filter(icon => icon.type === type);\n const rows = getRows(icons, presenter.vm.size);\n\n return {\n isEmpty: rows.length === 0,\n rows,\n rowCount: rows.length\n };\n};\n\ninterface RenderRowProps {\n onIconClick: (icon: Icon) => void;\n style: Record<string, any>;\n row: IconPickerGridRow;\n cellDecorator: CellDecorator;\n}\n\nconst RowRenderer = ({ row, style, cellDecorator, onIconClick }: RenderRowProps) => {\n const presenter = useIconPicker();\n const value = presenter.vm.selectedIcon;\n\n if (row.type === \"category-name\") {\n return (\n <IconPickerRow style={style}>\n <Text size={\"sm\"} className={\"uppercase self-end text-neutral-muted mb-sm\"}>\n {row.name}\n </Text>\n </IconPickerRow>\n );\n }\n\n return (\n <IconPickerRow style={style}>\n {row.icons.map((item, itemKey) => (\n <Fragment key={itemKey}>\n {cellDecorator(\n <IconPickerCell\n key={itemKey}\n icon={item}\n isActive={item.name === value?.name}\n onIconClick={() => onIconClick(item)}\n />\n )}\n </Fragment>\n ))}\n </IconPickerRow>\n );\n};\n\ninterface CellDecorator {\n (cell: React.ReactElement): React.ReactElement;\n}\n\nconst noopDecorator: CellDecorator = cell => cell;\n\nexport interface IconPickerTabProps {\n label: string;\n value: string;\n onChange: (icon: Icon) => void;\n actions?: React.ReactElement;\n cellDecorator?: CellDecorator;\n}\n\nexport const IconPickerTab = ({\n label,\n value,\n actions,\n onChange,\n cellDecorator = noopDecorator\n}: IconPickerTabProps) => {\n const { type } = useIconType();\n const { isEmpty, rowCount, rows } = useIconTypeRows(type);\n const presenter = useIconPicker();\n const size = presenter.vm.size;\n\n return (\n <Tabs.Tab\n value={value}\n trigger={label}\n content={\n <div>\n <div className={\"flex items-center justify-center gap-sm\"}>\n <DelayedOnChange\n value={presenter.vm.filter}\n onChange={value => presenter.setFilter(value)}\n >\n {({ value, onChange }) => (\n <Input\n value={value}\n onChange={value => onChange(value as unknown as string)}\n placeholder={\"Search icons...\"}\n variant={\"secondary\"}\n size={\"md\"}\n startIcon={\n <IconComponent\n icon={<SearchIcon />}\n label={\"Search icons\"}\n />\n }\n />\n )}\n </DelayedOnChange>\n {actions ? <div>{actions}</div> : null}\n </div>\n <div className={\"relative\"}>\n {isEmpty ? (\n <div className={\"pt-md text-neutral-strong\"}>\n <Text>{\"No results found.\"}</Text>\n </div>\n ) : (\n <List\n className={\"outline-none\"}\n rowRenderer={({ key, ...props }) => (\n <RowRenderer\n key={key}\n row={rows[props.index]}\n cellDecorator={cellDecorator}\n onIconClick={onChange}\n {...props}\n />\n )}\n width={size === ICON_PICKER_SIZE.SMALL ? 232 : 312}\n height={size === ICON_PICKER_SIZE.SMALL ? 240 : 350}\n rowCount={rowCount}\n rowHeight={40}\n />\n )}\n </div>\n </div>\n }\n />\n );\n};\n"],"mappings":"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","ignoreList":[]}

package/components/IconPicker/IconRenderer.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from "react";
-import type { Icon } from "./types";
+import type { Icon } from "./types.js";
 export declare const IconRenderer: ((props: unknown) => JSX.Element | null) & {
     original: (props: unknown) => JSX.Element | null;
     originalName: string;

package/components/IconPicker/IconRenderer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","toJS","makeDecoratable","createVoidComponent","IconRenderer","IconContext","createContext","undefined","IconProvider","icon","size","children","createElement","Provider","value","useIcon","context","useContext","Error"],"sources":["IconRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { toJS } from \"mobx\";\n\nimport { makeDecoratable, createVoidComponent } from \"@webiny/react-composition\";\n\nimport type { Icon } from \"./types\";\n\nexport const IconRenderer = makeDecoratable(\"IconPickerIcon\", createVoidComponent());\n\ninterface IconContext<T extends Icon = Icon> {\n icon: T;\n size: number;\n}\n\nconst IconContext = React.createContext<IconContext \| undefined>(undefined);\n\ninterface IconProviderProps {\n icon: Icon;\n size?: number;\n children: React.ReactNode;\n}\n\nexport const IconProvider = ({ icon, size = 32, children }: IconProviderProps) => {\n // I want to use the POJO via the context, to reduce the need of using `observer` HOC everywhere.\n return (\n <IconContext.Provider value={{ icon: toJS(icon), size }}>{children}</IconContext.Provider>\n );\n};\n\nexport function useIcon<T extends Icon = Icon>(): IconContext<T> {\n const context = React.useContext(IconContext);\n if (!context) {\n throw Error(`Missing <IconProvider> in the component tree!`);\n }\n return context as IconContext<T>;\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,MAAM;AAE3B,SAASC,eAAe,EAAEC,mBAAmB,QAAQ,2BAA2B;AAIhF,OAAO,MAAMC,YAAY,GAAGF,eAAe,CAAC,gBAAgB,EAAEC,mBAAmB,CAAC,CAAC,CAAC;AAOpF,MAAME,WAAW,gBAAGL,KAAK,CAACM,aAAa,CAA0BC,SAAS,CAAC;AAQ3E,OAAO,MAAMC,YAAY,GAAGA,CAAC;EAAEC,IAAI;EAAEC,IAAI,GAAG,EAAE;EAAEC;AAA4B,CAAC,KAAK;EAC9E;EACA,oBACIX,KAAA,CAAAY,aAAA,CAACP,WAAW,CAACQ,QAAQ;IAACC,KAAK,EAAE;MAAEL,IAAI,EAAER,IAAI,CAACQ,IAAI,CAAC;MAAEC;IAAK;EAAE,GAAEC,QAA+B,CAAC;AAElG,CAAC;AAED,OAAO,SAASI,OAAOA,CAAA,EAA0C;EAC7D,MAAMC,OAAO,GAAGhB,KAAK,CAACiB,UAAU,CAACZ,WAAW,CAAC;EAC7C,IAAI,CAACW,OAAO,EAAE;IACV,MAAME,KAAK,CAAC,+CAA+C,CAAC;EAChE;EACA,OAAOF,OAAO;AAClB","ignoreList":[]}
1	+ {"version":3,"names":["React","toJS","makeDecoratable","createVoidComponent","IconRenderer","IconContext","createContext","undefined","IconProvider","icon","size","children","createElement","Provider","value","useIcon","context","useContext","Error"],"sources":["IconRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { toJS } from \"mobx\";\n\nimport { makeDecoratable, createVoidComponent } from \"@webiny/react-composition\";\n\nimport type { Icon } from \"./types.js\";\n\nexport const IconRenderer = makeDecoratable(\"IconPickerIcon\", createVoidComponent());\n\ninterface IconContext<T extends Icon = Icon> {\n icon: T;\n size: number;\n}\n\nconst IconContext = React.createContext<IconContext \| undefined>(undefined);\n\ninterface IconProviderProps {\n icon: Icon;\n size?: number;\n children: React.ReactNode;\n}\n\nexport const IconProvider = ({ icon, size = 32, children }: IconProviderProps) => {\n // I want to use the POJO via the context, to reduce the need of using `observer` HOC everywhere.\n return (\n <IconContext.Provider value={{ icon: toJS(icon), size }}>{children}</IconContext.Provider>\n );\n};\n\nexport function useIcon<T extends Icon = Icon>(): IconContext<T> {\n const context = React.useContext(IconContext);\n if (!context) {\n throw Error(`Missing <IconProvider> in the component tree!`);\n }\n return context as IconContext<T>;\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,MAAM;AAE3B,SAASC,eAAe,EAAEC,mBAAmB,QAAQ,2BAA2B;AAIhF,OAAO,MAAMC,YAAY,GAAGF,eAAe,CAAC,gBAAgB,EAAEC,mBAAmB,CAAC,CAAC,CAAC;AAOpF,MAAME,WAAW,gBAAGL,KAAK,CAACM,aAAa,CAA0BC,SAAS,CAAC;AAQ3E,OAAO,MAAMC,YAAY,GAAGA,CAAC;EAAEC,IAAI;EAAEC,IAAI,GAAG,EAAE;EAAEC;AAA4B,CAAC,KAAK;EAC9E;EACA,oBACIX,KAAA,CAAAY,aAAA,CAACP,WAAW,CAACQ,QAAQ;IAACC,KAAK,EAAE;MAAEL,IAAI,EAAER,IAAI,CAACQ,IAAI,CAAC;MAAEC;IAAK;EAAE,GAAEC,QAA+B,CAAC;AAElG,CAAC;AAED,OAAO,SAASI,OAAOA,CAAA,EAA0C;EAC7D,MAAMC,OAAO,GAAGhB,KAAK,CAACiB,UAAU,CAACZ,WAAW,CAAC;EAC7C,IAAI,CAACW,OAAO,EAAE;IACV,MAAME,KAAK,CAAC,+CAA+C,CAAC;EAChE;EACA,OAAOF,OAAO;AAClB","ignoreList":[]}

package/components/IconPicker/IconRepository.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import type { IconPackProviderInterface as IconPackProvider, IconType } from "./config";
-import type { Icon } from "./types";
+import type { IconPackProviderInterface as IconPackProvider, IconType } from "./config/index.js";
+import type { Icon } from "./types.js";
 export declare class IconRepository {
     private readonly iconPackProviders;
     private readonly iconTypes;

package/components/IconPicker/IconRepository.js CHANGED Viewed

@@ -1,6 +1,6 @@
-import cloneDeep from "lodash/cloneDeep";
+import cloneDeep from "lodash/cloneDeep.js";
 import { makeAutoObservable, runInAction } from "mobx";
-import { Loading } from "./Loading";
+import { Loading } from "./Loading.js";
 export class IconRepository {
   icons = [];
   constructor(iconTypes, iconPackProviders) {

package/components/IconPicker/IconRepository.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["cloneDeep","makeAutoObservable","runInAction","Loading","IconRepository","icons","constructor","iconTypes","iconPackProviders","loading","loadIcons","length","runWithLoading","Promise","all","map","provider","getIcons","flat","iconType","name","filter","icon","includes","type","addIcon","getIconTypes","getLoading","isLoading","loadingLabel","message","feedback","action","successMessage","failureMessage","runCallbackWithLoading"],"sources":["IconRepository.ts"],"sourcesContent":["import cloneDeep from \"lodash/cloneDeep\";\nimport { makeAutoObservable, runInAction } from \"mobx\";\n\nimport { Loading } from \"./Loading\";\nimport type { IconPackProviderInterface as IconPackProvider, IconType } from \"./config\";\nimport type { Icon } from \"./types\";\n\nexport class IconRepository {\n private readonly iconPackProviders: IconPackProvider[];\n private readonly iconTypes: IconType[];\n private loading: Loading;\n private icons: Icon[] = [];\n\n constructor(iconTypes: IconType[], iconPackProviders: IconPackProvider[]) {\n this.iconTypes = iconTypes;\n this.loading = new Loading(true);\n this.iconPackProviders = iconPackProviders;\n makeAutoObservable(this);\n }\n\n async loadIcons() {\n if (this.icons.length > 0) {\n return;\n }\n\n const icons = await this.runWithLoading(async () => {\n const icons = await Promise.all(\n this.iconPackProviders.map(provider => provider.getIcons())\n );\n return icons.flat();\n });\n\n const iconTypes = this.iconTypes.map(iconType => iconType.name);\n\n runInAction(() => {\n // Make sure we only work with known icon types.\n this.icons = icons.filter(icon => iconTypes.includes(icon.type));\n });\n }\n\n getIcons() {\n return cloneDeep(this.icons);\n }\n\n addIcon(icon: Icon) {\n this.icons = [...this.icons, icon];\n }\n\n getIconTypes() {\n return this.iconTypes;\n }\n\n getLoading() {\n return {\n isLoading: this.loading.isLoading,\n loadingLabel: this.loading.loadingLabel,\n message: this.loading.feedback\n };\n }\n\n private async runWithLoading<T>(\n action: () => Promise<T>,\n loadingLabel?: string,\n successMessage?: string,\n failureMessage?: string\n ) {\n return await this.loading.runCallbackWithLoading(\n action,\n loadingLabel,\n successMessage,\n failureMessage\n );\n }\n}\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,~~kBAAkB~~;~~AACxC~~,SAASC,kBAAkB,EAAEC,WAAW,QAAQ,MAAM;AAEtD,SAASC,OAAO;AAIhB,OAAO,MAAMC,cAAc,CAAC;EAIhBC,KAAK,GAAW,EAAE;EAE1BC,WAAWA,CAACC,SAAqB,EAAEC,iBAAqC,EAAE;IACtE,IAAI,CAACD,SAAS,GAAGA,SAAS;IAC1B,IAAI,CAACE,OAAO,GAAG,IAAIN,OAAO,CAAC,IAAI,CAAC;IAChC,IAAI,CAACK,iBAAiB,GAAGA,iBAAiB;IAC1CP,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEA,MAAMS,SAASA,CAAA,EAAG;IACd,IAAI,IAAI,CAACL,KAAK,CAACM,MAAM,GAAG,CAAC,EAAE;MACvB;IACJ;IAEA,MAAMN,KAAK,GAAG,MAAM,IAAI,CAACO,cAAc,CAAC,YAAY;MAChD,MAAMP,KAAK,GAAG,MAAMQ,OAAO,CAACC,GAAG,CAC3B,IAAI,CAACN,iBAAiB,CAACO,GAAG,CAACC,QAAQ,IAAIA,QAAQ,CAACC,QAAQ,CAAC,CAAC,CAC9D,CAAC;MACD,OAAOZ,KAAK,CAACa,IAAI,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,MAAMX,SAAS,GAAG,IAAI,CAACA,SAAS,CAACQ,GAAG,CAACI,QAAQ,IAAIA,QAAQ,CAACC,IAAI,CAAC;IAE/DlB,WAAW,CAAC,MAAM;MACd;MACA,IAAI,CAACG,KAAK,GAAGA,KAAK,CAACgB,MAAM,CAACC,IAAI,IAAIf,SAAS,CAACgB,QAAQ,CAACD,IAAI,CAACE,IAAI,CAAC,CAAC;IACpE,CAAC,CAAC;EACN;EAEAP,QAAQA,CAAA,EAAG;IACP,OAAOjB,SAAS,CAAC,IAAI,CAACK,KAAK,CAAC;EAChC;EAEAoB,OAAOA,CAACH,IAAU,EAAE;IAChB,IAAI,CAACjB,KAAK,GAAG,CAAC,GAAG,IAAI,CAACA,KAAK,EAAEiB,IAAI,CAAC;EACtC;EAEAI,YAAYA,CAAA,EAAG;IACX,OAAO,IAAI,CAACnB,SAAS;EACzB;EAEAoB,UAAUA,CAAA,EAAG;IACT,OAAO;MACHC,SAAS,EAAE,IAAI,CAACnB,OAAO,CAACmB,SAAS;MACjCC,YAAY,EAAE,IAAI,CAACpB,OAAO,CAACoB,YAAY;MACvCC,OAAO,EAAE,IAAI,CAACrB,OAAO,CAACsB;IAC1B,CAAC;EACL;EAEA,MAAcnB,cAAcA,CACxBoB,MAAwB,EACxBH,YAAqB,EACrBI,cAAuB,EACvBC,cAAuB,EACzB;IACE,OAAO,MAAM,IAAI,CAACzB,OAAO,CAAC0B,sBAAsB,CAC5CH,MAAM,EACNH,YAAY,EACZI,cAAc,EACdC,cACJ,CAAC;EACL;AACJ","ignoreList":[]}
1	+ {"version":3,"names":["cloneDeep","makeAutoObservable","runInAction","Loading","IconRepository","icons","constructor","iconTypes","iconPackProviders","loading","loadIcons","length","runWithLoading","Promise","all","map","provider","getIcons","flat","iconType","name","filter","icon","includes","type","addIcon","getIconTypes","getLoading","isLoading","loadingLabel","message","feedback","action","successMessage","failureMessage","runCallbackWithLoading"],"sources":["IconRepository.ts"],"sourcesContent":["import cloneDeep from \"lodash/cloneDeep.js\";\nimport { makeAutoObservable, runInAction } from \"mobx\";\n\nimport { Loading } from \"./Loading.js\";\nimport type { IconPackProviderInterface as IconPackProvider, IconType } from \"./config/index.js\";\nimport type { Icon } from \"./types.js\";\n\nexport class IconRepository {\n private readonly iconPackProviders: IconPackProvider[];\n private readonly iconTypes: IconType[];\n private loading: Loading;\n private icons: Icon[] = [];\n\n constructor(iconTypes: IconType[], iconPackProviders: IconPackProvider[]) {\n this.iconTypes = iconTypes;\n this.loading = new Loading(true);\n this.iconPackProviders = iconPackProviders;\n makeAutoObservable(this);\n }\n\n async loadIcons() {\n if (this.icons.length > 0) {\n return;\n }\n\n const icons = await this.runWithLoading(async () => {\n const icons = await Promise.all(\n this.iconPackProviders.map(provider => provider.getIcons())\n );\n return icons.flat();\n });\n\n const iconTypes = this.iconTypes.map(iconType => iconType.name);\n\n runInAction(() => {\n // Make sure we only work with known icon types.\n this.icons = icons.filter(icon => iconTypes.includes(icon.type));\n });\n }\n\n getIcons() {\n return cloneDeep(this.icons);\n }\n\n addIcon(icon: Icon) {\n this.icons = [...this.icons, icon];\n }\n\n getIconTypes() {\n return this.iconTypes;\n }\n\n getLoading() {\n return {\n isLoading: this.loading.isLoading,\n loadingLabel: this.loading.loadingLabel,\n message: this.loading.feedback\n };\n }\n\n private async runWithLoading<T>(\n action: () => Promise<T>,\n loadingLabel?: string,\n successMessage?: string,\n failureMessage?: string\n ) {\n return await this.loading.runCallbackWithLoading(\n action,\n loadingLabel,\n successMessage,\n failureMessage\n );\n }\n}\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,qBAAqB;AAC3C,SAASC,kBAAkB,EAAEC,WAAW,QAAQ,MAAM;AAEtD,SAASC,OAAO;AAIhB,OAAO,MAAMC,cAAc,CAAC;EAIhBC,KAAK,GAAW,EAAE;EAE1BC,WAAWA,CAACC,SAAqB,EAAEC,iBAAqC,EAAE;IACtE,IAAI,CAACD,SAAS,GAAGA,SAAS;IAC1B,IAAI,CAACE,OAAO,GAAG,IAAIN,OAAO,CAAC,IAAI,CAAC;IAChC,IAAI,CAACK,iBAAiB,GAAGA,iBAAiB;IAC1CP,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEA,MAAMS,SAASA,CAAA,EAAG;IACd,IAAI,IAAI,CAACL,KAAK,CAACM,MAAM,GAAG,CAAC,EAAE;MACvB;IACJ;IAEA,MAAMN,KAAK,GAAG,MAAM,IAAI,CAACO,cAAc,CAAC,YAAY;MAChD,MAAMP,KAAK,GAAG,MAAMQ,OAAO,CAACC,GAAG,CAC3B,IAAI,CAACN,iBAAiB,CAACO,GAAG,CAACC,QAAQ,IAAIA,QAAQ,CAACC,QAAQ,CAAC,CAAC,CAC9D,CAAC;MACD,OAAOZ,KAAK,CAACa,IAAI,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,MAAMX,SAAS,GAAG,IAAI,CAACA,SAAS,CAACQ,GAAG,CAACI,QAAQ,IAAIA,QAAQ,CAACC,IAAI,CAAC;IAE/DlB,WAAW,CAAC,MAAM;MACd;MACA,IAAI,CAACG,KAAK,GAAGA,KAAK,CAACgB,MAAM,CAACC,IAAI,IAAIf,SAAS,CAACgB,QAAQ,CAACD,IAAI,CAACE,IAAI,CAAC,CAAC;IACpE,CAAC,CAAC;EACN;EAEAP,QAAQA,CAAA,EAAG;IACP,OAAOjB,SAAS,CAAC,IAAI,CAACK,KAAK,CAAC;EAChC;EAEAoB,OAAOA,CAACH,IAAU,EAAE;IAChB,IAAI,CAACjB,KAAK,GAAG,CAAC,GAAG,IAAI,CAACA,KAAK,EAAEiB,IAAI,CAAC;EACtC;EAEAI,YAAYA,CAAA,EAAG;IACX,OAAO,IAAI,CAACnB,SAAS;EACzB;EAEAoB,UAAUA,CAAA,EAAG;IACT,OAAO;MACHC,SAAS,EAAE,IAAI,CAACnB,OAAO,CAACmB,SAAS;MACjCC,YAAY,EAAE,IAAI,CAACpB,OAAO,CAACoB,YAAY;MACvCC,OAAO,EAAE,IAAI,CAACrB,OAAO,CAACsB;IAC1B,CAAC;EACL;EAEA,MAAcnB,cAAcA,CACxBoB,MAAwB,EACxBH,YAAqB,EACrBI,cAAuB,EACvBC,cAAuB,EACzB;IACE,OAAO,MAAM,IAAI,CAACzB,OAAO,CAAC0B,sBAAsB,CAC5CH,MAAM,EACNH,YAAY,EACZI,cAAc,EACdC,cACJ,CAAC;EACL;AACJ","ignoreList":[]}

package/components/IconPicker/IconRepository.test.js CHANGED Viewed

@@ -1,4 +1,5 @@
-import { IconRepository } from "./IconRepository";
+import { describe, it, expect } from "vitest";
+import { IconRepository } from "./IconRepository.js";
 const mockIconTypes = [{
   name: "icon"
 }, {