@oliasoft-open-source/react-ui-library 4.2.5-beta-1 → 4.2.6

package/dist/index.js

@@ -9330,7 +9330,7 @@ const Label$2 = ({
     tooltip: "",
     testId: void 0
   },
-  info,
+  info: info2,
   libraryIcon,
   labelLeft: labelLeft2 = false
 }) => {
@@ -9345,7 +9345,7 @@ const Label$2 = ({
           maxWidth: helpTextMaxWidth
         }
       ),
-      info && /* @__PURE__ */ jsx(HelpIcon, { text: info, icon: IconType.INFO }),
+      info2 && /* @__PURE__ */ jsx(HelpIcon, { text: info2, icon: IconType.INFO }),
       lock && lock.visible && lock.onClick && /* @__PURE__ */ jsx(
         HelpIcon,
         {
@@ -9395,7 +9395,7 @@ const Field = ({
     tooltip: "",
     testId: void 0
   },
-  info,
+  info: info2,
   libraryIcon,
   testId
 }) => {
@@ -9414,7 +9414,7 @@ const Field = ({
             helpTextMaxWidth,
             onClickHelp,
             lock,
-            info,
+            info: info2,
             libraryIcon,
             labelLeft: labelLeft2
           }
@@ -18775,43 +18775,43 @@ var InfiniteScroll = (
     return InfiniteScroll2;
   }(Component$1)
 );
-const inputInTable$8 = "_inputInTable_1jod2_1";
-const inputHover$8 = "_inputHover_1jod2_13";
-const inputFocus$8 = "_inputFocus_1jod2_18";
-const inputError$8 = "_inputError_1jod2_25";
-const inputWarning$8 = "_inputWarning_1jod2_26";
-const inputDisabled$8 = "_inputDisabled_1jod2_61";
-const hideScrollbars$8 = "_hideScrollbars_1jod2_67";
-const header$1 = "_header_1jod2_77";
-const headerTitle = "_headerTitle_1jod2_77";
-const heading$3 = "_heading_1jod2_78";
-const itemHeader = "_itemHeader_1jod2_78";
-const narrow = "_narrow_1jod2_81";
-const stickyHeader = "_stickyHeader_1jod2_85";
-const title$3 = "_title_1jod2_96";
-const name = "_name_1jod2_102";
-const iconTooltipMargin = "_iconTooltipMargin_1jod2_105";
-const bold = "_bold_1jod2_108";
-const toggleNarrow = "_toggleNarrow_1jod2_117";
-const drag$1 = "_drag_1jod2_135";
-const list$1 = "_list_1jod2_154";
-const bordered$1 = "_bordered_1jod2_158";
-const item$4 = "_item_1jod2_78";
-const action = "_action_1jod2_191";
-const active$3 = "_active_1jod2_194";
-const indented = "_indented_1jod2_201";
-const disabled$5 = "_disabled_1jod2_214";
-const label$6 = "_label_1jod2_225";
-const details$2 = "_details_1jod2_236";
-const metadata = "_metadata_1jod2_237";
-const itemContent = "_itemContent_1jod2_245";
-const indentIcon = "_indentIcon_1jod2_252";
-const expandIcon = "_expandIcon_1jod2_257";
-const expanded = "_expanded_1jod2_264";
-const right$4 = "_right_1jod2_267";
-const actions = "_actions_1jod2_275";
-const scrollableList = "_scrollableList_1jod2_280";
-const hideScrollbar = "_hideScrollbar_1jod2_67";
+const inputInTable$8 = "_inputInTable_1qlur_1";
+const inputHover$8 = "_inputHover_1qlur_13";
+const inputFocus$8 = "_inputFocus_1qlur_18";
+const inputError$8 = "_inputError_1qlur_25";
+const inputWarning$8 = "_inputWarning_1qlur_26";
+const inputDisabled$8 = "_inputDisabled_1qlur_61";
+const hideScrollbars$8 = "_hideScrollbars_1qlur_67";
+const header$1 = "_header_1qlur_77";
+const headerTitle = "_headerTitle_1qlur_77";
+const heading$3 = "_heading_1qlur_78";
+const itemHeader = "_itemHeader_1qlur_78";
+const narrow = "_narrow_1qlur_81";
+const stickyHeader = "_stickyHeader_1qlur_85";
+const title$3 = "_title_1qlur_96";
+const name = "_name_1qlur_102";
+const iconTooltipMargin = "_iconTooltipMargin_1qlur_105";
+const bold = "_bold_1qlur_108";
+const toggleNarrow = "_toggleNarrow_1qlur_117";
+const drag$1 = "_drag_1qlur_135";
+const list$1 = "_list_1qlur_155";
+const bordered$1 = "_bordered_1qlur_159";
+const item$4 = "_item_1qlur_78";
+const action = "_action_1qlur_192";
+const active$3 = "_active_1qlur_195";
+const indented = "_indented_1qlur_202";
+const disabled$5 = "_disabled_1qlur_215";
+const label$6 = "_label_1qlur_226";
+const details$2 = "_details_1qlur_237";
+const metadata = "_metadata_1qlur_238";
+const itemContent = "_itemContent_1qlur_246";
+const indentIcon = "_indentIcon_1qlur_253";
+const expandIcon = "_expandIcon_1qlur_258";
+const expanded = "_expanded_1qlur_265";
+const right$4 = "_right_1qlur_268";
+const actions = "_actions_1qlur_276";
+const scrollableList = "_scrollableList_1qlur_281";
+const hideScrollbar = "_hideScrollbar_1qlur_67";
 const listStyles = {
   inputInTable: inputInTable$8,
   inputHover: inputHover$8,
@@ -19302,25 +19302,27 @@ const List = ({
     }
   );
 };
-const inputInTable$7 = "_inputInTable_1w5ra_1";
-const inputHover$7 = "_inputHover_1w5ra_13";
-const inputFocus$7 = "_inputFocus_1w5ra_18";
-const inputError$7 = "_inputError_1w5ra_25";
-const inputWarning$7 = "_inputWarning_1w5ra_26";
-const inputDisabled$7 = "_inputDisabled_1w5ra_61";
-const hideScrollbars$7 = "_hideScrollbars_1w5ra_67";
-const container$1 = "_container_1w5ra_83";
-const block$1 = "_block_1w5ra_103";
-const success = "_success_1w5ra_106";
-const warning$6 = "_warning_1w5ra_110";
-const error$4 = "_error_1w5ra_114";
-const content$1 = "_content_1w5ra_118";
-const heading$2 = "_heading_1w5ra_122";
-const icon$3 = "_icon_1w5ra_129";
-const dismiss$1 = "_dismiss_1w5ra_137";
-const absolute = "_absolute_1w5ra_146";
-const detailsText = "_detailsText_1w5ra_151";
-const footer$1 = "_footer_1w5ra_154";
+const inputInTable$7 = "_inputInTable_s49vk_1";
+const inputHover$7 = "_inputHover_s49vk_13";
+const inputFocus$7 = "_inputFocus_s49vk_18";
+const inputError$7 = "_inputError_s49vk_25";
+const inputWarning$7 = "_inputWarning_s49vk_26";
+const inputDisabled$7 = "_inputDisabled_s49vk_61";
+const hideScrollbars$7 = "_hideScrollbars_s49vk_67";
+const container$1 = "_container_s49vk_83";
+const block$1 = "_block_s49vk_101";
+const info = "_info_s49vk_104";
+const success = "_success_s49vk_108";
+const warning$6 = "_warning_s49vk_112";
+const error$4 = "_error_s49vk_116";
+const content$1 = "_content_s49vk_120";
+const heading$2 = "_heading_s49vk_124";
+const icon$3 = "_icon_s49vk_131";
+const dismiss$1 = "_dismiss_s49vk_139";
+const absolute = "_absolute_s49vk_143";
+const legendToggle = "_legendToggle_s49vk_155";
+const detailsText = "_detailsText_s49vk_165";
+const footer$1 = "_footer_s49vk_169";
 const styles$s = {
   inputInTable: inputInTable$7,
   inputHover: inputHover$7,
@@ -19331,6 +19333,7 @@ const styles$s = {
   hideScrollbars: hideScrollbars$7,
   container: container$1,
   block: block$1,
+  info,
   success,
   warning: warning$6,
   error: error$4,
@@ -19339,6 +19342,7 @@ const styles$s = {
   icon: icon$3,
   dismiss: dismiss$1,
   absolute,
+  legendToggle,
   detailsText,
   footer: footer$1
 };
@@ -19360,31 +19364,12 @@ const Dismiss = ({ type, onClose, isInToast }) => {
       className: cx$2(
         styles$s.dismiss,
         isInToast ? styles$s.absolute : "",
-        type === MessageType.SUCCESS ? styles$s.success : type === MessageType.WARNING ? styles$s.warning : type === MessageType.ERROR ? styles$s.error : null
+        type === MessageType.INFO ? styles$s.info : type === MessageType.SUCCESS ? styles$s.success : type === MessageType.WARNING ? styles$s.warning : type === MessageType.ERROR ? styles$s.error : null
       ),
-      children: /* @__PURE__ */ jsx(
-        Button$1,
-        {
-          small: true,
-          round: true,
-          basic: true,
-          colored: "muted",
-          icon: IconType.CLOSE,
-          onClick: onClose
-        }
-      )
+      children: /* @__PURE__ */ jsx(Icon, { icon: IconType.CLOSE, onClick: onClose })
     }
   );
 };
-const TextLink = ({
-  children,
-  href = void 0,
-  target = void 0,
-  testId,
-  onClick
-}) => {
-  return /* @__PURE__ */ jsx("a", { href, target, onClick, "data-testid": testId, children: /* @__PURE__ */ jsx(Text, { link: true, children }) });
-};
 const initialState$4 = {
   detailsVisible: false
 };
@@ -19401,7 +19386,7 @@ const reducer$1 = (state, action2) => {
 };
 const Details = ({ details: details2, visible, dispatch }) => {
   return /* @__PURE__ */ jsxs("div", { children: [
-    /* @__PURE__ */ jsx(TextLink, { onClick: dispatch, children: visible ? "Hide details" : "Show details" }),
+    /* @__PURE__ */ jsx("div", { className: cx$2(styles$s.legendToggle), onClick: dispatch, children: visible ? "Hide details" : "Show details" }),
     visible ? /* @__PURE__ */ jsx("div", { className: styles$s.detailsText, children: details2 }) : null
   ] });
 };
@@ -50335,16 +50320,16 @@ var moo = { exports: {} };
       this.stack = [];
       this.reset();
     };
-    Lexer2.prototype.reset = function(data, info) {
+    Lexer2.prototype.reset = function(data, info2) {
       this.buffer = data || "";
       this.index = 0;
-      this.line = info ? info.line : 1;
-      this.col = info ? info.col : 1;
-      this.queuedToken = info ? info.queuedToken : null;
-      this.queuedText = info ? info.queuedText : "";
-      this.queuedThrow = info ? info.queuedThrow : null;
-      this.setState(info ? info.state : this.startState);
-      this.stack = info && info.stack ? info.stack.slice() : [];
+      this.line = info2 ? info2.line : 1;
+      this.col = info2 ? info2.col : 1;
+      this.queuedToken = info2 ? info2.queuedToken : null;
+      this.queuedText = info2 ? info2.queuedText : "";
+      this.queuedThrow = info2 ? info2.queuedThrow : null;
+      this.setState(info2 ? info2.state : this.startState);
+      this.stack = info2 && info2.stack ? info2.stack.slice() : [];
       return this;
     };
     Lexer2.prototype.save = function() {
@@ -50362,11 +50347,11 @@ var moo = { exports: {} };
       if (!state || this.state === state)
         return;
       this.state = state;
-      var info = this.states[state];
-      this.groups = info.groups;
-      this.error = info.error;
-      this.re = info.regexp;
-      this.fast = info.fast;
+      var info2 = this.states[state];
+      this.groups = info2.groups;
+      this.error = info2.error;
+      this.re = info2.regexp;
+      this.fast = info2.fast;
     };
     Lexer2.prototype.popState = function() {
       this.setState(this.stack.pop());
@@ -56725,6 +56710,15 @@ const Tabs = ({
   }
   return null;
 };
+const TextLink = ({
+  children,
+  href = void 0,
+  target = void 0,
+  testId,
+  onClick
+}) => {
+  return /* @__PURE__ */ jsx("a", { href, target, onClick, "data-testid": testId, children: /* @__PURE__ */ jsx(Text, { link: true, children }) });
+};
 const inputInTable = "_inputInTable_66zck_1";
 const inputHover = "_inputHover_66zck_13";
 const inputFocus = "_inputFocus_66zck_18";
@@ -57941,6 +57935,7 @@ const Toggle = ({
   label: label2,
   checked = false,
   disabled: disabled2,
+  display,
   small: small2 = false,
   onChange,
   noMargin: noMargin2 = false,
@@ -57960,6 +57955,7 @@ const Toggle = ({
         small2 ? styles$4.small : null,
         noMargin2 ? styles$4.noMargin : null
       ),
+      style: { display },
       onClick: (evt) => {
         if (!isDisabled) {
           evt.target.name = name2;
@@ -63111,12 +63107,12 @@ function isDragActive() {
   return false;
 }
 function createHoverEvent(visualElement2, isActive, callback) {
-  return function(event, info) {
+  return function(event, info2) {
     var _a;
     if (!isMouseEvent(event) || isDragActive())
       return;
     (_a = visualElement2.animationState) === null || _a === void 0 ? void 0 : _a.setActive(AnimationType.Hover, isActive);
-    callback === null || callback === void 0 ? void 0 : callback(event, info);
+    callback === null || callback === void 0 ? void 0 : callback(event, info2);
   };
 }
 function useHoverGesture(_a) {
@@ -63964,17 +63960,17 @@ function useTapGesture(_a) {
     (_a2 = visualElement2.animationState) === null || _a2 === void 0 ? void 0 : _a2.setActive(AnimationType.Tap, false);
     return !isDragActive();
   }
-  function onPointerUp(event, info) {
+  function onPointerUp(event, info2) {
     if (!checkPointerEnd())
       return;
-    !isNodeOrChild(visualElement2.getInstance(), event.target) ? onTapCancel === null || onTapCancel === void 0 ? void 0 : onTapCancel(event, info) : onTap === null || onTap === void 0 ? void 0 : onTap(event, info);
+    !isNodeOrChild(visualElement2.getInstance(), event.target) ? onTapCancel === null || onTapCancel === void 0 ? void 0 : onTapCancel(event, info2) : onTap === null || onTap === void 0 ? void 0 : onTap(event, info2);
   }
-  function onPointerCancel(event, info) {
+  function onPointerCancel(event, info2) {
     if (!checkPointerEnd())
       return;
-    onTapCancel === null || onTapCancel === void 0 ? void 0 : onTapCancel(event, info);
+    onTapCancel === null || onTapCancel === void 0 ? void 0 : onTapCancel(event, info2);
   }
-  function onPointerDown(event, info) {
+  function onPointerDown(event, info2) {
     var _a2;
     removePointerEndListener();
     if (isPressing.current)
@@ -63982,7 +63978,7 @@ function useTapGesture(_a) {
     isPressing.current = true;
     cancelPointerEndListeners.current = pipe(addPointerEvent(window, "pointerup", onPointerUp, eventOptions), addPointerEvent(window, "pointercancel", onPointerCancel, eventOptions));
     (_a2 = visualElement2.animationState) === null || _a2 === void 0 ? void 0 : _a2.setActive(AnimationType.Tap, true);
-    onTapStart === null || onTapStart === void 0 ? void 0 : onTapStart(event, info);
+    onTapStart === null || onTapStart === void 0 ? void 0 : onTapStart(event, info2);
   }
   usePointerEvent(visualElement2, "pointerdown", hasPressListeners ? onPointerDown : void 0, eventOptions);
   useUnmountEffect(removePointerEndListener);
@@ -64999,34 +64995,34 @@ var PanSession = (
       this.updatePoint = function() {
         if (!(_this.lastMoveEvent && _this.lastMoveEventInfo))
           return;
-        var info2 = getPanInfo(_this.lastMoveEventInfo, _this.history);
+        var info3 = getPanInfo(_this.lastMoveEventInfo, _this.history);
         var isPanStarted = _this.startEvent !== null;
-        var isDistancePastThreshold = distance$1(info2.offset, { x: 0, y: 0 }) >= 3;
+        var isDistancePastThreshold = distance$1(info3.offset, { x: 0, y: 0 }) >= 3;
         if (!isPanStarted && !isDistancePastThreshold)
           return;
-        var point2 = info2.point;
+        var point2 = info3.point;
         var timestamp2 = getFrameData().timestamp;
         _this.history.push(__assign$3(__assign$3({}, point2), { timestamp: timestamp2 }));
         var _a2 = _this.handlers, onStart = _a2.onStart, onMove = _a2.onMove;
         if (!isPanStarted) {
-          onStart && onStart(_this.lastMoveEvent, info2);
+          onStart && onStart(_this.lastMoveEvent, info3);
           _this.startEvent = _this.lastMoveEvent;
         }
-        onMove && onMove(_this.lastMoveEvent, info2);
+        onMove && onMove(_this.lastMoveEvent, info3);
       };
-      this.handlePointerMove = function(event2, info2) {
+      this.handlePointerMove = function(event2, info3) {
         _this.lastMoveEvent = event2;
-        _this.lastMoveEventInfo = transformPoint(info2, _this.transformPagePoint);
+        _this.lastMoveEventInfo = transformPoint(info3, _this.transformPagePoint);
         if (isMouseEvent(event2) && event2.buttons === 0) {
-          _this.handlePointerUp(event2, info2);
+          _this.handlePointerUp(event2, info3);
           return;
         }
         sync.update(_this.updatePoint, true);
       };
-      this.handlePointerUp = function(event2, info2) {
+      this.handlePointerUp = function(event2, info3) {
         _this.end();
         var _a2 = _this.handlers, onEnd = _a2.onEnd, onSessionEnd = _a2.onSessionEnd;
-        var panInfo = getPanInfo(transformPoint(info2, _this.transformPagePoint), _this.history);
+        var panInfo = getPanInfo(transformPoint(info3, _this.transformPagePoint), _this.history);
         if (_this.startEvent && onEnd) {
           onEnd(event2, panInfo);
         }
@@ -65036,8 +65032,8 @@ var PanSession = (
         return;
       this.handlers = handlers2;
       this.transformPagePoint = transformPagePoint;
-      var info = extractEventInfo(event);
-      var initialInfo = transformPoint(info, this.transformPagePoint);
+      var info2 = extractEventInfo(event);
+      var initialInfo = transformPoint(info2, this.transformPagePoint);
       var point = initialInfo.point;
       var timestamp = getFrameData().timestamp;
       this.history = [__assign$3(__assign$3({}, point), { timestamp })];
@@ -65055,8 +65051,8 @@ var PanSession = (
     return PanSession2;
   }()
 );
-function transformPoint(info, transformPagePoint) {
-  return transformPagePoint ? { point: transformPagePoint(info.point) } : info;
+function transformPoint(info2, transformPagePoint) {
+  return transformPagePoint ? { point: transformPagePoint(info2.point) } : info2;
 }
 function subtractPoint(a2, b2) {
   return { x: a2.x - b2.x, y: a2.y - b2.y };
@@ -65407,7 +65403,7 @@ var VisualElementDragControls = (
           _this.snapToCursor(extractEventInfo(event, "page").point);
         }
       };
-      var onStart = function(event, info) {
+      var onStart = function(event, info2) {
         var _a2;
         var _b2 = _this.getProps(), drag2 = _b2.drag, dragPropagation = _b2.dragPropagation, onDragStart3 = _b2.onDragStart;
         if (drag2 && !dragPropagation) {
@@ -65436,14 +65432,14 @@ var VisualElementDragControls = (
           }
           _this.originPoint[axis] = current;
         });
-        onDragStart3 === null || onDragStart3 === void 0 ? void 0 : onDragStart3(event, info);
+        onDragStart3 === null || onDragStart3 === void 0 ? void 0 : onDragStart3(event, info2);
         (_a2 = _this.visualElement.animationState) === null || _a2 === void 0 ? void 0 : _a2.setActive(AnimationType.Drag, true);
       };
-      var onMove = function(event, info) {
+      var onMove = function(event, info2) {
         var _a2 = _this.getProps(), dragPropagation = _a2.dragPropagation, dragDirectionLock = _a2.dragDirectionLock, onDirectionLock = _a2.onDirectionLock, onDrag = _a2.onDrag;
         if (!dragPropagation && !_this.openGlobalLock)
           return;
-        var offset3 = info.offset;
+        var offset3 = info2.offset;
         if (dragDirectionLock && _this.currentDirection === null) {
           _this.currentDirection = getCurrentDirection(offset3);
           if (_this.currentDirection !== null) {
@@ -65451,13 +65447,13 @@ var VisualElementDragControls = (
           }
           return;
         }
-        _this.updateAxis("x", info.point, offset3);
-        _this.updateAxis("y", info.point, offset3);
+        _this.updateAxis("x", info2.point, offset3);
+        _this.updateAxis("y", info2.point, offset3);
         _this.visualElement.syncRender();
-        onDrag === null || onDrag === void 0 ? void 0 : onDrag(event, info);
+        onDrag === null || onDrag === void 0 ? void 0 : onDrag(event, info2);
       };
-      var onSessionEnd = function(event, info) {
-        return _this.stop(event, info);
+      var onSessionEnd = function(event, info2) {
+        return _this.stop(event, info2);
       };
       this.panSession = new PanSession(originEvent, {
         onSessionStart,
@@ -65466,15 +65462,15 @@ var VisualElementDragControls = (
         onSessionEnd
       }, { transformPagePoint: this.visualElement.getTransformPagePoint() });
     };
-    VisualElementDragControls2.prototype.stop = function(event, info) {
+    VisualElementDragControls2.prototype.stop = function(event, info2) {
       var isDragging = this.isDragging;
       this.cancel();
       if (!isDragging)
         return;
-      var velocity = info.velocity;
+      var velocity = info2.velocity;
       this.startAnimation(velocity);
       var onDragEnd3 = this.getProps().onDragEnd;
-      onDragEnd3 === null || onDragEnd3 === void 0 ? void 0 : onDragEnd3(event, info);
+      onDragEnd3 === null || onDragEnd3 === void 0 ? void 0 : onDragEnd3(event, info2);
     };
     VisualElementDragControls2.prototype.cancel = function() {
       var _a, _b;
@@ -65713,9 +65709,9 @@ function usePanGesture(_a) {
     onSessionStart: onPanSessionStart,
     onStart: onPanStart,
     onMove: onPan,
-    onEnd: function(event, info) {
+    onEnd: function(event, info2) {
       panSession.current = null;
-      onPanEnd && onPanEnd(event, info);
+      onPanEnd && onPanEnd(event, info2);
     }
   };
   useEffect(function() {