@bigbinary/neeto-rules-frontend 2.5.56 → 2.5.57

package/dist/cjs/NeetoRulesForm.js

@@ -2,6 +2,7 @@
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectDestructuringEmpty = require('@babel/runtime/helpers/objectDestructuringEmpty');
+var useDebouncedUpdate = require('../useDebouncedUpdate-6Ibug5MF.js');
 var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var shallow = require('zustand/shallow');
@@ -95,11 +96,6 @@ function _interopNamespaceDefault(e) {
 
 var yup__namespace = /*#__PURE__*/_interopNamespaceDefault(yup);
 
-var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=true===r.prepend?"prepend":"append",d=true===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
-
-var css = ".neeto-rules-main-content__container{height:100dvh!important}.neeto-rules-main-card .neeto-ui-btn.underline{text-align:start}.neeto-rules-side-panel{flex-grow:0;flex-shrink:0}.neeto-rules-side-panel--small{width:320px}.neeto-rules-side-panel--large{width:380px}@media (min-width:1024px){.neeto-rules-side-panel--small{width:380px}.neeto-rules-side-panel--large{width:480px}}.neeto-rules-json-editor__wrapper{height:35vh;padding-bottom:2rem;position:relative}.neeto-rules-json-editor__editor{height:100%}.neeto-rules-json-editor__dynamic-variables{inset-inline-end:1rem;position:absolute;top:1rem;z-index:10}[data-tippy-root]{z-index:99999!important}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcC9qYXZhc2NyaXB0L3NyYy9zdHlsZXNoZWV0cy9jb21wb25lbnRzL2xheW91dC5jc3MiLCJhcHAvamF2YXNjcmlwdC9zcmMvc3R5bGVzaGVldHMvY29tcG9uZW50cy9wYW5lLmNzcyIsImFwcC9qYXZhc2NyaXB0L3NyYy9zdHlsZXNoZWV0cy9jb21wb25lbnRzL2pzb24tZWRpdG9yLmNzcyIsImFwcC9qYXZhc2NyaXB0L3NyYy9zdHlsZXNoZWV0cy9jb21wb25lbnRzL2Ryb3Bkb3duLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxxQ0FDRSx1QkFDRixDQUVBLCtDQUNFLGdCQUNGLENDTkEsd0JBRUUsV0FBWSxDQURaLGFBRUYsQ0FFQSwrQkFDRSxXQUNGLENBRUEsK0JBQ0UsV0FDRixDQUVBLDBCQUNFLCtCQUNFLFdBQ0YsQ0FDQSwrQkFDRSxXQUNGLENBQ0YsQ0NwQkEsa0NBRUUsV0FBWSxDQUNaLG1CQUFvQixDQUZwQixpQkFHRixDQUVBLGlDQUNFLFdBQ0YsQ0FFQSw0Q0FHRSxxQkFBc0IsQ0FGdEIsaUJBQWtCLENBQ2xCLFFBQVMsQ0FFVCxVQUNGLENDZkEsa0JBQ0UsdUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyIubmVldG8tcnVsZXMtbWFpbi1jb250ZW50X19jb250YWluZXIge1xuICBoZWlnaHQ6IDEwMGR2aCAhaW1wb3J0YW50O1xufVxuXG4ubmVldG8tcnVsZXMtbWFpbi1jYXJkIC5uZWV0by11aS1idG4udW5kZXJsaW5lIHtcbiAgdGV4dC1hbGlnbjogc3RhcnQ7XG59XG4iLCIubmVldG8tcnVsZXMtc2lkZS1wYW5lbCB7XG4gIGZsZXgtc2hyaW5rOiAwO1xuICBmbGV4LWdyb3c6IDA7XG59XG5cbi5uZWV0by1ydWxlcy1zaWRlLXBhbmVsLS1zbWFsbCB7XG4gIHdpZHRoOiAzMjBweDtcbn1cblxuLm5lZXRvLXJ1bGVzLXNpZGUtcGFuZWwtLWxhcmdlIHtcbiAgd2lkdGg6IDM4MHB4O1xufVxuXG5AbWVkaWEgKG1pbi13aWR0aDogMTAyNHB4KSB7XG4gIC5uZWV0by1ydWxlcy1zaWRlLXBhbmVsLS1zbWFsbCB7XG4gICAgd2lkdGg6IDM4MHB4O1xuICB9XG4gIC5uZWV0by1ydWxlcy1zaWRlLXBhbmVsLS1sYXJnZSB7XG4gICAgd2lkdGg6IDQ4MHB4O1xuICB9XG59XG4iLCIubmVldG8tcnVsZXMtanNvbi1lZGl0b3JfX3dyYXBwZXIge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGhlaWdodDogMzV2aDtcbiAgcGFkZGluZy1ib3R0b206IDJyZW07XG59XG5cbi5uZWV0by1ydWxlcy1qc29uLWVkaXRvcl9fZWRpdG9yIHtcbiAgaGVpZ2h0OiAxMDAlO1xufVxuXG4ubmVldG8tcnVsZXMtanNvbi1lZGl0b3JfX2R5bmFtaWMtdmFyaWFibGVzIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDFyZW07XG4gIGluc2V0LWlubGluZS1lbmQ6IDFyZW07XG4gIHotaW5kZXg6IDEwO1xufVxuIiwiW2RhdGEtdGlwcHktcm9vdF0ge1xuICB6LWluZGV4OiA5OTk5OSAhaW1wb3J0YW50O1xufVxuIl19 */";
-n(css,{});
-
 var Body = function Body(_ref) {
   var children = _ref.children,
     className = _ref.className;
@@ -490,55 +486,6 @@ var ActionPanel = function ActionPanel() {
   });
 };
 
-function isBuffer (obj) {
-  return obj &&
-    obj.constructor &&
-    (typeof obj.constructor.isBuffer === 'function') &&
-    obj.constructor.isBuffer(obj)
-}
-
-function keyIdentity (key) {
-  return key
-}
-
-function flatten (target, opts) {
-  opts = opts || {};
-
-  const delimiter = opts.delimiter || '.';
-  const maxDepth = opts.maxDepth;
-  const transformKey = opts.transformKey || keyIdentity;
-  const output = {};
-
-  function step (object, prev, currentDepth) {
-    currentDepth = currentDepth || 1;
-    Object.keys(object).forEach(function (key) {
-      const value = object[key];
-      const isarray = opts.safe && Array.isArray(value);
-      const type = Object.prototype.toString.call(value);
-      const isbuffer = isBuffer(value);
-      const isobject = (
-        type === '[object Object]' ||
-        type === '[object Array]'
-      );
-
-      const newKey = prev
-        ? prev + delimiter + transformKey(key)
-        : transformKey(key);
-
-      if (!isarray && !isbuffer && isobject && Object.keys(value).length &&
-        (!opts.maxDepth || currentDepth < maxDepth)) {
-        return step(value, newKey, currentDepth + 1)
-      }
-
-      output[newKey] = value;
-    });
-  }
-
-  step(target);
-
-  return output
-}
-
 var DEFAULT_LONG_TEXT_ROWS = 8;
 
 var Target$k = function Target(_ref) {
@@ -1744,35 +1691,6 @@ var Input = function Input(_ref2) {
 };
 Input.Target = Target$e;
 
-var useOnClickOutside = function useOnClickOutside(ref, handler) {
-  react.useEffect(function () {
-    var listener = function listener(event) {
-      // Do nothing if clicking ref's element or descendent elements
-      if (!ref.current || ref.current.contains(event.target)) {
-        return;
-      }
-      handler(event);
-    };
-    document.addEventListener("mousedown", listener);
-    document.addEventListener("touchstart", listener);
-    return function () {
-      document.removeEventListener("mousedown", listener);
-      document.removeEventListener("touchstart", listener);
-    };
-  }, [handler]);
-};
-
-var SHORTCUTS = {
-  cancel: {
-    sequence: "escape",
-    description: i18next.t("neetoRules.shortcuts.cancel")
-  },
-  submit: {
-    sequence: "enter",
-    description: i18next.t("neetoRules.shortcuts.submit")
-  }
-};
-
 var _excluded$c = ["value", "nullable", "className", "handleSubmit", "handleCancel"];
 function ownKeys$n(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$n(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$n(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$n(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -1798,13 +1716,13 @@ var InlineInput = /*#__PURE__*/react.forwardRef(function (props, ref) {
     handleSubmit(inputValue);
     setInputValue("");
   };
-  useOnClickOutside(inputWrapperRef, function () {
+  useDebouncedUpdate.useOnClickOutside(inputWrapperRef, function () {
     return handleCancel(inputValue);
   });
-  var inputFieldEscapeHotkeyRef = useHotkeys(SHORTCUTS.cancel.sequence, handleCancel, {
+  var inputFieldEscapeHotkeyRef = useHotkeys(useDebouncedUpdate.SHORTCUTS.cancel.sequence, handleCancel, {
     mode: "scoped"
   });
-  var inputFieldEnterHotkeyRef = useHotkeys(SHORTCUTS.submit.sequence, onSubmit, {
+  var inputFieldEnterHotkeyRef = useHotkeys(useDebouncedUpdate.SHORTCUTS.submit.sequence, onSubmit, {
     mode: "scoped"
   });
   react.useEffect(function () {
@@ -3237,7 +3155,7 @@ var ActionSubItemPanel = function ActionSubItemPanel() {
   var header = index ? "".concat(andText, " ").concat(selectedFieldLabel, "...") : "".concat(thenText, " ").concat(selectedFieldLabel, "...");
   var ActionChildren = action.children;
   var handleContinue = function handleContinue() {
-    Object.keys(flatten(meta.error || {})).forEach(function (path) {
+    Object.keys(useDebouncedUpdate.flatten(meta.error || {})).forEach(function (path) {
       setFieldTouched("".concat(name, ".metadata.").concat(path), true, false);
     });
     !meta.error && resetPanelState();
@@ -4430,7 +4348,7 @@ var VerbAndValuePanel = function VerbAndValuePanel() {
     value: logicalOperator.value
   }, getLogicalOperatorOptions(isWithEvents))) === null || _findBy2 === void 0 ? void 0 : _findBy2.label;
   var handleContinue = function handleContinue() {
-    Object.keys(flatten(valueMeta.error || {})).forEach(function (path) {
+    Object.keys(useDebouncedUpdate.flatten(valueMeta.error || {})).forEach(function (path) {
       setFieldTouched("".concat(name, ".metadata.").concat(path), true, false);
     });
     setVerbTouched(true);
@@ -4539,7 +4457,7 @@ var DelayPanel = function DelayPanel() {
     unitRef = _useActiveField2.ref,
     setUnitFieldActive = _useActiveField2.setFieldActive;
   var handleContinue = function handleContinue() {
-    Object.keys(flatten(meta.error || {})).forEach(function (path) {
+    Object.keys(useDebouncedUpdate.flatten(meta.error || {})).forEach(function (path) {
       setFieldTouched("".concat(name, ".value.").concat(path), true, false);
     });
     !meta.error && resetPanelState();
@@ -6410,19 +6328,6 @@ var EventConditions = function EventConditions(_ref) {
   });
 };
 
-var useDebouncedUpdate = function useDebouncedUpdate(value, setValue) {
-  var duration = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 200;
-  var _useStateWithDependen = reactUtils.useStateWithDependency(value),
-    _useStateWithDependen2 = _slicedToArray(_useStateWithDependen, 2),
-    text = _useStateWithDependen2[0],
-    setText = _useStateWithDependen2[1];
-  var debouncedValue = reactUtils.useDebounce(text, duration);
-  react.useEffect(function () {
-    setValue(text);
-  }, [debouncedValue]);
-  return [text, setText];
-};
-
 var _excluded$5 = ["data", "name", "label"];
 function ownKeys$7(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -6437,7 +6342,7 @@ var InputField = function InputField(_ref) {
     field = _useField2[0];
     _useField2[1];
     var setValue = _useField2[2].setValue;
-  var _useDebouncedUpdate = useDebouncedUpdate(field.value, setValue),
+  var _useDebouncedUpdate = useDebouncedUpdate.useDebouncedUpdate(field.value, setValue),
     _useDebouncedUpdate2 = _slicedToArray(_useDebouncedUpdate, 2),
     text = _useDebouncedUpdate2[0],
     setText = _useDebouncedUpdate2[1];
@@ -6550,7 +6455,7 @@ var TextareaField = function TextareaField(_ref) {
     field = _useField2[0];
     _useField2[1];
     var setValue = _useField2[2].setValue;
-  var _useDebouncedUpdate = useDebouncedUpdate(field.value, setValue),
+  var _useDebouncedUpdate = useDebouncedUpdate.useDebouncedUpdate(field.value, setValue),
     _useDebouncedUpdate2 = _slicedToArray(_useDebouncedUpdate, 2),
     text = _useDebouncedUpdate2[0],
     setText = _useDebouncedUpdate2[1];
@@ -6691,7 +6596,7 @@ var TouchErrors = function TouchErrors() {
     isValidating = _useFormikContext.isValidating;
   react.useEffect(function () {
     if (isSubmitting && !isValidating) {
-      Object.keys(flatten(errors)).forEach(function (path) {
+      Object.keys(useDebouncedUpdate.flatten(errors)).forEach(function (path) {
         setFieldTouched(path, true, false);
       });
     }