@webiny/app-aco 5.43.2-beta.0 → 6.0.0-alpha.0

package/components/AdvancedSearch/fields/DateWithTimezone.js

@@ -1,109 +1,58 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DateWithTimezone = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = _interopRequireWildcard(require("react"));
-var _form = require("@webiny/form");
-var _Input = require("@webiny/ui/Input");
-var _Select = require("@webiny/ui/Select");
-var _utils = require("@webiny/utils");
-var _ = require("../..");
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-var DateWithTimezoneContainer = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "et2d7ck2"
-} : {
-  target: "et2d7ck2",
-  label: "DateWithTimezoneContainer"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1eoy87d",
-  styles: "display:flex;justify-content:space-between"
-} : {
-  name: "1eoy87d",
-  styles: "display:flex;justify-content:space-between",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGVXaXRoVGltZXpvbmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVM0QyIsImZpbGUiOiJEYXRlV2l0aFRpbWV6b25lLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5cbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdXNlQmluZCB9IGZyb20gXCJAd2ViaW55L2Zvcm1cIjtcbmltcG9ydCB7IElucHV0IH0gZnJvbSBcIkB3ZWJpbnkvdWkvSW5wdXRcIjtcbmltcG9ydCB7IFNlbGVjdCB9IGZyb20gXCJAd2ViaW55L3VpL1NlbGVjdFwiO1xuaW1wb3J0IHsgVVRDX1RJTUVaT05FUyB9IGZyb20gXCJAd2ViaW55L3V0aWxzXCI7XG5pbXBvcnQgeyB1c2VJbnB1dEZpZWxkIH0gZnJvbSBcIn4vY29tcG9uZW50c1wiO1xuXG5jb25zdCBEYXRlV2l0aFRpbWV6b25lQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbmA7XG5cbmNvbnN0IERhdGVUaW1lSW5wdXRDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICAgIHdpZHRoOiA1MCU7XG5gO1xuXG5jb25zdCBUaW1lWm9uZVNlbGVjdENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gICAgd2lkdGg6IDQ1JTtcbmA7XG5cbmV4cG9ydCBjb25zdCBEYXRlV2l0aFRpbWV6b25lID0gKCkgPT4ge1xuICAgIGNvbnN0IHsgbmFtZSB9ID0gdXNlSW5wdXRGaWVsZCgpO1xuXG4gICAgY29uc3QgW2RhdGVUaW1lLCBzZXREYXRlVGltZV0gPSB1c2VTdGF0ZShcIlwiKTtcbiAgICBjb25zdCBbdGltZVpvbmUsIHNldFRpbWVab25lXSA9IHVzZVN0YXRlKFwiKzAwOjAwXCIpO1xuXG4gICAgY29uc3QgeyBvbkNoYW5nZSwgdmFsdWUgfSA9IHVzZUJpbmQoe1xuICAgICAgICBuYW1lXG4gICAgfSk7XG5cbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgICAgICBpZiAodmFsdWUpIHtcbiAgICAgICAgICAgIHNldERhdGVUaW1lKHZhbHVlLnNsaWNlKDAsIC02KSk7XG4gICAgICAgICAgICBzZXRUaW1lWm9uZSh2YWx1ZS5zbGljZSgtNikgfHwgXCIrMDA6MDBcIik7XG4gICAgICAgIH1cbiAgICB9LCBbdmFsdWVdKTtcblxuICAgIGNvbnN0IGhhbmRsZURhdGVUaW1lQ2hhbmdlID0gKHZhbHVlOiBzdHJpbmcpID0+IHtcbiAgICAgICAgY29uc3QgZGF0ZSA9IG5ldyBEYXRlKHZhbHVlKTtcbiAgICAgICAgY29uc3QgZGF0ZVRpbWVOb3JtYWxpemVkID0gZGF0ZS50b0lTT1N0cmluZygpLnNsaWNlKDAsIC01KTtcbiAgICAgICAgb25DaGFuZ2UoYCR7ZGF0ZVRpbWVOb3JtYWxpemVkfSR7dGltZVpvbmV9YCk7XG4gICAgfTtcblxuICAgIGNvbnN0IGhhbmRsZVRpbWVab25lQ2hhbmdlID0gKHZhbHVlOiBzdHJpbmcpID0+IHtcbiAgICAgICAgb25DaGFuZ2UoYCR7ZGF0ZVRpbWV9JHt2YWx1ZX1gKTtcbiAgICB9O1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPERhdGVXaXRoVGltZXpvbmVDb250YWluZXI+XG4gICAgICAgICAgICA8RGF0ZVRpbWVJbnB1dENvbnRhaW5lcj5cbiAgICAgICAgICAgICAgICA8SW5wdXRcbiAgICAgICAgICAgICAgICAgICAgbGFiZWw9e1wiVmFsdWVcIn1cbiAgICAgICAgICAgICAgICAgICAgdHlwZT17XCJkYXRldGltZS1sb2NhbFwifVxuICAgICAgICAgICAgICAgICAgICB2YWx1ZT17ZGF0ZVRpbWV9XG4gICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlPXtoYW5kbGVEYXRlVGltZUNoYW5nZX1cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgPC9EYXRlVGltZUlucHV0Q29udGFpbmVyPlxuICAgICAgICAgICAgPFRpbWVab25lU2VsZWN0Q29udGFpbmVyPlxuICAgICAgICAgICAgICAgIDxTZWxlY3RcbiAgICAgICAgICAgICAgICAgICAgbGFiZWw9e1wiVGltZSBab25lXCJ9XG4gICAgICAgICAgICAgICAgICAgIHZhbHVlPXt0aW1lWm9uZX1cbiAgICAgICAgICAgICAgICAgICAgb3B0aW9ucz17KFVUQ19USU1FWk9ORVMgfHwgW10pLm1hcCgoeyB2YWx1ZSwgbGFiZWwgfSkgPT4gKHtcbiAgICAgICAgICAgICAgICAgICAgICAgIGxhYmVsLFxuICAgICAgICAgICAgICAgICAgICAgICAgdmFsdWVcbiAgICAgICAgICAgICAgICAgICAgfSkpfVxuICAgICAgICAgICAgICAgICAgICBvbkNoYW5nZT17aGFuZGxlVGltZVpvbmVDaGFuZ2V9XG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDwvVGltZVpvbmVTZWxlY3RDb250YWluZXI+XG4gICAgICAgIDwvRGF0ZVdpdGhUaW1lem9uZUNvbnRhaW5lcj5cbiAgICApO1xufTtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var DateTimeInputContainer = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "et2d7ck1"
-} : {
-  target: "et2d7ck1",
-  label: "DateTimeInputContainer"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1t29t6p",
-  styles: "width:50%"
-} : {
-  name: "1t29t6p",
-  styles: "width:50%",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGVXaXRoVGltZXpvbmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWN5QyIsImZpbGUiOiJEYXRlV2l0aFRpbWV6b25lLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5cbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdXNlQmluZCB9IGZyb20gXCJAd2ViaW55L2Zvcm1cIjtcbmltcG9ydCB7IElucHV0IH0gZnJvbSBcIkB3ZWJpbnkvdWkvSW5wdXRcIjtcbmltcG9ydCB7IFNlbGVjdCB9IGZyb20gXCJAd2ViaW55L3VpL1NlbGVjdFwiO1xuaW1wb3J0IHsgVVRDX1RJTUVaT05FUyB9IGZyb20gXCJAd2ViaW55L3V0aWxzXCI7XG5pbXBvcnQgeyB1c2VJbnB1dEZpZWxkIH0gZnJvbSBcIn4vY29tcG9uZW50c1wiO1xuXG5jb25zdCBEYXRlV2l0aFRpbWV6b25lQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbmA7XG5cbmNvbnN0IERhdGVUaW1lSW5wdXRDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICAgIHdpZHRoOiA1MCU7XG5gO1xuXG5jb25zdCBUaW1lWm9uZVNlbGVjdENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gICAgd2lkdGg6IDQ1JTtcbmA7XG5cbmV4cG9ydCBjb25zdCBEYXRlV2l0aFRpbWV6b25lID0gKCkgPT4ge1xuICAgIGNvbnN0IHsgbmFtZSB9ID0gdXNlSW5wdXRGaWVsZCgpO1xuXG4gICAgY29uc3QgW2RhdGVUaW1lLCBzZXREYXRlVGltZV0gPSB1c2VTdGF0ZShcIlwiKTtcbiAgICBjb25zdCBbdGltZVpvbmUsIHNldFRpbWVab25lXSA9IHVzZVN0YXRlKFwiKzAwOjAwXCIpO1xuXG4gICAgY29uc3QgeyBvbkNoYW5nZSwgdmFsdWUgfSA9IHVzZUJpbmQoe1xuICAgICAgICBuYW1lXG4gICAgfSk7XG5cbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgICAgICBpZiAodmFsdWUpIHtcbiAgICAgICAgICAgIHNldERhdGVUaW1lKHZhbHVlLnNsaWNlKDAsIC02KSk7XG4gICAgICAgICAgICBzZXRUaW1lWm9uZSh2YWx1ZS5zbGljZSgtNikgfHwgXCIrMDA6MDBcIik7XG4gICAgICAgIH1cbiAgICB9LCBbdmFsdWVdKTtcblxuICAgIGNvbnN0IGhhbmRsZURhdGVUaW1lQ2hhbmdlID0gKHZhbHVlOiBzdHJpbmcpID0+IHtcbiAgICAgICAgY29uc3QgZGF0ZSA9IG5ldyBEYXRlKHZhbHVlKTtcbiAgICAgICAgY29uc3QgZGF0ZVRpbWVOb3JtYWxpemVkID0gZGF0ZS50b0lTT1N0cmluZygpLnNsaWNlKDAsIC01KTtcbiAgICAgICAgb25DaGFuZ2UoYCR7ZGF0ZVRpbWVOb3JtYWxpemVkfSR7dGltZVpvbmV9YCk7XG4gICAgfTtcblxuICAgIGNvbnN0IGhhbmRsZVRpbWVab25lQ2hhbmdlID0gKHZhbHVlOiBzdHJpbmcpID0+IHtcbiAgICAgICAgb25DaGFuZ2UoYCR7ZGF0ZVRpbWV9JHt2YWx1ZX1gKTtcbiAgICB9O1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPERhdGVXaXRoVGltZXpvbmVDb250YWluZXI+XG4gICAgICAgICAgICA8RGF0ZVRpbWVJbnB1dENvbnRhaW5lcj5cbiAgICAgICAgICAgICAgICA8SW5wdXRcbiAgICAgICAgICAgICAgICAgICAgbGFiZWw9e1wiVmFsdWVcIn1cbiAgICAgICAgICAgICAgICAgICAgdHlwZT17XCJkYXRldGltZS1sb2NhbFwifVxuICAgICAgICAgICAgICAgICAgICB2YWx1ZT17ZGF0ZVRpbWV9XG4gICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlPXtoYW5kbGVEYXRlVGltZUNoYW5nZX1cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgPC9EYXRlVGltZUlucHV0Q29udGFpbmVyPlxuICAgICAgICAgICAgPFRpbWVab25lU2VsZWN0Q29udGFpbmVyPlxuICAgICAgICAgICAgICAgIDxTZWxlY3RcbiAgICAgICAgICAgICAgICAgICAgbGFiZWw9e1wiVGltZSBab25lXCJ9XG4gICAgICAgICAgICAgICAgICAgIHZhbHVlPXt0aW1lWm9uZX1cbiAgICAgICAgICAgICAgICAgICAgb3B0aW9ucz17KFVUQ19USU1FWk9ORVMgfHwgW10pLm1hcCgoeyB2YWx1ZSwgbGFiZWwgfSkgPT4gKHtcbiAgICAgICAgICAgICAgICAgICAgICAgIGxhYmVsLFxuICAgICAgICAgICAgICAgICAgICAgICAgdmFsdWVcbiAgICAgICAgICAgICAgICAgICAgfSkpfVxuICAgICAgICAgICAgICAgICAgICBvbkNoYW5nZT17aGFuZGxlVGltZVpvbmVDaGFuZ2V9XG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDwvVGltZVpvbmVTZWxlY3RDb250YWluZXI+XG4gICAgICAgIDwvRGF0ZVdpdGhUaW1lem9uZUNvbnRhaW5lcj5cbiAgICApO1xufTtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var TimeZoneSelectContainer = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "et2d7ck0"
-} : {
-  target: "et2d7ck0",
-  label: "TimeZoneSelectContainer"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1i00qk4",
-  styles: "width:45%"
-} : {
-  name: "1i00qk4",
-  styles: "width:45%",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGVXaXRoVGltZXpvbmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtCMEMiLCJmaWxlIjoiRGF0ZVdpdGhUaW1lem9uZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHVzZUJpbmQgfSBmcm9tIFwiQHdlYmlueS9mb3JtXCI7XG5pbXBvcnQgeyBJbnB1dCB9IGZyb20gXCJAd2ViaW55L3VpL0lucHV0XCI7XG5pbXBvcnQgeyBTZWxlY3QgfSBmcm9tIFwiQHdlYmlueS91aS9TZWxlY3RcIjtcbmltcG9ydCB7IFVUQ19USU1FWk9ORVMgfSBmcm9tIFwiQHdlYmlueS91dGlsc1wiO1xuaW1wb3J0IHsgdXNlSW5wdXRGaWVsZCB9IGZyb20gXCJ+L2NvbXBvbmVudHNcIjtcblxuY29uc3QgRGF0ZVdpdGhUaW1lem9uZUNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG5gO1xuXG5jb25zdCBEYXRlVGltZUlucHV0Q29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgICB3aWR0aDogNTAlO1xuYDtcblxuY29uc3QgVGltZVpvbmVTZWxlY3RDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICAgIHdpZHRoOiA0NSU7XG5gO1xuXG5leHBvcnQgY29uc3QgRGF0ZVdpdGhUaW1lem9uZSA9ICgpID0+IHtcbiAgICBjb25zdCB7IG5hbWUgfSA9IHVzZUlucHV0RmllbGQoKTtcblxuICAgIGNvbnN0IFtkYXRlVGltZSwgc2V0RGF0ZVRpbWVdID0gdXNlU3RhdGUoXCJcIik7XG4gICAgY29uc3QgW3RpbWVab25lLCBzZXRUaW1lWm9uZV0gPSB1c2VTdGF0ZShcIiswMDowMFwiKTtcblxuICAgIGNvbnN0IHsgb25DaGFuZ2UsIHZhbHVlIH0gPSB1c2VCaW5kKHtcbiAgICAgICAgbmFtZVxuICAgIH0pO1xuXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgICAgaWYgKHZhbHVlKSB7XG4gICAgICAgICAgICBzZXREYXRlVGltZSh2YWx1ZS5zbGljZSgwLCAtNikpO1xuICAgICAgICAgICAgc2V0VGltZVpvbmUodmFsdWUuc2xpY2UoLTYpIHx8IFwiKzAwOjAwXCIpO1xuICAgICAgICB9XG4gICAgfSwgW3ZhbHVlXSk7XG5cbiAgICBjb25zdCBoYW5kbGVEYXRlVGltZUNoYW5nZSA9ICh2YWx1ZTogc3RyaW5nKSA9PiB7XG4gICAgICAgIGNvbnN0IGRhdGUgPSBuZXcgRGF0ZSh2YWx1ZSk7XG4gICAgICAgIGNvbnN0IGRhdGVUaW1lTm9ybWFsaXplZCA9IGRhdGUudG9JU09TdHJpbmcoKS5zbGljZSgwLCAtNSk7XG4gICAgICAgIG9uQ2hhbmdlKGAke2RhdGVUaW1lTm9ybWFsaXplZH0ke3RpbWVab25lfWApO1xuICAgIH07XG5cbiAgICBjb25zdCBoYW5kbGVUaW1lWm9uZUNoYW5nZSA9ICh2YWx1ZTogc3RyaW5nKSA9PiB7XG4gICAgICAgIG9uQ2hhbmdlKGAke2RhdGVUaW1lfSR7dmFsdWV9YCk7XG4gICAgfTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxEYXRlV2l0aFRpbWV6b25lQ29udGFpbmVyPlxuICAgICAgICAgICAgPERhdGVUaW1lSW5wdXRDb250YWluZXI+XG4gICAgICAgICAgICAgICAgPElucHV0XG4gICAgICAgICAgICAgICAgICAgIGxhYmVsPXtcIlZhbHVlXCJ9XG4gICAgICAgICAgICAgICAgICAgIHR5cGU9e1wiZGF0ZXRpbWUtbG9jYWxcIn1cbiAgICAgICAgICAgICAgICAgICAgdmFsdWU9e2RhdGVUaW1lfVxuICAgICAgICAgICAgICAgICAgICBvbkNoYW5nZT17aGFuZGxlRGF0ZVRpbWVDaGFuZ2V9XG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDwvRGF0ZVRpbWVJbnB1dENvbnRhaW5lcj5cbiAgICAgICAgICAgIDxUaW1lWm9uZVNlbGVjdENvbnRhaW5lcj5cbiAgICAgICAgICAgICAgICA8U2VsZWN0XG4gICAgICAgICAgICAgICAgICAgIGxhYmVsPXtcIlRpbWUgWm9uZVwifVxuICAgICAgICAgICAgICAgICAgICB2YWx1ZT17dGltZVpvbmV9XG4gICAgICAgICAgICAgICAgICAgIG9wdGlvbnM9eyhVVENfVElNRVpPTkVTIHx8IFtdKS5tYXAoKHsgdmFsdWUsIGxhYmVsIH0pID0+ICh7XG4gICAgICAgICAgICAgICAgICAgICAgICBsYWJlbCxcbiAgICAgICAgICAgICAgICAgICAgICAgIHZhbHVlXG4gICAgICAgICAgICAgICAgICAgIH0pKX1cbiAgICAgICAgICAgICAgICAgICAgb25DaGFuZ2U9e2hhbmRsZVRpbWVab25lQ2hhbmdlfVxuICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8L1RpbWVab25lU2VsZWN0Q29udGFpbmVyPlxuICAgICAgICA8L0RhdGVXaXRoVGltZXpvbmVDb250YWluZXI+XG4gICAgKTtcbn07XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var DateWithTimezone = exports.DateWithTimezone = function DateWithTimezone() {
-  var _useInputField = (0, _.useInputField)(),
-    name = _useInputField.name;
-  var _useState = (0, _react.useState)(""),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    dateTime = _useState2[0],
-    setDateTime = _useState2[1];
-  var _useState3 = (0, _react.useState)("+00:00"),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    timeZone = _useState4[0],
-    setTimeZone = _useState4[1];
-  var _useBind = (0, _form.useBind)({
-      name: name
-    }),
-    onChange = _useBind.onChange,
-    value = _useBind.value;
-  (0, _react.useEffect)(function () {
+import React, { useEffect, useState } from "react";
+import { useBind } from "@webiny/form";
+import { UTC_TIMEZONES } from "@webiny/utils";
+import { useInputField } from "../..";
+import { Input, Select } from "@webiny/admin-ui";
+export const DateWithTimezone = () => {
+  const {
+    name
+  } = useInputField();
+  const [dateTime, setDateTime] = useState("");
+  const [timeZone, setTimeZone] = useState("+00:00");
+  const {
+    onChange,
+    value
+  } = useBind({
+    name
+  });
+  useEffect(() => {
     if (value) {
       setDateTime(value.slice(0, -6));
       setTimeZone(value.slice(-6) || "+00:00");
     }
   }, [value]);
-  var handleDateTimeChange = function handleDateTimeChange(value) {
-    var date = new Date(value);
-    var dateTimeNormalized = date.toISOString().slice(0, -5);
-    onChange("".concat(dateTimeNormalized).concat(timeZone));
+  const handleDateTimeChange = value => {
+    const date = new Date(value);
+    const dateTimeNormalized = date.toISOString().slice(0, -5);
+    onChange(`${dateTimeNormalized}${timeZone}`);
   };
-  var handleTimeZoneChange = function handleTimeZoneChange(value) {
-    onChange("".concat(dateTime).concat(value));
+  const handleTimeZoneChange = value => {
+    onChange(`${dateTime}${value}`);
   };
-  return /*#__PURE__*/_react.default.createElement(DateWithTimezoneContainer, null, /*#__PURE__*/_react.default.createElement(DateTimeInputContainer, null, /*#__PURE__*/_react.default.createElement(_Input.Input, {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "wby-flex wby-justify-between"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "wby-w-1/2"
+  }, /*#__PURE__*/React.createElement(Input, {
     label: "Value",
     type: "datetime-local",
     value: dateTime,
-    onChange: handleDateTimeChange
-  })), /*#__PURE__*/_react.default.createElement(TimeZoneSelectContainer, null, /*#__PURE__*/_react.default.createElement(_Select.Select, {
+    onChange: handleDateTimeChange,
+    size: "lg"
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "wby-w-2/5"
+  }, /*#__PURE__*/React.createElement(Select, {
     label: "Time Zone",
     value: timeZone,
-    options: (_utils.UTC_TIMEZONES || []).map(function (_ref) {
-      var value = _ref.value,
-        label = _ref.label;
-      return {
-        label: label,
-        value: value
-      };
-    }),
-    onChange: handleTimeZoneChange
+    options: (UTC_TIMEZONES || []).map(({
+      value,
+      label
+    }) => ({
+      label,
+      value
+    })),
+    onChange: handleTimeZoneChange,
+    size: "lg"
   })));
 };
 

package/components/AdvancedSearch/fields/DateWithTimezone.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_form","_Input","_Select","_utils","_","_EMOTION_STRINGIFIED_CSS_ERROR__","DateWithTimezoneContainer","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","DateTimeInputContainer","TimeZoneSelectContainer","DateWithTimezone","exports","_useInputField","useInputField","_useState","useState","_useState2","_slicedToArray2","dateTime","setDateTime","_useState3","_useState4","timeZone","setTimeZone","_useBind","useBind","onChange","value","useEffect","slice","handleDateTimeChange","date","Date","dateTimeNormalized","toISOString","concat","handleTimeZoneChange","createElement","Input","type","Select","options","UTC_TIMEZONES","_ref"],"sources":["DateWithTimezone.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\n\nimport styled from \"@emotion/styled\";\nimport { useBind } from \"@webiny/form\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { Select } from \"@webiny/ui/Select\";\nimport { UTC_TIMEZONES } from \"@webiny/utils\";\nimport { useInputField } from \"~/components\";\n\nconst DateWithTimezoneContainer = styled.div`\n    display: flex;\n    justify-content: space-between;\n`;\n\nconst DateTimeInputContainer = styled.div`\n    width: 50%;\n`;\n\nconst TimeZoneSelectContainer = styled.div`\n    width: 45%;\n`;\n\nexport const DateWithTimezone = () => {\n    const { name } = useInputField();\n\n    const [dateTime, setDateTime] = useState(\"\");\n    const [timeZone, setTimeZone] = useState(\"+00:00\");\n\n    const { onChange, value } = useBind({\n        name\n    });\n\n    useEffect(() => {\n        if (value) {\n            setDateTime(value.slice(0, -6));\n            setTimeZone(value.slice(-6) || \"+00:00\");\n        }\n    }, [value]);\n\n    const handleDateTimeChange = (value: string) => {\n        const date = new Date(value);\n        const dateTimeNormalized = date.toISOString().slice(0, -5);\n        onChange(`${dateTimeNormalized}${timeZone}`);\n    };\n\n    const handleTimeZoneChange = (value: string) => {\n        onChange(`${dateTime}${value}`);\n    };\n\n    return (\n        <DateWithTimezoneContainer>\n            <DateTimeInputContainer>\n                <Input\n                    label={\"Value\"}\n                    type={\"datetime-local\"}\n                    value={dateTime}\n                    onChange={handleDateTimeChange}\n                />\n            </DateTimeInputContainer>\n            <TimeZoneSelectContainer>\n                <Select\n                    label={\"Time Zone\"}\n                    value={timeZone}\n                    options={(UTC_TIMEZONES || []).map(({ value, label }) => ({\n                        label,\n                        value\n                    }))}\n                    onChange={handleTimeZoneChange}\n                />\n            </TimeZoneSelectContainer>\n        </DateWithTimezoneContainer>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useEffect","useState","useBind","UTC_TIMEZONES","useInputField","Input","Select","DateWithTimezone","name","dateTime","setDateTime","timeZone","setTimeZone","onChange","value","slice","handleDateTimeChange","date","Date","dateTimeNormalized","toISOString","handleTimeZoneChange","createElement","className","label","type","size","options","map"],"sources":["DateWithTimezone.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { useBind } from \"@webiny/form\";\nimport { UTC_TIMEZONES } from \"@webiny/utils\";\nimport { useInputField } from \"~/components\";\nimport { Input, Select } from \"@webiny/admin-ui\";\n\nexport const DateWithTimezone = () => {\n    const { name } = useInputField();\n\n    const [dateTime, setDateTime] = useState(\"\");\n    const [timeZone, setTimeZone] = useState(\"+00:00\");\n\n    const { onChange, value } = useBind({\n        name\n    });\n\n    useEffect(() => {\n        if (value) {\n            setDateTime(value.slice(0, -6));\n            setTimeZone(value.slice(-6) || \"+00:00\");\n        }\n    }, [value]);\n\n    const handleDateTimeChange = (value: string) => {\n        const date = new Date(value);\n        const dateTimeNormalized = date.toISOString().slice(0, -5);\n        onChange(`${dateTimeNormalized}${timeZone}`);\n    };\n\n    const handleTimeZoneChange = (value: string) => {\n        onChange(`${dateTime}${value}`);\n    };\n\n    return (\n        <div className={\"wby-flex wby-justify-between\"}>\n            <div className={\"wby-w-1/2\"}>\n                <Input\n                    label={\"Value\"}\n                    type={\"datetime-local\"}\n                    value={dateTime}\n                    onChange={handleDateTimeChange}\n                    size={\"lg\"}\n                />\n            </div>\n            <div className={\"wby-w-2/5\"}>\n                <Select\n                    label={\"Time Zone\"}\n                    value={timeZone}\n                    options={(UTC_TIMEZONES || []).map(({ value, label }) => ({\n                        label,\n                        value\n                    }))}\n                    onChange={handleTimeZoneChange}\n                    size={\"lg\"}\n                />\n            </div>\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAClD,SAASC,OAAO,QAAQ,cAAc;AACtC,SAASC,aAAa,QAAQ,eAAe;AAC7C,SAASC,aAAa;AACtB,SAASC,KAAK,EAAEC,MAAM,QAAQ,kBAAkB;AAEhD,OAAO,MAAMC,gBAAgB,GAAGA,CAAA,KAAM;EAClC,MAAM;IAAEC;EAAK,CAAC,GAAGJ,aAAa,CAAC,CAAC;EAEhC,MAAM,CAACK,QAAQ,EAAEC,WAAW,CAAC,GAAGT,QAAQ,CAAC,EAAE,CAAC;EAC5C,MAAM,CAACU,QAAQ,EAAEC,WAAW,CAAC,GAAGX,QAAQ,CAAC,QAAQ,CAAC;EAElD,MAAM;IAAEY,QAAQ;IAAEC;EAAM,CAAC,GAAGZ,OAAO,CAAC;IAChCM;EACJ,CAAC,CAAC;EAEFR,SAAS,CAAC,MAAM;IACZ,IAAIc,KAAK,EAAE;MACPJ,WAAW,CAACI,KAAK,CAACC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;MAC/BH,WAAW,CAACE,KAAK,CAACC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,QAAQ,CAAC;IAC5C;EACJ,CAAC,EAAE,CAACD,KAAK,CAAC,CAAC;EAEX,MAAME,oBAAoB,GAAIF,KAAa,IAAK;IAC5C,MAAMG,IAAI,GAAG,IAAIC,IAAI,CAACJ,KAAK,CAAC;IAC5B,MAAMK,kBAAkB,GAAGF,IAAI,CAACG,WAAW,CAAC,CAAC,CAACL,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAC1DF,QAAQ,CAAC,GAAGM,kBAAkB,GAAGR,QAAQ,EAAE,CAAC;EAChD,CAAC;EAED,MAAMU,oBAAoB,GAAIP,KAAa,IAAK;IAC5CD,QAAQ,CAAC,GAAGJ,QAAQ,GAAGK,KAAK,EAAE,CAAC;EACnC,CAAC;EAED,oBACIf,KAAA,CAAAuB,aAAA;IAAKC,SAAS,EAAE;EAA+B,gBAC3CxB,KAAA,CAAAuB,aAAA;IAAKC,SAAS,EAAE;EAAY,gBACxBxB,KAAA,CAAAuB,aAAA,CAACjB,KAAK;IACFmB,KAAK,EAAE,OAAQ;IACfC,IAAI,EAAE,gBAAiB;IACvBX,KAAK,EAAEL,QAAS;IAChBI,QAAQ,EAAEG,oBAAqB;IAC/BU,IAAI,EAAE;EAAK,CACd,CACA,CAAC,eACN3B,KAAA,CAAAuB,aAAA;IAAKC,SAAS,EAAE;EAAY,gBACxBxB,KAAA,CAAAuB,aAAA,CAAChB,MAAM;IACHkB,KAAK,EAAE,WAAY;IACnBV,KAAK,EAAEH,QAAS;IAChBgB,OAAO,EAAE,CAACxB,aAAa,IAAI,EAAE,EAAEyB,GAAG,CAAC,CAAC;MAAEd,KAAK;MAAEU;IAAM,CAAC,MAAM;MACtDA,KAAK;MACLV;IACJ,CAAC,CAAC,CAAE;IACJD,QAAQ,EAAEQ,oBAAqB;IAC/BK,IAAI,EAAE;EAAK,CACd,CACA,CACJ,CAAC;AAEd,CAAC","ignoreList":[]}

package/components/AdvancedSearch/fields/DateWithoutTimezone.js

@@ -1,44 +1,35 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DateWithoutTimezone = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _form = require("@webiny/form");
-var _Input = require("@webiny/ui/Input");
-var _ = require("../..");
-var DateWithoutTimezone = exports.DateWithoutTimezone = function DateWithoutTimezone() {
-  var _useInputField = (0, _.useInputField)(),
-    name = _useInputField.name;
-  var _useState = (0, _react.useState)(""),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    dateTime = _useState2[0],
-    setDateTime = _useState2[1];
-  var _useBind = (0, _form.useBind)({
-      name: name
-    }),
-    onChange = _useBind.onChange,
-    value = _useBind.value;
-  (0, _react.useEffect)(function () {
+import React, { useEffect, useState } from "react";
+import { useBind } from "@webiny/form";
+import { useInputField } from "../..";
+import { Input } from "@webiny/admin-ui";
+export const DateWithoutTimezone = () => {
+  const {
+    name
+  } = useInputField();
+  const [dateTime, setDateTime] = useState("");
+  const {
+    onChange,
+    value
+  } = useBind({
+    name
+  });
+  useEffect(() => {
     if (value) {
       setDateTime(value.slice(0, -5));
     }
   }, [value]);
-  var handleOnChange = function handleOnChange(value) {
-    var dateWithTimeZone = value + "Z";
-    var date = new Date(dateWithTimeZone);
-    var dateTimeToISOString = date.toISOString();
+  const handleOnChange = value => {
+    const dateWithTimeZone = value + "Z";
+    const date = new Date(dateWithTimeZone);
+    const dateTimeToISOString = date.toISOString();
     onChange(dateTimeToISOString);
   };
-  return /*#__PURE__*/_react.default.createElement(_Input.Input, {
+  return /*#__PURE__*/React.createElement(Input, {
     label: "Value",
     type: "datetime-local",
     onChange: handleOnChange,
-    value: dateTime
+    value: dateTime,
+    size: "lg"
   });
 };
 

package/components/AdvancedSearch/fields/DateWithoutTimezone.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_form","_Input","_","DateWithoutTimezone","exports","_useInputField","useInputField","name","_useState","useState","_useState2","_slicedToArray2","default","dateTime","setDateTime","_useBind","useBind","onChange","value","useEffect","slice","handleOnChange","dateWithTimeZone","date","Date","dateTimeToISOString","toISOString","createElement","Input","label","type"],"sources":["DateWithoutTimezone.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\n\nimport { useBind } from \"@webiny/form\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { useInputField } from \"~/components\";\n\nexport const DateWithoutTimezone = () => {\n    const { name } = useInputField();\n\n    const [dateTime, setDateTime] = useState(\"\");\n\n    const { onChange, value } = useBind({\n        name\n    });\n\n    useEffect(() => {\n        if (value) {\n            setDateTime(value.slice(0, -5));\n        }\n    }, [value]);\n\n    const handleOnChange = (value: string) => {\n        const dateWithTimeZone = value + \"Z\";\n        const date = new Date(dateWithTimeZone);\n        const dateTimeToISOString = date.toISOString();\n\n        onChange(dateTimeToISOString);\n    };\n\n    return (\n        <Input label={\"Value\"} type={\"datetime-local\"} onChange={handleOnChange} value={dateTime} />\n    );\n};\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,CAAA,GAAAH,OAAA;AAEO,IAAMI,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,GAAG,SAAtBA,mBAAmBA,CAAA,EAAS;EACrC,IAAAE,cAAA,GAAiB,IAAAC,eAAa,EAAC,CAAC;IAAxBC,IAAI,GAAAF,cAAA,CAAJE,IAAI;EAEZ,IAAAC,SAAA,GAAgC,IAAAC,eAAQ,EAAC,EAAE,CAAC;IAAAC,UAAA,OAAAC,eAAA,CAAAC,OAAA,EAAAJ,SAAA;IAArCK,QAAQ,GAAAH,UAAA;IAAEI,WAAW,GAAAJ,UAAA;EAE5B,IAAAK,QAAA,GAA4B,IAAAC,aAAO,EAAC;MAChCT,IAAI,EAAJA;IACJ,CAAC,CAAC;IAFMU,QAAQ,GAAAF,QAAA,CAARE,QAAQ;IAAEC,KAAK,GAAAH,QAAA,CAALG,KAAK;EAIvB,IAAAC,gBAAS,EAAC,YAAM;IACZ,IAAID,KAAK,EAAE;MACPJ,WAAW,CAACI,KAAK,CAACE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IACnC;EACJ,CAAC,EAAE,CAACF,KAAK,CAAC,CAAC;EAEX,IAAMG,cAAc,GAAG,SAAjBA,cAAcA,CAAIH,KAAa,EAAK;IACtC,IAAMI,gBAAgB,GAAGJ,KAAK,GAAG,GAAG;IACpC,IAAMK,IAAI,GAAG,IAAIC,IAAI,CAACF,gBAAgB,CAAC;IACvC,IAAMG,mBAAmB,GAAGF,IAAI,CAACG,WAAW,CAAC,CAAC;IAE9CT,QAAQ,CAACQ,mBAAmB,CAAC;EACjC,CAAC;EAED,oBACI5B,MAAA,CAAAe,OAAA,CAAAe,aAAA,CAAC1B,MAAA,CAAA2B,KAAK;IAACC,KAAK,EAAE,OAAQ;IAACC,IAAI,EAAE,gBAAiB;IAACb,QAAQ,EAAEI,cAAe;IAACH,KAAK,EAAEL;EAAS,CAAE,CAAC;AAEpG,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useEffect","useState","useBind","useInputField","Input","DateWithoutTimezone","name","dateTime","setDateTime","onChange","value","slice","handleOnChange","dateWithTimeZone","date","Date","dateTimeToISOString","toISOString","createElement","label","type","size"],"sources":["DateWithoutTimezone.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\n\nimport { useBind } from \"@webiny/form\";\nimport { useInputField } from \"~/components\";\nimport { Input } from \"@webiny/admin-ui\";\n\nexport const DateWithoutTimezone = () => {\n    const { name } = useInputField();\n\n    const [dateTime, setDateTime] = useState(\"\");\n\n    const { onChange, value } = useBind({\n        name\n    });\n\n    useEffect(() => {\n        if (value) {\n            setDateTime(value.slice(0, -5));\n        }\n    }, [value]);\n\n    const handleOnChange = (value: string) => {\n        const dateWithTimeZone = value + \"Z\";\n        const date = new Date(dateWithTimeZone);\n        const dateTimeToISOString = date.toISOString();\n\n        onChange(dateTimeToISOString);\n    };\n\n    return (\n        <Input\n            label={\"Value\"}\n            type={\"datetime-local\"}\n            onChange={handleOnChange}\n            value={dateTime}\n            size={\"lg\"}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAElD,SAASC,OAAO,QAAQ,cAAc;AACtC,SAASC,aAAa;AACtB,SAASC,KAAK,QAAQ,kBAAkB;AAExC,OAAO,MAAMC,mBAAmB,GAAGA,CAAA,KAAM;EACrC,MAAM;IAAEC;EAAK,CAAC,GAAGH,aAAa,CAAC,CAAC;EAEhC,MAAM,CAACI,QAAQ,EAAEC,WAAW,CAAC,GAAGP,QAAQ,CAAC,EAAE,CAAC;EAE5C,MAAM;IAAEQ,QAAQ;IAAEC;EAAM,CAAC,GAAGR,OAAO,CAAC;IAChCI;EACJ,CAAC,CAAC;EAEFN,SAAS,CAAC,MAAM;IACZ,IAAIU,KAAK,EAAE;MACPF,WAAW,CAACE,KAAK,CAACC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IACnC;EACJ,CAAC,EAAE,CAACD,KAAK,CAAC,CAAC;EAEX,MAAME,cAAc,GAAIF,KAAa,IAAK;IACtC,MAAMG,gBAAgB,GAAGH,KAAK,GAAG,GAAG;IACpC,MAAMI,IAAI,GAAG,IAAIC,IAAI,CAACF,gBAAgB,CAAC;IACvC,MAAMG,mBAAmB,GAAGF,IAAI,CAACG,WAAW,CAAC,CAAC;IAE9CR,QAAQ,CAACO,mBAAmB,CAAC;EACjC,CAAC;EAED,oBACIjB,KAAA,CAAAmB,aAAA,CAACd,KAAK;IACFe,KAAK,EAAE,OAAQ;IACfC,IAAI,EAAE,gBAAiB;IACvBX,QAAQ,EAAEG,cAAe;IACzBF,KAAK,EAAEH,QAAS;IAChBc,IAAI,EAAE;EAAK,CACd,CAAC;AAEV,CAAC","ignoreList":[]}

package/components/AdvancedSearch/fields/Input.js

@@ -1,23 +1,18 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Input = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _form = require("@webiny/form");
-var _Input = require("@webiny/ui/Input");
-var _ = require("../..");
-var Input = exports.Input = function Input() {
-  var _useInputField = (0, _.useInputField)(),
-    name = _useInputField.name,
-    field = _useInputField.field;
-  return /*#__PURE__*/_react.default.createElement(_form.Bind, {
+import React from "react";
+import { Bind } from "@webiny/form";
+import { Input as UiInput } from "@webiny/admin-ui";
+import { useInputField } from "../..";
+export const Input = () => {
+  const {
+    name,
+    field
+  } = useInputField();
+  return /*#__PURE__*/React.createElement(Bind, {
     name: name
-  }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
+  }, /*#__PURE__*/React.createElement(UiInput, {
     label: "Value",
-    type: field.type
+    type: field.type,
+    size: "lg"
   }));
 };
 

package/components/AdvancedSearch/fields/Input.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_form","_Input","_","Input","exports","_useInputField","useInputField","name","field","default","createElement","Bind","label","type"],"sources":["Input.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Bind } from \"@webiny/form\";\nimport { Input as BaseInput } from \"@webiny/ui/Input\";\nimport { useInputField } from \"~/components\";\n\nexport const Input = () => {\n    const { name, field } = useInputField();\n\n    return (\n        <Bind name={name}>\n            <BaseInput label={\"Value\"} type={field.type} />\n        </Bind>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,CAAA,GAAAH,OAAA;AAEO,IAAMI,KAAK,GAAAC,OAAA,CAAAD,KAAA,GAAG,SAARA,KAAKA,CAAA,EAAS;EACvB,IAAAE,cAAA,GAAwB,IAAAC,eAAa,EAAC,CAAC;IAA/BC,IAAI,GAAAF,cAAA,CAAJE,IAAI;IAAEC,KAAK,GAAAH,cAAA,CAALG,KAAK;EAEnB,oBACIX,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACV,KAAA,CAAAW,IAAI;IAACJ,IAAI,EAAEA;EAAK,gBACbV,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACT,MAAA,CAAAE,KAAS;IAACS,KAAK,EAAE,OAAQ;IAACC,IAAI,EAAEL,KAAK,CAACK;EAAK,CAAE,CAC5C,CAAC;AAEf,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Bind","Input","UiInput","useInputField","name","field","createElement","label","type","size"],"sources":["Input.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Bind } from \"@webiny/form\";\nimport { Input as UiInput } from \"@webiny/admin-ui\";\nimport { useInputField } from \"~/components\";\n\nexport const Input = () => {\n    const { name, field } = useInputField();\n\n    return (\n        <Bind name={name}>\n            <UiInput label={\"Value\"} type={field.type} size={\"lg\"} />\n        </Bind>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,KAAK,IAAIC,OAAO,QAAQ,kBAAkB;AACnD,SAASC,aAAa;AAEtB,OAAO,MAAMF,KAAK,GAAGA,CAAA,KAAM;EACvB,MAAM;IAAEG,IAAI;IAAEC;EAAM,CAAC,GAAGF,aAAa,CAAC,CAAC;EAEvC,oBACIJ,KAAA,CAAAO,aAAA,CAACN,IAAI;IAACI,IAAI,EAAEA;EAAK,gBACbL,KAAA,CAAAO,aAAA,CAACJ,OAAO;IAACK,KAAK,EAAE,OAAQ;IAACC,IAAI,EAAEH,KAAK,CAACG,IAAK;IAACC,IAAI,EAAE;EAAK,CAAE,CACtD,CAAC;AAEf,CAAC","ignoreList":[]}

package/components/AdvancedSearch/fields/PredefinedValues.js

@@ -1,39 +1,29 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.PredefinedValues = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _form = require("@webiny/form");
-var _Select = require("@webiny/ui/Select");
-var _ = require("../..");
-var PredefinedValues = exports.PredefinedValues = function PredefinedValues() {
-  var _useInputField = (0, _.useInputField)(),
-    name = _useInputField.name,
-    field = _useInputField.field;
-  return /*#__PURE__*/_react.default.createElement(_form.Bind, {
+import React from "react";
+import { Bind } from "@webiny/form";
+import { useInputField } from "../..";
+import { Select } from "@webiny/admin-ui";
+export const PredefinedValues = () => {
+  const {
+    name,
+    field
+  } = useInputField();
+  return /*#__PURE__*/React.createElement(Bind, {
     name: name
-  }, function (_ref) {
-    var value = _ref.value,
-      _onChange = _ref.onChange,
-      validation = _ref.validation;
-    return /*#__PURE__*/_react.default.createElement(_Select.Select, {
-      label: "Values",
-      options: field.predefined.map(function (field) {
-        return {
-          label: field.label,
-          value: field.value
-        };
-      }),
-      value: value,
-      onChange: function onChange(data) {
-        return _onChange(data);
-      },
-      validation: validation
-    });
-  });
+  }, ({
+    value,
+    onChange,
+    validation
+  }) => /*#__PURE__*/React.createElement(Select, {
+    label: "Values",
+    options: field.predefined.map(field => ({
+      label: field.label,
+      value: field.value
+    })),
+    value: value,
+    onChange: data => onChange(data),
+    validation: validation,
+    size: "lg"
+  }));
 };
 
 //# sourceMappingURL=PredefinedValues.js.map

package/components/AdvancedSearch/fields/PredefinedValues.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_form","_Select","_","PredefinedValues","exports","_useInputField","useInputField","name","field","default","createElement","Bind","_ref","value","onChange","validation","Select","label","options","predefined","map","data"],"sources":["PredefinedValues.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Bind } from \"@webiny/form\";\nimport { Select } from \"@webiny/ui/Select\";\nimport { useInputField } from \"~/components\";\n\nexport const PredefinedValues = () => {\n    const { name, field } = useInputField();\n\n    return (\n        <Bind name={name}>\n            {({ value, onChange, validation }) => (\n                <Select\n                    label={\"Values\"}\n                    options={field.predefined.map(field => ({\n                        label: field.label,\n                        value: field.value\n                    }))}\n                    value={value}\n                    onChange={data => onChange(data)}\n                    validation={validation}\n                />\n            )}\n        </Bind>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,CAAA,GAAAH,OAAA;AAEO,IAAMI,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,SAAnBA,gBAAgBA,CAAA,EAAS;EAClC,IAAAE,cAAA,GAAwB,IAAAC,eAAa,EAAC,CAAC;IAA/BC,IAAI,GAAAF,cAAA,CAAJE,IAAI;IAAEC,KAAK,GAAAH,cAAA,CAALG,KAAK;EAEnB,oBACIX,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACV,KAAA,CAAAW,IAAI;IAACJ,IAAI,EAAEA;EAAK,GACZ,UAAAK,IAAA;IAAA,IAAGC,KAAK,GAAAD,IAAA,CAALC,KAAK;MAAEC,SAAQ,GAAAF,IAAA,CAARE,QAAQ;MAAEC,UAAU,GAAAH,IAAA,CAAVG,UAAU;IAAA,oBAC3BlB,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACT,OAAA,CAAAe,MAAM;MACHC,KAAK,EAAE,QAAS;MAChBC,OAAO,EAAEV,KAAK,CAACW,UAAU,CAACC,GAAG,CAAC,UAAAZ,KAAK;QAAA,OAAK;UACpCS,KAAK,EAAET,KAAK,CAACS,KAAK;UAClBJ,KAAK,EAAEL,KAAK,CAACK;QACjB,CAAC;MAAA,CAAC,CAAE;MACJA,KAAK,EAAEA,KAAM;MACbC,QAAQ,EAAE,SAAVA,QAAQA,CAAEO,IAAI;QAAA,OAAIP,SAAQ,CAACO,IAAI,CAAC;MAAA,CAAC;MACjCN,UAAU,EAAEA;IAAW,CAC1B,CAAC;EAAA,CAEJ,CAAC;AAEf,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Bind","useInputField","Select","PredefinedValues","name","field","createElement","value","onChange","validation","label","options","predefined","map","data","size"],"sources":["PredefinedValues.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Bind } from \"@webiny/form\";\nimport { useInputField } from \"~/components\";\nimport { Select } from \"@webiny/admin-ui\";\n\nexport const PredefinedValues = () => {\n    const { name, field } = useInputField();\n\n    return (\n        <Bind name={name}>\n            {({ value, onChange, validation }) => (\n                <Select\n                    label={\"Values\"}\n                    options={field.predefined.map(field => ({\n                        label: field.label,\n                        value: field.value\n                    }))}\n                    value={value}\n                    onChange={data => onChange(data)}\n                    validation={validation}\n                    size={\"lg\"}\n                />\n            )}\n        </Bind>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa;AACtB,SAASC,MAAM,QAAQ,kBAAkB;AAEzC,OAAO,MAAMC,gBAAgB,GAAGA,CAAA,KAAM;EAClC,MAAM;IAAEC,IAAI;IAAEC;EAAM,CAAC,GAAGJ,aAAa,CAAC,CAAC;EAEvC,oBACIF,KAAA,CAAAO,aAAA,CAACN,IAAI;IAACI,IAAI,EAAEA;EAAK,GACZ,CAAC;IAAEG,KAAK;IAAEC,QAAQ;IAAEC;EAAW,CAAC,kBAC7BV,KAAA,CAAAO,aAAA,CAACJ,MAAM;IACHQ,KAAK,EAAE,QAAS;IAChBC,OAAO,EAAEN,KAAK,CAACO,UAAU,CAACC,GAAG,CAACR,KAAK,KAAK;MACpCK,KAAK,EAAEL,KAAK,CAACK,KAAK;MAClBH,KAAK,EAAEF,KAAK,CAACE;IACjB,CAAC,CAAC,CAAE;IACJA,KAAK,EAAEA,KAAM;IACbC,QAAQ,EAAEM,IAAI,IAAIN,QAAQ,CAACM,IAAI,CAAE;IACjCL,UAAU,EAAEA,UAAW;IACvBM,IAAI,EAAE;EAAK,CACd,CAEH,CAAC;AAEf,CAAC","ignoreList":[]}

package/components/AdvancedSearch/fields/index.js

@@ -1,62 +1,7 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _Boolean = require("./Boolean");
-Object.keys(_Boolean).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Boolean[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Boolean[key];
-    }
-  });
-});
-var _DateWithTimezone = require("./DateWithTimezone");
-Object.keys(_DateWithTimezone).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _DateWithTimezone[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _DateWithTimezone[key];
-    }
-  });
-});
-var _DateWithoutTimezone = require("./DateWithoutTimezone");
-Object.keys(_DateWithoutTimezone).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _DateWithoutTimezone[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _DateWithoutTimezone[key];
-    }
-  });
-});
-var _Input = require("./Input");
-Object.keys(_Input).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Input[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Input[key];
-    }
-  });
-});
-var _PredefinedValues = require("./PredefinedValues");
-Object.keys(_PredefinedValues).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _PredefinedValues[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _PredefinedValues[key];
-    }
-  });
-});
+export * from "./Boolean";
+export * from "./DateWithTimezone";
+export * from "./DateWithoutTimezone";
+export * from "./Input";
+export * from "./PredefinedValues";
 
 //# sourceMappingURL=index.js.map

package/components/AdvancedSearch/fields/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Boolean","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_DateWithTimezone","_DateWithoutTimezone","_Input","_PredefinedValues"],"sources":["index.tsx"],"sourcesContent":["export * from \"./Boolean\";\nexport * from \"./DateWithTimezone\";\nexport * from \"./DateWithoutTimezone\";\nexport * from \"./Input\";\nexport * from \"./PredefinedValues\";\n"],"mappings":";;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,QAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,QAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,QAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,iBAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,iBAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,iBAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAC,iBAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,oBAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,oBAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,oBAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAE,oBAAA,CAAAN,GAAA;IAAA;EAAA;AAAA;AACA,IAAAO,MAAA,GAAAX,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAS,MAAA,EAAAR,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAO,MAAA,CAAAP,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAG,MAAA,CAAAP,GAAA;IAAA;EAAA;AAAA;AACA,IAAAQ,iBAAA,GAAAZ,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAU,iBAAA,EAAAT,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAQ,iBAAA,CAAAR,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAI,iBAAA,CAAAR,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.tsx"],"sourcesContent":["export * from \"./Boolean\";\nexport * from \"./DateWithTimezone\";\nexport * from \"./DateWithoutTimezone\";\nexport * from \"./Input\";\nexport * from \"./PredefinedValues\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA","ignoreList":[]}

package/components/AdvancedSearch/gateways/FiltersGatewayInterface.js

@@ -1,7 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+export {};
 
 //# sourceMappingURL=FiltersGatewayInterface.js.map