@infomaximum/ui-kit 0.12.4 → 0.12.5

package/dist/components/InputNumber/hooks/useChangeValue/useChangeValue.js

@@ -1,6 +1,6 @@
-import { isNumber } from "lodash-es";
+import { isUndefined, isNumber } from "lodash-es";
 import { getDecimalValue } from "../../InputNumber.utils.js";
-import { useState } from "react";
+import { useState, useLayoutEffect } from "react";
 import { emptyString } from "../../../../utils/const/index.js";
 import { getMiniDecimal, toFixed } from "../../utils/MiniDecimal.js";
 const useChangeValue = (options) => {
@@ -32,6 +32,17 @@ const useChangeValue = (options) => {
   const setInputValue = (newValue, userTyping) => {
     setInternalInputValue(mergedFormatter(newValue.isInvalidate() ? newValue.toString(false) : newValue.toString(!userTyping), userTyping));
   };
+  useLayoutEffect(() => {
+    if (isUndefined(value)) {
+      return;
+    }
+    const newValue = getMiniDecimal(value);
+    setDecimalValue(newValue);
+    const currentParsedValue = getMiniDecimal(mergedParser(inputValue));
+    if (!newValue.equals(currentParsedValue)) {
+      setInputValue(newValue, false);
+    }
+  }, [value]);
   const setUncontrolledDecimalValue = (newDecimal) => {
     if (value === void 0) {
       setDecimalValue(newDecimal);

package/dist/components/InputNumber/hooks/useDecimalTools/useDecimalTools.d.ts

@@ -1,6 +1,6 @@
 import { UseDecimalToolsOptions } from './useDecimalTools.types';
 export declare const useDecimalTools: (options: UseDecimalToolsOptions) => {
     getPrecision: (numStr: string, userTyping: boolean) => number | undefined;
-    mergedParser: (num: string | number) => string | number;
+    mergedParser: (num: string | number | undefined) => string | number;
     mergedFormatter: (number: string, userTyping: boolean) => string;
 };

package/dist/components/Popover/Popover.js

@@ -10,11 +10,12 @@ const PopoverComponent = memo(({
   content,
   children,
   styles,
+  trigger = "hover",
   ...baseProps
 }) => {
   const theme = useTheme();
   const popoverTokens = getPopoverTokens(theme);
-  return /* @__PURE__ */ jsx(BaseTooltip, { ...baseProps, floatingElement: /* @__PURE__ */ jsx(PopoverFloatingElement, { title, content, styles }), arrowColor: popoverTokens.popoverBg, children });
+  return /* @__PURE__ */ jsx(BaseTooltip, { ...baseProps, floatingElement: /* @__PURE__ */ jsx(PopoverFloatingElement, { title, content, styles }), arrowColor: popoverTokens.popoverBg, trigger: [trigger], children });
 });
 const Popover = withThemeProvider(PopoverComponent);
 export {

package/dist/components/Popover/Popover.types.d.ts

@@ -1,10 +1,11 @@
 import { Interpolation } from '@emotion/react';
-import { BaseTooltipProps } from '../BaseTooltip/BaseTooltip.types';
+import { BaseTooltipProps, BaseTooltipTriggerType } from '../BaseTooltip/BaseTooltip.types';
 import { ReactNode } from 'react';
 import { Theme } from '../../themes';
-export interface PopoverProps extends Omit<BaseTooltipProps, "floatingElement" | "arrowColor"> {
+export interface PopoverProps extends Omit<BaseTooltipProps, "floatingElement" | "arrowColor" | "trigger"> {
     title?: ReactNode | (() => ReactNode);
     content?: ReactNode | (() => ReactNode);
+    trigger?: Exclude<BaseTooltipTriggerType, "contextMenu">;
     styles?: {
         wrapper?: (theme: Theme) => Interpolation;
         titleWrapper?: (theme: Theme) => Interpolation;

package/dist/components/Tooltip/Tooltip.js

@@ -9,12 +9,12 @@ const TooltipComponent = memo(({
   title,
   children,
   styles,
-  trigger,
+  trigger = "hover",
   ...baseProps
 }) => {
   const theme = useTheme();
   const tooltipTokens = getTooltipTokens(theme);
-  return /* @__PURE__ */ jsx(BaseTooltip, { ...baseProps, trigger: trigger ? [trigger] : void 0, floatingElement: /* @__PURE__ */ jsx(TooltipFloatingElement, { title, styles: styles == null ? void 0 : styles.floatingElement }), arrowColor: tooltipTokens.tooltipBg, children });
+  return /* @__PURE__ */ jsx(BaseTooltip, { ...baseProps, trigger: [trigger], floatingElement: /* @__PURE__ */ jsx(TooltipFloatingElement, { title, styles: styles == null ? void 0 : styles.floatingElement }), arrowColor: tooltipTokens.tooltipBg, children });
 });
 const Tooltip = withThemeProvider(TooltipComponent);
 export {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@infomaximum/ui-kit",
   "license": "Apache-2.0",
-  "version": "0.12.4",
+  "version": "0.12.5",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",