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

package/dist/index.js

@@ -199,21 +199,27 @@ function _objectWithoutPropertiesLoose$5(r2, e2) {
   }
   return t;
 }
-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]);
+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);
     }
-    return n2;
-  }, _extends$4.apply(null, arguments);
+    module.exports = _extends3, module.exports.__esModule = true, module.exports["default"] = module.exports;
+  })(_extends$6);
+  return _extends$6.exports;
 }
-const _extends$5 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  get default() {
-    return _extends$4;
-  }
-}, Symbol.toStringTag, { value: "Module" }));
+var _extendsExports = require_extends();
+const _extends$5 = /* @__PURE__ */ getDefaultExportFromCjs(_extendsExports);
 function _setPrototypeOf$3(t, e2) {
   return _setPrototypeOf$3 = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(t2, e3) {
     return t2.__proto__ = e3, t2;
@@ -792,7 +798,7 @@ var ReactSVG = /* @__PURE__ */ function(_React$Component) {
   };
   _proto.componentDidUpdate = function componentDidUpdate(prevProps) {
     var _this3 = this;
-    if (shallowDiffers(_extends$4({}, prevProps), this.props)) {
+    if (shallowDiffers(_extends$5({}, prevProps), this.props)) {
       this.setState(function() {
         return _this3.initialState;
       }, function() {
@@ -820,7 +826,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$4({}, rest, {
+    return /* @__PURE__ */ React$4.createElement(Wrapper2, _extends$5({}, rest, {
       ref: this.refCallback
     }, wrapper2 === "svg" ? {
       xmlns: svgNamespace,
@@ -2235,8 +2241,8 @@ function _createClass(Constructor, protoProps, staticProps) {
   if (protoProps) _defineProperties(Constructor.prototype, protoProps);
   return Constructor;
 }
-function _extends$3() {
-  _extends$3 = Object.assign || function(target) {
+function _extends$4() {
+  _extends$4 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key2 in source) {
@@ -2247,7 +2253,7 @@ function _extends$3() {
     }
     return target;
   };
-  return _extends$3.apply(this, arguments);
+  return _extends$4.apply(this, arguments);
 }
 function _inheritsLoose$2(subClass, superClass) {
   subClass.prototype = Object.create(superClass.prototype);
@@ -2571,7 +2577,7 @@ function useTrackElements(_ref) {
   var layerRef = useTrackRef(useCallback$1(function(layer2) {
     var _get3 = get4(), previousLayer = _get3.layer;
     set2(function(state) {
-      return _extends$3({}, state, {
+      return _extends$4({}, state, {
         layer: layer2
       });
     });
@@ -2594,7 +2600,7 @@ function useTrackElements(_ref) {
     var scrollContainers = getScrollContainers(trigger2);
     var _get4 = get4(), previousTrigger = _get4.trigger;
     set2(function(state) {
-      return _extends$3({}, state, {
+      return _extends$4({}, state, {
         trigger: trigger2,
         scrollContainers
       });
@@ -2607,7 +2613,7 @@ function useTrackElements(_ref) {
       return;
     }
     set2(function(state) {
-      return _extends$3({}, state, {
+      return _extends$4({}, state, {
         scrollContainers: getScrollContainers(triggerOptionParent)
       });
     });
@@ -2774,7 +2780,7 @@ var BoundSide = {
   left: /* @__PURE__ */ createSide("left"),
   right: /* @__PURE__ */ createSide("right")
 };
-var Side = /* @__PURE__ */ _extends$3({}, BoundSide, {
+var Side = /* @__PURE__ */ _extends$4({}, BoundSide, {
   center: /* @__PURE__ */ createSide("center")
 });
 var SIDES = ["top", "left", "bottom", "right"];
@@ -2870,7 +2876,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$3({}, bounds, {
+      bounds = new Bounds2(_extends$4({}, bounds, {
         width: boxWidth,
         height: boxHeight
       }));
@@ -2917,7 +2923,7 @@ var Bounds = /* @__PURE__ */ function() {
   };
   _proto.merge = function merge(partialBoundsOrMergeFn) {
     var current = this.toObject();
-    return new Bounds2(_extends$3({}, current, typeof partialBoundsOrMergeFn === "function" ? partialBoundsOrMergeFn(current) : partialBoundsOrMergeFn));
+    return new Bounds2(_extends$4({}, current, typeof partialBoundsOrMergeFn === "function" ? partialBoundsOrMergeFn(current) : partialBoundsOrMergeFn));
   };
   _proto.substract = function substract(bounds) {
     var result = this.toObject();
@@ -2984,7 +2990,7 @@ var Placement = /* @__PURE__ */ function() {
       typeof layerDimensions === "function" ? layerDimensions(this.primary.prop) : layerDimensions
     );
     this.subjectsBounds = subjectBounds.merge({
-      layer: _extends$3({}, subjectBounds.layer, dimensions)
+      layer: _extends$4({}, subjectBounds.layer, dimensions)
     });
   };
   _proto.getLayerBounds = function getLayerBounds(secondaryOffset) {
@@ -3159,7 +3165,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$3({}, STYLE_BASE, (_extends22 = {}, _extends22[primarySide] = "100%", _extends22[secondarySide] = limit(secondaryValue, min, max), _extends22));
+  return _extends$4({}, STYLE_BASE, (_extends22 = {}, _extends22[primarySide] = "100%", _extends22[secondarySide] = limit(secondaryValue, min, max), _extends22));
 }
 var Placements = /* @__PURE__ */ function() {
   function Placements2(placements, config2, subjectsBounds) {
@@ -3288,11 +3294,11 @@ var Placements = /* @__PURE__ */ function() {
     var arrow2 = getArrowStyle(this.subjectsBounds.merge({
       layer: layerBounds
     }), placement, this.config.arrowOffset);
-    var layer2 = this.config.overflowContainer ? _extends$3({}, layerStyleBase, {
+    var layer2 = this.config.overflowContainer ? _extends$4({}, layerStyleBase, {
       position: "fixed",
       top: layerBounds.top,
       left: layerBounds.left
-    }) : _extends$3({}, layerStyleBase, {
+    }) : _extends$4({}, 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
@@ -3367,7 +3373,7 @@ var SubjectsBounds = /* @__PURE__ */ function() {
   };
   var _proto = SubjectsBounds2.prototype;
   _proto.merge = function merge(subjectsBounds) {
-    return new SubjectsBounds2(_extends$3({}, this, subjectsBounds), this.overflowContainer);
+    return new SubjectsBounds2(_extends$4({}, this, subjectsBounds), this.overflowContainer);
   };
   _proto.offsetsToScrollContainers = function offsetsToScrollContainers(subject, allContainers) {
     if (allContainers === void 0) {
@@ -3602,10 +3608,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$3({
+  return createElement("svg", _extends$4({
     ref: ref2
   }, rest, {
-    style: _extends$3({}, style2, {
+    style: _extends$4({}, style2, {
       transform: "translate" + (side.isHorizontal ? "Y" : "X") + "(-50%)"
     }),
     width: maxSize,
@@ -4181,34 +4187,34 @@ const styles$M = {
   actionComponentContainer,
   active: active$7
 };
-const wrapper$4 = "_wrapper_1iw97_1";
-const layer$1 = "_layer_1iw97_5";
-const layerContainer$1 = "_layerContainer_1iw97_8";
-const nested = "_nested_1iw97_24";
-const fileInput$1 = "_fileInput_1iw97_36";
-const trigger$2 = "_trigger_1iw97_41";
-const middleAlignedInline = "_middleAlignedInline_1iw97_50";
-const heading$5 = "_heading_1iw97_56";
-const headingIcon = "_headingIcon_1iw97_62";
-const option$1 = "_option_1iw97_74";
-const active$6 = "_active_1iw97_93";
-const selected$1 = "_selected_1iw97_98";
-const optionContent$1 = "_optionContent_1iw97_104";
-const inline$4 = "_inline_1iw97_108";
-const icon$4 = "_icon_1iw97_113";
-const check$1 = "_check_1iw97_114";
-const text$3 = "_text_1iw97_136";
-const label$a = "_label_1iw97_141";
-const description = "_description_1iw97_152";
-const arrow$1 = "_arrow_1iw97_156";
-const divider$1 = "_divider_1iw97_160";
-const deprecatedSemanticIcon = "_deprecatedSemanticIcon_1iw97_164";
-const disabled$8 = "_disabled_1iw97_168";
-const buttonLabel = "_buttonLabel_1iw97_173";
-const buttonCaret = "_buttonCaret_1iw97_179";
-const component = "_component_1iw97_183";
-const right$7 = "_right_1iw97_189";
-const actions$1 = "_actions_1iw97_194";
+const wrapper$4 = "_wrapper_1f7k2_1";
+const layer$1 = "_layer_1f7k2_5";
+const layerContainer$1 = "_layerContainer_1f7k2_8";
+const nested = "_nested_1f7k2_24";
+const fileInput$1 = "_fileInput_1f7k2_36";
+const trigger$2 = "_trigger_1f7k2_41";
+const middleAlignedInline = "_middleAlignedInline_1f7k2_50";
+const heading$5 = "_heading_1f7k2_56";
+const headingIcon = "_headingIcon_1f7k2_62";
+const option$1 = "_option_1f7k2_74";
+const active$6 = "_active_1f7k2_93";
+const selected$1 = "_selected_1f7k2_98";
+const optionContent$1 = "_optionContent_1f7k2_104";
+const inline$4 = "_inline_1f7k2_108";
+const icon$4 = "_icon_1f7k2_113";
+const check$1 = "_check_1f7k2_114";
+const text$3 = "_text_1f7k2_140";
+const label$a = "_label_1f7k2_145";
+const description = "_description_1f7k2_156";
+const arrow$1 = "_arrow_1f7k2_160";
+const divider$1 = "_divider_1f7k2_164";
+const deprecatedSemanticIcon = "_deprecatedSemanticIcon_1f7k2_168";
+const disabled$8 = "_disabled_1f7k2_172";
+const buttonLabel = "_buttonLabel_1f7k2_177";
+const buttonCaret = "_buttonCaret_1f7k2_183";
+const component = "_component_1f7k2_187";
+const right$7 = "_right_1f7k2_193";
+const actions$1 = "_actions_1f7k2_198";
 const styles$L = {
   wrapper: wrapper$4,
   layer: layer$1,
@@ -4323,10 +4329,11 @@ const Option$2 = ({
             }
           ),
           /* @__PURE__ */ jsx("span", { className: styles$L.label, title: `${title2 || label2}`, children: label2 }),
-          /* @__PURE__ */ jsxs("div", { className: styles$L.right, children: [
-            /* @__PURE__ */ jsx("span", { className: styles$L.description, children: description2 }),
-            !!(actions2 == null ? void 0 : actions2.length) && /* @__PURE__ */ jsx("div", { className: styles$L.actions, children: /* @__PURE__ */ jsx(Actions, { actions: actions2 }) })
-          ] })
+          /* @__PURE__ */ jsx("span", { className: styles$L.description, children: description2 })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: styles$L.right, children: [
+          selected2 && /* @__PURE__ */ jsx("span", { className: styles$L.check, children: /* @__PURE__ */ jsx(Icon, { icon: IconType.CHECK }) }),
+          !!(actions2 == null ? void 0 : actions2.length) && /* @__PURE__ */ jsx("div", { className: styles$L.actions, children: /* @__PURE__ */ jsx(Actions, { actions: actions2 }) })
         ] })
       ]
     }
@@ -8250,8 +8257,8 @@ function _interopRequireWildcard$2(obj, nodeInterop) {
   }
   return newObj;
 }
-function _extends$2() {
-  _extends$2 = Object.assign ? Object.assign.bind() : function(target) {
+function _extends$3() {
+  _extends$3 = Object.assign ? Object.assign.bind() : function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key2 in source) {
@@ -8262,7 +8269,7 @@ function _extends$2() {
     }
     return target;
   };
-  return _extends$2.apply(this, arguments);
+  return _extends$3.apply(this, arguments);
 }
 function _objectWithoutPropertiesLoose$3(source, excluded) {
   if (source == null) return {};
@@ -8467,7 +8474,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$2({}, draggableOpts, {
+        return /* @__PURE__ */ React$2.createElement(_reactDraggable.DraggableCore, _extends$3({}, draggableOpts, {
           nodeRef: ref2,
           key: "resizableHandle-" + handleAxis,
           onStop: _this3.resizeHandler("onResizeStop", handleAxis),
@@ -8538,8 +8545,8 @@ function _interopRequireWildcard$1(obj, nodeInterop) {
   }
   return newObj;
 }
-function _extends$1() {
-  _extends$1 = 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) {
@@ -8550,7 +8557,7 @@ function _extends$1() {
     }
     return target;
   };
-  return _extends$1.apply(this, arguments);
+  return _extends$2.apply(this, arguments);
 }
 function ownKeys$1(object2, enumerableOnly) {
   var keys2 = Object.keys(object2);
@@ -8681,7 +8688,7 @@ var ResizableBox = /* @__PURE__ */ function(_React$Component) {
       resizeHandles,
       transformScale,
       width: this.state.width
-    }, /* @__PURE__ */ React$1.createElement("div", _extends$1({}, props, {
+    }, /* @__PURE__ */ React$1.createElement("div", _extends$2({}, props, {
       style: _objectSpread$5(_objectSpread$5({}, style2), {}, {
         width: this.state.width + "px",
         height: this.state.height + "px"
@@ -9474,6 +9481,15 @@ 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) {
@@ -10735,7 +10751,7 @@ function connectAdvanced(selectorFactory, _ref) {
     }
     var wrappedComponentName = WrappedComponent.displayName || WrappedComponent.name || "Component";
     var displayName = getDisplayName(wrappedComponentName);
-    var selectorFactoryOptions = _extends$4({}, connectOptions, {
+    var selectorFactoryOptions = _extends$1({}, connectOptions, {
       getDisplayName,
       methodName,
       renderCountProp,
@@ -10780,7 +10796,7 @@ function connectAdvanced(selectorFactory, _ref) {
         if (didStoreComeFromProps) {
           return contextValue;
         }
-        return _extends$4({}, contextValue, {
+        return _extends$1({}, contextValue, {
           subscription
         });
       }, [didStoreComeFromProps, contextValue, subscription]);
@@ -10801,7 +10817,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$4({}, actualChildProps, {
+        return /* @__PURE__ */ React__default.createElement(WrappedComponent, _extends$1({}, actualChildProps, {
           ref: reactReduxForwardedRef
         }));
       }, [reactReduxForwardedRef, WrappedComponent, actualChildProps]);
@@ -10820,7 +10836,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$4({}, props, {
+        return /* @__PURE__ */ React__default.createElement(Connect, _extends$1({}, props, {
           reactReduxForwardedRef: ref2
         }));
       });
@@ -10953,7 +10969,7 @@ function whenMapStateToPropsIsMissing(mapStateToProps) {
 }
 const defaultMapStateToPropsFactories = [whenMapStateToPropsIsFunction, whenMapStateToPropsIsMissing];
 function defaultMergeProps(stateProps, dispatchProps, ownProps) {
-  return _extends$4({}, ownProps, stateProps, dispatchProps);
+  return _extends$1({}, ownProps, stateProps, dispatchProps);
 }
 function wrapMergePropsFunc(mergeProps) {
   return function initMergePropsProxy(dispatch, _ref) {
@@ -11086,7 +11102,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$4({
+    return connectHOC(selectorFactory, _extends$1({
       // used in error messages
       methodName: "connect",
       // used to compute Connect's displayName from the wrapped component's displayName.
@@ -11385,7 +11401,7 @@ var error$1 = log.bind(null, "error");
 function noop$1() {
 }
 function getOptions(shared2, fromBinding) {
-  return _extends$4({}, shared2, {}, fromBinding);
+  return _extends$1({}, shared2, {}, fromBinding);
 }
 function bindEvents(el2, bindings, sharedOptions) {
   var unbindings = bindings.map(function(binding) {
@@ -11631,7 +11647,7 @@ var scroll$2 = function scroll(target, frame2) {
 var increase = function increase2(target, axis, withPlaceholder) {
   if (withPlaceholder && withPlaceholder.increasedBy) {
     var _extends22;
-    return _extends$4({}, target, (_extends22 = {}, _extends22[axis.end] = target[axis.end] + withPlaceholder.increasedBy[axis.line], _extends22));
+    return _extends$1({}, target, (_extends22 = {}, _extends22[axis.end] = target[axis.end] + withPlaceholder.increasedBy[axis.line], _extends22));
   }
   return target;
 };
@@ -11657,7 +11673,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$4({}, scrollable, {
+  var frame2 = _extends$1({}, scrollable, {
     scroll: {
       initial: scrollable.scroll.initial,
       current: newScroll,
@@ -11674,7 +11690,7 @@ var scrollDroppable = function(droppable2, newScroll) {
     axis: droppable2.axis,
     frame: frame2
   });
-  var result = _extends$4({}, droppable2, {
+  var result = _extends$1({}, droppable2, {
     frame: frame2,
     subject
   });
@@ -11778,7 +11794,7 @@ var moveToNextCombine = function(_ref) {
         droppableId: destination.descriptor.id
       }
     };
-    return _extends$4({}, previousImpact, {
+    return _extends$1({}, previousImpact, {
       at: at2
     });
   }
@@ -11913,17 +11929,17 @@ var isVisible = function isVisible2(_ref) {
   return isVisibleInDroppable(displacedTarget, destination, isVisibleThroughFrameFn) && isVisibleInViewport(displacedTarget, viewport, isVisibleThroughFrameFn);
 };
 var isPartiallyVisible = function isPartiallyVisible2(args) {
-  return isVisible(_extends$4({}, args, {
+  return isVisible(_extends$1({}, args, {
     isVisibleThroughFrameFn: isPartiallyVisibleThroughFrame
   }));
 };
 var isTotallyVisible = function isTotallyVisible2(args) {
-  return isVisible(_extends$4({}, args, {
+  return isVisible(_extends$1({}, args, {
     isVisibleThroughFrameFn: isTotallyVisibleThroughFrame
   }));
 };
 var isTotallyVisibleOnAxis = function isTotallyVisibleOnAxis2(args) {
-  return isVisible(_extends$4({}, args, {
+  return isVisible(_extends$1({}, args, {
     isVisibleThroughFrameFn: isTotallyVisibleThroughFrameOnAxis(args.destination.axis)
   }));
 };
@@ -12333,7 +12349,7 @@ var speculativelyIncrease = function(_ref) {
     }
     invisible[id2] = true;
   });
-  var newImpact = _extends$4({}, impact, {
+  var newImpact = _extends$1({}, impact, {
     displaced: {
       all: last.all,
       invisible,
@@ -12554,8 +12570,8 @@ var getRequiredGrowthForPlaceholder = function getRequiredGrowthForPlaceholder2(
   return patch(axis.line, needsToGrowBy);
 };
 var withMaxScroll = function withMaxScroll2(frame2, max) {
-  return _extends$4({}, frame2, {
-    scroll: _extends$4({}, frame2.scroll, {
+  return _extends$1({}, frame2, {
+    scroll: _extends$1({}, frame2.scroll, {
       max
     })
   });
@@ -12578,7 +12594,7 @@ var addPlaceholder = function addPlaceholder2(droppable2, draggable2, draggables
       axis: droppable2.axis,
       frame: droppable2.frame
     });
-    return _extends$4({}, droppable2, {
+    return _extends$1({}, droppable2, {
       subject: _subject
     });
   }
@@ -12590,7 +12606,7 @@ var addPlaceholder = function addPlaceholder2(droppable2, draggable2, draggables
     axis: droppable2.axis,
     frame: newFrame
   });
-  return _extends$4({}, droppable2, {
+  return _extends$1({}, droppable2, {
     subject,
     frame: newFrame
   });
@@ -12606,7 +12622,7 @@ var removePlaceholder = function removePlaceholder2(droppable2) {
       frame: null,
       withPlaceholder: null
     });
-    return _extends$4({}, droppable2, {
+    return _extends$1({}, droppable2, {
       subject: _subject2
     });
   }
@@ -12619,7 +12635,7 @@ var removePlaceholder = function removePlaceholder2(droppable2) {
     frame: newFrame,
     withPlaceholder: null
   });
-  return _extends$4({}, droppable2, {
+  return _extends$1({}, droppable2, {
     subject,
     frame: newFrame
   });
@@ -13004,7 +13020,7 @@ var getDragImpact = function(_ref) {
 };
 var patchDroppableMap = function(droppables, updated) {
   var _extends22;
-  return _extends$4({}, droppables, (_extends22 = {}, _extends22[updated.descriptor.id] = updated, _extends22));
+  return _extends$1({}, droppables, (_extends22 = {}, _extends22[updated.descriptor.id] = updated, _extends22));
 };
 var clearUnusedPlaceholder = function clearUnusedPlaceholder2(_ref) {
   var previousImpact = _ref.previousImpact, impact = _ref.impact, droppables = _ref.droppables;
@@ -13065,7 +13081,7 @@ var update = function(_ref) {
     page: page2
   };
   if (state.phase === "COLLECTING") {
-    return _extends$4({
+    return _extends$1({
       phase: "COLLECTING"
     }, state, {
       dimensions,
@@ -13090,7 +13106,7 @@ var update = function(_ref) {
     draggables: dimensions.draggables,
     droppables: dimensions.droppables
   });
-  var result = _extends$4({}, state, {
+  var result = _extends$1({}, state, {
     current,
     dimensions: {
       draggables: dimensions.draggables,
@@ -13120,7 +13136,7 @@ var recompute = function(_ref) {
     forceShouldAnimate,
     last
   });
-  return _extends$4({}, impact, {
+  return _extends$1({}, impact, {
     displaced
   });
 };
@@ -13239,8 +13255,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$4({}, draggable2, {
-    placeholder: _extends$4({}, draggable2.placeholder, {
+  var moved = _extends$1({}, draggable2, {
+    placeholder: _extends$1({}, draggable2.placeholder, {
       client
     }),
     client,
@@ -13278,13 +13294,13 @@ var publishWhileDraggingInVirtual = function(_ref) {
     var scrolled = scrollDroppable(existing, update2.scroll);
     return scrolled;
   });
-  var droppables = _extends$4({}, state.dimensions.droppables, {}, toDroppableMap(withScrollChange));
+  var droppables = _extends$1({}, state.dimensions.droppables, {}, toDroppableMap(withScrollChange));
   var updatedAdditions = toDraggableMap(adjustAdditionsForScrollChanges({
     additions: published.additions,
     updatedDroppables: droppables,
     viewport: state.viewport
   }));
-  var draggables = _extends$4({}, state.dimensions.draggables, {}, updatedAdditions);
+  var draggables = _extends$1({}, state.dimensions.draggables, {}, updatedAdditions);
   published.removals.forEach(function(id2) {
     delete draggables[id2];
   });
@@ -13313,7 +13329,7 @@ var publishWhileDraggingInVirtual = function(_ref) {
     afterCritical
   });
   finish();
-  var draggingState = _extends$4({
+  var draggingState = _extends$1({
     phase: "DRAGGING"
   }, state, {
     phase: "DRAGGING",
@@ -13326,7 +13342,7 @@ var publishWhileDraggingInVirtual = function(_ref) {
   if (state.phase === "COLLECTING") {
     return draggingState;
   }
-  var dropPending3 = _extends$4({
+  var dropPending3 = _extends$1({
     phase: "DROP_PENDING"
   }, draggingState, {
     phase: "DROP_PENDING",
@@ -13353,7 +13369,7 @@ var postDroppableChange = function postDroppableChange2(state, updated, isEnable
 };
 function removeScrollJumpRequest(state) {
   if (state.isDragging && state.movementMode === "SNAP") {
-    return _extends$4({
+    return _extends$1({
       phase: "DRAGGING"
     }, state, {
       scrollJumpRequest: null
@@ -13371,7 +13387,7 @@ var reducer$2 = function(state, action2) {
     state = idle;
   }
   if (action2.type === "FLUSH") {
-    return _extends$4({}, idle, {
+    return _extends$1({}, idle, {
       shouldFlush: true
     });
   }
@@ -13425,7 +13441,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$4({
+    var _result = _extends$1({
       phase: "COLLECTING"
     }, state, {
       phase: "COLLECTING"
@@ -13479,7 +13495,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$4({}, _target, {
+    var updated = _extends$1({}, _target, {
       isEnabled
     });
     return postDroppableChange(state, updated, true);
@@ -13493,7 +13509,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$4({}, _target2, {
+    var _updated2 = _extends$1({}, _target2, {
       isCombineEnabled
     });
     return postDroppableChange(state, _updated2, true);
@@ -13528,12 +13544,12 @@ var reducer$2 = function(state, action2) {
     if (isEqual$2(maxScroll, state.viewport.scroll.max)) {
       return state;
     }
-    var withMaxScroll3 = _extends$4({}, state.viewport, {
-      scroll: _extends$4({}, state.viewport.scroll, {
+    var withMaxScroll3 = _extends$1({}, state.viewport, {
+      scroll: _extends$1({}, state.viewport.scroll, {
         max: maxScroll
       })
     });
-    return _extends$4({
+    return _extends$1({
       phase: "DRAGGING"
     }, state, {
       viewport: withMaxScroll3
@@ -13561,7 +13577,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$4({
+    var newState = _extends$1({
       phase: "DROP_PENDING"
     }, state, {
       phase: "DROP_PENDING",
@@ -13909,7 +13925,7 @@ var getDropImpact = function(_ref) {
       didDropInsideDroppable: true
     };
   }
-  var withoutMovement = _extends$4({}, lastImpact, {
+  var withoutMovement = _extends$1({}, lastImpact, {
     displaced: emptyGroups
   });
   return {
@@ -14246,7 +14262,7 @@ var getPublisher = function(getResponders, announce) {
     if (!hasCriticalChanged && !hasLocationChanged && !hasGroupingChanged) {
       return;
     }
-    var data = _extends$4({}, getDragStart(critical, dragging.mode), {
+    var data = _extends$1({}, getDragStart(critical, dragging.mode), {
       combine: combine2,
       destination: location
     });
@@ -14271,7 +14287,7 @@ var getPublisher = function(getResponders, announce) {
     if (!dragging) {
       return;
     }
-    var result = _extends$4({}, getDragStart(dragging.lastCritical, dragging.mode), {
+    var result = _extends$1({}, getDragStart(dragging.lastCritical, dragging.mode), {
       combine: null,
       destination: null,
       reason: "CANCEL"
@@ -15691,7 +15707,7 @@ function useAnnouncer(contextId) {
     el2.id = id2;
     el2.setAttribute("aria-live", "assertive");
     el2.setAttribute("aria-atomic", "true");
-    _extends$4(el2.style, visuallyHidden);
+    _extends$1(el2.style, visuallyHidden);
     getBodyElement().appendChild(el2);
     return function cleanup() {
       setTimeout(function remove2() {
@@ -16738,7 +16754,7 @@ function tryStart(_ref3) {
         reason
       }));
     }
-    return _extends$4({
+    return _extends$1({
       isActive: function isActive() {
         return _isActive({
           expected: "DRAGGING",
@@ -16777,7 +16793,7 @@ function tryStart(_ref3) {
         move: move$1
       }
     });
-    return _extends$4({}, api, {
+    return _extends$1({}, api, {
       move: move$1
     });
   }
@@ -16952,7 +16968,7 @@ function App(props) {
     return createDimensionMarshal(registry, marshalCallbacks);
   }, [registry, marshalCallbacks]);
   var autoScroller = useMemo(function() {
-    return createAutoScroller(_extends$4({
+    return createAutoScroller(_extends$1({
       scrollWindow,
       scrollDroppable: dimensionMarshal.scrollDroppable
     }, bindActionCreators$1({
@@ -18086,7 +18102,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$4({}, props, {
+  return React__default.createElement(PrivateDraggable, _extends$1({}, props, {
     isClone: false,
     isEnabled,
     canDragInteractiveElements,
@@ -18205,7 +18221,7 @@ var makeMapStateToProps$1 = function makeMapStateToProps3() {
     },
     useClone: null
   };
-  var idleWithoutAnimation = _extends$4({}, idleWithAnimation, {
+  var idleWithoutAnimation = _extends$1({}, idleWithAnimation, {
     shouldAnimatePlaceholder: false
   });
   var getDraggableRubric = memoizeOne(function(descriptor) {
@@ -20284,7 +20300,7 @@ function createListComponent(_ref) {
         className,
         onScroll,
         ref: this._outerRefSetter,
-        style: _extends$4({
+        style: _extends$1({
           position: "relative",
           height: height2,
           width: width2,
@@ -20460,20 +20476,20 @@ var FixedSizeList = /* @__PURE__ */ createListComponent({
     }
   }
 });
-const layerContainer = "_layerContainer_1lbvo_1";
-const layer = "_layer_1lbvo_1";
-const small$5 = "_small_1lbvo_23";
-const heading = "_heading_1lbvo_26";
-const option = "_option_1lbvo_27";
-const message = "_message_1lbvo_28";
-const focused = "_focused_1lbvo_64";
-const selected = "_selected_1lbvo_68";
-const disabled$4 = "_disabled_1lbvo_71";
-const check = "_check_1lbvo_75";
-const optionContent = "_optionContent_1lbvo_92";
-const label$5 = "_label_1lbvo_97";
-const icon$2 = "_icon_1lbvo_104";
-const details = "_details_1lbvo_109";
+const layerContainer = "_layerContainer_dw2pp_1";
+const layer = "_layer_dw2pp_1";
+const small$5 = "_small_dw2pp_23";
+const heading = "_heading_dw2pp_26";
+const option = "_option_dw2pp_27";
+const message = "_message_dw2pp_28";
+const focused = "_focused_dw2pp_64";
+const selected = "_selected_dw2pp_68";
+const disabled$4 = "_disabled_dw2pp_71";
+const check = "_check_dw2pp_75";
+const optionContent = "_optionContent_dw2pp_92";
+const label$5 = "_label_dw2pp_97";
+const icon$2 = "_icon_dw2pp_104";
+const details = "_details_dw2pp_109";
 const styles$n = {
   layerContainer,
   layer,
@@ -52346,7 +52362,6 @@ 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 = {
@@ -53618,7 +53633,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$4({
+  var handleNode = /* @__PURE__ */ React$4.createElement("div", _extends$1({
     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),
@@ -53662,7 +53677,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$4({
+    return /* @__PURE__ */ React$4.createElement(Handle$2, _extends$1({
       ref: function ref3(node2) {
         if (!node2) {
           delete handlesRef.current[index2];
@@ -55032,7 +55047,7 @@ Object.defineProperty(Handle$1, "__esModule", {
   value: true
 });
 var default_1 = Handle$1.default = void 0;
-var _extends2 = _interopRequireDefault(require$$2);
+var _extends2 = _interopRequireDefault(require_extends());
 var _objectSpread2 = _interopRequireDefault(requireObjectSpread2());
 var _defineProperty2 = _interopRequireDefault(requireDefineProperty());
 var _objectWithoutProperties2 = _interopRequireDefault(requireObjectWithoutProperties());
@@ -70191,6 +70206,7 @@ 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) {
@@ -70230,6 +70246,7 @@ const safeConvertValue = ({
   defaultFromUnit,
   doNotConvertValue
 }) => {
+  console.log("safeConvertValue", value);
   const rawValue = getValue$1(value);
   const isInvalidInput = isWrongValue(rawValue);
   const availableUnits = ALT_UNITS[unitkey];
@@ -70303,6 +70320,7 @@ 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({
@@ -70364,6 +70382,10 @@ const PredefinedOptionsMenu = ({
       setFoundPredefinedMenuOption(void 0);
     }
   }, [extractedValue, predefinedOptions]);
+  console.log(
+    "createPredefinedOption",
+    predefinedOptions.map(createPredefinedOption)
+  );
   const sectionsPredefinedMenu = [
     {
       type: MenuType.OPTION,