npm - @oliasoft-open-source/react-ui-library - Versions diffs - 4.6.7 → 4.6.8 - Mend

@oliasoft-open-source/react-ui-library 4.6.7 → 4.6.8

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 (73) hide show

package/dist/404.html CHANGED Viewed

	@@ -1 +1 @@
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-~~21EwET8E~~.js"></script><link rel="stylesheet" crossorigin href="/react-ui-library/assets/index-~~2LJjuVRB~~.css"></head><body><div id="content"></div></body>
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-KqPTwgKR.js"></script><link rel="stylesheet" crossorigin href="/react-ui-library/assets/index-ChHypG1u.css"></head><body><div id="content"></div></body>

package/dist/assets/{index-2LJjuVRB.css → index-ChHypG1u.css} RENAMED Viewed

@@ -1720,17 +1720,17 @@ html[data-theme='dark'] {
 ._actionComponentContainer_1nid8_11._active_1nid8_33 {
   color: var(--color-text-primary-active);
 }
-._wrapper_uioq1_1 {
+._wrapper_1iw97_1 {
   display: inline-flex;
   max-width: 100%;
 }
-._layer_uioq1_5 ._wrapper_uioq1_1 {
+._layer_1iw97_5 ._wrapper_1iw97_1 {
   width: 100%;
 }
-._layerContainer_uioq1_8 {
+._layerContainer_1iw97_8 {
   z-index: var(--zindex-dropdown);
 }
-._layer_uioq1_5 {
+._layer_1iw97_5 {
   border: 1px solid var(--color-border);
   border-radius: var(--border-radius);
   overflow: hidden;
@@ -1741,98 +1741,99 @@ html[data-theme='dark'] {
   max-width: 30em;
   position: relative;
   overflow-y: auto;
+  max-height: 40vh;
 }
-._layer_uioq1_5._nested_uioq1_23 {
+._layer_1iw97_5._nested_1iw97_24 {
   margin: -1px 2px;
 }
-._layer_uioq1_5 ul {
+._layer_1iw97_5 ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
 }
-._layer_uioq1_5 ul li {
+._layer_1iw97_5 ul li {
   list-style: none;
   display: block;
 }
-._fileInput_uioq1_35 {
+._fileInput_1iw97_36 {
   opacity: 0;
   position: absolute;
   inset: 0;
 }
-._trigger_uioq1_40 {
+._trigger_1iw97_41 {
   display: inline-flex;
   align-items: center;
   cursor: pointer;
   max-width: 100%;
 }
-._layer_uioq1_5 ._trigger_uioq1_40 {
+._layer_1iw97_5 ._trigger_1iw97_41 {
   width: 100%;
 }
-._middleAlignedInline_uioq1_49 {
+._middleAlignedInline_1iw97_50 {
   display: flex;
   align-items: center;
   overflow: hidden;
   width: 100%;
 }
-._heading_uioq1_55 {
+._heading_1iw97_56 {
   color: var(--color-text-muted);
   letter-spacing: var(--letter-spacing-wide);
   text-transform: uppercase;
   font-weight: bold;
 }
-._heading_uioq1_55 ._headingIcon_uioq1_61 {
+._heading_1iw97_56 ._headingIcon_1iw97_62 {
   float: right;
 }
-._heading_uioq1_55 ._headingIcon_uioq1_61 svg {
+._heading_1iw97_56 ._headingIcon_1iw97_62 svg {
   color: var(--color-text-faint);
 }
-._heading_uioq1_55 ._headingIcon_uioq1_61:hover {
+._heading_1iw97_56 ._headingIcon_1iw97_62:hover {
   cursor: pointer;
 }
-._heading_uioq1_55 ._headingIcon_uioq1_61:hover svg {
+._heading_1iw97_56 ._headingIcon_1iw97_62:hover svg {
   color: var(--color-text-primary-hover);
 }
-._option_uioq1_73 {
+._option_1iw97_74 {
   color: inherit;
   display: block;
   position: relative;
 }
-._heading_uioq1_55,
-._option_uioq1_73,
-._layer_uioq1_5 ._trigger_uioq1_40 {
+._heading_1iw97_56,
+._option_1iw97_74,
+._layer_1iw97_5 ._trigger_1iw97_41 {
   padding: var(--padding-input);
   border: 1px solid transparent;
 }
-._option_uioq1_73,
-._layer_uioq1_5 ._trigger_uioq1_40 {
+._option_1iw97_74,
+._layer_1iw97_5 ._trigger_1iw97_41 {
   line-height: var(--line-height);
   display: flex;
   align-items: flex-start;
 }
-._option_uioq1_73:hover,
-._layer_uioq1_5 ._trigger_uioq1_40:hover,
-._option_uioq1_73._active_uioq1_92,
-._layer_uioq1_5 ._trigger_uioq1_40._active_uioq1_92 {
+._option_1iw97_74:hover,
+._layer_1iw97_5 ._trigger_1iw97_41:hover,
+._option_1iw97_74._active_1iw97_93,
+._layer_1iw97_5 ._trigger_1iw97_41._active_1iw97_93 {
   background-color: var(--color-background-listitem-hover);
   cursor: pointer;
 }
-._option_uioq1_73._selected_uioq1_97 {
+._option_1iw97_74._selected_1iw97_98 {
   background-color: var(--color-background-listitem-active);
 }
-._layer_uioq1_5 ._trigger_uioq1_40 {
+._layer_1iw97_5 ._trigger_1iw97_41 {
   align-items: center;
 }
-._optionContent_uioq1_103 {
+._optionContent_1iw97_104 {
   flex-wrap: wrap;
   margin-right: auto;
 }
-._inline_uioq1_107 ._optionContent_uioq1_103 {
+._inline_1iw97_108 ._optionContent_1iw97_104 {
   display: flex;
   justify-content: space-between;
   flex-grow: 1;
 }
-._icon_uioq1_112,
-._check_uioq1_113 {
+._icon_1iw97_113,
+._check_1iw97_114 {
   display: flex;
   flex-shrink: 1;
   width: var(--size-xs);
@@ -1841,78 +1842,78 @@ html[data-theme='dark'] {
   justify-content: center;
   align-items: center;
 }
-._icon_uioq1_112 {
+._icon_1iw97_113 {
   margin-right: var(--padding-xs);
   color: var(--color-text-primary);
 }
-._icon_uioq1_112:empty {
+._icon_1iw97_113:empty {
   display: none;
 }
-._icon_uioq1_112 img {
+._icon_1iw97_113 img {
   max-height: 16px;
   max-width: 16px;
   width: auto;
   height: auto;
 }
-._text_uioq1_135 {
+._text_1iw97_136 {
   display: inline-flex;
   align-items: center;
   cursor: pointer;
 }
-._label_uioq1_140 {
+._label_1iw97_141 {
   margin-right: auto;
 }
-._label_uioq1_140,
-._heading_uioq1_55 {
+._label_1iw97_141,
+._heading_1iw97_56 {
   max-width: 100%;
   display: block;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-._description_uioq1_151 {
+._description_1iw97_152 {
   color: #999;
   display: block;
 }
-._arrow_uioq1_155 {
+._arrow_1iw97_156 {
   margin-left: var(--padding-xxs);
   display: flex;
 }
-._divider_uioq1_159 {
+._divider_1iw97_160 {
   border: 0;
   border-top: 1px solid var(--color-border);
 }
-._deprecatedSemanticIcon_uioq1_163 {
+._deprecatedSemanticIcon_1iw97_164 {
   color: var(--color-text-primary) !important;
   margin: -5px 0 0 !important;
 }
-._disabled_uioq1_167 {
+._disabled_1iw97_168 {
   color: var(--color-text-faint);
   pointer-events: none;
   cursor: not-allowed !important;
 }
-._buttonLabel_uioq1_172 {
+._buttonLabel_1iw97_173 {
   overflow: hidden;
   text-overflow: ellipsis;
   display: block;
   margin-right: auto;
 }
-._buttonCaret_uioq1_178 {
+._buttonCaret_1iw97_179 {
   display: flex;
   margin-left: var(--padding-xxs);
 }
-._component_uioq1_182 {
+._component_1iw97_183 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
 }
-._right_uioq1_188 {
+._right_1iw97_189 {
   margin-left: auto;
   display: flex;
   align-items: center;
 }
-._actions_uioq1_193 {
+._actions_1iw97_194 {
   margin-left: var(--padding-xs);
   display: flex;
   align-items: center;

package/dist/assets/{index-21EwET8E.js → index-KqPTwgKR.js} RENAMED Viewed

@@ -18404,34 +18404,34 @@ const styles$O = {
   actionComponentContainer,
   active: active$7
 };
-const wrapper$4 = "_wrapper_uioq1_1";
-const layer$1 = "_layer_uioq1_5";
-const layerContainer$1 = "_layerContainer_uioq1_8";
-const nested = "_nested_uioq1_23";
-const fileInput$1 = "_fileInput_uioq1_35";
-const trigger$2 = "_trigger_uioq1_40";
-const middleAlignedInline = "_middleAlignedInline_uioq1_49";
-const heading$5 = "_heading_uioq1_55";
-const headingIcon = "_headingIcon_uioq1_61";
-const option$1 = "_option_uioq1_73";
-const active$6 = "_active_uioq1_92";
-const selected$1 = "_selected_uioq1_97";
-const optionContent$1 = "_optionContent_uioq1_103";
-const inline$4 = "_inline_uioq1_107";
-const icon$4 = "_icon_uioq1_112";
-const check$1 = "_check_uioq1_113";
-const text$3 = "_text_uioq1_135";
-const label$a = "_label_uioq1_140";
-const description$2 = "_description_uioq1_151";
-const arrow$1 = "_arrow_uioq1_155";
-const divider$1 = "_divider_uioq1_159";
-const deprecatedSemanticIcon = "_deprecatedSemanticIcon_uioq1_163";
-const disabled$8 = "_disabled_uioq1_167";
-const buttonLabel = "_buttonLabel_uioq1_172";
-const buttonCaret = "_buttonCaret_uioq1_178";
-const component = "_component_uioq1_182";
-const right$7 = "_right_uioq1_188";
-const actions$1 = "_actions_uioq1_193";
+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$2 = "_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 styles$N = {
   wrapper: wrapper$4,
   layer: layer$1,
@@ -19015,7 +19015,7 @@ const ContextMenu = ({
     path,
     groupOrder,
     overflowContainer: true,
-    maxHeight: "40vh",
+    maxHeight: void 0,
     testId
   });
   const isDisabled = disabled2 || isMenuEmpty(menu2) || disabledContext;

package/dist/index.html CHANGED Viewed

	@@ -1 +1 @@
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-~~21EwET8E~~.js"></script><link rel="stylesheet" crossorigin href="/react-ui-library/assets/index-~~2LJjuVRB~~.css"></head><body><div id="content"></div></body>
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-KqPTwgKR.js"></script><link rel="stylesheet" crossorigin href="/react-ui-library/assets/index-ChHypG1u.css"></head><body><div id="content"></div></body>

package/dist/index.js CHANGED Viewed

@@ -3811,7 +3811,7 @@ const Tooltip = ({
   flex = "none",
   forceOpen = false
 }) => {
-  const visible = enabled && (isValidElement(text2) || typeof text2 === "string" && text2.length > 0);
+  const visible = enabled && (isValidElement(text2) || typeof text2 === "string" && text2.length > 0 || typeof text2 === "number");
   const [isOver, hoverProps, forceClose] = useHover({
     delayEnter: 100,
     delayLeave: 0
@@ -55281,23 +55281,6 @@ if (process.env.NODE_ENV !== "production") {
 }
 var _default = Handle;
 default_1 = Handle$1.default = _default;
-const SliderTooltip = ({ text: text2 }) => {
-  return /* @__PURE__ */ jsx(
-    TooltipLayer,
-    {
-      text: text2,
-      layerProps: {
-        style: {
-          whiteSpace: "nowrap",
-          position: "fixed",
-          transform: "translate(-50%, -100%)",
-          marginTop: -15,
-          marginLeft: 5
-        }
-      }
-    }
-  );
-};
 const container = "_container_1a936_1";
 const small$2 = "_small_1a936_7";
 const hasMarks = "_hasMarks_1a936_10";
@@ -55379,6 +55362,14 @@ const Slider = ({
       icon: IconType.FAST_FORWARD
     }
   ) });
+  const handleRender = (node2, handleProps) => {
+    const isTooltipVisible = showTooltip && handleProps.dragging;
+    return (
+      // TODO: revisit - fix handle warning
+      // @ts-ignore: revisit - fix handle warning
+      /* @__PURE__ */ jsx(default_1, { ...node2.props, ...handleProps, children: isTooltipVisible && /* @__PURE__ */ jsx(Tooltip, { display: "block", text: tooltipFormatter(value), forceOpen: true, children: /* @__PURE__ */ jsx("div", { style: { position: "absolute", inset: 0 } }) }) })
+    );
+  };
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -55391,10 +55382,10 @@ const Slider = ({
       style: vertical2.enabled ? { width: vertical2.width, height: vertical2.height } : { width: width2 },
       children: [
         showArrows && (vertical2.enabled ? /* @__PURE__ */ jsx(ButtonMax, {}) : /* @__PURE__ */ jsx(ButtonMin, {})),
-        range2 ? /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx(
           Slider$1,
           {
-            range: true,
+            range: range2,
             allowCross: false,
             className: cx$2(
               (disabled2 || disabledContext) && styles$c.rcSliderDisabled,
@@ -55408,24 +55399,7 @@ const Slider = ({
             onChange: (v2) => onChangeValue(v2),
             disabled: disabled2 || disabledContext,
             vertical: vertical2.enabled,
-            handle: showTooltip ? ({ index: index2, value: value2, dragging, ...handleProps }) => /* @__PURE__ */ jsx(default_1, { value: value2, ...handleProps, children: dragging && /* @__PURE__ */ jsx(SliderTooltip, { text: tooltipFormatter(value2) }) }, index2) : void 0
-          }
-        ) : /* @__PURE__ */ jsx(
-          Slider$1,
-          {
-            className: cx$2(
-              (disabled2 || disabledContext) && styles$c.rcSliderDisabled,
-              showArrows && styles$c.hasArrows
-            ),
-            value,
-            max,
-            min,
-            step,
-            marks: formattedMarks,
-            onChange: (v2) => onChangeValue(v2),
-            disabled: disabled2 || disabledContext,
-            vertical: vertical2.enabled,
-            handle: showTooltip ? ({ index: index2, value: value2, dragging, ...handleProps }) => /* @__PURE__ */ jsx(default_1, { value: value2, ...handleProps, children: dragging && /* @__PURE__ */ jsx(SliderTooltip, { text: tooltipFormatter(value2) }) }, index2) : void 0
+            handleRender
           }
         ),
         showArrows && (vertical2.enabled ? /* @__PURE__ */ jsx(ButtonMin, {}) : /* @__PURE__ */ jsx(ButtonMax, {})),