@cagatayfdn/flora-components 0.0.76 → 0.0.77
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.
|
@@ -3,51 +3,51 @@ import r from "./components/Icon/index.js";
|
|
|
3
3
|
import _ from "./components/PermaLink/PermaLink.js";
|
|
4
4
|
import a from "./components/Tooltip/Tooltip.js";
|
|
5
5
|
import { AppearanceDirection as c } from "./enums/appearance.js";
|
|
6
|
-
import './MenuItem.css';const m = "
|
|
6
|
+
import './MenuItem.css';const m = "_menu_1f9sy_1", l = "_arrow_1f9sy_18", u = "_up_1f9sy_33", d = "_selected_1f9sy_49", f = "_subMenuWrap_1f9sy_52", y = "_opened_1f9sy_59", x = "_hover_1f9sy_67", j = "_item_1f9sy_104", h = "_closeMenu_1f9sy_111", M = "_tooltipWrap_1f9sy_134", n = {
|
|
7
7
|
menu: m,
|
|
8
8
|
arrow: l,
|
|
9
|
-
up:
|
|
10
|
-
selected:
|
|
11
|
-
subMenuWrap:
|
|
12
|
-
opened:
|
|
13
|
-
hover:
|
|
14
|
-
item:
|
|
15
|
-
closeMenu:
|
|
16
|
-
tooltipWrap:
|
|
17
|
-
},
|
|
9
|
+
up: u,
|
|
10
|
+
selected: d,
|
|
11
|
+
subMenuWrap: f,
|
|
12
|
+
opened: y,
|
|
13
|
+
hover: x,
|
|
14
|
+
item: j,
|
|
15
|
+
closeMenu: h,
|
|
16
|
+
tooltipWrap: M
|
|
17
|
+
}, w = ({
|
|
18
18
|
icon: e,
|
|
19
|
-
title:
|
|
20
|
-
to:
|
|
19
|
+
title: o,
|
|
20
|
+
to: t,
|
|
21
21
|
visibleTooltip: i = !1
|
|
22
22
|
}) => {
|
|
23
|
-
const p = () =>
|
|
23
|
+
const p = () => t ? /* @__PURE__ */ s.jsxs(_, { className: n.item, to: t, children: [
|
|
24
24
|
e && /* @__PURE__ */ s.jsx(r, { name: e }),
|
|
25
25
|
" ",
|
|
26
26
|
/* @__PURE__ */ s.jsxs("span", { children: [
|
|
27
27
|
" ",
|
|
28
|
-
|
|
28
|
+
o
|
|
29
29
|
] })
|
|
30
|
-
] }) : /* @__PURE__ */ s.jsxs("a", { className:
|
|
30
|
+
] }) : /* @__PURE__ */ s.jsxs("a", { className: n.item, "data-testid": "menuitem-link", children: [
|
|
31
31
|
e && /* @__PURE__ */ s.jsx(r, { name: e }),
|
|
32
32
|
" ",
|
|
33
33
|
/* @__PURE__ */ s.jsxs("span", { children: [
|
|
34
34
|
" ",
|
|
35
|
-
|
|
35
|
+
o
|
|
36
36
|
] })
|
|
37
37
|
] });
|
|
38
38
|
return /* @__PURE__ */ s.jsx(
|
|
39
39
|
a,
|
|
40
40
|
{
|
|
41
|
-
id: `sideItem${
|
|
42
|
-
tooltipContent:
|
|
41
|
+
id: `sideItem${t}`,
|
|
42
|
+
tooltipContent: o,
|
|
43
43
|
tooltipVisible: i,
|
|
44
|
-
contentClass:
|
|
44
|
+
contentClass: n.tooltipWrap,
|
|
45
45
|
direction: c.RIGHT,
|
|
46
46
|
children: p()
|
|
47
47
|
}
|
|
48
48
|
);
|
|
49
49
|
};
|
|
50
50
|
export {
|
|
51
|
-
|
|
52
|
-
|
|
51
|
+
w as M,
|
|
52
|
+
n as s
|
|
53
53
|
};
|
package/dist/MenuItem.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._menu_1f9sy_1{margin:0;padding:0}._menu_1f9sy_1 li{list-style:none;height:50px;display:flex;align-items:center;position:relative}._menu_1f9sy_1 li>span{width:100%}._menu_1f9sy_1 li>div{width:100%}._menu_1f9sy_1 li ._arrow_1f9sy_18{position:absolute;right:10px;top:24px;transform:rotate(0);-moz-transition:all .3s ease;-o-transition:all .3s ease;-webkit-transition:all .3s ease;transition:all .3s ease;cursor:pointer}._menu_1f9sy_1 li ._arrow_1f9sy_18 i{font-size:14px;margin:0}._menu_1f9sy_1 li ._arrow_1f9sy_18._up_1f9sy_33{transform:rotate(180deg)}._menu_1f9sy_1 li a{display:flex;align-items:center;padding:20px}._menu_1f9sy_1 li i{font-size:18px;margin-right:13px;margin-left:5px;width:31px;display:flex;justify-content:center}._menu_1f9sy_1 li._selected_1f9sy_49{background-color:#1b202b}._menu_1f9sy_1 li._subMenuWrap_1f9sy_52{flex-wrap:wrap;height:auto}._menu_1f9sy_1 li._subMenuWrap_1f9sy_52>div>span>div{width:100%}._menu_1f9sy_1 li._subMenuWrap_1f9sy_52 ._opened_1f9sy_59{background-color:#232b3b}._menu_1f9sy_1 li._subMenuWrap_1f9sy_52 ul{padding:0;margin:0;width:100%}._menu_1f9sy_1 li._subMenuWrap_1f9sy_52 ul._hover_1f9sy_67{position:absolute;left:100%;z-index:9;background:#232b3b;width:285px;top:0}._menu_1f9sy_1 li._subMenuWrap_1f9sy_52 ul li{list-style:none}._menu_1f9sy_1 li._subMenuWrap_1f9sy_52 ul li a{color:#788195;font-weight:500;padding:14px 20px 14px 35px}._menu_1f9sy_1 li._subMenuWrap_1f9sy_52 ul li a:before{content:"";border-radius:50%;background-color:#5c5e81;width:8px;height:8px;margin-right:22px}._menu_1f9sy_1 li._subMenuWrap_1f9sy_52 ul li a:hover{color:#fff}._menu_1f9sy_1 li._subMenuWrap_1f9sy_52 ul li a:hover:before{background-color:#fff}._menu_1f9sy_1 li._subMenuWrap_1f9sy_52 ul li._selected_1f9sy_49 a{background-color:#1e1e2d;color:#fff}._menu_1f9sy_1 li._subMenuWrap_1f9sy_52 ul li._selected_1f9sy_49 a:before{background-color:#fff}._menu_1f9sy_1 ._item_1f9sy_104{font-weight:600;color:#fff;letter-spacing:.58px;width:100%;white-space:nowrap}._menu_1f9sy_1._closeMenu_1f9sy_111>li{display:flex;justify-content:center}._menu_1f9sy_1._closeMenu_1f9sy_111>li>span{height:100%;display:flex;justify-content:center;align-items:center}._menu_1f9sy_1._closeMenu_1f9sy_111>li._subMenuWrap_1f9sy_52 ul li a{padding-left:22px}._menu_1f9sy_1._closeMenu_1f9sy_111>li._subMenuWrap_1f9sy_52 ul li a._item_1f9sy_104 span{display:block}._menu_1f9sy_1._closeMenu_1f9sy_111 i{margin:0}._menu_1f9sy_1._closeMenu_1f9sy_111 ._item_1f9sy_104 span{display:none}._tooltipWrap_1f9sy_134{background:#222!important}._tooltipWrap_1f9sy_134:before{border-bottom-color:transparent!important;border-top-color:transparent!important}._tooltipWrap_1f9sy_134:after{border-bottom-color:transparent!important;border-top-color:transparent!important}
|
|
@@ -2,7 +2,7 @@ import "../../jsx-runtime-BcAkpsdy.js";
|
|
|
2
2
|
import "../Icon/index.js";
|
|
3
3
|
import "../PermaLink/PermaLink.js";
|
|
4
4
|
import "../Tooltip/Tooltip.js";
|
|
5
|
-
import { M as e } from "../../MenuItem-
|
|
5
|
+
import { M as e } from "../../MenuItem-DAf7NU3h.js";
|
|
6
6
|
import "../../enums/appearance.js";
|
|
7
7
|
export {
|
|
8
8
|
e as default
|
|
@@ -4,7 +4,7 @@ import x from "../AuthUserCan/index.js";
|
|
|
4
4
|
import w from "../Icon/index.js";
|
|
5
5
|
import { Icons as h } from "../../assets/icons/icons.js";
|
|
6
6
|
import { c as n } from "../../index-BHf7G3IG.js";
|
|
7
|
-
import { s as a, M as d } from "../../MenuItem-
|
|
7
|
+
import { s as a, M as d } from "../../MenuItem-DAf7NU3h.js";
|
|
8
8
|
import { a as y } from "../../index-a0GSBrWt.js";
|
|
9
9
|
const g = ({
|
|
10
10
|
collapsed: r = !1,
|
package/dist/components/index.js
CHANGED
|
@@ -47,7 +47,7 @@ import { default as qo } from "./ScrollContainer/ScrollContainer.js";
|
|
|
47
47
|
import { default as Go } from "./Select/NoData.js";
|
|
48
48
|
import { S as Ko } from "../Select-DcLZCXNo.js";
|
|
49
49
|
import { default as Qo } from "./Sidebar/index.js";
|
|
50
|
-
import { M as Yo } from "../MenuItem-
|
|
50
|
+
import { M as Yo } from "../MenuItem-DAf7NU3h.js";
|
|
51
51
|
import { default as _o } from "./StatusTypography/StatusTypography.js";
|
|
52
52
|
import { default as oe } from "./Stepper/Stepper.js";
|
|
53
53
|
import { default as re } from "./Switch/Switch.js";
|
package/dist/index.js
CHANGED
|
@@ -52,7 +52,7 @@ import { default as no } from "./components/ScrollContainer/ScrollContainer.js";
|
|
|
52
52
|
import { default as To } from "./components/Select/NoData.js";
|
|
53
53
|
import { S as co } from "./Select-DcLZCXNo.js";
|
|
54
54
|
import { default as _o } from "./components/Sidebar/index.js";
|
|
55
|
-
import { M as Ro } from "./MenuItem-
|
|
55
|
+
import { M as Ro } from "./MenuItem-DAf7NU3h.js";
|
|
56
56
|
import { default as Mo } from "./components/StatusTypography/StatusTypography.js";
|
|
57
57
|
import { default as So } from "./components/Stepper/Stepper.js";
|
|
58
58
|
import { default as No } from "./components/Switch/Switch.js";
|