@oliasoft-open-source/react-ui-library 4.13.0-beta-11 → 4.13.0-beta-12

package/dist/index.js

@@ -199,27 +199,21 @@ function _objectWithoutPropertiesLoose$5(r2, e2) {
   }
   return t;
 }
-var _extends$6 = { exports: {} };
-var hasRequired_extends;
-function require_extends() {
-  if (hasRequired_extends) return _extends$6.exports;
-  hasRequired_extends = 1;
-  (function(module) {
-    function _extends3() {
-      return module.exports = _extends3 = Object.assign ? Object.assign.bind() : function(n2) {
-        for (var e2 = 1; e2 < arguments.length; e2++) {
-          var t = arguments[e2];
-          for (var r2 in t) ({}).hasOwnProperty.call(t, r2) && (n2[r2] = t[r2]);
-        }
-        return n2;
-      }, module.exports.__esModule = true, module.exports["default"] = module.exports, _extends3.apply(null, arguments);
+function _extends$4() {
+  return _extends$4 = Object.assign ? Object.assign.bind() : function(n2) {
+    for (var e2 = 1; e2 < arguments.length; e2++) {
+      var t = arguments[e2];
+      for (var r2 in t) ({}).hasOwnProperty.call(t, r2) && (n2[r2] = t[r2]);
     }
-    module.exports = _extends3, module.exports.__esModule = true, module.exports["default"] = module.exports;
-  })(_extends$6);
-  return _extends$6.exports;
+    return n2;
+  }, _extends$4.apply(null, arguments);
 }
-var _extendsExports = require_extends();
-const _extends$5 = /* @__PURE__ */ getDefaultExportFromCjs(_extendsExports);
+const _extends$5 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  get default() {
+    return _extends$4;
+  }
+}, Symbol.toStringTag, { value: "Module" }));
 function _setPrototypeOf$3(t, e2) {
   return _setPrototypeOf$3 = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(t2, e3) {
     return t2.__proto__ = e3, t2;
@@ -798,7 +792,7 @@ var ReactSVG = /* @__PURE__ */ function(_React$Component) {
   };
   _proto.componentDidUpdate = function componentDidUpdate(prevProps) {
     var _this3 = this;
-    if (shallowDiffers(_extends$5({}, prevProps), this.props)) {
+    if (shallowDiffers(_extends$4({}, prevProps), this.props)) {
       this.setState(function() {
         return _this3.initialState;
       }, function() {
@@ -826,7 +820,7 @@ var ReactSVG = /* @__PURE__ */ function(_React$Component) {
     _this$props2.useRequestCache;
     var wrapper2 = _this$props2.wrapper, rest = _objectWithoutPropertiesLoose$5(_this$props2, _excluded$b);
     var Wrapper2 = wrapper2;
-    return /* @__PURE__ */ React$4.createElement(Wrapper2, _extends$5({}, rest, {
+    return /* @__PURE__ */ React$4.createElement(Wrapper2, _extends$4({}, rest, {
       ref: this.refCallback
     }, wrapper2 === "svg" ? {
       xmlns: svgNamespace,
@@ -2241,8 +2235,8 @@ function _createClass(Constructor, protoProps, staticProps) {
   if (protoProps) _defineProperties(Constructor.prototype, protoProps);
   return Constructor;
 }
-function _extends$4() {
-  _extends$4 = Object.assign || function(target) {
+function _extends$3() {
+  _extends$3 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key2 in source) {
@@ -2253,7 +2247,7 @@ function _extends$4() {
     }
     return target;
   };
-  return _extends$4.apply(this, arguments);
+  return _extends$3.apply(this, arguments);
 }
 function _inheritsLoose$2(subClass, superClass) {
   subClass.prototype = Object.create(superClass.prototype);
@@ -2577,7 +2571,7 @@ function useTrackElements(_ref) {
   var layerRef = useTrackRef(useCallback$1(function(layer2) {
     var _get3 = get4(), previousLayer = _get3.layer;
     set2(function(state) {
-      return _extends$4({}, state, {
+      return _extends$3({}, state, {
         layer: layer2
       });
     });
@@ -2600,7 +2594,7 @@ function useTrackElements(_ref) {
     var scrollContainers = getScrollContainers(trigger2);
     var _get4 = get4(), previousTrigger = _get4.trigger;
     set2(function(state) {
-      return _extends$4({}, state, {
+      return _extends$3({}, state, {
         trigger: trigger2,
         scrollContainers
       });
@@ -2613,7 +2607,7 @@ function useTrackElements(_ref) {
       return;
     }
     set2(function(state) {
-      return _extends$4({}, state, {
+      return _extends$3({}, state, {
         scrollContainers: getScrollContainers(triggerOptionParent)
       });
     });
@@ -2780,7 +2774,7 @@ var BoundSide = {
   left: /* @__PURE__ */ createSide("left"),
   right: /* @__PURE__ */ createSide("right")
 };
-var Side = /* @__PURE__ */ _extends$4({}, BoundSide, {
+var Side = /* @__PURE__ */ _extends$3({}, BoundSide, {
   center: /* @__PURE__ */ createSide("center")
 });
 var SIDES = ["top", "left", "bottom", "right"];
@@ -2876,7 +2870,7 @@ var Bounds = /* @__PURE__ */ function() {
       var _environment$getCompu = environment2.getComputedStyle(element), width2 = _environment$getCompu.width, height2 = _environment$getCompu.height, boxSizing = _environment$getCompu.boxSizing, borderLeft = _environment$getCompu.borderLeft, borderRight = _environment$getCompu.borderRight, borderTop = _environment$getCompu.borderTop, borderBottom = _environment$getCompu.borderBottom, paddingLeft = _environment$getCompu.paddingLeft, paddingRight = _environment$getCompu.paddingRight, paddingTop = _environment$getCompu.paddingTop, paddingBottom = _environment$getCompu.paddingBottom;
       var boxWidth = boxSizing === "border-box" ? getPixelValue(width2) : sumOfPropertyValues(width2, borderLeft, borderRight, paddingLeft, paddingRight);
       var boxHeight = boxSizing === "border-box" ? getPixelValue(height2) : sumOfPropertyValues(height2, borderTop, borderBottom, paddingTop, paddingBottom);
-      bounds = new Bounds2(_extends$4({}, bounds, {
+      bounds = new Bounds2(_extends$3({}, bounds, {
         width: boxWidth,
         height: boxHeight
       }));
@@ -2923,7 +2917,7 @@ var Bounds = /* @__PURE__ */ function() {
   };
   _proto.merge = function merge(partialBoundsOrMergeFn) {
     var current = this.toObject();
-    return new Bounds2(_extends$4({}, current, typeof partialBoundsOrMergeFn === "function" ? partialBoundsOrMergeFn(current) : partialBoundsOrMergeFn));
+    return new Bounds2(_extends$3({}, current, typeof partialBoundsOrMergeFn === "function" ? partialBoundsOrMergeFn(current) : partialBoundsOrMergeFn));
   };
   _proto.substract = function substract(bounds) {
     var result = this.toObject();
@@ -2990,7 +2984,7 @@ var Placement = /* @__PURE__ */ function() {
       typeof layerDimensions === "function" ? layerDimensions(this.primary.prop) : layerDimensions
     );
     this.subjectsBounds = subjectBounds.merge({
-      layer: _extends$4({}, subjectBounds.layer, dimensions)
+      layer: _extends$3({}, subjectBounds.layer, dimensions)
     });
   };
   _proto.getLayerBounds = function getLayerBounds(secondaryOffset) {
@@ -3165,7 +3159,7 @@ function getArrowStyle(subjectsBounds, placement, arrowOffset) {
   var primarySide = placement.primary.prop;
   var secondarySide = placement.primary.oppositeCssProp;
   var secondaryValue = triggerIsBigger ? layer2[sizeProperty] / 2 + negativeOffset : trigger2[secondarySide] + trigger2[sizeProperty] / 2 - layer2[secondarySide];
-  return _extends$4({}, STYLE_BASE, (_extends22 = {}, _extends22[primarySide] = "100%", _extends22[secondarySide] = limit(secondaryValue, min, max), _extends22));
+  return _extends$3({}, STYLE_BASE, (_extends22 = {}, _extends22[primarySide] = "100%", _extends22[secondarySide] = limit(secondaryValue, min, max), _extends22));
 }
 var Placements = /* @__PURE__ */ function() {
   function Placements2(placements, config2, subjectsBounds) {
@@ -3294,11 +3288,11 @@ var Placements = /* @__PURE__ */ function() {
     var arrow2 = getArrowStyle(this.subjectsBounds.merge({
       layer: layerBounds
     }), placement, this.config.arrowOffset);
-    var layer2 = this.config.overflowContainer ? _extends$4({}, layerStyleBase, {
+    var layer2 = this.config.overflowContainer ? _extends$3({}, layerStyleBase, {
       position: "fixed",
       top: layerBounds.top,
       left: layerBounds.left
-    }) : _extends$4({}, layerStyleBase, {
+    }) : _extends$3({}, layerStyleBase, {
       position: "absolute",
       top: layerBounds.top - this.subjectsBounds.parent.top + scrollOffsets.top - borderOffsets.top,
       left: layerBounds.left - this.subjectsBounds.parent.left + scrollOffsets.left - borderOffsets.left
@@ -3373,7 +3367,7 @@ var SubjectsBounds = /* @__PURE__ */ function() {
   };
   var _proto = SubjectsBounds2.prototype;
   _proto.merge = function merge(subjectsBounds) {
-    return new SubjectsBounds2(_extends$4({}, this, subjectsBounds), this.overflowContainer);
+    return new SubjectsBounds2(_extends$3({}, this, subjectsBounds), this.overflowContainer);
   };
   _proto.offsetsToScrollContainers = function offsetsToScrollContainers(subject, allContainers) {
     if (allContainers === void 0) {
@@ -3608,10 +3602,10 @@ var Arrow = /* @__PURE__ */ forwardRef(function Arrow2(_ref2, ref2) {
   var sizeA = size2;
   var sizeB = getWidthBasedOnAngle(angle, size2) * 2;
   var maxSize = Math.max(sizeA, sizeB);
-  return createElement("svg", _extends$4({
+  return createElement("svg", _extends$3({
     ref: ref2
   }, rest, {
-    style: _extends$4({}, style2, {
+    style: _extends$3({}, style2, {
       transform: "translate" + (side.isHorizontal ? "Y" : "X") + "(-50%)"
     }),
     width: maxSize,
@@ -8257,8 +8251,8 @@ function _interopRequireWildcard$2(obj, nodeInterop) {
   }
   return newObj;
 }
-function _extends$3() {
-  _extends$3 = Object.assign ? Object.assign.bind() : function(target) {
+function _extends$2() {
+  _extends$2 = Object.assign ? Object.assign.bind() : function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key2 in source) {
@@ -8269,7 +8263,7 @@ function _extends$3() {
     }
     return target;
   };
-  return _extends$3.apply(this, arguments);
+  return _extends$2.apply(this, arguments);
 }
 function _objectWithoutPropertiesLoose$3(source, excluded) {
   if (source == null) return {};
@@ -8474,7 +8468,7 @@ var Resizable$1 = /* @__PURE__ */ function(_React$Component) {
       children: [].concat(children.props.children, resizeHandles.map(function(handleAxis) {
         var _this3$handleRefs$han;
         var ref2 = (_this3$handleRefs$han = _this3.handleRefs[handleAxis]) != null ? _this3$handleRefs$han : _this3.handleRefs[handleAxis] = /* @__PURE__ */ React$2.createRef();
-        return /* @__PURE__ */ React$2.createElement(_reactDraggable.DraggableCore, _extends$3({}, draggableOpts, {
+        return /* @__PURE__ */ React$2.createElement(_reactDraggable.DraggableCore, _extends$2({}, draggableOpts, {
           nodeRef: ref2,
           key: "resizableHandle-" + handleAxis,
           onStop: _this3.resizeHandler("onResizeStop", handleAxis),
@@ -8545,8 +8539,8 @@ function _interopRequireWildcard$1(obj, nodeInterop) {
   }
   return newObj;
 }
-function _extends$2() {
-  _extends$2 = Object.assign ? Object.assign.bind() : function(target) {
+function _extends$1() {
+  _extends$1 = Object.assign ? Object.assign.bind() : function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key2 in source) {
@@ -8557,7 +8551,7 @@ function _extends$2() {
     }
     return target;
   };
-  return _extends$2.apply(this, arguments);
+  return _extends$1.apply(this, arguments);
 }
 function ownKeys$1(object2, enumerableOnly) {
   var keys2 = Object.keys(object2);
@@ -8688,7 +8682,7 @@ var ResizableBox = /* @__PURE__ */ function(_React$Component) {
       resizeHandles,
       transformScale,
       width: this.state.width
-    }, /* @__PURE__ */ React$1.createElement("div", _extends$2({}, props, {
+    }, /* @__PURE__ */ React$1.createElement("div", _extends$1({}, props, {
       style: _objectSpread$5(_objectSpread$5({}, style2), {}, {
         width: this.state.width + "px",
         height: this.state.height + "px"
@@ -9481,15 +9475,6 @@ const InputGroupAddon = ({
   })();
   return /* @__PURE__ */ jsx("span", { className: cx$2(styles$u.addon, order2, small2 ? styles$u.small : ""), children });
 };
-function _extends$1() {
-  return _extends$1 = Object.assign ? Object.assign.bind() : function(n2) {
-    for (var e2 = 1; e2 < arguments.length; e2++) {
-      var t = arguments[e2];
-      for (var r2 in t) ({}).hasOwnProperty.call(t, r2) && (n2[r2] = t[r2]);
-    }
-    return n2;
-  }, _extends$1.apply(null, arguments);
-}
 function _typeof$2(o) {
   "@babel/helpers - typeof";
   return _typeof$2 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o2) {
@@ -10751,7 +10736,7 @@ function connectAdvanced(selectorFactory, _ref) {
     }
     var wrappedComponentName = WrappedComponent.displayName || WrappedComponent.name || "Component";
     var displayName = getDisplayName(wrappedComponentName);
-    var selectorFactoryOptions = _extends$1({}, connectOptions, {
+    var selectorFactoryOptions = _extends$4({}, connectOptions, {
       getDisplayName,
       methodName,
       renderCountProp,
@@ -10796,7 +10781,7 @@ function connectAdvanced(selectorFactory, _ref) {
         if (didStoreComeFromProps) {
           return contextValue;
         }
-        return _extends$1({}, contextValue, {
+        return _extends$4({}, contextValue, {
           subscription
         });
       }, [didStoreComeFromProps, contextValue, subscription]);
@@ -10817,7 +10802,7 @@ function connectAdvanced(selectorFactory, _ref) {
       useIsomorphicLayoutEffectWithArgs(captureWrapperProps, [lastWrapperProps, lastChildProps, renderIsScheduled, wrapperProps, actualChildProps, childPropsFromStoreUpdate, notifyNestedSubs]);
       useIsomorphicLayoutEffectWithArgs(subscribeUpdates, [shouldHandleStateChanges, store, subscription, childPropsSelector, lastWrapperProps, lastChildProps, renderIsScheduled, childPropsFromStoreUpdate, notifyNestedSubs, forceComponentUpdateDispatch], [store, subscription, childPropsSelector]);
       var renderedWrappedComponent = useMemo$1(function() {
-        return /* @__PURE__ */ React__default.createElement(WrappedComponent, _extends$1({}, actualChildProps, {
+        return /* @__PURE__ */ React__default.createElement(WrappedComponent, _extends$4({}, actualChildProps, {
           ref: reactReduxForwardedRef
         }));
       }, [reactReduxForwardedRef, WrappedComponent, actualChildProps]);
@@ -10836,7 +10821,7 @@ function connectAdvanced(selectorFactory, _ref) {
     Connect.displayName = ConnectFunction.displayName = displayName;
     if (forwardRef2) {
       var forwarded = React__default.forwardRef(function forwardConnectRef(props, ref2) {
-        return /* @__PURE__ */ React__default.createElement(Connect, _extends$1({}, props, {
+        return /* @__PURE__ */ React__default.createElement(Connect, _extends$4({}, props, {
           reactReduxForwardedRef: ref2
         }));
       });
@@ -10969,7 +10954,7 @@ function whenMapStateToPropsIsMissing(mapStateToProps) {
 }
 const defaultMapStateToPropsFactories = [whenMapStateToPropsIsFunction, whenMapStateToPropsIsMissing];
 function defaultMergeProps(stateProps, dispatchProps, ownProps) {
-  return _extends$1({}, ownProps, stateProps, dispatchProps);
+  return _extends$4({}, ownProps, stateProps, dispatchProps);
 }
 function wrapMergePropsFunc(mergeProps) {
   return function initMergePropsProxy(dispatch, _ref) {
@@ -11102,7 +11087,7 @@ function createConnect(_temp) {
     var initMapStateToProps = match(mapStateToProps, mapStateToPropsFactories, "mapStateToProps");
     var initMapDispatchToProps = match(mapDispatchToProps2, mapDispatchToPropsFactories, "mapDispatchToProps");
     var initMergeProps = match(mergeProps, mergePropsFactories, "mergeProps");
-    return connectHOC(selectorFactory, _extends$1({
+    return connectHOC(selectorFactory, _extends$4({
       // used in error messages
       methodName: "connect",
       // used to compute Connect's displayName from the wrapped component's displayName.
@@ -11401,7 +11386,7 @@ var error$1 = log.bind(null, "error");
 function noop$1() {
 }
 function getOptions(shared2, fromBinding) {
-  return _extends$1({}, shared2, {}, fromBinding);
+  return _extends$4({}, shared2, {}, fromBinding);
 }
 function bindEvents(el2, bindings, sharedOptions) {
   var unbindings = bindings.map(function(binding) {
@@ -11647,7 +11632,7 @@ var scroll$2 = function scroll(target, frame2) {
 var increase = function increase2(target, axis, withPlaceholder) {
   if (withPlaceholder && withPlaceholder.increasedBy) {
     var _extends22;
-    return _extends$1({}, target, (_extends22 = {}, _extends22[axis.end] = target[axis.end] + withPlaceholder.increasedBy[axis.line], _extends22));
+    return _extends$4({}, target, (_extends22 = {}, _extends22[axis.end] = target[axis.end] + withPlaceholder.increasedBy[axis.line], _extends22));
   }
   return target;
 };
@@ -11673,7 +11658,7 @@ var scrollDroppable = function(droppable2, newScroll) {
   var scrollable = droppable2.frame;
   var scrollDiff = subtract$1(newScroll, scrollable.scroll.initial);
   var scrollDisplacement = negate(scrollDiff);
-  var frame2 = _extends$1({}, scrollable, {
+  var frame2 = _extends$4({}, scrollable, {
     scroll: {
       initial: scrollable.scroll.initial,
       current: newScroll,
@@ -11690,7 +11675,7 @@ var scrollDroppable = function(droppable2, newScroll) {
     axis: droppable2.axis,
     frame: frame2
   });
-  var result = _extends$1({}, droppable2, {
+  var result = _extends$4({}, droppable2, {
     frame: frame2,
     subject
   });
@@ -11794,7 +11779,7 @@ var moveToNextCombine = function(_ref) {
         droppableId: destination.descriptor.id
       }
     };
-    return _extends$1({}, previousImpact, {
+    return _extends$4({}, previousImpact, {
       at: at2
     });
   }
@@ -11929,17 +11914,17 @@ var isVisible = function isVisible2(_ref) {
   return isVisibleInDroppable(displacedTarget, destination, isVisibleThroughFrameFn) && isVisibleInViewport(displacedTarget, viewport, isVisibleThroughFrameFn);
 };
 var isPartiallyVisible = function isPartiallyVisible2(args) {
-  return isVisible(_extends$1({}, args, {
+  return isVisible(_extends$4({}, args, {
     isVisibleThroughFrameFn: isPartiallyVisibleThroughFrame
   }));
 };
 var isTotallyVisible = function isTotallyVisible2(args) {
-  return isVisible(_extends$1({}, args, {
+  return isVisible(_extends$4({}, args, {
     isVisibleThroughFrameFn: isTotallyVisibleThroughFrame
   }));
 };
 var isTotallyVisibleOnAxis = function isTotallyVisibleOnAxis2(args) {
-  return isVisible(_extends$1({}, args, {
+  return isVisible(_extends$4({}, args, {
     isVisibleThroughFrameFn: isTotallyVisibleThroughFrameOnAxis(args.destination.axis)
   }));
 };
@@ -12349,7 +12334,7 @@ var speculativelyIncrease = function(_ref) {
     }
     invisible[id2] = true;
   });
-  var newImpact = _extends$1({}, impact, {
+  var newImpact = _extends$4({}, impact, {
     displaced: {
       all: last.all,
       invisible,
@@ -12570,8 +12555,8 @@ var getRequiredGrowthForPlaceholder = function getRequiredGrowthForPlaceholder2(
   return patch(axis.line, needsToGrowBy);
 };
 var withMaxScroll = function withMaxScroll2(frame2, max) {
-  return _extends$1({}, frame2, {
-    scroll: _extends$1({}, frame2.scroll, {
+  return _extends$4({}, frame2, {
+    scroll: _extends$4({}, frame2.scroll, {
       max
     })
   });
@@ -12594,7 +12579,7 @@ var addPlaceholder = function addPlaceholder2(droppable2, draggable2, draggables
       axis: droppable2.axis,
       frame: droppable2.frame
     });
-    return _extends$1({}, droppable2, {
+    return _extends$4({}, droppable2, {
       subject: _subject
     });
   }
@@ -12606,7 +12591,7 @@ var addPlaceholder = function addPlaceholder2(droppable2, draggable2, draggables
     axis: droppable2.axis,
     frame: newFrame
   });
-  return _extends$1({}, droppable2, {
+  return _extends$4({}, droppable2, {
     subject,
     frame: newFrame
   });
@@ -12622,7 +12607,7 @@ var removePlaceholder = function removePlaceholder2(droppable2) {
       frame: null,
       withPlaceholder: null
     });
-    return _extends$1({}, droppable2, {
+    return _extends$4({}, droppable2, {
       subject: _subject2
     });
   }
@@ -12635,7 +12620,7 @@ var removePlaceholder = function removePlaceholder2(droppable2) {
     frame: newFrame,
     withPlaceholder: null
   });
-  return _extends$1({}, droppable2, {
+  return _extends$4({}, droppable2, {
     subject,
     frame: newFrame
   });
@@ -13020,7 +13005,7 @@ var getDragImpact = function(_ref) {
 };
 var patchDroppableMap = function(droppables, updated) {
   var _extends22;
-  return _extends$1({}, droppables, (_extends22 = {}, _extends22[updated.descriptor.id] = updated, _extends22));
+  return _extends$4({}, droppables, (_extends22 = {}, _extends22[updated.descriptor.id] = updated, _extends22));
 };
 var clearUnusedPlaceholder = function clearUnusedPlaceholder2(_ref) {
   var previousImpact = _ref.previousImpact, impact = _ref.impact, droppables = _ref.droppables;
@@ -13081,7 +13066,7 @@ var update = function(_ref) {
     page: page2
   };
   if (state.phase === "COLLECTING") {
-    return _extends$1({
+    return _extends$4({
       phase: "COLLECTING"
     }, state, {
       dimensions,
@@ -13106,7 +13091,7 @@ var update = function(_ref) {
     draggables: dimensions.draggables,
     droppables: dimensions.droppables
   });
-  var result = _extends$1({}, state, {
+  var result = _extends$4({}, state, {
     current,
     dimensions: {
       draggables: dimensions.draggables,
@@ -13136,7 +13121,7 @@ var recompute = function(_ref) {
     forceShouldAnimate,
     last
   });
-  return _extends$1({}, impact, {
+  return _extends$4({}, impact, {
     displaced
   });
 };
@@ -13255,8 +13240,8 @@ var offsetDraggable = function(_ref) {
   var draggable2 = _ref.draggable, offset$1 = _ref.offset, initialWindowScroll = _ref.initialWindowScroll;
   var client = offset(draggable2.client, offset$1);
   var page2 = withScroll(client, initialWindowScroll);
-  var moved = _extends$1({}, draggable2, {
-    placeholder: _extends$1({}, draggable2.placeholder, {
+  var moved = _extends$4({}, draggable2, {
+    placeholder: _extends$4({}, draggable2.placeholder, {
       client
     }),
     client,
@@ -13294,13 +13279,13 @@ var publishWhileDraggingInVirtual = function(_ref) {
     var scrolled = scrollDroppable(existing, update2.scroll);
     return scrolled;
   });
-  var droppables = _extends$1({}, state.dimensions.droppables, {}, toDroppableMap(withScrollChange));
+  var droppables = _extends$4({}, state.dimensions.droppables, {}, toDroppableMap(withScrollChange));
   var updatedAdditions = toDraggableMap(adjustAdditionsForScrollChanges({
     additions: published.additions,
     updatedDroppables: droppables,
     viewport: state.viewport
   }));
-  var draggables = _extends$1({}, state.dimensions.draggables, {}, updatedAdditions);
+  var draggables = _extends$4({}, state.dimensions.draggables, {}, updatedAdditions);
   published.removals.forEach(function(id2) {
     delete draggables[id2];
   });
@@ -13329,7 +13314,7 @@ var publishWhileDraggingInVirtual = function(_ref) {
     afterCritical
   });
   finish();
-  var draggingState = _extends$1({
+  var draggingState = _extends$4({
     phase: "DRAGGING"
   }, state, {
     phase: "DRAGGING",
@@ -13342,7 +13327,7 @@ var publishWhileDraggingInVirtual = function(_ref) {
   if (state.phase === "COLLECTING") {
     return draggingState;
   }
-  var dropPending3 = _extends$1({
+  var dropPending3 = _extends$4({
     phase: "DROP_PENDING"
   }, draggingState, {
     phase: "DROP_PENDING",
@@ -13369,7 +13354,7 @@ var postDroppableChange = function postDroppableChange2(state, updated, isEnable
 };
 function removeScrollJumpRequest(state) {
   if (state.isDragging && state.movementMode === "SNAP") {
-    return _extends$1({
+    return _extends$4({
       phase: "DRAGGING"
     }, state, {
       scrollJumpRequest: null
@@ -13387,7 +13372,7 @@ var reducer$2 = function(state, action2) {
     state = idle;
   }
   if (action2.type === "FLUSH") {
-    return _extends$1({}, idle, {
+    return _extends$4({}, idle, {
       shouldFlush: true
     });
   }
@@ -13441,7 +13426,7 @@ var reducer$2 = function(state, action2) {
       return state;
     }
     !(state.phase === "DRAGGING") ? process.env.NODE_ENV !== "production" ? invariant$3(false, "Collection cannot start from phase " + state.phase) : invariant$3() : void 0;
-    var _result = _extends$1({
+    var _result = _extends$4({
       phase: "COLLECTING"
     }, state, {
       phase: "COLLECTING"
@@ -13495,7 +13480,7 @@ var reducer$2 = function(state, action2) {
     var _target = state.dimensions.droppables[_id];
     !_target ? process.env.NODE_ENV !== "production" ? invariant$3(false, "Cannot find Droppable[id: " + _id + "] to toggle its enabled state") : invariant$3() : void 0;
     !(_target.isEnabled !== isEnabled) ? process.env.NODE_ENV !== "production" ? invariant$3(false, "Trying to set droppable isEnabled to " + String(isEnabled) + "\n      but it is already " + String(_target.isEnabled)) : invariant$3() : void 0;
-    var updated = _extends$1({}, _target, {
+    var updated = _extends$4({}, _target, {
       isEnabled
     });
     return postDroppableChange(state, updated, true);
@@ -13509,7 +13494,7 @@ var reducer$2 = function(state, action2) {
     var _target2 = state.dimensions.droppables[_id2];
     !_target2 ? process.env.NODE_ENV !== "production" ? invariant$3(false, "Cannot find Droppable[id: " + _id2 + "] to toggle its isCombineEnabled state") : invariant$3() : void 0;
     !(_target2.isCombineEnabled !== isCombineEnabled) ? process.env.NODE_ENV !== "production" ? invariant$3(false, "Trying to set droppable isCombineEnabled to " + String(isCombineEnabled) + "\n      but it is already " + String(_target2.isCombineEnabled)) : invariant$3() : void 0;
-    var _updated2 = _extends$1({}, _target2, {
+    var _updated2 = _extends$4({}, _target2, {
       isCombineEnabled
     });
     return postDroppableChange(state, _updated2, true);
@@ -13544,12 +13529,12 @@ var reducer$2 = function(state, action2) {
     if (isEqual$2(maxScroll, state.viewport.scroll.max)) {
       return state;
     }
-    var withMaxScroll3 = _extends$1({}, state.viewport, {
-      scroll: _extends$1({}, state.viewport.scroll, {
+    var withMaxScroll3 = _extends$4({}, state.viewport, {
+      scroll: _extends$4({}, state.viewport.scroll, {
         max: maxScroll
       })
     });
-    return _extends$1({
+    return _extends$4({
       phase: "DRAGGING"
     }, state, {
       viewport: withMaxScroll3
@@ -13577,7 +13562,7 @@ var reducer$2 = function(state, action2) {
   if (action2.type === "DROP_PENDING") {
     var reason = action2.payload.reason;
     !(state.phase === "COLLECTING") ? process.env.NODE_ENV !== "production" ? invariant$3(false, "Can only move into the DROP_PENDING phase from the COLLECTING phase") : invariant$3() : void 0;
-    var newState = _extends$1({
+    var newState = _extends$4({
       phase: "DROP_PENDING"
     }, state, {
       phase: "DROP_PENDING",
@@ -13925,7 +13910,7 @@ var getDropImpact = function(_ref) {
       didDropInsideDroppable: true
     };
   }
-  var withoutMovement = _extends$1({}, lastImpact, {
+  var withoutMovement = _extends$4({}, lastImpact, {
     displaced: emptyGroups
   });
   return {
@@ -14262,7 +14247,7 @@ var getPublisher = function(getResponders, announce) {
     if (!hasCriticalChanged && !hasLocationChanged && !hasGroupingChanged) {
       return;
     }
-    var data = _extends$1({}, getDragStart(critical, dragging.mode), {
+    var data = _extends$4({}, getDragStart(critical, dragging.mode), {
       combine: combine2,
       destination: location
     });
@@ -14287,7 +14272,7 @@ var getPublisher = function(getResponders, announce) {
     if (!dragging) {
       return;
     }
-    var result = _extends$1({}, getDragStart(dragging.lastCritical, dragging.mode), {
+    var result = _extends$4({}, getDragStart(dragging.lastCritical, dragging.mode), {
       combine: null,
       destination: null,
       reason: "CANCEL"
@@ -15707,7 +15692,7 @@ function useAnnouncer(contextId) {
     el2.id = id2;
     el2.setAttribute("aria-live", "assertive");
     el2.setAttribute("aria-atomic", "true");
-    _extends$1(el2.style, visuallyHidden);
+    _extends$4(el2.style, visuallyHidden);
     getBodyElement().appendChild(el2);
     return function cleanup() {
       setTimeout(function remove2() {
@@ -16754,7 +16739,7 @@ function tryStart(_ref3) {
         reason
       }));
     }
-    return _extends$1({
+    return _extends$4({
       isActive: function isActive() {
         return _isActive({
           expected: "DRAGGING",
@@ -16793,7 +16778,7 @@ function tryStart(_ref3) {
         move: move$1
       }
     });
-    return _extends$1({}, api, {
+    return _extends$4({}, api, {
       move: move$1
     });
   }
@@ -16968,7 +16953,7 @@ function App(props) {
     return createDimensionMarshal(registry, marshalCallbacks);
   }, [registry, marshalCallbacks]);
   var autoScroller = useMemo(function() {
-    return createAutoScroller(_extends$1({
+    return createAutoScroller(_extends$4({
       scrollWindow,
       scrollDroppable: dimensionMarshal.scrollDroppable
     }, bindActionCreators$1({
@@ -18102,7 +18087,7 @@ function PublicDraggable(props) {
   var isEnabled = typeof props.isDragDisabled === "boolean" ? !props.isDragDisabled : true;
   var canDragInteractiveElements = Boolean(props.disableInteractiveElementBlocking);
   var shouldRespectForcePress = Boolean(props.shouldRespectForcePress);
-  return React__default.createElement(PrivateDraggable, _extends$1({}, props, {
+  return React__default.createElement(PrivateDraggable, _extends$4({}, props, {
     isClone: false,
     isEnabled,
     canDragInteractiveElements,
@@ -18221,7 +18206,7 @@ var makeMapStateToProps$1 = function makeMapStateToProps3() {
     },
     useClone: null
   };
-  var idleWithoutAnimation = _extends$1({}, idleWithAnimation, {
+  var idleWithoutAnimation = _extends$4({}, idleWithAnimation, {
     shouldAnimatePlaceholder: false
   });
   var getDraggableRubric = memoizeOne(function(descriptor) {
@@ -20300,7 +20285,7 @@ function createListComponent(_ref) {
         className,
         onScroll,
         ref: this._outerRefSetter,
-        style: _extends$1({
+        style: _extends$4({
           position: "relative",
           height: height2,
           width: width2,
@@ -52362,6 +52347,7 @@ var interopRequireDefault = { exports: {} };
   module.exports = _interopRequireDefault2, module.exports.__esModule = true, module.exports["default"] = module.exports;
 })(interopRequireDefault);
 var interopRequireDefaultExports = interopRequireDefault.exports;
+const require$$2 = /* @__PURE__ */ getAugmentedNamespace(_extends$5);
 const richTextToolbar = "_richTextToolbar_1gbkk_1";
 const richTextToolbarContainer = "_richTextToolbarContainer_1gbkk_5";
 const styles$g = {
@@ -53633,7 +53619,7 @@ var Handle$2 = /* @__PURE__ */ React$4.forwardRef(function(props, ref2) {
     }
   };
   var positionStyle = getDirectionStyle(direction, value, min, max);
-  var handleNode = /* @__PURE__ */ React$4.createElement("div", _extends$1({
+  var handleNode = /* @__PURE__ */ React$4.createElement("div", _extends$4({
     ref: ref2,
     className: cx$2(handlePrefixCls, (_classNames = {}, _defineProperty$7(_classNames, "".concat(handlePrefixCls, "-").concat(valueIndex + 1), range2), _defineProperty$7(_classNames, "".concat(handlePrefixCls, "-dragging"), dragging), _classNames)),
     style: _objectSpread2$1(_objectSpread2$1({}, positionStyle), style2),
@@ -53677,7 +53663,7 @@ var Handles = /* @__PURE__ */ React$4.forwardRef(function(props, ref2) {
     };
   });
   return /* @__PURE__ */ React$4.createElement(React$4.Fragment, null, values2.map(function(value, index2) {
-    return /* @__PURE__ */ React$4.createElement(Handle$2, _extends$1({
+    return /* @__PURE__ */ React$4.createElement(Handle$2, _extends$4({
       ref: function ref3(node2) {
         if (!node2) {
           delete handlesRef.current[index2];
@@ -55047,7 +55033,7 @@ Object.defineProperty(Handle$1, "__esModule", {
   value: true
 });
 var default_1 = Handle$1.default = void 0;
-var _extends2 = _interopRequireDefault(require_extends());
+var _extends2 = _interopRequireDefault(require$$2);
 var _objectSpread2 = _interopRequireDefault(requireObjectSpread2());
 var _defineProperty2 = _interopRequireDefault(requireDefineProperty());
 var _objectWithoutProperties2 = _interopRequireDefault(requireObjectWithoutProperties());
@@ -70206,7 +70192,6 @@ const convertUnit = ({
   exactPrecision = false
 }) => {
   var _a2;
-  console.log("convertUnit", inputValue);
   const value = isValueWithUnit(inputValue) ? getValue$1(inputValue) : inputValue;
   const isInfinity = [Infinity, -Infinity].includes(Number(value));
   if (doNotConvertValue) {
@@ -70246,7 +70231,6 @@ const safeConvertValue = ({
   defaultFromUnit,
   doNotConvertValue
 }) => {
-  console.log("safeConvertValue", value);
   const rawValue = getValue$1(value);
   const isInvalidInput = isWrongValue(rawValue);
   const availableUnits = ALT_UNITS[unitkey];
@@ -70312,7 +70296,7 @@ const PredefinedOptionsMenu = ({
   setPredefinedOptionsMenuState,
   testId
 }) => {
-  const extractedValue = extractValue(displayLayer == null ? void 0 : displayLayer.value);
+  extractValue(displayLayer == null ? void 0 : displayLayer.value);
   const [foundPredefinedMenuOption, setFoundPredefinedMenuOption] = useState(void 0);
   const convertPredefinedOptions = ({
     value,
@@ -70320,7 +70304,6 @@ const PredefinedOptionsMenu = ({
   }) => {
     if (!value || !rootUnitKey) return value;
     if (!isValueWithUnit(value)) return value;
-    console.log("convertPredefinedOptions", value, optionUnitKey);
     const selectedUnitKey = optionUnitKey || rootUnitKey;
     const preferredOptionUnit = getPreferredUnit(selectedUnitKey, unitTemplate);
     const { value: resultValue } = safeConvertValue({
@@ -70381,7 +70364,7 @@ const PredefinedOptionsMenu = ({
       setPredefinedOptionsMenuState(PredefinedOptionsMenuState.CUSTOM);
       setFoundPredefinedMenuOption(void 0);
     }
-  }, [extractedValue, predefinedOptions]);
+  }, [predefinedOptions]);
   console.log(
     "createPredefinedOption",
     predefinedOptions.map(createPredefinedOption)
@@ -70464,6 +70447,8 @@ const UnitInput = ({
   const context2 = useUnitContext();
   const runAfterUpdate = useRunAfterUpdate();
   const [predefinedOptionsMenuState, setPredefinedOptionsMenuState] = useState(PredefinedOptionsMenuState.CUSTOM);
+  console.log("PRED_OPT>>>", predefinedOptions);
+  console.log("INIT_PRED_OPT>>>", initialPredefinedOption);
   if (typeof value === "number") {
     value = `${value}`;
   }