@webiny/app-admin 0.0.0-unstable.e6f0dc8ca7 → 0.0.0-unstable.eb81deee7e

package/components/SimpleUI/InputField.js

@@ -1,74 +1,79 @@
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-import React from "react";
+import react from "react";
 import { css } from "@emotion/css";
-import classNames from "classnames";
+import classnames from "classnames";
 import omit from "lodash/omit.js";
-import { Text, FormComponentErrorMessage, FormComponentNote } from "@webiny/admin-ui";
-const inputStyle = /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
-  name: "182fb6",
-  styles: "box-sizing:border-box;border:1px solid var(--mdc-theme-on-background);width:100%;height:100%;padding:4px 8px;text-align:left;min-height:32px;background-color:var(--mdc-theme-surface);transition:150ms all ease-in-out;&:focus:not(:disabled){background-color:var(--mdc-theme-on-background);}&:hover:not(:disabled){background-color:var(--mdc-theme-on-background);}&:disabled{opacity:0.5;cursor:not-allowed;}&.text-center{text-align:center;padding:4px;}&::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}&::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}"
-} : {
-  name: "k732d4-inputStyle",
-  styles: "box-sizing:border-box;border:1px solid var(--mdc-theme-on-background);width:100%;height:100%;padding:4px 8px;text-align:left;min-height:32px;background-color:var(--mdc-theme-surface);transition:150ms all ease-in-out;&:focus:not(:disabled){background-color:var(--mdc-theme-on-background);}&:hover:not(:disabled){background-color:var(--mdc-theme-on-background);}&:disabled{opacity:0.5;cursor:not-allowed;}&.text-center{text-align:center;padding:4px;}&::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}&::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;};label:inputStyle;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIklucHV0RmllbGQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU1tQiIsImZpbGUiOiJJbnB1dEZpZWxkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9jc3NcIjtcbmltcG9ydCBjbGFzc05hbWVzIGZyb20gXCJjbGFzc25hbWVzXCI7XG5pbXBvcnQgb21pdCBmcm9tIFwibG9kYXNoL29taXQuanNcIjtcbmltcG9ydCB7IFRleHQsIEZvcm1Db21wb25lbnRFcnJvck1lc3NhZ2UsIEZvcm1Db21wb25lbnROb3RlIH0gZnJvbSBcIkB3ZWJpbnkvYWRtaW4tdWlcIjtcblxuY29uc3QgaW5wdXRTdHlsZSA9IGNzcyh7XG4gICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICBib3JkZXI6IFwiMXB4IHNvbGlkIHZhcigtLW1kYy10aGVtZS1vbi1iYWNrZ3JvdW5kKVwiLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICAgIHBhZGRpbmc6IFwiNHB4IDhweFwiLFxuICAgIHRleHRBbGlnbjogXCJsZWZ0XCIsXG4gICAgbWluSGVpZ2h0OiAzMixcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLXN1cmZhY2UpXCIsXG4gICAgdHJhbnNpdGlvbjogXCIxNTBtcyBhbGwgZWFzZS1pbi1vdXRcIixcbiAgICBcIiY6Zm9jdXM6bm90KDpkaXNhYmxlZClcIjoge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLW9uLWJhY2tncm91bmQpXCJcbiAgICB9LFxuICAgIFwiJjpob3Zlcjpub3QoOmRpc2FibGVkKVwiOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtb24tYmFja2dyb3VuZClcIlxuICAgIH0sXG4gICAgXCImOmRpc2FibGVkXCI6IHtcbiAgICAgICAgb3BhY2l0eTogMC41LFxuICAgICAgICBjdXJzb3I6IFwibm90LWFsbG93ZWRcIlxuICAgIH0sXG5cbiAgICBcIiYudGV4dC1jZW50ZXJcIjoge1xuICAgICAgICB0ZXh0QWxpZ246IFwiY2VudGVyXCIsXG4gICAgICAgIHBhZGRpbmc6IDRcbiAgICB9LFxuXG4gICAgXCImOjotd2Via2l0LWlubmVyLXNwaW4tYnV0dG9uXCI6IHtcbiAgICAgICAgV2Via2l0QXBwZWFyYW5jZTogXCJub25lXCIsXG4gICAgICAgIG1hcmdpbjogMFxuICAgIH0sXG4gICAgXCImOjotd2Via2l0LW91dGVyLXNwaW4tYnV0dG9uXCI6IHtcbiAgICAgICAgV2Via2l0QXBwZWFyYW5jZTogXCJub25lXCIsXG4gICAgICAgIG1hcmdpbjogMFxuICAgIH1cbn0pO1xuXG5jb25zdCBsYWJlbFN0eWxlID0gY3NzKHtcbiAgICBtYXJnaW5Cb3R0b206IDgsXG4gICAgcGFkZGluZzogXCIwcHggOHB4XCIsXG4gICAgXCImIHNwYW5cIjoge1xuICAgICAgICBjb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtdGV4dC1wcmltYXJ5LW9uLWJhY2tncm91bmQpXCJcbiAgICB9XG59KTtcblxuaW50ZXJmYWNlIEdldFZhbHVlUGFyYW1zIHtcbiAgICB2YWx1ZTogc3RyaW5nIHwgbnVtYmVyIHwgdW5kZWZpbmVkO1xuICAgIGRlZmF1bHRWYWx1ZTogc3RyaW5nIHwgbnVtYmVyO1xuICAgIHR5cGU6IFwibnVtYmVyXCIgfCBcInN0cmluZ1wiO1xufVxuY29uc3QgZ2V0VmFsdWUgPSAocGFyYW1zOiBHZXRWYWx1ZVBhcmFtcyk6IHN0cmluZyA9PiB7XG4gICAgY29uc3QgeyB2YWx1ZSwgZGVmYXVsdFZhbHVlLCB0eXBlIH0gPSBwYXJhbXM7XG4gICAgaWYgKHR5cGUgPT09IFwibnVtYmVyXCIpIHtcbiAgICAgICAgcmV0dXJuIChpc05hTih2YWx1ZSBhcyBudW1iZXIpID8gZGVmYXVsdFZhbHVlIDogdmFsdWUpIGFzIHN0cmluZztcbiAgICB9XG4gICAgcmV0dXJuICh2YWx1ZSB8fCBkZWZhdWx0VmFsdWUpIGFzIHN0cmluZztcbn07XG5cbmV4cG9ydCB0eXBlIE9uS2V5RG93blByb3BzID0gUmVhY3QuU3ludGhldGljRXZlbnQ8SFRNTElucHV0RWxlbWVudCwgRXZlbnQ+ICZcbiAgICBSZWFjdC5LZXlib2FyZEV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+O1xuXG5pbnRlcmZhY2UgSW5wdXRCb3hQcm9wcyB7XG4gICAgdmFsdWU/OiBzdHJpbmcgfCBudW1iZXI7XG4gICAgb25DaGFuZ2U/OiAodmFsdWU6IGFueSkgPT4gdm9pZDtcbiAgICBvbktleURvd24/OiAoZTogT25LZXlEb3duUHJvcHMpID0+IGFueTtcbiAgICBkZWZhdWx0VmFsdWU/OiBzdHJpbmcgfCBudW1iZXI7XG4gICAgdHlwZT86IFwic3RyaW5nXCIgfCBcIm51bWJlclwiO1xuICAgIFtrZXk6IHN0cmluZ106IGFueTtcbn1cbmNvbnN0IElucHV0RmllbGQgPSAoe1xuICAgIGNsYXNzTmFtZSxcbiAgICB2YWx1ZSxcbiAgICBvbkNoYW5nZSxcbiAgICBvbktleURvd24sXG4gICAgbGFiZWwsXG4gICAgZGVzY3JpcHRpb24sXG4gICAgdmFsaWRhdGlvbiA9IHsgaXNWYWxpZDogdHJ1ZSB9LFxuICAgIGRlZmF1bHRWYWx1ZSA9IFwiXCIsXG4gICAgLi4ucHJvcHNcbn06IElucHV0Qm94UHJvcHMpID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgICA8UmVhY3QuRnJhZ21lbnQ+XG4gICAgICAgICAgICB7bGFiZWwgJiYgKFxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPXtsYWJlbFN0eWxlfT5cbiAgICAgICAgICAgICAgICAgICAgPFRleHQgc2l6ZT17XCJzbVwifT57bGFiZWx9PC9UZXh0PlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIDxpbnB1dFxuICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lcyhpbnB1dFN0eWxlLCBjbGFzc05hbWUpfVxuICAgICAgICAgICAgICAgIHZhbHVlPXtnZXRWYWx1ZSh7XG4gICAgICAgICAgICAgICAgICAgIHZhbHVlLFxuICAgICAgICAgICAgICAgICAgICB0eXBlOiBwcm9wcy50eXBlIHx8IFwic3RyaW5nXCIsXG4gICAgICAgICAgICAgICAgICAgIGRlZmF1bHRWYWx1ZVxuICAgICAgICAgICAgICAgIH0pfVxuICAgICAgICAgICAgICAgIG9uS2V5RG93bj17b25LZXlEb3dufVxuICAgICAgICAgICAgICAgIG9uQ2hhbmdlPXtldiA9PiB7XG4gICAgICAgICAgICAgICAgICAgIGlmICghb25DaGFuZ2UpIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICBvbkNoYW5nZSgoZXYudGFyZ2V0LnZhbHVlIHx8IFwiXCIpLnRvTG93ZXJDYXNlKCkpO1xuICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgICAgey4uLm9taXQocHJvcHMsIFwidmFsaWRhdGVcIil9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICAge3ZhbGlkYXRpb24uaXNWYWxpZCA9PT0gZmFsc2UgJiYgKFxuICAgICAgICAgICAgICAgIDxGb3JtQ29tcG9uZW50RXJyb3JNZXNzYWdlIHRleHQ9e3ZhbGlkYXRpb24ubWVzc2FnZX0gaW52YWxpZD17dHJ1ZX0gLz5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgICB7dmFsaWRhdGlvbi5pc1ZhbGlkICE9PSBmYWxzZSAmJiBkZXNjcmlwdGlvbiAmJiAoXG4gICAgICAgICAgICAgICAgPEZvcm1Db21wb25lbnROb3RlIHRleHQ9e2Rlc2NyaXB0aW9ufSAvPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgPC9SZWFjdC5GcmFnbWVudD5cbiAgICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgUmVhY3QubWVtbyhJbnB1dEZpZWxkKTtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+import { FormComponentErrorMessage, FormComponentNote, Text } from "@webiny/admin-ui";
+const inputStyle = css({
+    boxSizing: "border-box",
+    border: "1px solid var(--mdc-theme-on-background)",
+    width: "100%",
+    height: "100%",
+    padding: "4px 8px",
+    textAlign: "left",
+    minHeight: 32,
+    backgroundColor: "var(--mdc-theme-surface)",
+    transition: "150ms all ease-in-out",
+    "&:focus:not(:disabled)": {
+        backgroundColor: "var(--mdc-theme-on-background)"
+    },
+    "&:hover:not(:disabled)": {
+        backgroundColor: "var(--mdc-theme-on-background)"
+    },
+    "&:disabled": {
+        opacity: 0.5,
+        cursor: "not-allowed"
+    },
+    "&.text-center": {
+        textAlign: "center",
+        padding: 4
+    },
+    "&::-webkit-inner-spin-button": {
+        WebkitAppearance: "none",
+        margin: 0
+    },
+    "&::-webkit-outer-spin-button": {
+        WebkitAppearance: "none",
+        margin: 0
+    }
 });
-const labelStyle = /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
-  name: "9dnmsz",
-  styles: "margin-bottom:8px;padding:0px 8px;& span{color:var(--mdc-theme-text-primary-on-background);}"
-} : {
-  name: "1yl4ooa-labelStyle",
-  styles: "margin-bottom:8px;padding:0px 8px;& span{color:var(--mdc-theme-text-primary-on-background);};label:labelStyle;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIklucHV0RmllbGQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBDbUIiLCJmaWxlIjoiSW5wdXRGaWVsZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vY3NzXCI7XG5pbXBvcnQgY2xhc3NOYW1lcyBmcm9tIFwiY2xhc3NuYW1lc1wiO1xuaW1wb3J0IG9taXQgZnJvbSBcImxvZGFzaC9vbWl0LmpzXCI7XG5pbXBvcnQgeyBUZXh0LCBGb3JtQ29tcG9uZW50RXJyb3JNZXNzYWdlLCBGb3JtQ29tcG9uZW50Tm90ZSB9IGZyb20gXCJAd2ViaW55L2FkbWluLXVpXCI7XG5cbmNvbnN0IGlucHV0U3R5bGUgPSBjc3Moe1xuICAgIGJveFNpemluZzogXCJib3JkZXItYm94XCIsXG4gICAgYm9yZGVyOiBcIjFweCBzb2xpZCB2YXIoLS1tZGMtdGhlbWUtb24tYmFja2dyb3VuZClcIixcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgICBwYWRkaW5nOiBcIjRweCA4cHhcIixcbiAgICB0ZXh0QWxpZ246IFwibGVmdFwiLFxuICAgIG1pbkhlaWdodDogMzIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBcInZhcigtLW1kYy10aGVtZS1zdXJmYWNlKVwiLFxuICAgIHRyYW5zaXRpb246IFwiMTUwbXMgYWxsIGVhc2UtaW4tb3V0XCIsXG4gICAgXCImOmZvY3VzOm5vdCg6ZGlzYWJsZWQpXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBcInZhcigtLW1kYy10aGVtZS1vbi1iYWNrZ3JvdW5kKVwiXG4gICAgfSxcbiAgICBcIiY6aG92ZXI6bm90KDpkaXNhYmxlZClcIjoge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLW9uLWJhY2tncm91bmQpXCJcbiAgICB9LFxuICAgIFwiJjpkaXNhYmxlZFwiOiB7XG4gICAgICAgIG9wYWNpdHk6IDAuNSxcbiAgICAgICAgY3Vyc29yOiBcIm5vdC1hbGxvd2VkXCJcbiAgICB9LFxuXG4gICAgXCImLnRleHQtY2VudGVyXCI6IHtcbiAgICAgICAgdGV4dEFsaWduOiBcImNlbnRlclwiLFxuICAgICAgICBwYWRkaW5nOiA0XG4gICAgfSxcblxuICAgIFwiJjo6LXdlYmtpdC1pbm5lci1zcGluLWJ1dHRvblwiOiB7XG4gICAgICAgIFdlYmtpdEFwcGVhcmFuY2U6IFwibm9uZVwiLFxuICAgICAgICBtYXJnaW46IDBcbiAgICB9LFxuICAgIFwiJjo6LXdlYmtpdC1vdXRlci1zcGluLWJ1dHRvblwiOiB7XG4gICAgICAgIFdlYmtpdEFwcGVhcmFuY2U6IFwibm9uZVwiLFxuICAgICAgICBtYXJnaW46IDBcbiAgICB9XG59KTtcblxuY29uc3QgbGFiZWxTdHlsZSA9IGNzcyh7XG4gICAgbWFyZ2luQm90dG9tOiA4LFxuICAgIHBhZGRpbmc6IFwiMHB4IDhweFwiLFxuICAgIFwiJiBzcGFuXCI6IHtcbiAgICAgICAgY29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLXRleHQtcHJpbWFyeS1vbi1iYWNrZ3JvdW5kKVwiXG4gICAgfVxufSk7XG5cbmludGVyZmFjZSBHZXRWYWx1ZVBhcmFtcyB7XG4gICAgdmFsdWU6IHN0cmluZyB8IG51bWJlciB8IHVuZGVmaW5lZDtcbiAgICBkZWZhdWx0VmFsdWU6IHN0cmluZyB8IG51bWJlcjtcbiAgICB0eXBlOiBcIm51bWJlclwiIHwgXCJzdHJpbmdcIjtcbn1cbmNvbnN0IGdldFZhbHVlID0gKHBhcmFtczogR2V0VmFsdWVQYXJhbXMpOiBzdHJpbmcgPT4ge1xuICAgIGNvbnN0IHsgdmFsdWUsIGRlZmF1bHRWYWx1ZSwgdHlwZSB9ID0gcGFyYW1zO1xuICAgIGlmICh0eXBlID09PSBcIm51bWJlclwiKSB7XG4gICAgICAgIHJldHVybiAoaXNOYU4odmFsdWUgYXMgbnVtYmVyKSA/IGRlZmF1bHRWYWx1ZSA6IHZhbHVlKSBhcyBzdHJpbmc7XG4gICAgfVxuICAgIHJldHVybiAodmFsdWUgfHwgZGVmYXVsdFZhbHVlKSBhcyBzdHJpbmc7XG59O1xuXG5leHBvcnQgdHlwZSBPbktleURvd25Qcm9wcyA9IFJlYWN0LlN5bnRoZXRpY0V2ZW50PEhUTUxJbnB1dEVsZW1lbnQsIEV2ZW50PiAmXG4gICAgUmVhY3QuS2V5Ym9hcmRFdmVudDxIVE1MSW5wdXRFbGVtZW50PjtcblxuaW50ZXJmYWNlIElucHV0Qm94UHJvcHMge1xuICAgIHZhbHVlPzogc3RyaW5nIHwgbnVtYmVyO1xuICAgIG9uQ2hhbmdlPzogKHZhbHVlOiBhbnkpID0+IHZvaWQ7XG4gICAgb25LZXlEb3duPzogKGU6IE9uS2V5RG93blByb3BzKSA9PiBhbnk7XG4gICAgZGVmYXVsdFZhbHVlPzogc3RyaW5nIHwgbnVtYmVyO1xuICAgIHR5cGU/OiBcInN0cmluZ1wiIHwgXCJudW1iZXJcIjtcbiAgICBba2V5OiBzdHJpbmddOiBhbnk7XG59XG5jb25zdCBJbnB1dEZpZWxkID0gKHtcbiAgICBjbGFzc05hbWUsXG4gICAgdmFsdWUsXG4gICAgb25DaGFuZ2UsXG4gICAgb25LZXlEb3duLFxuICAgIGxhYmVsLFxuICAgIGRlc2NyaXB0aW9uLFxuICAgIHZhbGlkYXRpb24gPSB7IGlzVmFsaWQ6IHRydWUgfSxcbiAgICBkZWZhdWx0VmFsdWUgPSBcIlwiLFxuICAgIC4uLnByb3BzXG59OiBJbnB1dEJveFByb3BzKSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgICAgPFJlYWN0LkZyYWdtZW50PlxuICAgICAgICAgICAge2xhYmVsICYmIChcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT17bGFiZWxTdHlsZX0+XG4gICAgICAgICAgICAgICAgICAgIDxUZXh0IHNpemU9e1wic21cIn0+e2xhYmVsfTwvVGV4dD5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8aW5wdXRcbiAgICAgICAgICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZXMoaW5wdXRTdHlsZSwgY2xhc3NOYW1lKX1cbiAgICAgICAgICAgICAgICB2YWx1ZT17Z2V0VmFsdWUoe1xuICAgICAgICAgICAgICAgICAgICB2YWx1ZSxcbiAgICAgICAgICAgICAgICAgICAgdHlwZTogcHJvcHMudHlwZSB8fCBcInN0cmluZ1wiLFxuICAgICAgICAgICAgICAgICAgICBkZWZhdWx0VmFsdWVcbiAgICAgICAgICAgICAgICB9KX1cbiAgICAgICAgICAgICAgICBvbktleURvd249e29uS2V5RG93bn1cbiAgICAgICAgICAgICAgICBvbkNoYW5nZT17ZXYgPT4ge1xuICAgICAgICAgICAgICAgICAgICBpZiAoIW9uQ2hhbmdlKSB7XG4gICAgICAgICAgICAgICAgICAgICAgICByZXR1cm47XG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgb25DaGFuZ2UoKGV2LnRhcmdldC52YWx1ZSB8fCBcIlwiKS50b0xvd2VyQ2FzZSgpKTtcbiAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgIHsuLi5vbWl0KHByb3BzLCBcInZhbGlkYXRlXCIpfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIHt2YWxpZGF0aW9uLmlzVmFsaWQgPT09IGZhbHNlICYmIChcbiAgICAgICAgICAgICAgICA8Rm9ybUNvbXBvbmVudEVycm9yTWVzc2FnZSB0ZXh0PXt2YWxpZGF0aW9uLm1lc3NhZ2V9IGludmFsaWQ9e3RydWV9IC8+XG4gICAgICAgICAgICApfVxuICAgICAgICAgICAge3ZhbGlkYXRpb24uaXNWYWxpZCAhPT0gZmFsc2UgJiYgZGVzY3JpcHRpb24gJiYgKFxuICAgICAgICAgICAgICAgIDxGb3JtQ29tcG9uZW50Tm90ZSB0ZXh0PXtkZXNjcmlwdGlvbn0gLz5cbiAgICAgICAgICAgICl9XG4gICAgICAgIDwvUmVhY3QuRnJhZ21lbnQ+XG4gICAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFJlYWN0Lm1lbW8oSW5wdXRGaWVsZCk7XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+const labelStyle = css({
+    marginBottom: 8,
+    padding: "0px 8px",
+    "& span": {
+        color: "var(--mdc-theme-text-primary-on-background)"
+    }
 });
-const getValue = params => {
-  const {
-    value,
-    defaultValue,
-    type
-  } = params;
-  if (type === "number") {
-    return isNaN(value) ? defaultValue : value;
-  }
-  return value || defaultValue;
+const getValue = (params)=>{
+    const { value, defaultValue, type } = params;
+    if ("number" === type) return isNaN(value) ? defaultValue : value;
+    return value || defaultValue;
 };
-const InputField = ({
-  className,
-  value,
-  onChange,
-  onKeyDown,
-  label,
-  description,
-  validation = {
+const InputField = ({ className, value, onChange, onKeyDown, label, description, validation = {
     isValid: true
-  },
-  defaultValue = "",
-  ...props
-}) => {
-  return /*#__PURE__*/React.createElement(React.Fragment, null, label && /*#__PURE__*/React.createElement("div", {
-    className: labelStyle
-  }, /*#__PURE__*/React.createElement(Text, {
-    size: "sm"
-  }, label)), /*#__PURE__*/React.createElement("input", Object.assign({
-    className: classNames(inputStyle, className),
-    value: getValue({
-      value,
-      type: props.type || "string",
-      defaultValue
-    }),
-    onKeyDown: onKeyDown,
-    onChange: ev => {
-      if (!onChange) {
-        return;
-      }
-      onChange((ev.target.value || "").toLowerCase());
-    }
-  }, omit(props, "validate"))), validation.isValid === false && /*#__PURE__*/React.createElement(FormComponentErrorMessage, {
-    text: validation.message,
-    invalid: true
-  }), validation.isValid !== false && description && /*#__PURE__*/React.createElement(FormComponentNote, {
-    text: description
-  }));
-};
-export default /*#__PURE__*/React.memo(InputField);
+}, defaultValue = "", ...props })=>/*#__PURE__*/ react.createElement(react.Fragment, null, label && /*#__PURE__*/ react.createElement("div", {
+        className: labelStyle
+    }, /*#__PURE__*/ react.createElement(Text, {
+        size: "sm"
+    }, label)), /*#__PURE__*/ react.createElement("input", {
+        className: classnames(inputStyle, className),
+        value: getValue({
+            value,
+            type: props.type || "string",
+            defaultValue
+        }),
+        onKeyDown: onKeyDown,
+        onChange: (ev)=>{
+            if (!onChange) return;
+            onChange((ev.target.value || "").toLowerCase());
+        },
+        ...omit(props, "validate")
+    }), false === validation.isValid && /*#__PURE__*/ react.createElement(FormComponentErrorMessage, {
+        text: validation.message,
+        invalid: true
+    }), false !== validation.isValid && description && /*#__PURE__*/ react.createElement(FormComponentNote, {
+        text: description
+    }));
+const SimpleUI_InputField = /*#__PURE__*/ react.memo(InputField);
+export default SimpleUI_InputField;
 
 //# sourceMappingURL=InputField.js.map

package/components/SimpleUI/InputField.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","css","classNames","omit","Text","FormComponentErrorMessage","FormComponentNote","inputStyle","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","labelStyle","getValue","params","value","defaultValue","type","isNaN","InputField","className","onChange","onKeyDown","label","description","validation","isValid","props","createElement","Fragment","size","Object","assign","ev","target","toLowerCase","text","message","invalid","memo"],"sources":["InputField.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"@emotion/css\";\nimport classNames from \"classnames\";\nimport omit from \"lodash/omit.js\";\nimport { Text, FormComponentErrorMessage, FormComponentNote } from \"@webiny/admin-ui\";\n\nconst inputStyle = css({\n    boxSizing: \"border-box\",\n    border: \"1px solid var(--mdc-theme-on-background)\",\n    width: \"100%\",\n    height: \"100%\",\n    padding: \"4px 8px\",\n    textAlign: \"left\",\n    minHeight: 32,\n    backgroundColor: \"var(--mdc-theme-surface)\",\n    transition: \"150ms all ease-in-out\",\n    \"&:focus:not(:disabled)\": {\n        backgroundColor: \"var(--mdc-theme-on-background)\"\n    },\n    \"&:hover:not(:disabled)\": {\n        backgroundColor: \"var(--mdc-theme-on-background)\"\n    },\n    \"&:disabled\": {\n        opacity: 0.5,\n        cursor: \"not-allowed\"\n    },\n\n    \"&.text-center\": {\n        textAlign: \"center\",\n        padding: 4\n    },\n\n    \"&::-webkit-inner-spin-button\": {\n        WebkitAppearance: \"none\",\n        margin: 0\n    },\n    \"&::-webkit-outer-spin-button\": {\n        WebkitAppearance: \"none\",\n        margin: 0\n    }\n});\n\nconst labelStyle = css({\n    marginBottom: 8,\n    padding: \"0px 8px\",\n    \"& span\": {\n        color: \"var(--mdc-theme-text-primary-on-background)\"\n    }\n});\n\ninterface GetValueParams {\n    value: string | number | undefined;\n    defaultValue: string | number;\n    type: \"number\" | \"string\";\n}\nconst getValue = (params: GetValueParams): string => {\n    const { value, defaultValue, type } = params;\n    if (type === \"number\") {\n        return (isNaN(value as number) ? defaultValue : value) as string;\n    }\n    return (value || defaultValue) as string;\n};\n\nexport type OnKeyDownProps = React.SyntheticEvent<HTMLInputElement, Event> &\n    React.KeyboardEvent<HTMLInputElement>;\n\ninterface InputBoxProps {\n    value?: string | number;\n    onChange?: (value: any) => void;\n    onKeyDown?: (e: OnKeyDownProps) => any;\n    defaultValue?: string | number;\n    type?: \"string\" | \"number\";\n    [key: string]: any;\n}\nconst InputField = ({\n    className,\n    value,\n    onChange,\n    onKeyDown,\n    label,\n    description,\n    validation = { isValid: true },\n    defaultValue = \"\",\n    ...props\n}: InputBoxProps) => {\n    return (\n        <React.Fragment>\n            {label && (\n                <div className={labelStyle}>\n                    <Text size={\"sm\"}>{label}</Text>\n                </div>\n            )}\n            <input\n                className={classNames(inputStyle, className)}\n                value={getValue({\n                    value,\n                    type: props.type || \"string\",\n                    defaultValue\n                })}\n                onKeyDown={onKeyDown}\n                onChange={ev => {\n                    if (!onChange) {\n                        return;\n                    }\n                    onChange((ev.target.value || \"\").toLowerCase());\n                }}\n                {...omit(props, \"validate\")}\n            />\n            {validation.isValid === false && (\n                <FormComponentErrorMessage text={validation.message} invalid={true} />\n            )}\n            {validation.isValid !== false && description && (\n                <FormComponentNote text={description} />\n            )}\n        </React.Fragment>\n    );\n};\n\nexport default React.memo(InputField);\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,GAAG,QAAQ,cAAc;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,IAAI,MAAM,gBAAgB;AACjC,SAASC,IAAI,EAAEC,yBAAyB,EAAEC,iBAAiB,QAAQ,kBAAkB;AAErF,MAAMC,UAAU,gBAAGN,GAAG,CAAAO,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA,CAkCrB,CAAC;AAEF,MAAMC,UAAU,gBAAGd,GAAG,CAAAO,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA,CAMrB,CAAC;AAOF,MAAME,QAAQ,GAAIC,MAAsB,IAAa;EACjD,MAAM;IAAEC,KAAK;IAAEC,YAAY;IAAEC;EAAK,CAAC,GAAGH,MAAM;EAC5C,IAAIG,IAAI,KAAK,QAAQ,EAAE;IACnB,OAAQC,KAAK,CAACH,KAAe,CAAC,GAAGC,YAAY,GAAGD,KAAK;EACzD;EACA,OAAQA,KAAK,IAAIC,YAAY;AACjC,CAAC;AAaD,MAAMG,UAAU,GAAGA,CAAC;EAChBC,SAAS;EACTL,KAAK;EACLM,QAAQ;EACRC,SAAS;EACTC,KAAK;EACLC,WAAW;EACXC,UAAU,GAAG;IAAEC,OAAO,EAAE;EAAK,CAAC;EAC9BV,YAAY,GAAG,EAAE;EACjB,GAAGW;AACQ,CAAC,KAAK;EACjB,oBACI9B,KAAA,CAAA+B,aAAA,CAAC/B,KAAK,CAACgC,QAAQ,QACVN,KAAK,iBACF1B,KAAA,CAAA+B,aAAA;IAAKR,SAAS,EAAER;EAAW,gBACvBf,KAAA,CAAA+B,aAAA,CAAC3B,IAAI;IAAC6B,IAAI,EAAE;EAAK,GAAEP,KAAY,CAC9B,CACR,eACD1B,KAAA,CAAA+B,aAAA,UAAAG,MAAA,CAAAC,MAAA;IACIZ,SAAS,EAAErB,UAAU,CAACK,UAAU,EAAEgB,SAAS,CAAE;IAC7CL,KAAK,EAAEF,QAAQ,CAAC;MACZE,KAAK;MACLE,IAAI,EAAEU,KAAK,CAACV,IAAI,IAAI,QAAQ;MAC5BD;IACJ,CAAC,CAAE;IACHM,SAAS,EAAEA,SAAU;IACrBD,QAAQ,EAAEY,EAAE,IAAI;MACZ,IAAI,CAACZ,QAAQ,EAAE;QACX;MACJ;MACAA,QAAQ,CAAC,CAACY,EAAE,CAACC,MAAM,CAACnB,KAAK,IAAI,EAAE,EAAEoB,WAAW,CAAC,CAAC,CAAC;IACnD;EAAE,GACEnC,IAAI,CAAC2B,KAAK,EAAE,UAAU,CAAC,CAC9B,CAAC,EACDF,UAAU,CAACC,OAAO,KAAK,KAAK,iBACzB7B,KAAA,CAAA+B,aAAA,CAAC1B,yBAAyB;IAACkC,IAAI,EAAEX,UAAU,CAACY,OAAQ;IAACC,OAAO,EAAE;EAAK,CAAE,CACxE,EACAb,UAAU,CAACC,OAAO,KAAK,KAAK,IAAIF,WAAW,iBACxC3B,KAAA,CAAA+B,aAAA,CAACzB,iBAAiB;IAACiC,IAAI,EAAEZ;EAAY,CAAE,CAE/B,CAAC;AAEzB,CAAC;AAED,4BAAe3B,KAAK,CAAC0C,IAAI,CAACpB,UAAU,CAAC","ignoreList":[]}
+{"version":3,"file":"components/SimpleUI/InputField.js","sources":["../../../src/components/SimpleUI/InputField.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"@emotion/css\";\nimport classNames from \"classnames\";\nimport omit from \"lodash/omit.js\";\nimport { Text, FormComponentErrorMessage, FormComponentNote } from \"@webiny/admin-ui\";\n\nconst inputStyle = css({\n    boxSizing: \"border-box\",\n    border: \"1px solid var(--mdc-theme-on-background)\",\n    width: \"100%\",\n    height: \"100%\",\n    padding: \"4px 8px\",\n    textAlign: \"left\",\n    minHeight: 32,\n    backgroundColor: \"var(--mdc-theme-surface)\",\n    transition: \"150ms all ease-in-out\",\n    \"&:focus:not(:disabled)\": {\n        backgroundColor: \"var(--mdc-theme-on-background)\"\n    },\n    \"&:hover:not(:disabled)\": {\n        backgroundColor: \"var(--mdc-theme-on-background)\"\n    },\n    \"&:disabled\": {\n        opacity: 0.5,\n        cursor: \"not-allowed\"\n    },\n\n    \"&.text-center\": {\n        textAlign: \"center\",\n        padding: 4\n    },\n\n    \"&::-webkit-inner-spin-button\": {\n        WebkitAppearance: \"none\",\n        margin: 0\n    },\n    \"&::-webkit-outer-spin-button\": {\n        WebkitAppearance: \"none\",\n        margin: 0\n    }\n});\n\nconst labelStyle = css({\n    marginBottom: 8,\n    padding: \"0px 8px\",\n    \"& span\": {\n        color: \"var(--mdc-theme-text-primary-on-background)\"\n    }\n});\n\ninterface GetValueParams {\n    value: string | number | undefined;\n    defaultValue: string | number;\n    type: \"number\" | \"string\";\n}\nconst getValue = (params: GetValueParams): string => {\n    const { value, defaultValue, type } = params;\n    if (type === \"number\") {\n        return (isNaN(value as number) ? defaultValue : value) as string;\n    }\n    return (value || defaultValue) as string;\n};\n\nexport type OnKeyDownProps = React.SyntheticEvent<HTMLInputElement, Event> &\n    React.KeyboardEvent<HTMLInputElement>;\n\ninterface InputBoxProps {\n    value?: string | number;\n    onChange?: (value: any) => void;\n    onKeyDown?: (e: OnKeyDownProps) => any;\n    defaultValue?: string | number;\n    type?: \"string\" | \"number\";\n    [key: string]: any;\n}\nconst InputField = ({\n    className,\n    value,\n    onChange,\n    onKeyDown,\n    label,\n    description,\n    validation = { isValid: true },\n    defaultValue = \"\",\n    ...props\n}: InputBoxProps) => {\n    return (\n        <React.Fragment>\n            {label && (\n                <div className={labelStyle}>\n                    <Text size={\"sm\"}>{label}</Text>\n                </div>\n            )}\n            <input\n                className={classNames(inputStyle, className)}\n                value={getValue({\n                    value,\n                    type: props.type || \"string\",\n                    defaultValue\n                })}\n                onKeyDown={onKeyDown}\n                onChange={ev => {\n                    if (!onChange) {\n                        return;\n                    }\n                    onChange((ev.target.value || \"\").toLowerCase());\n                }}\n                {...omit(props, \"validate\")}\n            />\n            {validation.isValid === false && (\n                <FormComponentErrorMessage text={validation.message} invalid={true} />\n            )}\n            {validation.isValid !== false && description && (\n                <FormComponentNote text={description} />\n            )}\n        </React.Fragment>\n    );\n};\n\nexport default React.memo(InputField);\n"],"names":["inputStyle","css","labelStyle","getValue","params","value","defaultValue","type","isNaN","InputField","className","onChange","onKeyDown","label","description","validation","props","React","Text","classNames","ev","omit","FormComponentErrorMessage","FormComponentNote"],"mappings":";;;;;AAMA,MAAMA,aAAaC,IAAI;IACnB,WAAW;IACX,QAAQ;IACR,OAAO;IACP,QAAQ;IACR,SAAS;IACT,WAAW;IACX,WAAW;IACX,iBAAiB;IACjB,YAAY;IACZ,0BAA0B;QACtB,iBAAiB;IACrB;IACA,0BAA0B;QACtB,iBAAiB;IACrB;IACA,cAAc;QACV,SAAS;QACT,QAAQ;IACZ;IAEA,iBAAiB;QACb,WAAW;QACX,SAAS;IACb;IAEA,gCAAgC;QAC5B,kBAAkB;QAClB,QAAQ;IACZ;IACA,gCAAgC;QAC5B,kBAAkB;QAClB,QAAQ;IACZ;AACJ;AAEA,MAAMC,aAAaD,IAAI;IACnB,cAAc;IACd,SAAS;IACT,UAAU;QACN,OAAO;IACX;AACJ;AAOA,MAAME,WAAW,CAACC;IACd,MAAM,EAAEC,KAAK,EAAEC,YAAY,EAAEC,IAAI,EAAE,GAAGH;IACtC,IAAIG,AAAS,aAATA,MACA,OAAQC,MAAMH,SAAmBC,eAAeD;IAEpD,OAAQA,SAASC;AACrB;AAaA,MAAMG,aAAa,CAAC,EAChBC,SAAS,EACTL,KAAK,EACLM,QAAQ,EACRC,SAAS,EACTC,KAAK,EACLC,WAAW,EACXC,aAAa;IAAE,SAAS;AAAK,CAAC,EAC9BT,eAAe,EAAE,EACjB,GAAGU,OACS,GACL,WAAP,GACI,oBAACC,MAAAA,QAAc,QACVJ,SAAS,WAATA,GACG,oBAAC;QAAI,WAAWX;qBACZ,oBAACgB,MAAIA;QAAC,MAAM;OAAOL,SAAAA,WAAAA,GAG3B,oBAAC;QACG,WAAWM,WAAWnB,YAAYU;QAClC,OAAOP,SAAS;YACZE;YACA,MAAMW,MAAM,IAAI,IAAI;YACpBV;QACJ;QACA,WAAWM;QACX,UAAUQ,CAAAA;YACN,IAAI,CAACT,UACD;YAEJA,SAAUS,AAAAA,CAAAA,GAAG,MAAM,CAAC,KAAK,IAAI,EAAC,EAAG,WAAW;QAChD;QACC,GAAGC,KAAKL,OAAO,WAAW;QAE9BD,AAAuB,UAAvBA,WAAW,OAAO,IAAc,WAAT,GACpB,oBAACO,2BAAyBA;QAAC,MAAMP,WAAW,OAAO;QAAE,SAAS;QAEjEA,AAAuB,UAAvBA,WAAW,OAAO,IAAcD,eAAe,WAAfA,GAC7B,oBAACS,mBAAiBA;QAAC,MAAMT;;AAMzC,0CAAeG,MAAAA,IAAU,CAACR"}

package/components/SingleImageUpload.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import type { FileManagerFileItem } from "../index.js";
+import type { FileManagerFileItem } from "../base/ui/FileManager.js";
 import type { FormComponentProps } from "@webiny/admin-ui";
 import { type FilePickerProps } from "@webiny/admin-ui";
 export interface SingleImageUploadProps extends FormComponentProps {
@@ -64,5 +64,4 @@ export interface SingleImageUploadProps extends FormComponentProps {
      */
     variant?: FilePickerProps["variant"];
 }
-declare const SingleImageUpload: (props: SingleImageUploadProps) => React.JSX.Element;
-export default SingleImageUpload;
+export declare const SingleImageUpload: (props: SingleImageUploadProps) => React.JSX.Element;

package/components/SingleImageUpload.js

@@ -1,62 +1,40 @@
-import React, { useCallback } from "react";
-import { FileManager } from "../index.js";
+import react, { useCallback } from "react";
+import { FileManager } from "../base/ui/FileManager.js";
 import { FileItem, FilePicker } from "@webiny/admin-ui";
-const SingleImageUpload = props => {
-  const {
-    accept,
-    className,
-    description,
-    disabled,
-    includeFileMeta = false,
-    label,
-    maxSize,
-    renderFilePreview,
-    renderTrigger,
-    validation,
-    value,
-    variant,
-    type
-  } = props;
-  const onChange = useCallback(value => {
-    if (!props.onChange) {
-      return;
-    }
-    if (value && !includeFileMeta) {
-      props.onChange({
-        id: value.id,
-        src: value.src
-      });
-      return;
-    }
-    if (value && includeFileMeta) {
-      props.onChange(value);
-      return;
-    }
-    props.onChange(null);
-  }, [props.onChange]);
-  return /*#__PURE__*/React.createElement(FileManager, {
-    onChange: onChange,
-    accept: accept,
-    images: !accept,
-    maxSize: maxSize,
-    render: ({
-      showFileManager
-    }) => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FilePicker, {
-      label: label,
-      description: description,
-      validation: validation,
-      className: className,
-      disabled: disabled,
-      value: value ? FileItem.createFromUrl(value.src) : null,
-      onSelectItem: showFileManager,
-      onRemoveItem: () => onChange(null),
-      renderFilePreview: renderFilePreview,
-      renderTrigger: renderTrigger,
-      variant: variant,
-      type: type
-    }))
-  });
+const SingleImageUpload = (props)=>{
+    const { accept, className, description, disabled, includeFileMeta = false, label, maxSize, renderFilePreview, renderTrigger, validation, value, variant, type } = props;
+    const onChange = useCallback((value)=>{
+        if (!props.onChange) return;
+        if (value && !includeFileMeta) return void props.onChange({
+            id: value.id,
+            src: value.src
+        });
+        if (value && includeFileMeta) return void props.onChange(value);
+        props.onChange(null);
+    }, [
+        props.onChange
+    ]);
+    return /*#__PURE__*/ react.createElement(FileManager, {
+        onChange: onChange,
+        accept: accept,
+        images: !accept,
+        maxSize: maxSize,
+        render: ({ showFileManager })=>/*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(FilePicker, {
+                label: label,
+                description: description,
+                validation: validation,
+                className: className,
+                disabled: disabled,
+                value: value ? FileItem.createFromUrl(value.src) : null,
+                onSelectItem: showFileManager,
+                onRemoveItem: ()=>onChange(null),
+                renderFilePreview: renderFilePreview,
+                renderTrigger: renderTrigger,
+                variant: variant,
+                type: type
+            }))
+    });
 };
-export default SingleImageUpload;
+export { SingleImageUpload };
 
 //# sourceMappingURL=SingleImageUpload.js.map

package/components/SingleImageUpload.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","FileManager","FileItem","FilePicker","SingleImageUpload","props","accept","className","description","disabled","includeFileMeta","label","maxSize","renderFilePreview","renderTrigger","validation","value","variant","type","onChange","id","src","createElement","images","render","showFileManager","Fragment","createFromUrl","onSelectItem","onRemoveItem"],"sources":["SingleImageUpload.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport type { FileManagerFileItem } from \"~/index.js\";\nimport { FileManager } from \"~/index.js\";\nimport type { FormComponentProps } from \"@webiny/admin-ui\";\nimport { FileItem, FilePicker, type FilePickerProps } from \"@webiny/admin-ui\";\n\nexport interface SingleImageUploadProps extends FormComponentProps {\n    /**\n     * Accept types\n     */\n    accept?: string[];\n\n    /**\n     * Component label.\n     */\n    label?: string;\n\n    /**\n     * Is component disabled?\n     */\n    disabled?: boolean;\n\n    /**\n     * Description beneath the image.\n     */\n    description?: React.ReactNode;\n\n    /**\n     * A className for the root element.\n     */\n    className?: string;\n\n    /**\n     * Define file's max allowed size (default is \"10mb\").\n     * Uses \"bytes\" (https://www.npmjs.com/package/bytes) library to convert string notation to actual number.\n     */\n    maxSize?: number | string;\n\n    /**\n     * onChange callback when a file is set or unset.\n     * It is marked as `optional` because this component is often used in conjunction with <Bind>, which injects the\n     * `onChange` into its child element. In that case, that prop is not passed by the developer.\n     */\n    onChange?: (value: Pick<FileManagerFileItem, \"id\" | \"src\"> | null) => void;\n\n    /**\n     * Optional custom props, passed to the preview image.\n     */\n    imagePreviewProps?: any;\n\n    /**\n     * By default, file meta is not included in the data passed to `onChange`. If you need it, set this flag to true.\n     */\n    includeFileMeta?: boolean;\n\n    /**\n     * Is the wrapper round?\n     * @deprecated Provide a custom `renderImagePreview` instead.\n     */\n    round?: boolean;\n\n    /**\n     * Render the image preview.\n     */\n    renderFilePreview?: FilePickerProps[\"renderFilePreview\"];\n\n    /**\n     * Render the trigger button.\n     */\n    renderTrigger?: FilePickerProps[\"renderTrigger\"];\n\n    /**\n     * Component type.\n     */\n    type?: FilePickerProps[\"type\"];\n\n    /**\n     * Component variant.\n     */\n    variant?: FilePickerProps[\"variant\"];\n}\n\nconst SingleImageUpload = (props: SingleImageUploadProps) => {\n    const {\n        accept,\n        className,\n        description,\n        disabled,\n        includeFileMeta = false,\n        label,\n        maxSize,\n        renderFilePreview,\n        renderTrigger,\n        validation,\n        value,\n        variant,\n        type\n    } = props;\n\n    const onChange = useCallback(\n        (value: FileManagerFileItem | null) => {\n            if (!props.onChange) {\n                return;\n            }\n\n            if (value && !includeFileMeta) {\n                props.onChange({ id: value.id, src: value.src });\n                return;\n            }\n\n            if (value && includeFileMeta) {\n                props.onChange(value);\n                return;\n            }\n\n            props.onChange(null);\n        },\n        [props.onChange]\n    );\n\n    return (\n        <FileManager\n            onChange={onChange}\n            accept={accept}\n            images={!accept}\n            maxSize={maxSize}\n            render={({ showFileManager }) => (\n                <>\n                    <FilePicker\n                        label={label}\n                        description={description}\n                        validation={validation}\n                        className={className}\n                        disabled={disabled}\n                        value={value ? FileItem.createFromUrl(value.src) : null}\n                        onSelectItem={showFileManager}\n                        onRemoveItem={() => onChange(null)}\n                        renderFilePreview={renderFilePreview}\n                        renderTrigger={renderTrigger}\n                        variant={variant}\n                        type={type}\n                    />\n                </>\n            )}\n        />\n    );\n};\n\nexport default SingleImageUpload;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAE1C,SAASC,WAAW;AAEpB,SAASC,QAAQ,EAAEC,UAAU,QAA8B,kBAAkB;AA8E7E,MAAMC,iBAAiB,GAAIC,KAA6B,IAAK;EACzD,MAAM;IACFC,MAAM;IACNC,SAAS;IACTC,WAAW;IACXC,QAAQ;IACRC,eAAe,GAAG,KAAK;IACvBC,KAAK;IACLC,OAAO;IACPC,iBAAiB;IACjBC,aAAa;IACbC,UAAU;IACVC,KAAK;IACLC,OAAO;IACPC;EACJ,CAAC,GAAGb,KAAK;EAET,MAAMc,QAAQ,GAAGnB,WAAW,CACvBgB,KAAiC,IAAK;IACnC,IAAI,CAACX,KAAK,CAACc,QAAQ,EAAE;MACjB;IACJ;IAEA,IAAIH,KAAK,IAAI,CAACN,eAAe,EAAE;MAC3BL,KAAK,CAACc,QAAQ,CAAC;QAAEC,EAAE,EAAEJ,KAAK,CAACI,EAAE;QAAEC,GAAG,EAAEL,KAAK,CAACK;MAAI,CAAC,CAAC;MAChD;IACJ;IAEA,IAAIL,KAAK,IAAIN,eAAe,EAAE;MAC1BL,KAAK,CAACc,QAAQ,CAACH,KAAK,CAAC;MACrB;IACJ;IAEAX,KAAK,CAACc,QAAQ,CAAC,IAAI,CAAC;EACxB,CAAC,EACD,CAACd,KAAK,CAACc,QAAQ,CACnB,CAAC;EAED,oBACIpB,KAAA,CAAAuB,aAAA,CAACrB,WAAW;IACRkB,QAAQ,EAAEA,QAAS;IACnBb,MAAM,EAAEA,MAAO;IACfiB,MAAM,EAAE,CAACjB,MAAO;IAChBM,OAAO,EAAEA,OAAQ;IACjBY,MAAM,EAAEA,CAAC;MAAEC;IAAgB,CAAC,kBACxB1B,KAAA,CAAAuB,aAAA,CAAAvB,KAAA,CAAA2B,QAAA,qBACI3B,KAAA,CAAAuB,aAAA,CAACnB,UAAU;MACPQ,KAAK,EAAEA,KAAM;MACbH,WAAW,EAAEA,WAAY;MACzBO,UAAU,EAAEA,UAAW;MACvBR,SAAS,EAAEA,SAAU;MACrBE,QAAQ,EAAEA,QAAS;MACnBO,KAAK,EAAEA,KAAK,GAAGd,QAAQ,CAACyB,aAAa,CAACX,KAAK,CAACK,GAAG,CAAC,GAAG,IAAK;MACxDO,YAAY,EAAEH,eAAgB;MAC9BI,YAAY,EAAEA,CAAA,KAAMV,QAAQ,CAAC,IAAI,CAAE;MACnCN,iBAAiB,EAAEA,iBAAkB;MACrCC,aAAa,EAAEA,aAAc;MAC7BG,OAAO,EAAEA,OAAQ;MACjBC,IAAI,EAAEA;IAAK,CACd,CACH;EACJ,CACL,CAAC;AAEV,CAAC;AAED,eAAed,iBAAiB","ignoreList":[]}
+{"version":3,"file":"components/SingleImageUpload.js","sources":["../../src/components/SingleImageUpload.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport type { FileManagerFileItem } from \"~/base/ui/FileManager.js\";\nimport { FileManager } from \"~/base/ui/FileManager.js\";\nimport type { FormComponentProps } from \"@webiny/admin-ui\";\nimport { FileItem, FilePicker, type FilePickerProps } from \"@webiny/admin-ui\";\n\nexport interface SingleImageUploadProps extends FormComponentProps {\n    /**\n     * Accept types\n     */\n    accept?: string[];\n\n    /**\n     * Component label.\n     */\n    label?: string;\n\n    /**\n     * Is component disabled?\n     */\n    disabled?: boolean;\n\n    /**\n     * Description beneath the image.\n     */\n    description?: React.ReactNode;\n\n    /**\n     * A className for the root element.\n     */\n    className?: string;\n\n    /**\n     * Define file's max allowed size (default is \"10mb\").\n     * Uses \"bytes\" (https://www.npmjs.com/package/bytes) library to convert string notation to actual number.\n     */\n    maxSize?: number | string;\n\n    /**\n     * onChange callback when a file is set or unset.\n     * It is marked as `optional` because this component is often used in conjunction with <Bind>, which injects the\n     * `onChange` into its child element. In that case, that prop is not passed by the developer.\n     */\n    onChange?: (value: Pick<FileManagerFileItem, \"id\" | \"src\"> | null) => void;\n\n    /**\n     * Optional custom props, passed to the preview image.\n     */\n    imagePreviewProps?: any;\n\n    /**\n     * By default, file meta is not included in the data passed to `onChange`. If you need it, set this flag to true.\n     */\n    includeFileMeta?: boolean;\n\n    /**\n     * Is the wrapper round?\n     * @deprecated Provide a custom `renderImagePreview` instead.\n     */\n    round?: boolean;\n\n    /**\n     * Render the image preview.\n     */\n    renderFilePreview?: FilePickerProps[\"renderFilePreview\"];\n\n    /**\n     * Render the trigger button.\n     */\n    renderTrigger?: FilePickerProps[\"renderTrigger\"];\n\n    /**\n     * Component type.\n     */\n    type?: FilePickerProps[\"type\"];\n\n    /**\n     * Component variant.\n     */\n    variant?: FilePickerProps[\"variant\"];\n}\n\nexport const SingleImageUpload = (props: SingleImageUploadProps) => {\n    const {\n        accept,\n        className,\n        description,\n        disabled,\n        includeFileMeta = false,\n        label,\n        maxSize,\n        renderFilePreview,\n        renderTrigger,\n        validation,\n        value,\n        variant,\n        type\n    } = props;\n\n    const onChange = useCallback(\n        (value: FileManagerFileItem | null) => {\n            if (!props.onChange) {\n                return;\n            }\n\n            if (value && !includeFileMeta) {\n                props.onChange({ id: value.id, src: value.src });\n                return;\n            }\n\n            if (value && includeFileMeta) {\n                props.onChange(value);\n                return;\n            }\n\n            props.onChange(null);\n        },\n        [props.onChange]\n    );\n\n    return (\n        <FileManager\n            onChange={onChange}\n            accept={accept}\n            images={!accept}\n            maxSize={maxSize}\n            render={({ showFileManager }) => (\n                <>\n                    <FilePicker\n                        label={label}\n                        description={description}\n                        validation={validation}\n                        className={className}\n                        disabled={disabled}\n                        value={value ? FileItem.createFromUrl(value.src) : null}\n                        onSelectItem={showFileManager}\n                        onRemoveItem={() => onChange(null)}\n                        renderFilePreview={renderFilePreview}\n                        renderTrigger={renderTrigger}\n                        variant={variant}\n                        type={type}\n                    />\n                </>\n            )}\n        />\n    );\n};\n"],"names":["SingleImageUpload","props","accept","className","description","disabled","includeFileMeta","label","maxSize","renderFilePreview","renderTrigger","validation","value","variant","type","onChange","useCallback","FileManager","showFileManager","FilePicker","FileItem"],"mappings":";;;AAkFO,MAAMA,oBAAoB,CAACC;IAC9B,MAAM,EACFC,MAAM,EACNC,SAAS,EACTC,WAAW,EACXC,QAAQ,EACRC,kBAAkB,KAAK,EACvBC,KAAK,EACLC,OAAO,EACPC,iBAAiB,EACjBC,aAAa,EACbC,UAAU,EACVC,KAAK,EACLC,OAAO,EACPC,IAAI,EACP,GAAGb;IAEJ,MAAMc,WAAWC,YACb,CAACJ;QACG,IAAI,CAACX,MAAM,QAAQ,EACf;QAGJ,IAAIW,SAAS,CAACN,iBAAiB,YAC3BL,MAAM,QAAQ,CAAC;YAAE,IAAIW,MAAM,EAAE;YAAE,KAAKA,MAAM,GAAG;QAAC;QAIlD,IAAIA,SAASN,iBAAiB,YAC1BL,MAAM,QAAQ,CAACW;QAInBX,MAAM,QAAQ,CAAC;IACnB,GACA;QAACA,MAAM,QAAQ;KAAC;IAGpB,OAAO,WAAP,GACI,oBAACgB,aAAWA;QACR,UAAUF;QACV,QAAQb;QACR,QAAQ,CAACA;QACT,SAASM;QACT,QAAQ,CAAC,EAAEU,eAAe,EAAE,iBACxB,wDACI,oBAACC,YAAUA;gBACP,OAAOZ;gBACP,aAAaH;gBACb,YAAYO;gBACZ,WAAWR;gBACX,UAAUE;gBACV,OAAOO,QAAQQ,SAAS,aAAa,CAACR,MAAM,GAAG,IAAI;gBACnD,cAAcM;gBACd,cAAc,IAAMH,SAAS;gBAC7B,mBAAmBN;gBACnB,eAAeC;gBACf,SAASG;gBACT,MAAMC;;;AAM9B"}

package/components/SplitView/SplitView.js

@@ -1,65 +1,55 @@
-import * as React from "react";
-import { cn, Separator } from "@webiny/admin-ui";
+import { Separator, cn } from "@webiny/admin-ui";
 import { Panel, PanelGroup, PanelResizeHandle } from "../ResizablePanels/index.js";
 import { useLocalStorage, useLocalStorageValue } from "@webiny/app";
-import { useCallback } from "react";
-export const SplitView = ({
-  children,
-  className,
-  namespace = "splitView",
-  ...props
-}) => {
-  const localStorage = useLocalStorage();
-  const layout = useLocalStorageValue(namespace);
-  const saveLayout = useCallback(layout => {
-    localStorage.set(`${namespace}/panels`, layout);
-  }, [localStorage, namespace]);
-  return /*#__PURE__*/React.createElement(PanelGroup, Object.assign({
-    id: namespace,
-    defaultLayout: layout,
-    className: cn("webiny-split-view", className),
-    onLayoutChanged: saveLayout
-  }, props), children);
+import * as __rspack_external_react from "react";
+const SplitView = ({ children, className, namespace = "splitView", ...props })=>{
+    const localStorage = useLocalStorage();
+    const layout = useLocalStorageValue(`${namespace}/panels`);
+    const saveLayout = (0, __rspack_external_react.useCallback)((layout)=>{
+        localStorage.set(`${namespace}/panels`, layout);
+    }, [
+        localStorage,
+        namespace
+    ]);
+    return /*#__PURE__*/ __rspack_external_react.createElement(PanelGroup, {
+        id: namespace,
+        defaultLayout: layout,
+        className: cn("webiny-split-view", className),
+        onLayoutChanged: saveLayout,
+        ...props
+    }, children);
 };
-
-// Get the default size for the panel:
-const getDefaultSize = span => {
-  const spanValue = typeof span === "number" && span > 0 && span <= 12 ? span : 6;
-  return spanValue / 12 * 100;
+const getDefaultSize = (span)=>{
+    const spanValue = "number" == typeof span && span > 0 && span <= 12 ? span : 6;
+    return spanValue / 12 * 100;
 };
-export const LeftPanel = ({
-  children,
-  className,
-  ...props
-}) => {
-  const defaultSize = props.defaultSize ?? getDefaultSize(props.span || 5);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Panel, Object.assign({
-    defaultSize: defaultSize,
-    minSize: 10,
-    id: "leftPanel",
-    className: cn("webiny-split-view__right-panel", className)
-  }, props), children), /*#__PURE__*/React.createElement(PanelResizeHandle, {
-    className: "outline-0"
-  }, /*#__PURE__*/React.createElement(Separator, {
-    orientation: "vertical"
-  })));
+const LeftPanel = ({ children, className, ...props })=>{
+    const defaultSize = props.defaultSize ?? getDefaultSize(props.span || 5);
+    return /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external_react.Fragment, null, /*#__PURE__*/ __rspack_external_react.createElement(Panel, {
+        defaultSize: defaultSize,
+        minSize: 10,
+        id: "leftPanel",
+        className: cn("webiny-split-view__right-panel", className),
+        ...props
+    }, children), /*#__PURE__*/ __rspack_external_react.createElement(PanelResizeHandle, {
+        className: "outline-0"
+    }, /*#__PURE__*/ __rspack_external_react.createElement(Separator, {
+        orientation: "vertical"
+    })));
 };
-export const RightPanel = ({
-  children,
-  className,
-  ...props
-}) => {
-  const defaultSize = props.defaultSize ?? getDefaultSize(props.span || 7);
-  return /*#__PURE__*/React.createElement(Panel, Object.assign({
-    defaultSize: defaultSize,
-    minSize: 30,
-    id: "rightPanel",
-    className: cn("overflow-scroll! webiny-split-view__right-panel", className)
-  }, props, {
-    style: {
-      overflowY: "scroll"
-    }
-  }), children);
+const RightPanel = ({ children, className, ...props })=>{
+    const defaultSize = props.defaultSize ?? getDefaultSize(props.span || 7);
+    return /*#__PURE__*/ __rspack_external_react.createElement(Panel, {
+        defaultSize: defaultSize,
+        minSize: 30,
+        id: "rightPanel",
+        className: cn("overflow-scroll! webiny-split-view__right-panel", className),
+        ...props,
+        style: {
+            overflowY: "scroll"
+        }
+    }, children);
 };
+export { LeftPanel, RightPanel, SplitView };
 
 //# sourceMappingURL=SplitView.js.map

package/components/SplitView/SplitView.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","cn","Separator","Panel","PanelGroup","PanelResizeHandle","useLocalStorage","useLocalStorageValue","useCallback","SplitView","children","className","namespace","props","localStorage","layout","saveLayout","set","createElement","Object","assign","id","defaultLayout","onLayoutChanged","getDefaultSize","span","spanValue","LeftPanel","defaultSize","Fragment","minSize","orientation","RightPanel","style","overflowY"],"sources":["SplitView.tsx"],"sourcesContent":["import * as React from \"react\";\nimport type { ColumnProps } from \"@webiny/admin-ui\";\nimport { cn, Separator } from \"@webiny/admin-ui\";\nimport type { PanelProps, PanelGroupProps } from \"~/components/ResizablePanels/index.js\";\nimport {\n    Panel,\n    PanelGroup,\n    PanelResizeHandle,\n    type Layout\n} from \"~/components/ResizablePanels/index.js\";\nimport { useLocalStorage, useLocalStorageValue } from \"@webiny/app\";\nimport { useCallback } from \"react\";\n\ninterface SplitViewProps extends Omit<PanelGroupProps, \"id\"> {\n    namespace?: string;\n}\n\nexport const SplitView = ({\n    children,\n    className,\n    namespace = \"splitView\",\n    ...props\n}: SplitViewProps) => {\n    const localStorage = useLocalStorage();\n\n    const layout = useLocalStorageValue<Layout>(namespace);\n\n    const saveLayout = useCallback(\n        (layout: Layout) => {\n            localStorage.set(`${namespace}/panels`, layout);\n        },\n        [localStorage, namespace]\n    );\n\n    return (\n        <PanelGroup\n            id={namespace}\n            defaultLayout={layout}\n            className={cn(\"webiny-split-view\", className)}\n            onLayoutChanged={saveLayout}\n            {...props}\n        >\n            {children}\n        </PanelGroup>\n    );\n};\n\n// Get the default size for the panel:\nconst getDefaultSize = (span: ColumnProps[\"span\"]) => {\n    const spanValue = typeof span === \"number\" && span > 0 && span <= 12 ? span : 6;\n    return (spanValue / 12) * 100;\n};\n\ninterface SplitViewPanelProps extends Omit<PanelProps, \"id\"> {\n    span?: ColumnProps[\"span\"];\n}\n\nexport const LeftPanel = ({ children, className, ...props }: SplitViewPanelProps) => {\n    const defaultSize = props.defaultSize ?? getDefaultSize(props.span || 5);\n\n    return (\n        <>\n            <Panel\n                defaultSize={defaultSize}\n                minSize={10}\n                id=\"leftPanel\"\n                className={cn(\"webiny-split-view__right-panel\", className)}\n                {...props}\n            >\n                {children}\n            </Panel>\n            <PanelResizeHandle className={\"outline-0\"}>\n                <Separator orientation={\"vertical\"} />\n            </PanelResizeHandle>\n        </>\n    );\n};\n\nexport const RightPanel = ({ children, className, ...props }: SplitViewPanelProps) => {\n    const defaultSize = props.defaultSize ?? getDefaultSize(props.span || 7);\n\n    return (\n        <Panel\n            defaultSize={defaultSize}\n            minSize={30}\n            id=\"rightPanel\"\n            className={cn(\"overflow-scroll! webiny-split-view__right-panel\", className)}\n            {...props}\n            style={{ overflowY: \"scroll\" }}\n        >\n            {children}\n        </Panel>\n    );\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,SAASC,EAAE,EAAEC,SAAS,QAAQ,kBAAkB;AAEhD,SACIC,KAAK,EACLC,UAAU,EACVC,iBAAiB;AAGrB,SAASC,eAAe,EAAEC,oBAAoB,QAAQ,aAAa;AACnE,SAASC,WAAW,QAAQ,OAAO;AAMnC,OAAO,MAAMC,SAAS,GAAGA,CAAC;EACtBC,QAAQ;EACRC,SAAS;EACTC,SAAS,GAAG,WAAW;EACvB,GAAGC;AACS,CAAC,KAAK;EAClB,MAAMC,YAAY,GAAGR,eAAe,CAAC,CAAC;EAEtC,MAAMS,MAAM,GAAGR,oBAAoB,CAASK,SAAS,CAAC;EAEtD,MAAMI,UAAU,GAAGR,WAAW,CACzBO,MAAc,IAAK;IAChBD,YAAY,CAACG,GAAG,CAAC,GAAGL,SAAS,SAAS,EAAEG,MAAM,CAAC;EACnD,CAAC,EACD,CAACD,YAAY,EAAEF,SAAS,CAC5B,CAAC;EAED,oBACIZ,KAAA,CAAAkB,aAAA,CAACd,UAAU,EAAAe,MAAA,CAAAC,MAAA;IACPC,EAAE,EAAET,SAAU;IACdU,aAAa,EAAEP,MAAO;IACtBJ,SAAS,EAAEV,EAAE,CAAC,mBAAmB,EAAEU,SAAS,CAAE;IAC9CY,eAAe,EAAEP;EAAW,GACxBH,KAAK,GAERH,QACO,CAAC;AAErB,CAAC;;AAED;AACA,MAAMc,cAAc,GAAIC,IAAyB,IAAK;EAClD,MAAMC,SAAS,GAAG,OAAOD,IAAI,KAAK,QAAQ,IAAIA,IAAI,GAAG,CAAC,IAAIA,IAAI,IAAI,EAAE,GAAGA,IAAI,GAAG,CAAC;EAC/E,OAAQC,SAAS,GAAG,EAAE,GAAI,GAAG;AACjC,CAAC;AAMD,OAAO,MAAMC,SAAS,GAAGA,CAAC;EAAEjB,QAAQ;EAAEC,SAAS;EAAE,GAAGE;AAA2B,CAAC,KAAK;EACjF,MAAMe,WAAW,GAAGf,KAAK,CAACe,WAAW,IAAIJ,cAAc,CAACX,KAAK,CAACY,IAAI,IAAI,CAAC,CAAC;EAExE,oBACIzB,KAAA,CAAAkB,aAAA,CAAAlB,KAAA,CAAA6B,QAAA,qBACI7B,KAAA,CAAAkB,aAAA,CAACf,KAAK,EAAAgB,MAAA,CAAAC,MAAA;IACFQ,WAAW,EAAEA,WAAY;IACzBE,OAAO,EAAE,EAAG;IACZT,EAAE,EAAC,WAAW;IACdV,SAAS,EAAEV,EAAE,CAAC,gCAAgC,EAAEU,SAAS;EAAE,GACvDE,KAAK,GAERH,QACE,CAAC,eACRV,KAAA,CAAAkB,aAAA,CAACb,iBAAiB;IAACM,SAAS,EAAE;EAAY,gBACtCX,KAAA,CAAAkB,aAAA,CAAChB,SAAS;IAAC6B,WAAW,EAAE;EAAW,CAAE,CACtB,CACrB,CAAC;AAEX,CAAC;AAED,OAAO,MAAMC,UAAU,GAAGA,CAAC;EAAEtB,QAAQ;EAAEC,SAAS;EAAE,GAAGE;AAA2B,CAAC,KAAK;EAClF,MAAMe,WAAW,GAAGf,KAAK,CAACe,WAAW,IAAIJ,cAAc,CAACX,KAAK,CAACY,IAAI,IAAI,CAAC,CAAC;EAExE,oBACIzB,KAAA,CAAAkB,aAAA,CAACf,KAAK,EAAAgB,MAAA,CAAAC,MAAA;IACFQ,WAAW,EAAEA,WAAY;IACzBE,OAAO,EAAE,EAAG;IACZT,EAAE,EAAC,YAAY;IACfV,SAAS,EAAEV,EAAE,CAAC,iDAAiD,EAAEU,SAAS;EAAE,GACxEE,KAAK;IACToB,KAAK,EAAE;MAAEC,SAAS,EAAE;IAAS;EAAE,IAE9BxB,QACE,CAAC;AAEhB,CAAC","ignoreList":[]}
+{"version":3,"file":"components/SplitView/SplitView.js","sources":["../../../src/components/SplitView/SplitView.tsx"],"sourcesContent":["import * as React from \"react\";\nimport type { ColumnProps } from \"@webiny/admin-ui\";\nimport { cn, Separator } from \"@webiny/admin-ui\";\nimport type { PanelProps, PanelGroupProps } from \"~/components/ResizablePanels/index.js\";\nimport {\n    Panel,\n    PanelGroup,\n    PanelResizeHandle,\n    type Layout\n} from \"~/components/ResizablePanels/index.js\";\nimport { useLocalStorage, useLocalStorageValue } from \"@webiny/app\";\nimport { useCallback } from \"react\";\n\ninterface SplitViewProps extends Omit<PanelGroupProps, \"id\"> {\n    namespace?: string;\n}\n\nexport const SplitView = ({\n    children,\n    className,\n    namespace = \"splitView\",\n    ...props\n}: SplitViewProps) => {\n    const localStorage = useLocalStorage();\n\n    const layout = useLocalStorageValue<Layout>(`${namespace}/panels`);\n\n    const saveLayout = useCallback(\n        (layout: Layout) => {\n            localStorage.set(`${namespace}/panels`, layout);\n        },\n        [localStorage, namespace]\n    );\n\n    return (\n        <PanelGroup\n            id={namespace}\n            defaultLayout={layout}\n            className={cn(\"webiny-split-view\", className)}\n            onLayoutChanged={saveLayout}\n            {...props}\n        >\n            {children}\n        </PanelGroup>\n    );\n};\n\n// Get the default size for the panel:\nconst getDefaultSize = (span: ColumnProps[\"span\"]) => {\n    const spanValue = typeof span === \"number\" && span > 0 && span <= 12 ? span : 6;\n    return (spanValue / 12) * 100;\n};\n\ninterface SplitViewPanelProps extends Omit<PanelProps, \"id\"> {\n    span?: ColumnProps[\"span\"];\n}\n\nexport const LeftPanel = ({ children, className, ...props }: SplitViewPanelProps) => {\n    const defaultSize = props.defaultSize ?? getDefaultSize(props.span || 5);\n\n    return (\n        <>\n            <Panel\n                defaultSize={defaultSize}\n                minSize={10}\n                id=\"leftPanel\"\n                className={cn(\"webiny-split-view__right-panel\", className)}\n                {...props}\n            >\n                {children}\n            </Panel>\n            <PanelResizeHandle className={\"outline-0\"}>\n                <Separator orientation={\"vertical\"} />\n            </PanelResizeHandle>\n        </>\n    );\n};\n\nexport const RightPanel = ({ children, className, ...props }: SplitViewPanelProps) => {\n    const defaultSize = props.defaultSize ?? getDefaultSize(props.span || 7);\n\n    return (\n        <Panel\n            defaultSize={defaultSize}\n            minSize={30}\n            id=\"rightPanel\"\n            className={cn(\"overflow-scroll! webiny-split-view__right-panel\", className)}\n            {...props}\n            style={{ overflowY: \"scroll\" }}\n        >\n            {children}\n        </Panel>\n    );\n};\n"],"names":["SplitView","children","className","namespace","props","localStorage","useLocalStorage","layout","useLocalStorageValue","saveLayout","useCallback","PanelGroup","cn","getDefaultSize","span","spanValue","LeftPanel","defaultSize","Panel","PanelResizeHandle","Separator","RightPanel"],"mappings":";;;;AAiBO,MAAMA,YAAY,CAAC,EACtBC,QAAQ,EACRC,SAAS,EACTC,YAAY,WAAW,EACvB,GAAGC,OACU;IACb,MAAMC,eAAeC;IAErB,MAAMC,SAASC,qBAA6B,GAAGL,UAAU,OAAO,CAAC;IAEjE,MAAMM,aAAaC,AAAAA,IAAAA,wBAAAA,WAAAA,AAAAA,EACf,CAACH;QACGF,aAAa,GAAG,CAAC,GAAGF,UAAU,OAAO,CAAC,EAAEI;IAC5C,GACA;QAACF;QAAcF;KAAU;IAG7B,OAAO,WAAP,GACI,sCAACQ,YAAUA;QACP,IAAIR;QACJ,eAAeI;QACf,WAAWK,GAAG,qBAAqBV;QACnC,iBAAiBO;QAChB,GAAGL,KAAK;OAERH;AAGb;AAGA,MAAMY,iBAAiB,CAACC;IACpB,MAAMC,YAAY,AAAgB,YAAhB,OAAOD,QAAqBA,OAAO,KAAKA,QAAQ,KAAKA,OAAO;IAC9E,OAAQC,YAAY,KAAM;AAC9B;AAMO,MAAMC,YAAY,CAAC,EAAEf,QAAQ,EAAEC,SAAS,EAAE,GAAGE,OAA4B;IAC5E,MAAMa,cAAcb,MAAM,WAAW,IAAIS,eAAeT,MAAM,IAAI,IAAI;IAEtE,OAAO,WAAP,GACI,4FACI,sCAACc,OAAKA;QACF,aAAaD;QACb,SAAS;QACT,IAAG;QACH,WAAWL,GAAG,kCAAkCV;QAC/C,GAAGE,KAAK;OAERH,WAAAA,WAAAA,GAEL,sCAACkB,mBAAiBA;QAAC,WAAW;qBAC1B,sCAACC,WAASA;QAAC,aAAa;;AAIxC;AAEO,MAAMC,aAAa,CAAC,EAAEpB,QAAQ,EAAEC,SAAS,EAAE,GAAGE,OAA4B;IAC7E,MAAMa,cAAcb,MAAM,WAAW,IAAIS,eAAeT,MAAM,IAAI,IAAI;IAEtE,OAAO,WAAP,GACI,sCAACc,OAAKA;QACF,aAAaD;QACb,SAAS;QACT,IAAG;QACH,WAAWL,GAAG,mDAAmDV;QAChE,GAAGE,KAAK;QACT,OAAO;YAAE,WAAW;QAAS;OAE5BH;AAGb"}

package/components/SplitView/index.js

@@ -1,3 +1 @@
-export { SplitView, LeftPanel, RightPanel } from "./SplitView.js";
-
-//# sourceMappingURL=index.js.map
+export { LeftPanel, RightPanel, SplitView } from "./SplitView.js";

package/components/Table/cells/CellAuthor.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const CellAuthor: () => React.JSX.Element | null;

package/components/Table/cells/CellAuthor.js

@@ -0,0 +1,10 @@
+import react, { useContext } from "react";
+import { TableRowContext } from "../useTableRow.js";
+const CellAuthor = ()=>{
+    const context = useContext(TableRowContext);
+    if (!context) return null;
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, context.row.data.createdBy.displayName);
+};
+export { CellAuthor };
+
+//# sourceMappingURL=CellAuthor.js.map

package/components/Table/cells/CellAuthor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/Table/cells/CellAuthor.js","sources":["../../../../src/components/Table/cells/CellAuthor.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport { TableRowContext } from \"../useTableRow.js\";\n\nexport const CellAuthor = () => {\n    const context = useContext(TableRowContext);\n    if (!context) {\n        return null;\n    }\n    return <>{context.row.data.createdBy.displayName}</>;\n};\n"],"names":["CellAuthor","context","useContext","TableRowContext"],"mappings":";;AAGO,MAAMA,aAAa;IACtB,MAAMC,UAAUC,WAAWC;IAC3B,IAAI,CAACF,SACD,OAAO;IAEX,OAAO,WAAP,GAAO,0CAAGA,QAAQ,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,WAAW;AACpD"}

package/components/Table/cells/CellCreated.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const CellCreated: () => React.JSX.Element | null;

package/components/Table/cells/CellCreated.js

@@ -0,0 +1,13 @@
+import react, { useContext } from "react";
+import { TimeAgo } from "@webiny/admin-ui";
+import { TableRowContext } from "../useTableRow.js";
+const CellCreated = ()=>{
+    const context = useContext(TableRowContext);
+    if (!context) return null;
+    return /*#__PURE__*/ react.createElement(TimeAgo, {
+        datetime: context.row.data.createdOn
+    });
+};
+export { CellCreated };
+
+//# sourceMappingURL=CellCreated.js.map

package/components/Table/cells/CellCreated.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/Table/cells/CellCreated.js","sources":["../../../../src/components/Table/cells/CellCreated.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport { TimeAgo } from \"@webiny/admin-ui\";\nimport { TableRowContext } from \"../useTableRow.js\";\n\nexport const CellCreated = () => {\n    const context = useContext(TableRowContext);\n    if (!context) {\n        return null;\n    }\n    return <TimeAgo datetime={context.row.data.createdOn} />;\n};\n"],"names":["CellCreated","context","useContext","TableRowContext","TimeAgo"],"mappings":";;;AAIO,MAAMA,cAAc;IACvB,MAAMC,UAAUC,WAAWC;IAC3B,IAAI,CAACF,SACD,OAAO;IAEX,OAAO,WAAP,GAAO,oBAACG,SAAOA;QAAC,UAAUH,QAAQ,GAAG,CAAC,IAAI,CAAC,SAAS;;AACxD"}

package/components/Table/cells/CellModified.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const CellModified: () => React.JSX.Element | null;

package/components/Table/cells/CellModified.js

@@ -0,0 +1,13 @@
+import react, { useContext } from "react";
+import { TimeAgo } from "@webiny/admin-ui";
+import { TableRowContext } from "../useTableRow.js";
+const CellModified = ()=>{
+    const context = useContext(TableRowContext);
+    if (!context) return null;
+    return /*#__PURE__*/ react.createElement(TimeAgo, {
+        datetime: context.row.data.savedOn
+    });
+};
+export { CellModified };
+
+//# sourceMappingURL=CellModified.js.map

package/components/Table/cells/CellModified.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/Table/cells/CellModified.js","sources":["../../../../src/components/Table/cells/CellModified.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport { TimeAgo } from \"@webiny/admin-ui\";\nimport { TableRowContext } from \"../useTableRow.js\";\n\nexport const CellModified = () => {\n    const context = useContext(TableRowContext);\n    if (!context) {\n        return null;\n    }\n    return <TimeAgo datetime={context.row.data.savedOn} />;\n};\n"],"names":["CellModified","context","useContext","TableRowContext","TimeAgo"],"mappings":";;;AAIO,MAAMA,eAAe;IACxB,MAAMC,UAAUC,WAAWC;IAC3B,IAAI,CAACF,SACD,OAAO;IAEX,OAAO,WAAP,GAAO,oBAACG,SAAOA;QAAC,UAAUH,QAAQ,GAAG,CAAC,IAAI,CAAC,OAAO;;AACtD"}

package/components/Table/cells/index.d.ts

@@ -0,0 +1,3 @@
+export { CellAuthor } from "./CellAuthor.js";
+export { CellCreated } from "./CellCreated.js";
+export { CellModified } from "./CellModified.js";

package/components/Table/cells/index.js

@@ -0,0 +1,3 @@
+export { CellAuthor } from "./CellAuthor.js";
+export { CellCreated } from "./CellCreated.js";
+export { CellModified } from "./CellModified.js";

package/components/Table/components/Table/ColumnVisibility/ColumnsVisibilityDecorator.d.ts

@@ -0,0 +1,9 @@
+import type { IColumnsVisibilityRepository } from "./IColumnsVisibilityRepository.js";
+import type { IColumnsRepository } from "../Columns/index.js";
+export declare class ColumnsVisibilityDecorator implements IColumnsRepository {
+    private columnsVisibilityRepository;
+    private columnsRepository;
+    constructor(visibilityRepository: IColumnsVisibilityRepository, columnsRepository: IColumnsRepository);
+    init(): Promise<void>;
+    getColumns(): import("../Columns/Column.js").ColumnDTO[];
+}