npm - @oliasoft-open-source/react-ui-library - Versions diffs - 4.2.5-beta-1 → 4.2.6 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (150) hide show

package/dist/404.html ADDED Viewed

@@ -0,0 +1 @@

+ <!doctype html><head><title>React UI Library</title><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1" user-scalable="no"><meta name="apple-mobile-web-app-capable" content="yes"><script type="module" crossorigin src="/react-ui-library/assets/index-26f804a8.js"></script><link rel="stylesheet" href="/react-ui-library/assets/index-0d78a198.css"></head><body><div id="content"></div></body>

package/dist/assets/{index-2d24bc5e.css → index-0d78a198.css} RENAMED Viewed

@@ -3094,80 +3094,80 @@ html[data-theme='dark'] {
 ._details_477i5_53 {
   margin-top: var(--padding-xs);
 }
-._inputInTable_1w5ra_1 {
+._inputInTable_s49vk_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_1w5ra_1:not(:hover) {
+._inputInTable_s49vk_1:not(:hover) {
   border-color: transparent;
 }
-._inputInTable_1w5ra_1:not(:focus) {
+._inputInTable_s49vk_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_1w5ra_13 {
+._inputHover_s49vk_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_1w5ra_18 {
+._inputFocus_s49vk_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_1w5ra_25,
-._inputWarning_1w5ra_26 {
+._inputError_s49vk_25,
+._inputWarning_s49vk_26 {
   position: relative;
 }
-._inputError_1w5ra_25 {
+._inputError_s49vk_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error-muted);
 }
-._inputError_1w5ra_25:hover {
+._inputError_s49vk_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_1w5ra_25:focus {
+._inputError_s49vk_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_1w5ra_26 {
+._inputWarning_s49vk_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning-muted);
 }
-._inputWarning_1w5ra_26:hover {
+._inputWarning_s49vk_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_1w5ra_26:focus {
+._inputWarning_s49vk_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_1w5ra_61 {
+._inputDisabled_s49vk_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_1w5ra_67 {
+._hideScrollbars_s49vk_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_1w5ra_67::-webkit-scrollbar {
+._hideScrollbars_s49vk_67::-webkit-scrollbar {
   display: none;
 }
 :root {
@@ -3176,8 +3176,8 @@ html[data-theme='dark'] {
 html[data-theme='dark'] {
   --color-border-message: rgba(255, 255, 255, 0.1);
 }
-._container_1w5ra_83 {
-  padding: var(--padding-input);
+._container_s49vk_83 {
+  padding: var(--padding-sm);
   border-radius: var(--border-radius);
   display: inline-flex;
   align-items: flex-start;
@@ -3190,39 +3190,41 @@ html[data-theme='dark'] {
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
-  color: var(--color-text-muted);
-  background-color: var(--color-neutral-100);
 }
-._container_1w5ra_83::-webkit-scrollbar {
+._container_s49vk_83::-webkit-scrollbar {
   display: none;
 }
-._container_1w5ra_83._block_1w5ra_103 {
+._container_s49vk_83._block_s49vk_101 {
   display: flex;
 }
-._container_1w5ra_83._success_1w5ra_106 {
+._container_s49vk_83._info_s49vk_104 {
+  color: var(--color-text-info);
+  background-color: var(--color-background-info-muted);
+}
+._container_s49vk_83._success_s49vk_108 {
   color: var(--color-text-success);
   background-color: var(--color-background-success-muted);
 }
-._container_1w5ra_83._warning_1w5ra_110 {
+._container_s49vk_83._warning_s49vk_112 {
   color: var(--color-text-warning);
   background-color: var(--color-background-warning-muted);
 }
-._container_1w5ra_83._error_1w5ra_114 {
+._container_s49vk_83._error_s49vk_116 {
   color: var(--color-text-error);
   background-color: var(--color-background-error-muted);
 }
-._content_1w5ra_118 {
+._content_s49vk_120 {
   flex: 1;
   min-width: 0;
 }
-._heading_1w5ra_122 {
+._heading_s49vk_124 {
   font-weight: bold;
   letter-spacing: var(--letter-spacing-wide);
   text-transform: uppercase;
   font-size: var(--font-size-sm);
   line-height: var(--line-height);
 }
-._icon_1w5ra_129 {
+._icon_s49vk_131 {
   display: flex;
   justify-content: center;
   align-items: center;
@@ -3230,29 +3232,41 @@ html[data-theme='dark'] {
   margin-right: var(--padding-xs);
   font-size: var(--size-xs);
 }
-._dismiss_1w5ra_137 {
-  --offset-message-dismiss-x: calc(-1 * var(--padding-input-x) + var(--padding-xxs));
-  --offset-message-dismiss-y: calc((var(--line-height) - var(--size-sm)) / 2);
-  display: flex;
-  margin-top: var(--offset-message-dismiss-y);
-  margin-bottom: var(--offset-message-dismiss-y);
-  margin-left: var(--padding-sm);
-  margin-right: var(--offset-message-dismiss-x);
+._dismiss_s49vk_139 {
+  margin-left: var(--padding);
+  color: var(--color-text);
 }
-._dismiss_1w5ra_137._absolute_1w5ra_146 {
+._dismiss_s49vk_139._absolute_s49vk_143 {
   position: absolute;
   top: var(--padding-sm);
   right: var(--padding-sm);
 }
-._detailsText_1w5ra_151 {
+._dismiss_s49vk_139 {
+  --offset-message-dismiss: calc((var(--line-height) - var(--size-sm)) / 2);
+  display: flex;
+  margin-top: var(--offset-message-dismiss);
+  margin-bottom: var(--offset-message-dismiss);
+  margin-right: var(--offset-message-dismiss);
+}
+._legendToggle_s49vk_155 {
+  opacity: 0.6;
+}
+._legendToggle_s49vk_155:hover {
+  opacity: 0.8;
+  cursor: pointer;
+}
+._legendToggle_s49vk_155:active {
+  opacity: 1;
+}
+._detailsText_s49vk_165 {
+  margin-top: var(--padding-xxs);
   word-break: break-word;
 }
-._footer_1w5ra_154 {
+._footer_s49vk_169 {
   display: flex;
   flex-wrap: wrap;
-  gap: var(--padding-xs);
+  gap: var(--padding-sm);
   margin-top: var(--padding-xxs);
-  padding-bottom: var(--padding-xxs);
 }
 ._wrapper_sb0hc_1 {
   z-index: var(--zindex-modal);

package/dist/assets/{index-916a574f.js → index-26f804a8.js} RENAMED Viewed

@@ -26265,25 +26265,27 @@ const styles$v = {
   text: text$1,
   details: details$1
 };
-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$2 = "_container_1w5ra_83";
-const block$1 = "_block_1w5ra_103";
-const success = "_success_1w5ra_106";
-const warning$5 = "_warning_1w5ra_110";
-const error$n = "_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$2 = "_container_s49vk_83";
+const block$1 = "_block_s49vk_101";
+const info = "_info_s49vk_104";
+const success = "_success_s49vk_108";
+const warning$5 = "_warning_s49vk_112";
+const error$n = "_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$u = {
   inputInTable: inputInTable$7,
   inputHover: inputHover$7,
@@ -26294,6 +26296,7 @@ const styles$u = {
   hideScrollbars: hideScrollbars$7,
   container: container$2,
   block: block$1,
+  info,
   success,
   warning: warning$5,
   error: error$n,
@@ -26302,18 +26305,10 @@ const styles$u = {
   icon: icon$3,
   dismiss: dismiss$1,
   absolute,
+  legendToggle,
   detailsText,
   footer: footer$1
 };
-const TextLink = ({
-  children,
-  href = void 0,
-  target = void 0,
-  testId,
-  onClick
-}) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("a", { href, target, onClick, "data-testid": testId, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { link: true, children }) });
-};
 const wrapper$2 = "_wrapper_sb0hc_1";
 const contentContainer = "_contentContainer_sb0hc_15";
 const centered = "_centered_sb0hc_24";
@@ -68343,6 +68338,15 @@ const styles$8 = {
   left: left$1,
   right: right$1
 };
+const TextLink = ({
+  children,
+  href = void 0,
+  target = void 0,
+  testId,
+  onClick
+}) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("a", { href, target, onClick, "data-testid": testId, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { link: true, children }) });
+};
 const inputInTable = "_inputInTable_66zck_1";
 const inputHover = "_inputHover_66zck_13";
 const inputFocus = "_inputFocus_66zck_18";
@@ -71608,12 +71612,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) {
@@ -72457,17 +72461,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)
@@ -72475,7 +72479,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);
@@ -73487,34 +73491,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(info2.offset, { x: 0, y: 0 }) >= 3;
+        var isDistancePastThreshold = distance(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$2(__assign$2({}, 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);
         }
@@ -73524,8 +73528,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$2(__assign$2({}, point), { timestamp })];
@@ -73543,8 +73547,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 };
@@ -73895,7 +73899,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, onDragStart = _b2.onDragStart;
         if (drag2 && !dragPropagation) {
@@ -73924,14 +73928,14 @@ var VisualElementDragControls = (
           }
           _this.originPoint[axis] = current;
         });
-        onDragStart === null || onDragStart === void 0 ? void 0 : onDragStart(event, info);
+        onDragStart === null || onDragStart === void 0 ? void 0 : onDragStart(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) {
@@ -73939,13 +73943,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,
@@ -73954,15 +73958,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 onDragEnd = this.getProps().onDragEnd;
-      onDragEnd === null || onDragEnd === void 0 ? void 0 : onDragEnd(event, info);
+      onDragEnd === null || onDragEnd === void 0 ? void 0 : onDragEnd(event, info2);
     };
     VisualElementDragControls2.prototype.cancel = function() {
       var _a, _b;
@@ -74200,9 +74204,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);
     }
   };
   reactExports.useEffect(function() {