@situaction/traq-ui-ste 1.2.39 → 1.2.40

package/dist/components/list/list-controls/ListControls.js

@@ -3,7 +3,7 @@ import { Button as p } from "../../button/Button.js";
 import "react";
 import "../../icon-button/IconButton.js";
 import { Checkbox as _ } from "../../checkbox/Checkbox.js";
-import "../../../index-CxdrhfJv.mjs";
+import "react-dom";
 import "../../accordion/Accordion.js";
 import { Icon as a } from "../../icon/Icon.js";
 import "../../modal/Modal.js";

package/dist/components/list/nested-list/NestedList.js

@@ -3,7 +3,7 @@ import { NestedListItem as l } from "./item/NestedListItem.js";
 import { Button as c } from "../../button/Button.js";
 import "react";
 import "../../icon-button/IconButton.js";
-import "../../../index-CxdrhfJv.mjs";
+import "react-dom";
 import "../../accordion/Accordion.js";
 import { Icon as a } from "../../icon/Icon.js";
 import "../../modal/Modal.js";

package/dist/components/list/nested-list/item/NestedListItem.js

@@ -3,7 +3,7 @@ import { useState as g, useRef as u, useLayoutEffect as z } from "react";
 import "../../../button/Button.js";
 import "../../../icon-button/IconButton.js";
 import { TagCounter as B } from "../../../tag-counter/TagCounter.js";
-import "../../../../index-CxdrhfJv.mjs";
+import "react-dom";
 import "../../../accordion/Accordion.js";
 import { Icon as l } from "../../../icon/Icon.js";
 import { Modal as L } from "../../../modal/Modal.js";

package/dist/components/menu/Menu.js

@@ -2,7 +2,7 @@ import { jsx as l, jsxs as u } from "react/jsx-runtime";
 import { useState as c, useRef as M, useEffect as B } from "react";
 import { Button as $ } from "../button/Button.js";
 import { IconButton as f } from "../icon-button/IconButton.js";
-import "../../index-CxdrhfJv.mjs";
+import "react-dom";
 import "../accordion/Accordion.js";
 import { Icon as N } from "../icon/Icon.js";
 import { Modal as W } from "../modal/Modal.js";

package/dist/components/panel/side-panel-header/SidePanelHeader.js

@@ -2,7 +2,7 @@ import { jsxs as C, jsx as e } from "react/jsx-runtime";
 import "../../button/Button.js";
 import "react";
 import { IconButton as i } from "../../icon-button/IconButton.js";
-import "../../../index-CxdrhfJv.mjs";
+import "react-dom";
 import "../../accordion/Accordion.js";
 import { Icon as t } from "../../icon/Icon.js";
 import "../../modal/Modal.js";

package/dist/components/select/Select.js

@@ -3,7 +3,7 @@ import { useState as _, useRef as b, useEffect as d } from "react";
 import { Button as S } from "../button/Button.js";
 import { Input as I } from "../input/Input.js";
 import { IconButton as ee } from "../icon-button/IconButton.js";
-import "../../index-CxdrhfJv.mjs";
+import "react-dom";
 import "../accordion/Accordion.js";
 import { Icon as T } from "../icon/Icon.js";
 import { Modal as te } from "../modal/Modal.js";

package/dist/components/select-filter-input-tags/SelectFilterInputTags.js

@@ -3,7 +3,7 @@ import "../button/Button.js";
 import "react";
 import { Input as p } from "../input/Input.js";
 import "../icon-button/IconButton.js";
-import "../../index-CxdrhfJv.mjs";
+import "react-dom";
 import "../accordion/Accordion.js";
 import "../modal/Modal.js";
 import "../carousel/Carousel.js";

package/dist/components/select-multi-items/SelectMultiItems.js

@@ -4,7 +4,7 @@ import { n as v, s as C, a as x } from "../../X.es-BEJ-zMPl.mjs";
 import { Button as M } from "../button/Button.js";
 import "../icon-button/IconButton.js";
 import { TagCounter as w } from "../tag-counter/TagCounter.js";
-import "../../index-CxdrhfJv.mjs";
+import "react-dom";
 import "../accordion/Accordion.js";
 import { Modal as y } from "../modal/Modal.js";
 import "../carousel/Carousel.js";

package/dist/components/switch/Switch.js

@@ -2,7 +2,7 @@ import { jsxs as n, jsx as c } from "react/jsx-runtime";
 import { useState as $, useEffect as b } from "react";
 import "../button/Button.js";
 import { IconButton as k } from "../icon-button/IconButton.js";
-import "../../index-CxdrhfJv.mjs";
+import "react-dom";
 import "../accordion/Accordion.js";
 import { Icon as g } from "../icon/Icon.js";
 import "../modal/Modal.js";

package/dist/components/tooltip/Tooltip.js

@@ -1,6 +1,6 @@
-import { jsxs as S, jsx as c } from "react/jsx-runtime";
-import { useState as w, useRef as x, useCallback as L, useLayoutEffect as T } from "react";
-import { r as j } from "../../index-CxdrhfJv.mjs";
+import { jsxs as S, jsx as L } from "react/jsx-runtime";
+import { useState as w, useRef as x, useCallback as T, useLayoutEffect as c } from "react";
+import { createPortal as j } from "react-dom";
 import '../../styles/Tooltip.css';const I = "_tooltip_ymexm_30", y = {
   "tooltip-container": "_tooltip-container_ymexm_30",
   tooltip: I
@@ -9,11 +9,11 @@ import '../../styles/Tooltip.css';const I = "_tooltip_ymexm_30", y = {
   "xs-3": 10,
   xs: 14,
   "m-1": 18
-}, r = 8, N = ({ children: v, content: k, position: u = "top", gap: M = "xs-5", padding: _ = "xs-5" }) => {
-  const [l, g] = w(!1), [E, h] = w({ visibility: "hidden" }), n = x(null), d = x(null), o = W[M] ?? 6, f = L((t, e) => {
-    const a = window.innerWidth, m = window.innerHeight;
+}, l = 8, N = ({ children: v, content: k, position: g = "top", gap: M = "xs-5", padding: _ = "xs-5" }) => {
+  const [r, m] = w(!1), [C, h] = w({ visibility: "hidden" }), n = x(null), d = x(null), o = W[M] ?? 6, f = T((t, e) => {
+    const a = window.innerWidth, u = window.innerHeight;
     let s, i;
-    switch (u) {
+    switch (g) {
       case "top":
         s = t.top - e.height - o, i = t.left + t.width / 2 - e.width / 2;
         break;
@@ -41,42 +41,42 @@ import '../../styles/Tooltip.css';const I = "_tooltip_ymexm_30", y = {
       default:
         s = t.top - e.height - o, i = t.left + t.width / 2 - e.width / 2;
     }
-    return i = Math.max(r, Math.min(i, a - e.width - r)), s = Math.max(r, Math.min(s, m - e.height - r)), { position: "fixed", top: s, left: i, visibility: "visible" };
-  }, [u, o]);
-  T(() => {
+    return i = Math.max(l, Math.min(i, a - e.width - l)), s = Math.max(l, Math.min(s, u - e.height - l)), { position: "fixed", top: s, left: i, visibility: "visible" };
+  }, [g, o]);
+  c(() => {
     const t = [
       "--background-tooltip",
       "--general-border-window",
       "--general-text-icons",
       "--shadow-color-minimal"
     ];
-    if (l && n.current && d.current) {
+    if (r && n.current && d.current) {
       const e = getComputedStyle(n.current), a = t.reduce((i, b) => {
         const p = e.getPropertyValue(b).trim();
         return p && (i[b] = p), i;
-      }, {}), m = n.current.getBoundingClientRect(), s = d.current.getBoundingClientRect();
-      h({ ...f(m, s), ...a });
+      }, {}), u = n.current.getBoundingClientRect(), s = d.current.getBoundingClientRect();
+      h({ ...f(u, s), ...a });
     }
-  }, [l, f]);
-  const C = () => {
-    h({ visibility: "hidden" }), g(!0);
+  }, [r, f]);
+  const E = () => {
+    h({ visibility: "hidden" }), m(!0);
   }, V = [y.tooltip, "labelMedium", "fontWeight-600"].join(" "), P = { "--dynamic-padding": `var(--spacing-${_})` };
   return /* @__PURE__ */ S(
     "div",
     {
       ref: n,
       className: y["tooltip-container"],
-      onMouseEnter: C,
-      onMouseLeave: () => g(!1),
+      onMouseEnter: E,
+      onMouseLeave: () => m(!1),
       children: [
         v,
-        l && j.createPortal(
-          /* @__PURE__ */ c(
+        r && j(
+          /* @__PURE__ */ L(
             "div",
             {
               ref: d,
               className: V,
-              style: { ...P, ...E },
+              style: { ...P, ...C },
               children: k
             }
           ),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@situaction/traq-ui-ste",
-  "version": "1.2.39",
+  "version": "1.2.40",
   "description": "library react component Situaction",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",