@situaction/traq-ui-ste 1.1.22 → 1.1.23

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 (3) hide show
  1. package/dist/components/menu/Menu.d.ts +1 -1
  2. package/dist/components/menu/Menu.js +30 -30
  3. package/package.json +1 -1
package/dist/components/menu/Menu.d.ts CHANGED
@@ -50,7 +50,7 @@ export interface MenuProps {
50
50
  /** Whether the menu should be open by default */
51
51
  defaultOpen?: boolean;
52
52
  /** ID of the menu item selected by default */
53
- defaultSelectedId?: string;
53
+ selectedId?: string;
54
54
  }
55
55
  /**
56
56
  * Menu component renders a vertical navigation bar with collapsible state,
package/dist/components/menu/Menu.js CHANGED
@@ -1,15 +1,15 @@
1
- import { jsx as n, jsxs as f } from "react/jsx-runtime";
1
+ import { jsx as l, jsxs as f } from "react/jsx-runtime";
2
2
  import { useState as c, useRef as M, useEffect as $ } from "react";
3
3
  import { Button as b } from "../button/Button.js";
4
4
  import '../../styles/Size.css';import '../../styles/index.css';import '../../styles/Menu.css';/* empty css */
5
5
  import { IconButton as u } from "../icon-button/IconButton.js";
6
6
  import { Icon as w } from "../icon/Icon.js";
7
- import { Modal as y } from "../modal/Modal.js";
7
+ import { Modal as W } from "../modal/Modal.js";
8
8
  import "../theme/ThemeContext.js";
9
9
  /* empty css */
10
- const O = "_fullHeight_o2xi7_15", S = "_fullWidth_o2xi7_18", j = "_open_o2xi7_21", D = "_close_o2xi7_25", q = "_menuButton_o2xi7_29", A = "_closeIcon_o2xi7_37", F = "_label_o2xi7_42", G = "_textEllipsis_o2xi7_46", J = "_pointer_o2xi7_51", K = "_fullImg_o2xi7_54", Q = "_menuParams_o2xi7_60", T = "_line_o2xi7_66", U = "_borderRadiusM_o2xi7_73", X = "_menuItem_o2xi7_77", Y = "_flexVerticalBetweenStart_o2xi7_86", Z = "_flexHorizontalBetween_o2xi7_93", ee = "_flexVertical_o2xi7_86", oe = "_flexVerticalBetweenCenter_o2xi7_107", e = {
11
- fullHeight: O,
12
- fullWidth: S,
10
+ const y = "_fullHeight_o2xi7_15", O = "_fullWidth_o2xi7_18", j = "_open_o2xi7_21", D = "_close_o2xi7_25", q = "_menuButton_o2xi7_29", A = "_closeIcon_o2xi7_37", F = "_label_o2xi7_42", G = "_textEllipsis_o2xi7_46", J = "_pointer_o2xi7_51", K = "_fullImg_o2xi7_54", Q = "_menuParams_o2xi7_60", T = "_line_o2xi7_66", U = "_borderRadiusM_o2xi7_73", X = "_menuItem_o2xi7_77", Y = "_flexVerticalBetweenStart_o2xi7_86", Z = "_flexHorizontalBetween_o2xi7_93", ee = "_flexVertical_o2xi7_86", oe = "_flexVerticalBetweenCenter_o2xi7_107", e = {
11
+ fullHeight: y,
12
+ fullWidth: O,
13
13
  open: j,
14
14
  close: D,
15
15
  menuButton: q,
@@ -26,55 +26,55 @@ const O = "_fullHeight_o2xi7_15", S = "_fullWidth_o2xi7_18", j = "_open_o2xi7_21
26
26
  flexHorizontalBetween: Z,
27
27
  flexVertical: ee,
28
28
  flexVerticalBetweenCenter: oe
29
- }, fe = ({ menuItems: s = [], menuParams: r = [], shortLogo: x, logo: m, isOpen: h, defaultOpen: N = !1, defaultSelectedId: d }) => {
29
+ }, fe = ({ menuItems: s = [], menuParams: r = [], shortLogo: x, logo: m, isOpen: h, defaultOpen: N = !1, selectedId: d }) => {
30
30
  const [t, p] = c(N ?? !1), [g, B] = c(d ?? (s.length > 0 ? s[0].id : null)), I = M(null), [V, _] = c(!1), [H, C] = c(!1), [k, E] = c(null), [z, R] = c({}), L = M(null);
31
31
  $(() => {
32
32
  d && B(d);
33
33
  }, [d]);
34
34
  const v = (o, i) => {
35
35
  if (o.stopPropagation(), B(i), s) {
36
- const l = s.find((a) => a.id === i);
37
- l == null || l.onClick();
36
+ const n = s.find((a) => a.id === i);
37
+ n == null || n.onClick();
38
38
  }
39
- }, P = () => {
39
+ }, S = () => {
40
40
  p(!t), _(!1);
41
- }, W = (o) => {
41
+ }, P = (o) => {
42
42
  var i;
43
43
  if (r) {
44
- const l = r.find((a) => a.id === o);
45
- if (!l) return;
46
- if (l.content) {
44
+ const n = r.find((a) => a.id === o);
45
+ if (!n) return;
46
+ if (n.content) {
47
47
  const a = t ? "200px" : "40px";
48
- E(l.content), R({ ...l.position, left: a }), C(!0);
48
+ E(n.content), R({ ...n.position, left: a }), C(!0);
49
49
  } else
50
- (i = l.onClick) == null || i.call(l);
50
+ (i = n.onClick) == null || i.call(n);
51
51
  }
52
52
  };
53
53
  return $(() => {
54
54
  h && h(t);
55
- }, [t]), /* @__PURE__ */ n("nav", { ref: I, children: /* @__PURE__ */ f("div", { className: `${e.flexVerticalBetweenStart} ${e.fullHeight} ${t ? e.open : e.close}`, children: [
55
+ }, [t]), /* @__PURE__ */ l("nav", { ref: I, children: /* @__PURE__ */ f("div", { className: `${e.flexVerticalBetweenStart} ${e.fullHeight} ${t ? e.open : e.close}`, children: [
56
56
  /* @__PURE__ */ f("div", { className: e.fullWidth, children: [
57
- /* @__PURE__ */ n(
57
+ /* @__PURE__ */ l(
58
58
  "div",
59
59
  {
60
60
  className: `${e.flexHorizontalBetween} ${e.pointer} ${e.textEllipsis}`,
61
- onClick: () => P(),
61
+ onClick: () => S(),
62
62
  children: t ? /* @__PURE__ */ f("div", { className: e.fullImg, children: [
63
- m && /* @__PURE__ */ n("img", { src: m, alt: "Logo situaction" }),
64
- /* @__PURE__ */ n(u, { mode: "ghost", size: "menu", children: /* @__PURE__ */ n(w, { icon: "CaretDoubleLeft", size: 16, weight: "duotone" }) })
65
- ] }) : /* @__PURE__ */ n(
63
+ m && /* @__PURE__ */ l("img", { src: m, alt: "Logo situaction" }),
64
+ /* @__PURE__ */ l(u, { mode: "ghost", size: "menu", children: /* @__PURE__ */ l(w, { icon: "CaretDoubleLeft", size: 16, weight: "duotone" }) })
65
+ ] }) : /* @__PURE__ */ l(
66
66
  "div",
67
67
  {
68
68
  className: e.closeIcon,
69
69
  onMouseEnter: () => _(!0),
70
70
  onMouseLeave: () => _(!1),
71
71
  onClick: () => p(!t),
72
- children: V || !x ? /* @__PURE__ */ n(u, { mode: "ghost", size: "menu", children: /* @__PURE__ */ n(w, { icon: "CaretDoubleRight", size: 22, weight: "duotone" }) }) : /* @__PURE__ */ n("img", { src: x, alt: "Logo situaction" })
72
+ children: V || !x ? /* @__PURE__ */ l(u, { mode: "ghost", size: "menu", children: /* @__PURE__ */ l(w, { icon: "CaretDoubleRight", size: 22, weight: "duotone" }) }) : /* @__PURE__ */ l("img", { src: x, alt: "Logo situaction" })
73
73
  }
74
74
  )
75
75
  }
76
76
  ),
77
- /* @__PURE__ */ n("div", { className: e.menuItem, children: s && s.map((o) => t ? /* @__PURE__ */ n("div", { className: `${e.textEllipsis} ${e.menuButton}`, children: /* @__PURE__ */ n(
77
+ /* @__PURE__ */ l("div", { className: e.menuItem, children: s && s.map((o) => t ? /* @__PURE__ */ l("div", { className: `${e.textEllipsis} ${e.menuButton}`, children: /* @__PURE__ */ l(
78
78
  b,
79
79
  {
80
80
  mode: g === o.id ? "secondary" : "ghost",
@@ -82,7 +82,7 @@ const O = "_fullHeight_o2xi7_15", S = "_fullWidth_o2xi7_18", j = "_open_o2xi7_21
82
82
  onClick: (i) => v(i, o.id),
83
83
  childrenLeft: o.icon
84
84
  }
85
- ) }, `button-${o.id}`) : /* @__PURE__ */ n("div", { className: e.textEllipsis, children: /* @__PURE__ */ n(
85
+ ) }, `button-${o.id}`) : /* @__PURE__ */ l("div", { className: e.textEllipsis, children: /* @__PURE__ */ l(
86
86
  u,
87
87
  {
88
88
  mode: g === o.id ? "secondary" : "ghost",
@@ -90,20 +90,20 @@ const O = "_fullHeight_o2xi7_15", S = "_fullWidth_o2xi7_18", j = "_open_o2xi7_21
90
90
  onClick: (i) => v(i, o.id)
91
91
  }
92
92
  ) }, `icon-${o.id}`)) }),
93
- /* @__PURE__ */ n("div", { className: e.line })
93
+ /* @__PURE__ */ l("div", { className: e.line })
94
94
  ] }),
95
95
  /* @__PURE__ */ f("div", { className: `${e.menuParams} ${e.flexVerticalBetweenCenter}`, children: [
96
- r && r.map((o) => /* @__PURE__ */ n(
96
+ r && r.map((o) => /* @__PURE__ */ l(
97
97
  "div",
98
98
  {
99
99
  className: `${e.fullWidth} ${e.textEllipsis}`,
100
- onClick: () => W(o.id),
101
- children: t ? /* @__PURE__ */ n("div", { className: e.menuButton, children: /* @__PURE__ */ n(b, { mode: "ghost", label: o.label, childrenLeft: o.icon }, o.id) }) : /* @__PURE__ */ n(u, { mode: "ghost", children: o.icon })
100
+ onClick: () => P(o.id),
101
+ children: t ? /* @__PURE__ */ l("div", { className: e.menuButton, children: /* @__PURE__ */ l(b, { mode: "ghost", label: o.label, childrenLeft: o.icon }, o.id) }) : /* @__PURE__ */ l(u, { mode: "ghost", children: o.icon })
102
102
  },
103
103
  `param-icon-${o.id}`
104
104
  )),
105
- /* @__PURE__ */ n(
106
- y,
105
+ /* @__PURE__ */ l(
106
+ W,
107
107
  {
108
108
  ref: L,
109
109
  className: e.borderRadiusM,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@situaction/traq-ui-ste",
3
- "version": "1.1.22",
3
+ "version": "1.1.23",
4
4
  "description": "library react component Situaction",
5
5
  "main": "dist/main.js",
6
6
  "types": "dist/main.d.ts",