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

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

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

package/dist/assets/{index-cc2feb7a.js → index-916a574f.js}

@@ -22953,7 +22953,6 @@ reactExports.forwardRef(
     size: size2 = null
     //use width instead
   }, ref2) => {
-    const [valueState, setValueState] = reactExports.useState(value);
     const disabledContext = reactExports.useContext(DisabledContext);
     const order2 = (() => {
       if (groupOrder) {
@@ -22969,10 +22968,6 @@ reactExports.forwardRef(
       return "";
     })();
     const width2 = propWidth || (size2 ? "auto" : "100%");
-    const handleChange = (e2) => {
-      setValueState(e2.target.value);
-      onChange(e2);
-    };
     return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { width: width2 }, className: order2, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       Tooltip,
       {
@@ -22990,8 +22985,8 @@ reactExports.forwardRef(
             type: type2 || "text",
             size: size2 || 20,
             placeholder: placeholder2 ?? "",
-            value: valueState ?? "",
-            onChange: handleChange,
+            value: value ?? "",
+            onChange,
             onKeyPress,
             onFocus,
             onBlur,
@@ -26270,27 +26265,25 @@ const styles$v = {
   text: text$1,
   details: details$1
 };
-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 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 styles$u = {
   inputInTable: inputInTable$7,
   inputHover: inputHover$7,
@@ -26301,7 +26294,6 @@ const styles$u = {
   hideScrollbars: hideScrollbars$7,
   container: container$2,
   block: block$1,
-  info,
   success,
   warning: warning$5,
   error: error$n,
@@ -26310,10 +26302,18 @@ 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,15 +68343,6 @@ 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";
@@ -71617,12 +71608,12 @@ function isDragActive() {
   return false;
 }
 function createHoverEvent(visualElement2, isActive, callback) {
-  return function(event, info2) {
+  return function(event, info) {
     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, info2);
+    callback === null || callback === void 0 ? void 0 : callback(event, info);
   };
 }
 function useHoverGesture(_a) {
@@ -72466,17 +72457,17 @@ function useTapGesture(_a) {
     (_a2 = visualElement2.animationState) === null || _a2 === void 0 ? void 0 : _a2.setActive(AnimationType.Tap, false);
     return !isDragActive();
   }
-  function onPointerUp(event, info2) {
+  function onPointerUp(event, info) {
     if (!checkPointerEnd())
       return;
-    !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);
+    !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);
   }
-  function onPointerCancel(event, info2) {
+  function onPointerCancel(event, info) {
     if (!checkPointerEnd())
       return;
-    onTapCancel === null || onTapCancel === void 0 ? void 0 : onTapCancel(event, info2);
+    onTapCancel === null || onTapCancel === void 0 ? void 0 : onTapCancel(event, info);
   }
-  function onPointerDown(event, info2) {
+  function onPointerDown(event, info) {
     var _a2;
     removePointerEndListener();
     if (isPressing.current)
@@ -72484,7 +72475,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, info2);
+    onTapStart === null || onTapStart === void 0 ? void 0 : onTapStart(event, info);
   }
   usePointerEvent(visualElement2, "pointerdown", hasPressListeners ? onPointerDown : void 0, eventOptions);
   useUnmountEffect(removePointerEndListener);
@@ -73496,34 +73487,34 @@ var PanSession = (
       this.updatePoint = function() {
         if (!(_this.lastMoveEvent && _this.lastMoveEventInfo))
           return;
-        var info3 = getPanInfo(_this.lastMoveEventInfo, _this.history);
+        var info2 = getPanInfo(_this.lastMoveEventInfo, _this.history);
         var isPanStarted = _this.startEvent !== null;
-        var isDistancePastThreshold = distance(info3.offset, { x: 0, y: 0 }) >= 3;
+        var isDistancePastThreshold = distance(info2.offset, { x: 0, y: 0 }) >= 3;
         if (!isPanStarted && !isDistancePastThreshold)
           return;
-        var point2 = info3.point;
+        var point2 = info2.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, info3);
+          onStart && onStart(_this.lastMoveEvent, info2);
           _this.startEvent = _this.lastMoveEvent;
         }
-        onMove && onMove(_this.lastMoveEvent, info3);
+        onMove && onMove(_this.lastMoveEvent, info2);
       };
-      this.handlePointerMove = function(event2, info3) {
+      this.handlePointerMove = function(event2, info2) {
         _this.lastMoveEvent = event2;
-        _this.lastMoveEventInfo = transformPoint(info3, _this.transformPagePoint);
+        _this.lastMoveEventInfo = transformPoint(info2, _this.transformPagePoint);
         if (isMouseEvent(event2) && event2.buttons === 0) {
-          _this.handlePointerUp(event2, info3);
+          _this.handlePointerUp(event2, info2);
           return;
         }
         sync.update(_this.updatePoint, true);
       };
-      this.handlePointerUp = function(event2, info3) {
+      this.handlePointerUp = function(event2, info2) {
         _this.end();
         var _a2 = _this.handlers, onEnd = _a2.onEnd, onSessionEnd = _a2.onSessionEnd;
-        var panInfo = getPanInfo(transformPoint(info3, _this.transformPagePoint), _this.history);
+        var panInfo = getPanInfo(transformPoint(info2, _this.transformPagePoint), _this.history);
         if (_this.startEvent && onEnd) {
           onEnd(event2, panInfo);
         }
@@ -73533,8 +73524,8 @@ var PanSession = (
         return;
       this.handlers = handlers2;
       this.transformPagePoint = transformPagePoint;
-      var info2 = extractEventInfo(event);
-      var initialInfo = transformPoint(info2, this.transformPagePoint);
+      var info = extractEventInfo(event);
+      var initialInfo = transformPoint(info, this.transformPagePoint);
       var point = initialInfo.point;
       var timestamp = getFrameData().timestamp;
       this.history = [__assign$2(__assign$2({}, point), { timestamp })];
@@ -73552,8 +73543,8 @@ var PanSession = (
     return PanSession2;
   }()
 );
-function transformPoint(info2, transformPagePoint) {
-  return transformPagePoint ? { point: transformPagePoint(info2.point) } : info2;
+function transformPoint(info, transformPagePoint) {
+  return transformPagePoint ? { point: transformPagePoint(info.point) } : info;
 }
 function subtractPoint(a2, b2) {
   return { x: a2.x - b2.x, y: a2.y - b2.y };
@@ -73904,7 +73895,7 @@ var VisualElementDragControls = (
           _this.snapToCursor(extractEventInfo(event, "page").point);
         }
       };
-      var onStart = function(event, info2) {
+      var onStart = function(event, info) {
         var _a2;
         var _b2 = _this.getProps(), drag2 = _b2.drag, dragPropagation = _b2.dragPropagation, onDragStart = _b2.onDragStart;
         if (drag2 && !dragPropagation) {
@@ -73933,14 +73924,14 @@ var VisualElementDragControls = (
           }
           _this.originPoint[axis] = current;
         });
-        onDragStart === null || onDragStart === void 0 ? void 0 : onDragStart(event, info2);
+        onDragStart === null || onDragStart === void 0 ? void 0 : onDragStart(event, info);
         (_a2 = _this.visualElement.animationState) === null || _a2 === void 0 ? void 0 : _a2.setActive(AnimationType.Drag, true);
       };
-      var onMove = function(event, info2) {
+      var onMove = function(event, info) {
         var _a2 = _this.getProps(), dragPropagation = _a2.dragPropagation, dragDirectionLock = _a2.dragDirectionLock, onDirectionLock = _a2.onDirectionLock, onDrag = _a2.onDrag;
         if (!dragPropagation && !_this.openGlobalLock)
           return;
-        var offset3 = info2.offset;
+        var offset3 = info.offset;
         if (dragDirectionLock && _this.currentDirection === null) {
           _this.currentDirection = getCurrentDirection(offset3);
           if (_this.currentDirection !== null) {
@@ -73948,13 +73939,13 @@ var VisualElementDragControls = (
           }
           return;
         }
-        _this.updateAxis("x", info2.point, offset3);
-        _this.updateAxis("y", info2.point, offset3);
+        _this.updateAxis("x", info.point, offset3);
+        _this.updateAxis("y", info.point, offset3);
         _this.visualElement.syncRender();
-        onDrag === null || onDrag === void 0 ? void 0 : onDrag(event, info2);
+        onDrag === null || onDrag === void 0 ? void 0 : onDrag(event, info);
       };
-      var onSessionEnd = function(event, info2) {
-        return _this.stop(event, info2);
+      var onSessionEnd = function(event, info) {
+        return _this.stop(event, info);
       };
       this.panSession = new PanSession(originEvent, {
         onSessionStart,
@@ -73963,15 +73954,15 @@ var VisualElementDragControls = (
         onSessionEnd
       }, { transformPagePoint: this.visualElement.getTransformPagePoint() });
     };
-    VisualElementDragControls2.prototype.stop = function(event, info2) {
+    VisualElementDragControls2.prototype.stop = function(event, info) {
       var isDragging = this.isDragging;
       this.cancel();
       if (!isDragging)
         return;
-      var velocity = info2.velocity;
+      var velocity = info.velocity;
       this.startAnimation(velocity);
       var onDragEnd = this.getProps().onDragEnd;
-      onDragEnd === null || onDragEnd === void 0 ? void 0 : onDragEnd(event, info2);
+      onDragEnd === null || onDragEnd === void 0 ? void 0 : onDragEnd(event, info);
     };
     VisualElementDragControls2.prototype.cancel = function() {
       var _a, _b;
@@ -74209,9 +74200,9 @@ function usePanGesture(_a) {
     onSessionStart: onPanSessionStart,
     onStart: onPanStart,
     onMove: onPan,
-    onEnd: function(event, info2) {
+    onEnd: function(event, info) {
       panSession.current = null;
-      onPanEnd && onPanEnd(event, info2);
+      onPanEnd && onPanEnd(event, info);
     }
   };
   reactExports.useEffect(function() {